From d1a430e88df40d76558a14f890ac0dbd3181f3a0 Mon Sep 17 00:00:00 2001
From: shj <1790240199@qq.com>
Date: 星期二, 06 九月 2022 14:30:14 +0800
Subject: [PATCH] 对接

---
 src/views/accidentManagementSystem/accidentReport/index.vue |   54 +++++++++++++++++++++++++++++++++++++-----------------
 1 files changed, 37 insertions(+), 17 deletions(-)

diff --git a/src/views/accidentManagementSystem/accidentReport/index.vue b/src/views/accidentManagementSystem/accidentReport/index.vue
index 5c19570..57010f2 100644
--- a/src/views/accidentManagementSystem/accidentReport/index.vue
+++ b/src/views/accidentManagementSystem/accidentReport/index.vue
@@ -15,7 +15,7 @@
                   <Plus />
                 </el-icon>新建
               </el-button>
-              <el-button size="default" type="warning" plain :disabled="warning">
+              <el-button size="default" type="warning" plain :disabled="warning" @click="onEdit('修改', deletAll[0])">
                 <el-icon>
                   <Edit />
                 </el-icon>修改
@@ -56,8 +56,23 @@
             />
             <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 label="事故类别" show-overflow-tooltip sortable>
+              <template #default="scope">
+              <span v-if="scope.row.accidentType==1">人员伤亡事故</span>
+              <span v-if="scope.row.accidentType==2">火灾爆炸事故</span>
+              <span v-if="scope.row.accidentType==3">危险品泄露事故</span>
+              <span v-if="scope.row.accidentType==4">设备事故</span>
+              <span v-if="scope.row.accidentType==5">工艺事故</span>
+              </template>
+            </el-table-column>
+            <el-table-column  label="事故等级" show-overflow-tooltip sortable>
+              <template #default="scope">
+              <span v-if="scope.row.accidentGrade==1">一级</span>
+              <span v-if="scope.row.accidentGrade==2">二级</span>
+              <span v-if="scope.row.accidentGrade==3">三级</span>
+              <span v-if="scope.row.accidentGrade==4">四级</span>
+              </template>
+            </el-table-column>
             <el-table-column prop="occurrencePlace" label="发生地点" show-overflow-tooltip sortable></el-table-column>
             <el-table-column prop="occurrenceTime" label="发生时间" show-overflow-tooltip sortable></el-table-column>
             <el-table-column label="操作" width="260" align="center" fixed="right">
@@ -74,14 +89,15 @@
           </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>
@@ -138,16 +154,19 @@
   },
   setup() {
     const activeName = ref('first')
+    const statusDisabledFlag = ref('first')//控制弹窗中的事件状态是否可以修改
     const handleClick = (tab: TabsPaneContext, event: Event) => {
-        console.log(tab.props.name)
         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: '处理中',
@@ -191,7 +210,7 @@
             arr.push(valId[i].id);
         }
         deletAll.value = arr;
-      // console.log(deletAll.value);
+      console.log(deletAll.value);
       if (val.length == 1) {
         warning.value = false;
         danger.value = false;
@@ -210,7 +229,7 @@
     // 打开新建用户弹窗
     const addRef = ref();
     const onOpenAdd = () => {
-      addRef.value.openDialog('新建事故报告',false);
+      addRef.value.openDialog('新建事故报告','',false,statusDisabledFlag);
     };
     // 新增后刷新
     const onMyAdd = (e: boolean) => {
@@ -223,9 +242,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);
       }
     };
     // 上传
@@ -328,7 +347,8 @@
       onMyAdd,
       onDeleteAll,
       onEdit,
-      editableTabs
+      editableTabs,
+      deletAll
     };
   },
 });

--
Gitblit v1.9.2