From d8215ff56e7bf39b43c52d7f27de5e7e427e67cf Mon Sep 17 00:00:00 2001
From: zhaojiale <631455805@qq.com>
Date: 星期三, 10 八月 2022 10:55:23 +0800
Subject: [PATCH] 事故管理修改
---
src/views/accidentManagementSystem/accidentReport/index.vue | 103 ++++++++++++++++++++++++++++++++-------------------
1 files changed, 65 insertions(+), 38 deletions(-)
diff --git a/src/views/accidentManagementSystem/accidentReport/index.vue b/src/views/accidentManagementSystem/accidentReport/index.vue
index 656a024..b007a48 100644
--- a/src/views/accidentManagementSystem/accidentReport/index.vue
+++ b/src/views/accidentManagementSystem/accidentReport/index.vue
@@ -2,7 +2,12 @@
<div class="system-user-container">
<el-card shadow="hover">
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
- <el-tab-pane label="处理中" name="first">
+ <el-tab-pane
+ v-for="item in editableTabs"
+ :key="item.name"
+ :label="item.title"
+ :name="item.name"
+ >
<div class="button_Line">
<div class="button_Left">
<el-button size="default" type="primary" @click="onOpenAdd">
@@ -22,21 +27,21 @@
</el-button>
</div>
<div class="button_Right">
-<!-- <el-button @click="upButton">-->
-<!-- <el-icon>-->
-<!-- <Upload />-->
-<!-- </el-icon>-->
-<!-- </el-button>-->
-<!-- <el-button>-->
-<!-- <el-icon>-->
-<!-- <Download />-->
-<!-- </el-icon>-->
-<!-- </el-button>-->
-<!-- <el-button>-->
-<!-- <el-icon>-->
-<!-- <Refresh />-->
-<!-- </el-icon>-->
-<!-- </el-button>-->
+ <el-button @click="upButton">
+ <el-icon>
+ <Upload />
+ </el-icon>
+ </el-button>
+ <el-button>
+ <el-icon>
+ <Download />
+ </el-icon>
+ </el-button>
+ <el-button>
+ <el-icon>
+ <Refresh />
+ </el-icon>
+ </el-button>
</div>
</div>
<el-table
@@ -49,8 +54,8 @@
type="selection"
width="55"
/>
- <el-table-column prop="accidentExpressId" label="事故名称" show-overflow-tooltip sortable></el-table-column>
- <el-table-column prop="accidentDepartmentId" label="事故部门" show-overflow-tooltip sortable></el-table-column>
+ <el-table-column prop="accidentName" label="事故名称" show-overflow-tooltip sortable></el-table-column>
+ <el-table-column prop="deptName" label="事故部门" show-overflow-tooltip sortable></el-table-column>
<el-table-column prop="accidentType" label="事故类别" show-overflow-tooltip sortable></el-table-column>
<el-table-column prop="accidentGrade" label="事故等级" show-overflow-tooltip sortable></el-table-column>
<el-table-column prop="occurrencePlace" label="发生地点" show-overflow-tooltip sortable></el-table-column>
@@ -69,18 +74,19 @@
</el-table>
<div class="pages">
<el-pagination
- v-model:currentPage="pageIndex"
- v-model:page-size="pageSize"
- :page-sizes="[10, 20, 30]"
- :pager-count="5"
- layout="total, sizes, prev, pager, next, jumper"
- :total="40"
- @size-change="handleSizeChange"
- @current-change="handleCurrentChange"
+ v-if="tableData.length == 0 ? false : true"
+ v-model:currentPage="pageIndex"
+ v-model:page-size="pageSize"
+ :page-sizes="[10, 20, 30]"
+ :pager-count="5"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="total"
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
/>
</div>
</el-tab-pane>
- <el-tab-pane label="已处理" name="second"></el-tab-pane>
+ <!--<el-tab-pane label="已处理" name="second"></el-tab-pane>-->
</el-tabs>
</el-card>
<OpenAdd ref="addRef" @myAdd="onMyAdd" />
@@ -133,16 +139,35 @@
},
setup() {
const activeName = ref('first')
+ const statusDisabledFlag = ref('first')//控制弹窗中的事件状态是否可以修改
const handleClick = (tab: TabsPaneContext, event: Event) => {
- console.log(tab, event)
+ if(tab.props.name=='first'){
+ listQuery.searchParams.status=1
+ statusDisabledFlag.value = 'first'
+ listApi()
+ }else if(tab.props.name=='second'){
+ listQuery.searchParams.status=2
+ statusDisabledFlag.value = 'second'
+ listApi()
+ }
}
+ const editableTabs = ref([
+ {
+ title: '处理中',
+ name: 'first',
+ },
+ {
+ title: '已处理',
+ name: 'second',
+ },
+ ])
// 列表参数
const listQuery = reactive({
pageIndex: 1,
pageSize: 10,
searchParams: {
- name: '',
+ status: 1,
},
});
// 定义表格数据
@@ -165,11 +190,11 @@
const deletAll = ref();
const handleSelectionChange = (val: any) => {
let valId = JSON.parse(JSON.stringify(val));
- let arr = [];
- for (let i = 0; i < valId.length; i++) {
- arr.push(valId[i].id);
- }
- deletAll.value = arr.toString();
+ let arr = [];
+ for (let i = 0; i < valId.length; i++) {
+ arr.push(valId[i].id);
+ }
+ deletAll.value = arr;
// console.log(deletAll.value);
if (val.length == 1) {
warning.value = false;
@@ -189,7 +214,7 @@
// 打开新建用户弹窗
const addRef = ref();
const onOpenAdd = () => {
- addRef.value.openDialog('新建事故报告',false);
+ addRef.value.openDialog('新建事故报告','',false,statusDisabledFlag);
};
// 新增后刷新
const onMyAdd = (e: boolean) => {
@@ -202,9 +227,9 @@
// 打开修改用户弹窗
const onEdit = (val: string, row: object) => {
if (val == '详情') {
- addRef.value.openDialog('查看事故报告',row,true);
+ addRef.value.openDialog('查看事故报告',row,true,statusDisabledFlag);
} else {
- addRef.value.openDialog('修改事故报告',row,false);
+ addRef.value.openDialog('修改事故报告',row,false,statusDisabledFlag);
}
};
// 上传
@@ -214,6 +239,7 @@
// }
// 删除用户
const onRowDel = (data: any) => {
+ var deleteList = [data]
ElMessageBox.confirm('确定删除所选项吗?', '提示', {
confirmButtonText: '确认',
cancelButtonText: '取消',
@@ -221,7 +247,7 @@
})
.then(() => {
accidentManagementSystemApi()
- .deleteAccidentReport(data)
+ .deleteAccidentReport(deleteList)
.then((res) => {
if (res.data.code == 200) {
ElMessage({
@@ -306,6 +332,7 @@
onMyAdd,
onDeleteAll,
onEdit,
+ editableTabs
};
},
});
--
Gitblit v1.9.2