From 8e4c4a93a2c55f45a2ef3a907f60b7f8f1d5a601 Mon Sep 17 00:00:00 2001
From: 13937891274 <kxc0822>
Date: 星期二, 09 八月 2022 15:39:07 +0800
Subject: [PATCH] 页面修改

---
 src/views/accidentManagementSystem/accidentReport/index.vue |   69 +++++++++++++++++++++++-----------
 1 files changed, 47 insertions(+), 22 deletions(-)

diff --git a/src/views/accidentManagementSystem/accidentReport/index.vue b/src/views/accidentManagementSystem/accidentReport/index.vue
index 72c766d..6694d4b 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
@@ -80,7 +85,7 @@
             />
           </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 +138,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 +213,7 @@
     // 打开新建用户弹窗
     const addRef = ref();
     const onOpenAdd = () => {
-      addRef.value.openDialog('新建事故报告',false);
+      addRef.value.openDialog('新建事故报告','',false,statusDisabledFlag);
     };
     // 新增后刷新
     const onMyAdd = (e: boolean) => {
@@ -202,9 +226,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 +331,7 @@
       onMyAdd,
       onDeleteAll,
       onEdit,
+      editableTabs
     };
   },
 });

--
Gitblit v1.9.2