按钮权限

src/assets/styles/element-ui.scss

@@ -148,3 +148,17 @@
     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;
+  }
+}

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;
+          width: 54px;
-          height: 40px;
+          height: 54px;
           border-radius: 50%;
           border: 1px solid white;
         }

src/views/emergency-rescue/workOrder/index.vue

@@ -3,122 +3,76 @@
   <section style="height: 100%">
     <tablePage @handlerAdd="handlerAdd()" @handlerExport="handlerExport()">
       <template #search>
-        <el-form
+        <el-form :model="queryParams" ref="queryRef" :inline="true" label-width="68px" class="search-form">
-          :model="queryParams"
-          ref="queryRef"
-          :inline="true"
-          label-width="68px"
-          class="search-form"
-        >
           <el-form-item label="工单地址" prop="gdms">
-            <el-input
+            <el-input v-model="queryParams.gdms" placeholder="请输入" clearable />
-              v-model="queryParams.gdms"
-              placeholder="请输入"
-              clearable
-            />
           </el-form-item>
           <el-form-item label="工单类型" prop="gdType">
-            <el-input
+            <el-input v-model="queryParams.gdType" placeholder="请输入" clearable />
-              v-model="queryParams.gdType"
-              placeholder="请输入"
-              clearable
-            />
           </el-form-item>
           <el-form-item label="工单等级" prop="gdLevel">
-            <el-input
+            <el-input v-model="queryParams.gdLevel" placeholder="请输入" clearable />
-              v-model="queryParams.gdLevel"
-              placeholder="请输入"
-              clearable
-            />
           </el-form-item>
           <el-form-item label="工单状态" prop="status">
-            <el-input
+            <el-input v-model="queryParams.status" placeholder="请输入" clearable />
-              v-model="queryParams.status"
-              placeholder="请输入"
-              clearable
-            />
           </el-form-item>
           <el-form-item label="录入时间" prop="userName">
-            <el-input
+            <el-input v-model="queryParams.userName" placeholder="请输入" clearable />
-              v-model="queryParams.userName"
-              placeholder="请输入"
-              clearable
-            />
           </el-form-item>
 
           <el-form-item>
-            <el-button type="primary" icon="Search" @click="handleQuery"
+            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-              >搜索</el-button
-            >
             <el-button icon="Refresh" @click="resetQuery">重置</el-button>
           </el-form-item>
         </el-form>
       </template>
       <template #table>
-        <el-table
+        <el-table v-loading="loading" :data="list" height="100%" :header-cell-style="proxy.getTableHeaderStyle"
-          v-loading="loading"
+          :cell-style="proxy.getTablerowStyle">
-          :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
+          <el-table-column label="工单地址" align="center" key="address" prop="address" />
-            label="工单地址"
+          <el-table-column label="工单类型" align="center" key="gdType" prop="gdType">
-            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
+          <el-table-column label="工单等级" align="center" key="gdLevel" prop="gdLevel" />
-            label="工单等级"
+          <el-table-column label="录入时间" align="center" key="createTime" prop="createTime" />
-            align="center"
+          <el-table-column label="工单状态" align="center" key="status" prop="status">
-            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
+          <el-table-column label="操作" align="center" width="400" class-name="small-padding fixed-width ">
-            label="操作"
+            <template #default="scope">
-            align="center"
+              <div class="table-operation-row">
-            width="150"
+                <section v-show="scope.row.status == 0">
-            class-name="small-padding fixed-width"
+                  <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
+        <pagination v-show="total > 0" :total="total" v-model:page="queryParams.current"
-          v-show="total > 0"
+          v-model:limit="queryParams.size" @pagination="getList" />
-          :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();