From db96301a4715b1c4f1180095441963ed6f430797 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期五, 17 一月 2025 11:02:41 +0800
Subject: [PATCH] 开发功能

---
 admin/src/views/workorder/components/detail.vue |   75 ++++++++++++++++++++-----------------
 1 files changed, 40 insertions(+), 35 deletions(-)

diff --git a/admin/src/views/workorder/components/detail.vue b/admin/src/views/workorder/components/detail.vue
index f2e7d5f..5b4caa0 100644
--- a/admin/src/views/workorder/components/detail.vue
+++ b/admin/src/views/workorder/components/detail.vue
@@ -3,12 +3,15 @@
     @confirm="confirm">
     <div class="main">
       <div class="title">
-        <span>宸ュ崟璇︽儏</span>
-        <div>
-          <div class="status primaryColor" v-if="info.dealStatus == 0 || info.dealStatus == null">寰呮寚娲�</div>
-          <div class="status green" v-if="info.dealStatus == 1">宸叉寚娲�</div>
-          <div class="status gray" v-if="info.dealStatus == 2">宸插鐞�</div>
+        <div class="title_left">
+          <span>宸ュ崟璇︽儏</span>
+          <div>
+            <div class="status primaryColor" v-if="info.dealStatus == 0 || info.dealStatus == null">寰呮寚娲�</div>
+            <div class="status green" v-if="info.dealStatus == 1">宸叉寚娲�</div>
+            <div class="status gray" v-if="info.dealStatus == 2">宸插鐞�</div>
+          </div>
         </div>
+        <el-button>鏌ョ湅闂涓婃姤</el-button>
       </div>
       <div class="main_content">
         <div class="list">
@@ -308,39 +311,41 @@
   padding-top: 20px;
 
   .title {
-    font-weight: 500;
-    font-size: 18px;
-    color: $primary-color;
+    
     margin-bottom: 10px;
     display: flex;
     align-items: center;
-
-    .status {
-      padding: 0 12px;
-      height: 24px;
-      line-height: 24px;
-      border-radius: 2px;
-      border: 1px solid #00BA92;
-      color: #00BA92;
-      font-weight: 400;
-      font-size: 12px;
-      margin-left: 10px;
-    }
-
-    .primaryColor {
-      border: 1px solid rgba(63, 126, 239, .2);
-      background-color: rgba(63, 126, 239, .2);
-    }
-
-    .green {
-      background-color: rgba(83, 183, 148, .2);
-      border: 1px solid rgba(83, 183, 148, .2);
-    }
-
-    .gray {
-      color: #333333;
-      background-color: rgba(128, 128, 128, .2);
-      border: 1px solid rgba(128, 128, 128, .2);
+    justify-content: space-between;
+    .title_left {
+      display: flex;
+      align-items: center;
+      font-weight: 500;
+      font-size: 18px;
+      color: $primary-color;
+      .status {
+        padding: 0 12px;
+        height: 24px;
+        line-height: 24px;
+        border-radius: 2px;
+        border: 1px solid #00BA92;
+        color: #00BA92;
+        font-weight: 400;
+        font-size: 12px;
+        margin-left: 10px;
+      }
+      .primaryColor {
+        border: 1px solid rgba(63, 126, 239, .2);
+        background-color: rgba(63, 126, 239, .2);
+      }
+      .green {
+        background-color: rgba(83, 183, 148, .2);
+        border: 1px solid rgba(83, 183, 148, .2);
+      }
+      .gray {
+        color: #333333;
+        background-color: rgba(128, 128, 128, .2);
+        border: 1px solid rgba(128, 128, 128, .2);
+      }
     }
   }
 

--
Gitblit v1.9.3