From c7a1c740cd2a27532ebf768c11316234d15c14fa Mon Sep 17 00:00:00 2001
From: xuhongjie <1943105267@qq.com>
Date: Fri, 30 May 2025 14:51:56 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8C=89=E9=92=AE=E6=9D=83=E9=99=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/element-ui.scss             |  14 ++
 src/layout/components/Navbar.vue              |   6 +-
 .../emergency-rescue/workOrder/index.vue      | 126 ++++++------------
 3 files changed, 57 insertions(+), 89 deletions(-)

diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss
index f5bfc39..852cbe4 100644
--- a/src/assets/styles/element-ui.scss
+++ b/src/assets/styles/element-ui.scss
@@ -147,4 +147,18 @@
     justify-content: center;
     padding: 10px;
   }
+}
+.table-operation-row{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 10px !important;
+  .el-button+.el-button{
+    margin: 0;
+  }
+  .el-button{
+    margin: 0 5px !important;
+    font-weight: 500;
+font-size: 16px;
+  }
 }
\ No newline at end of file
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 697a461..82fa329 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -225,15 +225,15 @@ function toggleTheme() {
       margin-right: 25px;
 
       .avatar-wrapper {
-        margin-top: 5px;
+        
         position: relative;
         display: flex;
         align-items: center;
         gap: 10px;
         .user-avatar {
           cursor: pointer;
-          width: 40px;
-          height: 40px;
+          width: 54px;
+          height: 54px;
           border-radius: 50%;
           border: 1px solid white;
         }
diff --git a/src/views/emergency-rescue/workOrder/index.vue b/src/views/emergency-rescue/workOrder/index.vue
index 80af5ef..3c579b5 100644
--- a/src/views/emergency-rescue/workOrder/index.vue
+++ b/src/views/emergency-rescue/workOrder/index.vue
@@ -3,122 +3,76 @@
   <section style="height: 100%">
     <tablePage @handlerAdd="handlerAdd()" @handlerExport="handlerExport()">
       <template #search>
-        <el-form
-          :model="queryParams"
-          ref="queryRef"
-          :inline="true"
-          label-width="68px"
-          class="search-form"
-        >
+        <el-form :model="queryParams" ref="queryRef" :inline="true" label-width="68px" class="search-form">
           <el-form-item label="工单地址" prop="gdms">
-            <el-input
-              v-model="queryParams.gdms"
-              placeholder="请输入"
-              clearable
-            />
+            <el-input v-model="queryParams.gdms" placeholder="请输入" clearable />
           </el-form-item>
           <el-form-item label="工单类型" prop="gdType">
-            <el-input
-              v-model="queryParams.gdType"
-              placeholder="请输入"
-              clearable
-            />
+            <el-input v-model="queryParams.gdType" placeholder="请输入" clearable />
           </el-form-item>
           <el-form-item label="工单等级" prop="gdLevel">
-            <el-input
-              v-model="queryParams.gdLevel"
-              placeholder="请输入"
-              clearable
-            />
+            <el-input v-model="queryParams.gdLevel" placeholder="请输入" clearable />
           </el-form-item>
           <el-form-item label="工单状态" prop="status">
-            <el-input
-              v-model="queryParams.status"
-              placeholder="请输入"
-              clearable
-            />
+            <el-input v-model="queryParams.status" placeholder="请输入" clearable />
           </el-form-item>
           <el-form-item label="录入时间" prop="userName">
-            <el-input
-              v-model="queryParams.userName"
-              placeholder="请输入"
-              clearable
-            />
+            <el-input v-model="queryParams.userName" placeholder="请输入" clearable />
           </el-form-item>
 
           <el-form-item>
-            <el-button type="primary" icon="Search" @click="handleQuery"
-              >搜索</el-button
-            >
+            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
             <el-button icon="Refresh" @click="resetQuery">重置</el-button>
           </el-form-item>
         </el-form>
       </template>
       <template #table>
-        <el-table
-          v-loading="loading"
-          :data="list"
-          height="100%"
-          :header-cell-style="proxy.getTableHeaderStyle"
-          :cell-style="proxy.getTablerowStyle"
-        >
+        <el-table v-loading="loading" :data="list" height="100%" :header-cell-style="proxy.getTableHeaderStyle"
+          :cell-style="proxy.getTablerowStyle">
           <!-- <el-table-column type="selection" width="50" align="center" /> -->
-          <el-table-column
-            label="工单地址"
-            align="center"
-            key="address"
-            prop="address"
-          />
-          <el-table-column
-            label="工单类型"
-            align="center"
-            key="gdType"
-            prop="gdType"
-          >
+          <el-table-column label="工单地址" align="center" key="address" prop="address" />
+          <el-table-column label="工单类型" align="center" key="gdType" prop="gdType">
             <template #default="scope">
               <dict-tag :options="gdlx" :value="scope.row.gdType" />
             </template>
           </el-table-column>
-          <el-table-column
-            label="工单等级"
-            align="center"
-            key="gdLevel"
-            prop="gdLevel"
-          />
-          <el-table-column
-            label="录入时间"
-            align="center"
-            key="createTime"
-            prop="createTime"
-          />
-          <el-table-column
-            label="工单状态"
-            align="center"
-            key="status"
-            prop="status"
-          >
+          <el-table-column label="工单等级" align="center" key="gdLevel" prop="gdLevel" />
+          <el-table-column label="录入时间" align="center" key="createTime" prop="createTime" />
+          <el-table-column label="工单状态" align="center" key="status" prop="status">
             <template #default="scope">
               <dict-tag :options="gd_status" :value="scope.row.status" />
             </template>
           </el-table-column>
 
-          <el-table-column
-            label="操作"
-            align="center"
-            width="150"
-            class-name="small-padding fixed-width"
-          >
+          <el-table-column label="操作" align="center" width="400" class-name="small-padding fixed-width ">
+            <template #default="scope">
+              <div class="table-operation-row">
+                <section v-show="scope.row.status == 0">
+                  <el-button link type="primary" icon="FolderAdd">勘察录入</el-button>
+                  <el-button link type="primary" icon="FolderRemove">退单</el-button>
+                </section>
+                <section v-show="scope.row.status == 1">
+                  <el-button link type="primary" icon="User">派发</el-button>
+                  <el-button link type="primary" icon="Edit">编辑</el-button>
+                </section>
+                <section v-show="scope.row.status == 4">
+                  <el-button link type="primary" icon="ChatRound">处理反馈</el-button>
+                  <el-button link type="primary" icon="Bell">消息催办</el-button>
+                  <el-button link type="primary" icon="Switch">转派</el-button>
+                </section>
+                <section>
+                  <el-button link type="primary" icon="View">查看</el-button>
+                <el-button link type="primary" icon="Delete"
+                  v-show="scope.row.status != 0 && scope.row.status != 3">删除</el-button>
+                </section>
+              </div>
+            </template>
           </el-table-column>
         </el-table>
       </template>
       <template #pagination>
-        <pagination
-          v-show="total > 0"
-          :total="total"
-          v-model:page="queryParams.current"
-          v-model:limit="queryParams.size"
-          @pagination="getList"
-        />
+        <pagination v-show="total > 0" :total="total" v-model:page="queryParams.current"
+          v-model:limit="queryParams.size" @pagination="getList" />
       </template>
     </tablePage>
     <!-- 工单 -->
@@ -194,7 +148,7 @@ const handlerAdd = () => {
 /**
  * 导出
  */
-const handlerExport = () => {};
+const handlerExport = () => { };
 
 const handlerInfo = () => {
   proxy.setActiveMenu();