From e3b49d33e9c2e8ba75ce3d6fdef0da27d529c72c Mon Sep 17 00:00:00 2001
From: zhouwenxuan <1175765986@qq.com>
Date: 星期四, 14 十二月 2023 10:43:00 +0800
Subject: [PATCH] 样式调整
---
src/views/safetyReview/law/law.vue | 83 +++++++++++++++++++++++++++++++----------
1 files changed, 62 insertions(+), 21 deletions(-)
diff --git a/src/views/safetyReview/law/law.vue b/src/views/safetyReview/law/law.vue
index 101f29b..f348322 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,37 @@
},
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.map(item => {
+ return {
+ ...item,
+ pubDate: item.pubDate.substring(0,10)
+ }
+ })
+ total.value = res.data.total
+ }else{
+ ElMessage.warning(res.message)
+ }
loading.value = false;
+}
+const handleSizeChange = (val) => {
+ data.queryParams.pageNum = 1
+ data.queryParams.pageSize = val
+ getList()
+}
+const handleCurrentChange = (val) => {
+ data.queryParams.pageNum = val
+ getList()
}
const openDialog = (type, value) => {
@@ -80,8 +106,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