优化表格高度计算及组件引用调整
This commit is contained in:
@@ -29,8 +29,8 @@
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<el-tabs type="border-card">
|
||||
<el-tab-pane label="发现页banner">
|
||||
<el-tabs type="border-card" v-model="activeName" @tab-change="handleClick">
|
||||
<el-tab-pane label="发现页banner" name="0">
|
||||
<el-table :height="autoTableHeight" v-loading="loading" :data="articleList" @selection-change="handleSelectionChange" border>
|
||||
<el-table-column label="banner名称" align="center" prop="" />
|
||||
<el-table-column label="图片" align="center" prop="" />
|
||||
@@ -57,7 +57,7 @@
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="租车图片">
|
||||
<el-tab-pane label="租车图片" name="1">
|
||||
<el-table :height="autoTableHeight" v-loading="loading" :data="articleList" @selection-change="handleSelectionChange" border>
|
||||
<el-table-column label="banner名称" align="center" prop="" />
|
||||
<el-table-column label="图片" align="center" prop="" />
|
||||
@@ -84,7 +84,7 @@
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="租游艇图片">
|
||||
<el-tab-pane label="租游艇图片" name="2">
|
||||
<el-table :height="autoTableHeight" v-loading="loading" :data="articleList" @selection-change="handleSelectionChange" border>
|
||||
<el-table-column label="banner名称" align="center" prop="" />
|
||||
<el-table-column label="图片" align="center" prop="" />
|
||||
@@ -124,47 +124,17 @@
|
||||
<!-- 添加或修改景点、租赁管理对话框 -->
|
||||
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
|
||||
<el-form ref="articleFormRef" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="开放/营业" prop="isOpen">
|
||||
<el-input v-model="form.isOpen" placeholder="请输入开放/营业" />
|
||||
</el-form-item>
|
||||
<el-form-item label="景点属性/商家属性" prop="attribute">
|
||||
<el-input v-model="form.attribute" placeholder="请输入景点属性/商家属性" />
|
||||
</el-form-item>
|
||||
<el-form-item label="省code" prop="province">
|
||||
<el-input v-model="form.province" placeholder="请输入省code" />
|
||||
</el-form-item>
|
||||
<el-form-item label="市/区" prop="city">
|
||||
<el-input v-model="form.city" placeholder="请输入市/区" />
|
||||
</el-form-item>
|
||||
<el-form-item label="个人简介" prop="remark">
|
||||
<el-input v-model="form.remark" placeholder="请输入个人简介" />
|
||||
</el-form-item>
|
||||
<el-form-item label="会员等级" prop="memberLevel">
|
||||
<el-input v-model="form.memberLevel" placeholder="请输入会员等级" />
|
||||
</el-form-item>
|
||||
<el-form-item label="标签" prop="tagId">
|
||||
<el-input v-model="form.tagId" placeholder="请输入标签" />
|
||||
</el-form-item>
|
||||
<el-form-item label="推荐语" prop="recommend">
|
||||
<el-form-item label="banner类型" prop="">
|
||||
<el-input v-model="form.recommend" placeholder="请输入推荐语" />
|
||||
</el-form-item>
|
||||
<el-form-item label="介绍" prop="intro">
|
||||
<el-form-item label="banner名称" prop="">
|
||||
<el-input v-model="form.intro" type="textarea" placeholder="请输入内容" />
|
||||
</el-form-item>
|
||||
<el-form-item label="详细地址" prop="address">
|
||||
<el-input v-model="form.address" placeholder="请输入详细地址" />
|
||||
<el-form-item label="链接地址" prop="">
|
||||
<el-input v-model="form.address" placeholder="请输入链接地址" />
|
||||
</el-form-item>
|
||||
<el-form-item label="经度" prop="longitude">
|
||||
<el-input v-model="form.longitude" placeholder="请输入经度" />
|
||||
</el-form-item>
|
||||
<el-form-item label="纬度" prop="latitude">
|
||||
<el-input v-model="form.latitude" placeholder="请输入纬度" />
|
||||
</el-form-item>
|
||||
<el-form-item label="排序" prop="orderNum">
|
||||
<el-input v-model="form.orderNum" placeholder="请输入排序" />
|
||||
</el-form-item>
|
||||
<el-form-item label="景区等级" prop="level">
|
||||
<el-input v-model="form.level" placeholder="请输入景区等级" />
|
||||
<el-form-item label="排序" prop="longitude">
|
||||
<el-input-number v-model="form.longitude" :min="1" :max="100" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
@@ -191,7 +161,7 @@ const ids = ref<Array<string | number>>([]);
|
||||
const single = ref(true);
|
||||
const multiple = ref(true);
|
||||
const total = ref(0);
|
||||
|
||||
const activeName = ref('0');
|
||||
const queryFormRef = ref<ElFormInstance>();
|
||||
const articleFormRef = ref<ElFormInstance>();
|
||||
const note_publish_list = ref([
|
||||
@@ -361,15 +331,10 @@ const handleDelete = async (row?: ArticleVO) => {
|
||||
await getList();
|
||||
};
|
||||
|
||||
/** 导出按钮操作 */
|
||||
const handleExport = () => {
|
||||
proxy?.download(
|
||||
'system/article/export',
|
||||
{
|
||||
...queryParams.value
|
||||
},
|
||||
`article_${new Date().getTime()}.xlsx`
|
||||
);
|
||||
// tab切换
|
||||
const handleClick = (tab: any) => {
|
||||
console.log(tab);
|
||||
activeName.value = tab;
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
|
||||
Reference in New Issue
Block a user