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 | 86 ++++++++++++++++++++++++++++---------------
1 files changed, 56 insertions(+), 30 deletions(-)
diff --git a/src/views/accidentManagementSystem/accidentReport/index.vue b/src/views/accidentManagementSystem/accidentReport/index.vue
index 72c766d..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
@@ -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,
},
});
// 定义表格数据
@@ -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);
}
};
// 上传
@@ -307,6 +332,7 @@
onMyAdd,
onDeleteAll,
onEdit,
+ editableTabs
};
},
});
--
Gitblit v1.9.2