优化表格高度计算及组件引用调整
This commit is contained in:
parent
a10ecd6609
commit
7b64f36c69
73
src/components/noteList/index.vue
Normal file
73
src/components/noteList/index.vue
Normal file
@ -0,0 +1,73 @@
|
||||
<!-- 笔记列表 -->
|
||||
<template>
|
||||
<div>
|
||||
<el-table :height="props.autoTableHeight" v-loading="loading" :data="props.articleList" @selection-change="handleSelectionChange" border>
|
||||
<el-table-column type="selection" width="55" align="center" v-if="props.parentName != 'dyUser'" />
|
||||
<el-table-column label="ID" align="center" prop="id" v-if="props.parentName != 'dyUser'" />
|
||||
<el-table-column label="笔记标题" align="center" prop="" />
|
||||
<el-table-column label="笔记封面" align="center" prop="" />
|
||||
<el-table-column label="笔记类别" align="center" prop="" />
|
||||
<el-table-column label="标记地点" align="center" prop="" />
|
||||
<el-table-column label="标签" align="center" prop="" />
|
||||
<el-table-column label="笔记详情" align="center" prop="" />
|
||||
<el-table-column label="笔记评论数" align="center" prop="" />
|
||||
<el-table-column label="笔记点赞数" align="center" prop="" />
|
||||
<el-table-column label="发布状态" align="center" prop="" />
|
||||
<el-table-column label="操作人" align="center" prop="" />
|
||||
<el-table-column label="操作时间" align="center" prop="" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" v-if="props.parentName != 'dyUser'">
|
||||
<template #default="scope">
|
||||
<el-tooltip content="编辑" placement="top">
|
||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:article:edit']"></el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="发布" placement="top">
|
||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:article:edit']"></el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="删除" placement="top">
|
||||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:article:remove']"></el-button>
|
||||
</el-tooltip>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts" name="noteList">
|
||||
import { ref, reactive, onMounted, nextTick } from 'vue';
|
||||
|
||||
//导入父组件传递的值
|
||||
const props = defineProps({
|
||||
articleList: {
|
||||
type: Array,
|
||||
default: () => []
|
||||
},
|
||||
autoTableHeight: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
parentName: {
|
||||
type: String,
|
||||
default: () => ''
|
||||
}
|
||||
});
|
||||
const loading = ref(false);
|
||||
|
||||
/** 多选框选中数据 */
|
||||
const handleSelectionChange = (selection: any) => {
|
||||
// ids.value = selection.map((item) => item.id);
|
||||
// single.value = selection.length != 1;
|
||||
// multiple.value = !selection.length;
|
||||
};
|
||||
// 编辑按钮操作
|
||||
const handleUpdate = async (row?: any) => {
|
||||
// reset();
|
||||
emit('handleUpdate', row);
|
||||
};
|
||||
// 删除笔记
|
||||
const handleDelete = (row: any) => {
|
||||
emit('handleDelete', row);
|
||||
};
|
||||
// 导入父组件定义的函数
|
||||
const emit = defineEmits(['hideDialog', 'handleUpdate', 'handleDelete']);
|
||||
</script>
|
||||
<style lang="scss" scoped></style>
|
||||
77
src/components/orderList/index.vue
Normal file
77
src/components/orderList/index.vue
Normal file
@ -0,0 +1,77 @@
|
||||
<!-- 订单列表 -->
|
||||
<template>
|
||||
<div>
|
||||
<el-table :height="autoTableHeight" v-loading="loading" :data="orderList" @selection-change="handleSelectionChange" border>
|
||||
<el-table-column type="selection" width="55" align="center" v-if="props.parentName != 'dyUser'" />
|
||||
<el-table-column label="生成时间" align="center" fixed prop="" />
|
||||
<el-table-column label="订单号" align="center" fixed prop="" />
|
||||
<el-table-column label="来源" align="center" prop="" />
|
||||
<el-table-column label="商品名称" align="center" prop="" />
|
||||
<el-table-column label="商品图片" align="center" prop="" />
|
||||
<el-table-column label="商品类型" align="center" prop="" />
|
||||
<el-table-column label="收货地址" align="center" prop="" />
|
||||
<el-table-column label="订单状态" align="center" prop="" />
|
||||
<el-table-column label="物流单号" align="center" prop="" width="120px" />
|
||||
<el-table-column
|
||||
label="操作"
|
||||
align="center"
|
||||
width="150px"
|
||||
fixed="right"
|
||||
class-name="small-padding fixed-width"
|
||||
v-if="props.parentName != 'dyUser'"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-tooltip content="编辑" placement="top">
|
||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:article:edit']"></el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="发布" placement="top">
|
||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:article:edit']"></el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="删除" placement="top">
|
||||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:article:remove']"></el-button>
|
||||
</el-tooltip>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts" name="partyList">
|
||||
import { ref, reactive, onMounted, nextTick } from 'vue';
|
||||
|
||||
//导入父组件传递的值
|
||||
const props = defineProps({
|
||||
orderList: {
|
||||
type: Array,
|
||||
default: () => []
|
||||
},
|
||||
autoTableHeight: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
parentName: {
|
||||
type: String,
|
||||
default: () => ''
|
||||
}
|
||||
});
|
||||
const loading = ref(false);
|
||||
|
||||
/** 多选框选中数据 */
|
||||
const handleSelectionChange = (selection: any) => {
|
||||
// ids.value = selection.map((item) => item.id);
|
||||
// single.value = selection.length != 1;
|
||||
// multiple.value = !selection.length;
|
||||
};
|
||||
// 编辑按钮操作
|
||||
const handleUpdate = async (row?: any) => {
|
||||
// reset();
|
||||
emit('handleUpdate', row);
|
||||
};
|
||||
// 删除笔记
|
||||
const handleDelete = (row: any) => {
|
||||
emit('handleDelete', row);
|
||||
};
|
||||
// 导入父组件定义的函数
|
||||
const emit = defineEmits(['hideDialog', 'handleUpdate', 'handleDelete']);
|
||||
</script>
|
||||
<style lang="scss" scoped></style>
|
||||
88
src/components/partyList/index.vue
Normal file
88
src/components/partyList/index.vue
Normal file
@ -0,0 +1,88 @@
|
||||
<!-- 活动列表 -->
|
||||
<template>
|
||||
<div>
|
||||
<el-table :height="autoTableHeight" v-loading="loading" :data="partyList" @selection-change="handleSelectionChange" border>
|
||||
<el-table-column type="selection" width="55" align="center" v-if="props.parentName != 'dyUser'" />
|
||||
<el-table-column label="ID" align="center" prop="id" fixed v-if="props.parentName != 'dyUser'" />
|
||||
<el-table-column label="活动名称" align="center" fixed prop="" />
|
||||
<el-table-column label="活动描述" align="center" fixed prop="" />
|
||||
<el-table-column label="活动图片" align="center" prop="" />
|
||||
<el-table-column label="排序" align="center" prop="" />
|
||||
<el-table-column label="活动人数" align="center" prop="" />
|
||||
<el-table-column label="报名人数" align="center" prop="" />
|
||||
<el-table-column label="挑选玩友" align="center" prop="" />
|
||||
<el-table-column label="活动时间" align="center" prop="" />
|
||||
<el-table-column label="报名截止时间" align="center" prop="" width="120px" />
|
||||
<el-table-column label="发布者地址" align="center" prop="" width="120px" />
|
||||
<el-table-column label="活动地点" align="center" prop="" />
|
||||
<el-table-column label="收费方式" align="center" prop="" />
|
||||
<el-table-column label="活动流程" align="center" prop="" />
|
||||
<el-table-column label="问答" align="center" prop="" />
|
||||
<el-table-column label="发布状态" align="center" prop="" />
|
||||
<el-table-column label="发布时间" align="center" prop="" />
|
||||
<el-table-column label="发布人员" align="center" prop="" />
|
||||
<el-table-column label="操作人员" align="center" prop="" />
|
||||
<el-table-column label="操作时间" align="center" prop="" />
|
||||
<el-table-column
|
||||
label="操作"
|
||||
align="center"
|
||||
width="150px"
|
||||
fixed="right"
|
||||
class-name="small-padding fixed-width"
|
||||
v-if="props.parentName != 'dyUser'"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-tooltip content="编辑" placement="top">
|
||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:article:edit']"></el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="发布" placement="top">
|
||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:article:edit']"></el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="删除" placement="top">
|
||||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:article:remove']"></el-button>
|
||||
</el-tooltip>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts" name="partyList">
|
||||
import { ref, reactive, onMounted, nextTick } from 'vue';
|
||||
|
||||
//导入父组件传递的值
|
||||
const props = defineProps({
|
||||
partyList: {
|
||||
type: Array,
|
||||
default: () => []
|
||||
},
|
||||
autoTableHeight: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
parentName: {
|
||||
type: String,
|
||||
default: () => ''
|
||||
}
|
||||
});
|
||||
const loading = ref(false);
|
||||
|
||||
/** 多选框选中数据 */
|
||||
const handleSelectionChange = (selection: any) => {
|
||||
// ids.value = selection.map((item) => item.id);
|
||||
// single.value = selection.length != 1;
|
||||
// multiple.value = !selection.length;
|
||||
};
|
||||
// 编辑按钮操作
|
||||
const handleUpdate = async (row?: any) => {
|
||||
// reset();
|
||||
emit('handleUpdate', row);
|
||||
};
|
||||
// 删除笔记
|
||||
const handleDelete = (row: any) => {
|
||||
emit('handleDelete', row);
|
||||
};
|
||||
// 导入父组件定义的函数
|
||||
const emit = defineEmits(['hideDialog', 'handleUpdate', 'handleDelete']);
|
||||
</script>
|
||||
<style lang="scss" scoped></style>
|
||||
@ -251,7 +251,7 @@ export const autoTableHeight = () => {
|
||||
let allHeight = window.innerHeight;
|
||||
let element = [document.getElementById('topBar'), document.getElementById('search_div'), document.getElementById('table_page')];
|
||||
let domHeight = element.map((item) => (item.offsetHeight ? item.offsetHeight : 0));
|
||||
let tableHeight = allHeight - domHeight[0] - domHeight[1] - 80 - 50;
|
||||
let tableHeight = allHeight - domHeight[0] - domHeight[1] - 80 - 10;
|
||||
console.log('全局计算表格高度：', tableHeight, allHeight, domHeight[0], domHeight[1], domHeight[2]);
|
||||
return tableHeight;
|
||||
};
|
||||
|
||||
@ -29,7 +29,6 @@
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<el-card shadow="never">
|
||||
<el-table :height="autoTableHeight" v-loading="loading" :data="articleList" @selection-change="handleSelectionChange" border>
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="ID" align="center" prop="id" v-if="true" />
|
||||
@ -62,7 +61,6 @@
|
||||
v-model:limit="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</el-card>
|
||||
<!-- 添加或修改景点、租赁管理对话框 -->
|
||||
<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">
|
||||
|
||||
0
src/views/manage/bannedUser/index.vue
Normal file
0
src/views/manage/bannedUser/index.vue
Normal 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>
|
||||
|
||||
@ -39,32 +39,15 @@
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<el-card shadow="never">
|
||||
<!-- <template #header id="table_top">
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['manage:dyUser:edit']"
|
||||
>封禁</el-button
|
||||
>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['manage:dyUser:remove']"
|
||||
>注销</el-button
|
||||
>
|
||||
</el-col>
|
||||
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
</template> -->
|
||||
|
||||
<el-table :height="autoTableHeight" v-loading="loading" :data="dyUserList" @selection-change="handleSelectionChange" style="width: 100%" border>
|
||||
<el-table-column fixed type="selection" width="55" align="center" />
|
||||
<el-table-column fixed label="用户ID" align="center" prop="id" v-if="true" />
|
||||
<el-table-column fixed label="用户ID" align="center" prop="id" />
|
||||
<el-table-column fixed label="帐号状态" align="center" prop="status">
|
||||
<template #default="scope">
|
||||
<dict-tag :options="dy_user_status" :value="scope.row.status" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column fixed label="会员等级" align="center" prop="leveId" />
|
||||
<el-table-column fixed label="会员等级" align="center" prop="levelId" />
|
||||
<el-table-column fixed label="昵称" align="center" prop="nickName" />
|
||||
<el-table-column label="用户性别" align="center" prop="sex">
|
||||
<template #default="scope">
|
||||
@ -83,53 +66,71 @@
|
||||
</el-table-column>
|
||||
<el-table-column width="120" label="手机号码" align="center" prop="phone" />
|
||||
<el-table-column width="130" label="绑定微信账号" align="center" prop="openId" />
|
||||
<el-table-column label="生日" align="center" prop="birthday" width="180">
|
||||
<el-table-column label="生日" align="center" prop="birthday" width="100">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.birthday, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="55" label="年龄" align="center" prop="age" />
|
||||
<el-table-column width="150" label="常住地" align="center" prop="address" />
|
||||
<el-table-column width="55" label="星座" align="center" prop="constellation" />
|
||||
<el-table-column width="70" label="星座" align="center" prop="constellation" />
|
||||
<el-table-column width="100" label="职业" align="center" prop="occupation" />
|
||||
<el-table-column width="120" label="简介" align="center" prop="remark" />
|
||||
<el-table-column width="120" label="IP形象" align="center" prop="" />
|
||||
<el-table-column width="120" label="发布的笔记" align="center" prop="" />
|
||||
<el-table-column width="120" label="发布的活动" align="center" prop="" />
|
||||
<el-table-column width="120" label="关注的人" align="center" prop="" />
|
||||
<el-table-column width="120" label="粉丝数" align="center" prop="" />
|
||||
<el-table-column width="120" label="到过的景点" align="center" prop="" />
|
||||
<el-table-column width="120" label="点亮的城市" align="center" prop="" />
|
||||
<el-table-column width="120" label="获得的明信片" align="center" prop="" />
|
||||
<el-table-column width="120" label="我的愿望" align="center" prop="" />
|
||||
<el-table-column width="120" label="我的背包" align="center" prop="" />
|
||||
<el-table-column width="120" label="获得的物品" align="center" prop="" />
|
||||
|
||||
<el-table-column width="120" label="积分" align="center" prop="score" />
|
||||
<el-table-column width="120" label="收藏" align="center" prop="" />
|
||||
<el-table-column width="120" label="收货地址" align="center" prop="" />
|
||||
<el-table-column width="120" label="我的订单" align="center" prop="" />
|
||||
<el-table-column width="120" label="邀请人数" align="center" prop="" />
|
||||
<el-table-column width="120" label="处理方式" align="center" prop="" />
|
||||
<el-table-column width="130" label="封禁理由" align="center" prop="reason" show-overflow-tooltip />
|
||||
<el-table-column width="100" label="封禁天数" align="center" prop="banDays">
|
||||
<el-table-column width="80" label="IP形象" align="center" prop="" />
|
||||
<el-table-column width="80" label="发布笔记" align="center" prop="">
|
||||
<template #default="scope">
|
||||
<span style="color: dodgerblue; cursor: pointer; text-decoration: underline" @click="openNoteListDialog(scope.row)">12</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="90" label="发布的活动" align="center" prop="">
|
||||
<template #default="scope">
|
||||
<span style="color: dodgerblue; cursor: pointer; text-decoration: underline" @click="openPartyListDialog(scope.row)">15</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="80" label="关注的人" align="center" prop="" />
|
||||
<el-table-column width="80" label="粉丝数" align="center" prop="" />
|
||||
<el-table-column width="90" label="点亮的景点" align="center" prop="">
|
||||
<template #default="scope">
|
||||
<span style="color: dodgerblue; cursor: pointer; text-decoration: underline" @click="openScenicListDialog(scope.row)">20</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="90" label="点亮的城市" align="center" prop="">
|
||||
<template #default="scope">
|
||||
<span style="color: dodgerblue; cursor: pointer; text-decoration: underline" @click="openCityListDialog(scope.row)">25</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="110" label="获得的明信片" align="center" prop="">
|
||||
<template #default="scope">
|
||||
<span style="color: dodgerblue; cursor: pointer; text-decoration: underline" @click="openPostcardListDialog(scope.row)">12</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="80" label="我的愿望" align="center" prop="" />
|
||||
<el-table-column width="80" label="我的背包" align="center" prop="" />
|
||||
<el-table-column width="90" label="获得的物品" align="center" prop="" />
|
||||
<el-table-column width="70" label="积分" align="center" prop="score" />
|
||||
<el-table-column width="90" label="我的订单" align="center" prop="">
|
||||
<template #default="scope">
|
||||
<span style="color: dodgerblue; cursor: pointer" @click="openOrderListDialog(scope.row)">查看详情</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="80" label="邀请人数" align="center" prop="">
|
||||
<template #default="scope">
|
||||
<span style="color: dodgerblue; cursor: pointer; text-decoration: underline" @click="openInviteListDialog(scope.row)">35</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="80" label="处理方式" align="center" prop="" />
|
||||
<el-table-column width="150" label="封禁理由" align="center" prop="reason" show-overflow-tooltip />
|
||||
<el-table-column width="80" label="封禁天数" align="center" prop="banDays">
|
||||
<template #default="scope">
|
||||
<dict-tag :options="dy_user_ban_days" :value="scope.row.banDays" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="120" label="操作时间" align="center" prop="" />
|
||||
<el-table-column width="120" label="操作人" align="center" prop="" />
|
||||
|
||||
<!-- <el-table-column label="最后登录IP" width="100" align="center" prop="loginIp" />
|
||||
<el-table-column label="最后登录时间" align="center" prop="loginDate" width="180">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.loginDate, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
<el-table-column width="90" label="操作人" align="center" prop="" />
|
||||
<el-table-column fixed="right" label="操作" min-width="120">
|
||||
<template #default="scope">
|
||||
<el-button link type="primary" size="small" @click="openbanned(scope.row)">封禁</el-button>
|
||||
<el-button link type="primary" size="small">权限</el-button>
|
||||
<!-- <el-button link type="primary" size="small">权限</el-button> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@ -142,7 +143,6 @@
|
||||
v-model:limit="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</el-card>
|
||||
<!-- 添加或修改C端用户信息对话框 -->
|
||||
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body center>
|
||||
<el-form ref="dyUserFormRef" :model="form" :rules="rules" label-width="80px">
|
||||
@ -169,6 +169,84 @@
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 笔记列表 -->
|
||||
<el-dialog title="发布的笔记" v-model="noteListDialog" width="1200px" append-to-body>
|
||||
<noteList :articleList="articleList" :autoTableHeight="300" parentName="dyUser"></noteList>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="cancel">关 闭</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 活动列表 -->
|
||||
<el-dialog title="发布的活动" v-model="partyListDialog" width="1200px" append-to-body>
|
||||
<partyList :articleList="partyLists" :autoTableHeight="300" parentName="dyUser"></partyList>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="cancel">关 闭</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 点亮的景点 -->
|
||||
<el-dialog title="点亮的景点" v-model="scenicListDialog" width="500px" append-to-body>
|
||||
<el-table :height="300" v-loading="loading" :data="scenicList" @selection-change="handleSelectionChange" border>
|
||||
<el-table-column label="景点名称" align="center" fixed prop="" />
|
||||
<el-table-column label="打卡时间" align="center" fixed prop="" />
|
||||
</el-table>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="cancel">关 闭</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 点亮的城市 -->
|
||||
<el-dialog title="点亮的城市" v-model="cityListDialog" width="500px" append-to-body>
|
||||
<el-table :height="300" v-loading="loading" :data="scenicList" @selection-change="handleSelectionChange" border>
|
||||
<el-table-column label="城市名称" align="center" fixed prop="" />
|
||||
<el-table-column label="打卡时间" align="center" fixed prop="" />
|
||||
</el-table>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="cancel">关 闭</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 获得的明信片 -->
|
||||
<el-dialog title="获得的明信片" v-model="postcardListDialog" width="600px" append-to-body>
|
||||
<el-table :height="300" v-loading="loading" :data="postcardList" @selection-change="handleSelectionChange" border>
|
||||
<el-table-column label="景点名称" align="center" fixed prop="" />
|
||||
<el-table-column label="明信片" align="center" fixed prop="" />
|
||||
<el-table-column label="获得日期" align="center" fixed prop="" />
|
||||
<el-table-column label="邮寄地址" align="center" fixed prop="" />
|
||||
</el-table>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="cancel">关 闭</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 用户邀请人数 -->
|
||||
<el-dialog title="邀请人数" v-model="inviteListDialog" width="500px" append-to-body>
|
||||
<el-table :height="300" v-loading="loading" :data="inviteList" @selection-change="handleSelectionChange" border>
|
||||
<el-table-column label="用户名称" align="center" fixed prop="" />
|
||||
<el-table-column label="用户头像" align="center" fixed prop="" />
|
||||
<el-table-column label="邀请日期" align="center" fixed prop="" />
|
||||
</el-table>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="cancel">关 闭</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 用户订单 -->
|
||||
<el-dialog title="用户订单" v-model="orderListDialog" width="1000px" append-to-body>
|
||||
<orderList :orderList="orderLists" :autoTableHeight="300" parentName="dyUser"></orderList>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="cancel">关 闭</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -180,7 +258,11 @@ const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||
const { dy_user_ban_days, dy_user_status, sys_user_sex, dy_user_ban_mode } = toRefs<any>(
|
||||
proxy?.useDict('dy_user_ban_days', 'dy_user_status', 'sys_user_sex', 'dy_user_ban_mode')
|
||||
);
|
||||
|
||||
const orderLists = ref([]); //用户订单列表
|
||||
const scenicList = ref([]); //用户点亮的景点
|
||||
const articleList = ref([]); //用户笔记列表
|
||||
const partyLists = ref([]); //用户活动列表
|
||||
const postcardList = ref([]); //用户明信片列表
|
||||
const dyUserList = ref<DyUserVO[]>([]);
|
||||
const buttonLoading = ref(false);
|
||||
const loading = ref(true);
|
||||
@ -278,6 +360,13 @@ const getList = async () => {
|
||||
const cancel = () => {
|
||||
reset();
|
||||
dialog.visible = false;
|
||||
noteListDialog.value = false;
|
||||
partyListDialog.value = false;
|
||||
scenicListDialog.value = false;
|
||||
cityListDialog.value = false;
|
||||
postcardListDialog.value = false;
|
||||
inviteListDialog.value = false;
|
||||
orderListDialog.value = false;
|
||||
};
|
||||
|
||||
/** 表单重置 */
|
||||
@ -347,6 +436,60 @@ const openbanned = async (row: DyUserVO) => {
|
||||
dialog.visible = true;
|
||||
dialog.rowData = row;
|
||||
};
|
||||
|
||||
/**
|
||||
* 打开笔记列表弹层
|
||||
* @param row
|
||||
*/
|
||||
const noteListDialog = ref(false);
|
||||
const openNoteListDialog = async (row: DyUserVO) => {
|
||||
noteListDialog.value = true;
|
||||
};
|
||||
/**
|
||||
* 打开活动列表弹层
|
||||
*/
|
||||
const partyListDialog = ref(false);
|
||||
const openPartyListDialog = async (row: DyUserVO) => {
|
||||
partyListDialog.value = true;
|
||||
};
|
||||
/**
|
||||
* 用户点亮的景点
|
||||
*/
|
||||
const scenicListDialog = ref(false);
|
||||
const openScenicListDialog = async (row: DyUserVO) => {
|
||||
scenicListDialog.value = true;
|
||||
};
|
||||
/**
|
||||
* 用户点亮的城市
|
||||
*/
|
||||
const cityListDialog = ref(false);
|
||||
const openCityListDialog = async (row: DyUserVO) => {
|
||||
cityListDialog.value = true;
|
||||
};
|
||||
|
||||
/**
|
||||
* 用户获得的明信片
|
||||
*/
|
||||
const postcardListDialog = ref(false);
|
||||
const openPostcardListDialog = async (row: DyUserVO) => {
|
||||
postcardListDialog.value = true;
|
||||
};
|
||||
|
||||
/**
|
||||
* 打开我的订单
|
||||
*/
|
||||
const orderListDialog = ref(false);
|
||||
const openOrderListDialog = async (row: DyUserVO) => {
|
||||
orderListDialog.value = true;
|
||||
};
|
||||
/**
|
||||
* 用户邀请列表
|
||||
*/
|
||||
const inviteList = ref([]); //用户邀请列表
|
||||
const inviteListDialog = ref(false);
|
||||
const openInviteListDialog = async (row: DyUserVO) => {
|
||||
inviteListDialog.value = true;
|
||||
};
|
||||
/**
|
||||
* 封禁用户
|
||||
*/
|
||||
|
||||
@ -35,8 +35,7 @@
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<el-card shadow="never">
|
||||
<el-table :height="autoTableHeight" v-loading="loading" :data="articleList" @selection-change="handleSelectionChange" border>
|
||||
<!-- <el-table :height="autoTableHeight" v-loading="loading" :data="articleList" @selection-change="handleSelectionChange" border>
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="ID" align="center" prop="id" />
|
||||
<el-table-column label="笔记标题" align="center" prop="" />
|
||||
@ -63,8 +62,15 @@
|
||||
</el-tooltip>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
</el-table> -->
|
||||
<noteList
|
||||
:articleList="articleList"
|
||||
v-loading="loading"
|
||||
:autoTableHeight="autoTableHeight"
|
||||
parentName="noteManage"
|
||||
@handleUpdate="handleUpdate"
|
||||
@handleDelete="handleDelete"
|
||||
></noteList>
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
id="table_page"
|
||||
@ -73,7 +79,6 @@
|
||||
v-model:limit="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</el-card>
|
||||
<!-- 添加或修改景点、租赁管理对话框 -->
|
||||
<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">
|
||||
|
||||
@ -35,7 +35,6 @@
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<el-card shadow="never">
|
||||
<el-table :height="autoTableHeight" v-loading="loading" :data="articleList" @selection-change="handleSelectionChange" border>
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="ID" align="center" prop="id" fixed v-if="true" />
|
||||
@ -81,7 +80,6 @@
|
||||
v-model:limit="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</el-card>
|
||||
<!-- 添加或修改景点、租赁管理对话框 -->
|
||||
<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">
|
||||
|
||||
@ -29,7 +29,6 @@
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<el-card shadow="never">
|
||||
<el-table :height="autoTableHeight" v-loading="loading" :data="articleList" @selection-change="handleSelectionChange" border>
|
||||
<el-table-column label="ID" align="center" prop="id" />
|
||||
<el-table-column label="线路标题" align="center" prop="" />
|
||||
@ -64,7 +63,6 @@
|
||||
v-model:limit="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</el-card>
|
||||
<!-- 添加或修改景点、租赁管理对话框 -->
|
||||
<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">
|
||||
|
||||
@ -78,7 +78,6 @@
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<el-card shadow="never">
|
||||
<el-table :height="autoTableHeight" v-loading="loading" :data="articleList" @selection-change="handleSelectionChange" border>
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="景点ID/租赁ID/游艇ID" align="center" prop="id" v-if="true" />
|
||||
@ -119,7 +118,6 @@
|
||||
v-model:limit="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</el-card>
|
||||
<!-- 添加或修改景点、租赁管理对话框 -->
|
||||
<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">
|
||||
|
||||
@ -33,26 +33,6 @@
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<el-card shadow="never">
|
||||
<!-- <template #header>
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['manage:userLevel:add']">新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['manage:userLevel:edit']"
|
||||
>修改</el-button
|
||||
>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['manage:userLevel:remove']"
|
||||
>删除</el-button
|
||||
>
|
||||
</el-col>
|
||||
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
</template> -->
|
||||
|
||||
<el-table :height="autoTableHeight" v-loading="loading" :data="userLevelList" @selection-change="handleSelectionChange" border>
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="用户等级" align="center" prop="levelName" />
|
||||
@ -91,7 +71,6 @@
|
||||
v-model:limit="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</el-card>
|
||||
<!-- 添加或修改用户等级对话框 -->
|
||||
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
|
||||
<el-form ref="userLevelFormRef" :model="form" :rules="rules" label-width="80px">
|
||||
|
||||
338
src/views/manage/whistleBlowing/index.vue
Normal file
338
src/views/manage/whistleBlowing/index.vue
Normal file
@ -0,0 +1,338 @@
|
||||
<!-- 举报列表 -->
|
||||
<template>
|
||||
<div class="p-2">
|
||||
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
|
||||
<div v-show="showSearch" class="mb-[10px]" id="search_div">
|
||||
<el-card shadow="hover">
|
||||
<el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="70px">
|
||||
<el-form-item label="用户昵称" prop="">
|
||||
<el-input class="inputWidth" placeholder="请输入用户昵称" clearable @keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="">
|
||||
<el-input class="inputWidth" placeholder="请输入用户昵称" clearable @keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="账号状态" prop="">
|
||||
<el-select class="inputWidth" v-model="queryParams.status" placeholder="请选择账号状态" clearable>
|
||||
<el-option v-for="dict in dy_user_status" :key="dict.value" :label="dict.label" :value="dict.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="性别" prop="">
|
||||
<el-select class="inputWidth" v-model="queryParams.status" placeholder="请选择性别" clearable>
|
||||
<el-option v-for="dict in sys_user_sex" :key="dict.value" :label="dict.label" :value="dict.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="会员等级" prop="">
|
||||
<el-select class="inputWidth" v-model="queryParams.status" placeholder="请选择会员等级" clearable>
|
||||
<el-option v-for="dict in note_publish_list" :key="dict.value" :label="dict.label" :value="dict.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
||||
<el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['system:article:add']">新增</el-button>
|
||||
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['system:article:edit']"
|
||||
>修改</el-button
|
||||
>
|
||||
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['system:article:remove']"
|
||||
>删除</el-button
|
||||
>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<el-table :height="autoTableHeight" v-loading="loading" :data="articleList" @selection-change="handleSelectionChange" border>
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="ID" align="center" prop="id" v-if="true" />
|
||||
<el-table-column label="文章标题" align="center" prop="" />
|
||||
<el-table-column label="线路标签" align="center" prop="" />
|
||||
<el-table-column label="文章内容" align="center" prop="" />
|
||||
<el-table-column label="喜欢数" align="center" prop="" />
|
||||
<el-table-column label="线路评论数" align="center" prop="" />
|
||||
<el-table-column label="发布状态" align="center" prop="" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template #default="scope">
|
||||
<el-tooltip content="编辑" placement="top">
|
||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:article:edit']"></el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="发布" placement="top">
|
||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:article:edit']"></el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="删除" placement="top">
|
||||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:article:remove']"></el-button>
|
||||
</el-tooltip>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
id="table_page"
|
||||
:total="total"
|
||||
v-model:page="queryParams.pageNum"
|
||||
v-model:limit="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
<!-- 添加或修改景点、租赁管理对话框 -->
|
||||
<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-input v-model="form.recommend" placeholder="请输入推荐语" />
|
||||
</el-form-item>
|
||||
<el-form-item label="介绍" prop="intro">
|
||||
<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>
|
||||
<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>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="Article" lang="ts">
|
||||
import { listArticle, getArticle, delArticle, addArticle, updateArticle } from '@/api/manage/article';
|
||||
import { ArticleVO, ArticleQuery, ArticleForm } from '@/api/manage/article/types';
|
||||
|
||||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||
const { sys_user_sex, dy_user_status } = toRefs<any>(proxy?.useDict('sys_user_sex', 'dy_user_status'));
|
||||
const autoTableHeight = ref<number>(750);
|
||||
const articleList = ref<ArticleVO[]>([]);
|
||||
const buttonLoading = ref(false);
|
||||
const loading = ref(true);
|
||||
const showSearch = ref(true);
|
||||
const ids = ref<Array<string | number>>([]);
|
||||
const single = ref(true);
|
||||
const multiple = ref(true);
|
||||
const total = ref(0);
|
||||
const note_publish_list = ref([
|
||||
{ label: '已发布', value: 1 },
|
||||
{ label: '未发布', value: 2 }
|
||||
]);
|
||||
const queryFormRef = ref<ElFormInstance>();
|
||||
const articleFormRef = ref<ElFormInstance>();
|
||||
|
||||
const dialog = reactive<DialogOption>({
|
||||
visible: false,
|
||||
title: ''
|
||||
});
|
||||
|
||||
const initFormData: ArticleForm = {
|
||||
id: undefined,
|
||||
type: undefined,
|
||||
secondType: undefined,
|
||||
isOpen: undefined,
|
||||
attribute: undefined,
|
||||
status: undefined,
|
||||
province: undefined,
|
||||
city: undefined,
|
||||
remark: undefined,
|
||||
memberLevel: undefined,
|
||||
tagId: undefined,
|
||||
recommend: undefined,
|
||||
intro: undefined,
|
||||
address: undefined,
|
||||
longitude: undefined,
|
||||
latitude: undefined,
|
||||
orderNum: undefined,
|
||||
level: undefined
|
||||
};
|
||||
const data = reactive<PageData<ArticleForm, ArticleQuery>>({
|
||||
form: { ...initFormData },
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
type: undefined,
|
||||
secondType: undefined,
|
||||
isOpen: undefined,
|
||||
attribute: undefined,
|
||||
status: undefined,
|
||||
province: undefined,
|
||||
city: undefined,
|
||||
memberLevel: undefined,
|
||||
tagId: undefined,
|
||||
recommend: undefined,
|
||||
intro: undefined,
|
||||
address: undefined,
|
||||
longitude: undefined,
|
||||
latitude: undefined,
|
||||
orderNum: undefined,
|
||||
level: undefined,
|
||||
params: {}
|
||||
},
|
||||
rules: {
|
||||
id: [{ required: true, message: '景点ID/租赁ID/游艇ID不能为空', trigger: 'blur' }],
|
||||
type: [{ required: true, message: '类别 景点-0、租赁-1 游艇-2不能为空', trigger: 'change' }],
|
||||
secondType: [{ required: true, message: '二级类别不能为空', trigger: 'change' }],
|
||||
isOpen: [{ required: true, message: '开放/营业不能为空', trigger: 'blur' }],
|
||||
attribute: [{ required: true, message: '景点属性/商家属性不能为空', trigger: 'blur' }],
|
||||
status: [{ required: true, message: '状态 0-未发布 1-审核中 2-发布不能为空', trigger: 'change' }],
|
||||
province: [{ required: true, message: '省code不能为空', trigger: 'blur' }],
|
||||
city: [{ required: true, message: '市/区不能为空', trigger: 'blur' }],
|
||||
remark: [{ required: true, message: '个人简介不能为空', trigger: 'blur' }],
|
||||
memberLevel: [{ required: true, message: '会员等级不能为空', trigger: 'blur' }],
|
||||
tagId: [{ required: true, message: '标签不能为空', trigger: 'blur' }],
|
||||
recommend: [{ required: true, message: '推荐语不能为空', trigger: 'blur' }],
|
||||
intro: [{ required: true, message: '介绍不能为空', trigger: 'blur' }],
|
||||
address: [{ required: true, message: '详细地址不能为空', trigger: 'blur' }],
|
||||
longitude: [{ required: true, message: '经度不能为空', trigger: 'blur' }],
|
||||
latitude: [{ required: true, message: '纬度不能为空', trigger: 'blur' }],
|
||||
orderNum: [{ required: true, message: '排序不能为空', trigger: 'blur' }],
|
||||
level: [{ required: true, message: '景区等级不能为空', trigger: 'blur' }]
|
||||
}
|
||||
});
|
||||
|
||||
const { queryParams, form, rules } = toRefs(data);
|
||||
onMounted(() => {
|
||||
getList();
|
||||
nextTick(() => {
|
||||
autoTableHeight.value = proxy?.autoTableHeight();
|
||||
});
|
||||
window.onresize = () => {
|
||||
autoTableHeight.value = proxy?.autoTableHeight();
|
||||
};
|
||||
});
|
||||
/** 查询景点、租赁管理列表 */
|
||||
const getList = async () => {
|
||||
loading.value = true;
|
||||
const res = await listArticle(queryParams.value).finally(() => (loading.value = false));
|
||||
articleList.value = res.rows;
|
||||
total.value = res.total;
|
||||
loading.value = false;
|
||||
};
|
||||
|
||||
/** 取消按钮 */
|
||||
const cancel = () => {
|
||||
reset();
|
||||
dialog.visible = false;
|
||||
};
|
||||
|
||||
/** 表单重置 */
|
||||
const reset = () => {
|
||||
form.value = { ...initFormData };
|
||||
articleFormRef.value?.resetFields();
|
||||
};
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
const handleQuery = () => {
|
||||
queryParams.value.pageNum = 1;
|
||||
getList();
|
||||
};
|
||||
|
||||
/** 重置按钮操作 */
|
||||
const resetQuery = () => {
|
||||
queryFormRef.value?.resetFields();
|
||||
handleQuery();
|
||||
};
|
||||
|
||||
/** 多选框选中数据 */
|
||||
const handleSelectionChange = (selection: ArticleVO[]) => {
|
||||
ids.value = selection.map((item) => item.id);
|
||||
single.value = selection.length != 1;
|
||||
multiple.value = !selection.length;
|
||||
};
|
||||
|
||||
/** 新增按钮操作 */
|
||||
const handleAdd = () => {
|
||||
reset();
|
||||
dialog.visible = true;
|
||||
dialog.title = '添加景点、租赁管理';
|
||||
};
|
||||
|
||||
/** 修改按钮操作 */
|
||||
const handleUpdate = async (row?: ArticleVO) => {
|
||||
reset();
|
||||
const _id = row?.id || ids.value[0];
|
||||
const res = await getArticle(_id);
|
||||
Object.assign(form.value, res.data);
|
||||
dialog.visible = true;
|
||||
dialog.title = '修改景点、租赁管理';
|
||||
};
|
||||
|
||||
/** 提交按钮 */
|
||||
const submitForm = () => {
|
||||
articleFormRef.value?.validate(async (valid: boolean) => {
|
||||
if (valid) {
|
||||
buttonLoading.value = true;
|
||||
if (form.value.id) {
|
||||
await updateArticle(form.value).finally(() => (buttonLoading.value = false));
|
||||
} else {
|
||||
await addArticle(form.value).finally(() => (buttonLoading.value = false));
|
||||
}
|
||||
proxy?.$modal.msgSuccess('操作成功');
|
||||
dialog.visible = false;
|
||||
await getList();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
/** 删除按钮操作 */
|
||||
const handleDelete = async (row?: ArticleVO) => {
|
||||
const _ids = row?.id || ids.value;
|
||||
await proxy?.$modal.confirm('是否确认删除景点、租赁管理编号为"' + _ids + '"的数据项？').finally(() => (loading.value = false));
|
||||
await delArticle(_ids);
|
||||
proxy?.$modal.msgSuccess('删除成功');
|
||||
await getList();
|
||||
};
|
||||
|
||||
/** 导出按钮操作 */
|
||||
const handleExport = () => {
|
||||
proxy?.download(
|
||||
'system/article/export',
|
||||
{
|
||||
...queryParams.value
|
||||
},
|
||||
`article_${new Date().getTime()}.xlsx`
|
||||
);
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.el-card :deep(.el-card__body) {
|
||||
padding-bottom: 0px !important;
|
||||
}
|
||||
#table_page {
|
||||
height: 50px !important;
|
||||
margin-top: 10px !important;
|
||||
padding-bottom: 10px !important;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user