From 0cd692627d274be3bdf80b24ea4be9842cdd191b Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Fri, 09 May 2025 09:57:13 +0800
Subject: [PATCH] 个人工作台相关处理

---
 src/views/tickets/orderLog.vue |   72 +++++++++++++++++++++++++----------
 1 files changed, 51 insertions(+), 21 deletions(-)

diff --git a/src/views/tickets/orderLog.vue b/src/views/tickets/orderLog.vue
index e396792..45bd403 100644
--- a/src/views/tickets/orderLog.vue
+++ b/src/views/tickets/orderLog.vue
@@ -102,29 +102,37 @@
 
             <template #menu="{ row }">
               <div class="menu-custom-box">
-                <template v-if="row.status == 1">
-                  <el-button v-if="hasPaddingBtnPermission()" type="text" icon="el-icon-view"
+                <div v-if="row.status == 1">
+                  <el-button class="audit-btn" v-if="hasPaddingBtnPermission()" type="text" icon="el-icon-view"
                     @click="handleCheckDetail(row)">审核</el-button>
-                </template>
+                </div>
 
-                <template v-if="
+                <div v-if="
                   (userInfo.user_id == row.create_user || hasRecallPaddingBtnPermission()) &&
                   row.status == 1
                 ">
                   <!--待审核状态-->
-                  <el-button type="text" icon="el-icon-warning" @click="orderLogRecall(row.id)">撤回</el-button>
-                </template>
+                  <el-button class="withdraw-btn" type="text" icon="el-icon-warning"
+                    @click="orderLogRecall(row.id)">撤回</el-button>
+                </div>
                 <!--已驳回-->
-                <template v-if="row.status == 2">
-                  <el-button type="text" icon="el-icon-warning" @click="rejectDetail(row.id)">驳回原因</el-button>
-                </template>
+                <div v-if="row.status == 2">
+                  <el-button class="reject-reason-btn" type="text" icon="el-icon-warning"
+                    @click="rejectDetail(row.id)">驳回原因</el-button>
+                </div>
                 <!--草稿-->
-                <el-button type="text" icon="el-icon-edit" @click="handleViewDetail(row)">编辑</el-button>
-                <el-button type="text" icon="el-icon-position" @click="userPublishPush(row.id)">发起</el-button>
-                <el-button type="text" icon="el-icon-delete" @click="deleteOrderLog(row.id)">删除</el-button>
-                <template v-if="row.status == 3 || row.status == 1 || row.status == 2">
-                  <el-button type="text" icon="el-icon-view" @click="handleViewDetail(row)">详情</el-button>
-                </template>
+                <div>
+                  <el-button class="edit-btn" type="text" icon="el-icon-edit"
+                    @click="handleViewDetail(row)">编辑</el-button>
+                  <el-button class="publish-btn" type="text" icon="el-icon-position"
+                    @click="userPublishPush(row.id)">发布</el-button>
+                  <el-button class="delete-btn" type="text" icon="el-icon-delete"
+                    @click="deleteOrderLog(row.id)">删除</el-button>
+                </div>
+                <div v-if="row.status == 3 || row.status == 1 || row.status == 2">
+                  <el-button class="detail-btn" type="text" icon="el-icon-view"
+                    @click="handleViewDetail(row)">详情</el-button>
+                </div>
               </div>
             </template>
             <template #status="{ row }">
@@ -1301,15 +1309,37 @@
   .menu-custom-box {
     display: flex;
     justify-content: center;
-    flex-wrap: wrap;
 
-    &> ::v-deep(.el-button) {
+    &>div {
       flex: 1;
-      max-width: 44px;
+    }
 
-      &:nth-child(4n) {
-        margin-left: 0;
-      }
+    .audit-btn {
+      color: #1ba0ff;
+    }
+
+    .withdraw-btn {
+      color: #ff5d9e;
+    }
+
+    .reject-reason-btn {
+      color: #ff6a00;
+    }
+
+    .edit-btn {
+      color: #00b187;
+    }
+
+    .publish-btn {
+      color: #5e00ff;
+    }
+
+    .delete-btn {
+      color: #fe0202;
+    }
+
+    .detail-btn {
+      color: #1f4aff;
     }
   }
 }

--
Gitblit v1.9.3