From 2934e7ff8a580c38f4bc81a62141036c16d460be Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期五, 31 五月 2024 15:43:49 +0800
Subject: [PATCH] 最新版本

---
 admin/src/components/business/OperaCarUseBookWindow.vue |   58 ++++++++++++++++++++++++++++++++++------------------------
 1 files changed, 34 insertions(+), 24 deletions(-)

diff --git a/admin/src/components/business/OperaCarUseBookWindow.vue b/admin/src/components/business/OperaCarUseBookWindow.vue
index 146c5de..1a817a3 100644
--- a/admin/src/components/business/OperaCarUseBookWindow.vue
+++ b/admin/src/components/business/OperaCarUseBookWindow.vue
@@ -12,7 +12,7 @@
             <div class="time">鎻愪氦鏃堕棿锛歿{model.createDate}}</div>
           </div>
           <span class="right"  v-if="model.status === 0">鐢宠涓�</span>
-          <span class="right"  v-if="model.status === 1">寰呭鎵�</span>
+          <span class="right"  v-if="model.status === 1">瀹℃壒涓�</span>
           <span class="right" style="background:#53b76f " v-if="model.status === 2">瀹℃壒閫氳繃</span>
           <span class="right" style="background:#dc362e " v-if="model.status === 3">瀹℃壒涓嶉�氳繃</span>
           <span class="right" style="background:#dc362e " v-if="model.status === 4">宸插彇娑�</span>
@@ -88,7 +88,7 @@
                   <div class="company">
                     {{ item.memberName }}
                     <div style="display: inline" v-if="item.statusInfo!=null && item.statusInfo!=''">
-                       <span class="status-green">{{item.statusInfo ||''}}</span>锛�
+                       锛�<span class="status-green">{{item.statusInfo ||''}}</span>锛�
                     </div>
                   </div>
                 </div>
@@ -98,10 +98,10 @@
               {{ item.checkInfo || '' }}
             </div>
             <div v-if="item.approveType == 1 "  class="childList">
-              <div style="display: inline" v-for="item1 in item.approveList" :key="item1.id">
+              <div class="m_content company" v-for="item1 in item.approveList" :key="item1.id">
                 <img v-if="item1.faceImg!=null && item1.faceImg !=''" :src="item1.faceImg" class="avatar" alt="" />
                 <img v-if="item1.faceImg ==null ||item1.faceImg ==''"  src="@/assets/avatar/man.png" class="avatar" alt="" />
-                <span style="display: inline-block"> {{item1.memberName}}</span>
+                <span > {{item1.memberName}}</span>
               </div>
             </div>
           </div>
@@ -440,8 +440,34 @@
           position: absolute;
           border-left: 2px dashed #cccccc;
           left: 31px;
-          height: calc(100% - 24px);
-          top: 34px;
+          height: calc(100% - 36px);
+          top: 49px;
+        }
+        .avatar {
+          width: 40px;
+          height: 40px;
+          border-radius: 50%;
+          margin: 0 12px 0 16px;
+          //border: 1px solid;
+        }
+        .childList{
+          display: flex;
+          flex-wrap: wrap;
+          margin-left: 100px;
+        }
+        .company {
+          font-size: 13px;
+          color: #888888;
+          .status {
+            color: #00ba67;
+          }
+        }
+        .m_content{
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          margin-bottom: 4px;
         }
         .info {
           display: flex;
@@ -475,13 +501,6 @@
             color:gray;
             font-size: 24px;
           }
-          .avatar {
-            width: 40px;
-            height: 40px;
-            border-radius: 50%;
-            margin: 0 12px 0 16px;
-            //border: 1px solid;
-          }
           .content {
             flex: 1;
             .line {
@@ -497,13 +516,6 @@
               .time {
                 color: #888888;
               }
-              .company {
-                font-size: 13px;
-                color: #888888;
-                .status {
-                  color: #00ba67;
-                }
-              }
             }
           }
         }
@@ -512,11 +524,9 @@
           border-radius: 4px;
           padding: 13px 15px;
           color: #666666;
-          margin-left: 120px;
+          margin-left: 100px;
         }
-        .childList {
-          margin-left: 120px;
-        }
+
       }
     }
   }

--
Gitblit v1.9.3