业务员详情样式完善

src/views/operationManagement/operationDetail.vue

@@ -67,9 +67,9 @@
                 <el-descriptions-item label="手机号：" width="33%">{{ dataDetail?.mobile }}</el-descriptions-item>
                 <el-descriptions-item label="证件号：" width="33%">{{ dataDetail?.identity }}</el-descriptions-item>
                 <el-descriptions-item label="证件有效期始：" width="33%">{{ dataDetail?.identityTimeStart
-                }}</el-descriptions-item>
+                  }}</el-descriptions-item>
                 <el-descriptions-item label="证件有效期止：" width="33%">{{ dataDetail?.identityTimeEnd
-                }}</el-descriptions-item>
+                  }}</el-descriptions-item>
               </el-descriptions>
               <el-descriptions title="其他信息">
                 <el-descriptions-item label="管理人：" width="33%">{{ dataDetail?.leaderName }}</el-descriptions-item>
@@ -814,63 +814,61 @@ onMounted(async () => {
 .message {
   background: white;
 
-  .other {
-    .fileItem {
+  .fileItem {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    margin: 10px 0;
+
+    .label {
+      width: 200px;
+    }
+
+    .fileName {
+      width: calc(100% - 500px);
+      line-height: 30px;
       display: flex;
-      justify-content: flex-start;
       align-items: center;
-      margin: 10px 0;
+      padding: 0 20px;
 
-      .label {
+      &:hover {
+        background: #ccc;
+      }
+
+      .file-name {
         width: 200px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        margin-right: 20px;
       }
 
-      .fileName {
-        width: calc(100% - 500px);
-        line-height: 30px;
+      .file-icon {
         display: flex;
+        justify-content: flex-start;
         align-items: center;
-        padding: 0 20px;
+        height: 30px;
+        margin-left: 10px;
+        font-size: 16px;
+        cursor: pointer;
 
         &:hover {
-          background: #ccc;
-        }
-
-        .file-name {
-          width: 200px;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
-          margin-right: 20px;
-        }
-
-        .file-icon {
-          display: flex;
-          justify-content: flex-start;
-          align-items: center;
-          height: 30px;
-          margin-left: 10px;
-          font-size: 16px;
-          cursor: pointer;
-
-          &:hover {
-            color: #00a0f4;
-          }
+          color: #00a0f4;
         }
       }
     }
+  }
 
-    .cardImage {
-      display: block;
-      width: 80px;
-      height: 80px;
-      border-radius: 5px;
-    }
+  .cardImage {
+    display: block;
+    width: 80px;
+    height: 80px;
+    border-radius: 5px;
+  }
 
-    :deep(.el-descriptions__title) {
-      padding-left: 20px;
-      font-size: 16px;
-    }
+  :deep(.el-descriptions__title) {
+    padding-left: 20px;
+    font-size: 16px;
   }
 }