From ce661f0664e03fb7b7d798cf97fdd1489f4190df Mon Sep 17 00:00:00 2001 From: zhouwenxuan <1175765986@qq.com> Date: 星期五, 01 十二月 2023 16:29:06 +0800 Subject: [PATCH] 机构 --- src/views/safetyReview/law/law.vue | 77 ++++++++++++++++++++++++++++---------- 1 files changed, 56 insertions(+), 21 deletions(-) diff --git a/src/views/safetyReview/law/law.vue b/src/views/safetyReview/law/law.vue index 101f29b..646c922 100644 --- a/src/views/safetyReview/law/law.vue +++ b/src/views/safetyReview/law/law.vue @@ -11,35 +11,40 @@ <!-- 表格数据 --> <el-table v-loading="loading" :data="dataList" :border="true"> - <el-table-column label="颁布时间" prop="publishTime" align="center" /> - <el-table-column label="标题" prop="lawTitle" align="center" :show-overflow-tooltip="true" width="400" /> - <el-table-column label="副标题" prop="lawSubTitle" align="center" :show-overflow-tooltip="true" width="400" /> - <el-table-column label="类别" prop="level" align="center" /> - <el-table-column label="颁布机构" prop="institution" align="center" /> + <el-table-column label="颁布时间" prop="pubDate" align="center" width="180" /> + <el-table-column label="标题" prop="title" align="center" :show-overflow-tooltip="true" width="400" /> + <el-table-column label="副标题" prop="subTitle" align="center" :show-overflow-tooltip="true" width="400" /> + <el-table-column label="类别" prop="lawType" align="center" /> + <el-table-column label="颁布机构" prop="pubAgency" align="center" /> <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > <template #default="scope"> <el-button link type="primary" @click="openDialog('review',scope.row)" >查看</el-button> - <el-button link type="primary" @click="openDialog('edit',scope.row)" v-hasPermi="['system:role:edit']">编辑</el-button> - <el-button link type="danger" @click="handleDelete(scope.row)" v-hasPermi="['system:role:remove']">删除</el-button> + <el-button link type="primary" @click="openDialog('edit',scope.row)" >编辑</el-button> + <el-button link type="danger" @click="handleDelete(scope.row)" >删除</el-button> </template> </el-table-column> </el-table> - <pagination - v-show="total > 0" - :total="total" - v-model:page="queryParams.pageNum" - v-model:limit="queryParams.pageSize" - @pagination="getList" - /> + <div class="pag-container"> + <el-pagination + v-model:current-page="data.queryParams.pageNum" + v-model:page-size="data.queryParams.pageSize" + :page-sizes="[10,15,20,25]" + layout="total, sizes, prev, pager, next, jumper" + :total="total" + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + /> + </div> <law-dialog ref="lawRef" @getList="getList"></law-dialog> </div> </template> <script setup> -import {getCurrentInstance, reactive, ref, toRefs} from "vue"; +import {getCurrentInstance, onMounted, reactive, ref, toRefs} from "vue"; import lawDialog from './components/lawDialog.vue' -import {ElMessageBox} from "element-plus"; +import {ElMessage, ElMessageBox} from "element-plus"; +import {delLaw, getLawList} from "@/api/backManage/law"; const { proxy } = getCurrentInstance(); const loading = ref(false); const lawRef = ref(); @@ -50,16 +55,31 @@ }, total: 0, dataList: [] - - }); const { queryParams, total, dataList } = toRefs(data); -const getList = () => { +onMounted(() => { + getList(); +}); +const getList = async () => { loading.value = true; - console.log("获取数据") + const res = await getLawList(data.queryParams); + if(res.code === 200){ + dataList.value = res.data.list + total.value = res.data.total + }else{ + ElMessage.warning(res.message) + } loading.value = false; +} +const handleSizeChange = (val) => { + data.queryParams.pageSize = val + getList() +} +const handleCurrentChange = (val) => { + data.queryParams.pageNum = val + getList() } const openDialog = (type, value) => { @@ -80,8 +100,23 @@ type: 'warning', }) .then( async() => { - + const res = await delLaw(val); + if(res.code === 200){ + ElMessage({ + type: 'success', + message: '删除成功' + }); + getList(); + }else{ + ElMessage.warning(res.message) + } }) } </script> +<style lang="scss"> +.pag-container{ + float: right; + margin-top: 10px; +} +</style> -- Gitblit v1.9.2