优化表格高度计算及组件引用调整

This commit is contained in:
2024-12-12 18:08:47 +08:00
parent a10ecd6609
commit 7b64f36c69
14 changed files with 1066 additions and 406 deletions
+15 -50
View File
@@ -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>