fix: 修改审核员显示

src/components/company/auth-commit.vue

@@ -3,7 +3,7 @@
  * @Author       : 无尘
  * @Date         : 2020-02-13 14:02:40
  * @LastEditors: 无尘
- * @LastEditTime: 2020-08-03 09:32:58
+ * @LastEditTime: 2020-08-05 09:38:35
  * @FilePath     : j:\公司\haoban-4\src\components\company\auth-commit-success.vue
  -->
 <!--
@@ -22,11 +22,13 @@
         <limit-textarea :inputWidth="298" :inputValue.sync="commitForm.auditReason" :holder="'请输入申请理由'" :getByType="'word'" :maxLength="50"></limit-textarea>
       </el-form-item>
       <el-form-item label="审核人" prop="">
-        <template v-for="(item, index) in commitForm.auditAdmin">
-          <span class="audit-admin" :key="index+'admin'">
-            {{item.clerkName}}（{{item.nationCode +'-'+ item.phoneNumber}}）
-          </span>
-        </template>
+        <div class="flex flex-wrap audit-admin-body">
+          <template v-for="(item, index) in commitForm.auditAdmin">
+            <span class="audit-admin" :key="index+'admin'">
+              {{item.clerkName}}（{{item.nationCode +'-'+ item.phoneNumber}}）
+            </span>
+          </template>
+        </div>
       </el-form-item>
       <el-form-item>
         <el-button @click="cancel">取消</el-button>
@@ -149,12 +151,25 @@ export default {
   .w-198 {
     width: 198px;
   }
-  .audit-admin {
-    color: #606266;
-    font-size: 14px;
-    padding: 0 8px;
-    &+.audit-admin {
-      border-left: 1px solid #dcdfe6;
+  .audit-admin-body {
+    min-width: 700px;
+    .audit-admin {
+      position: relative;
+      color: #606266;
+      font-size: 14px;
+      padding: 0 8px;
+      margin-bottom: 10px;
+      &:nth-child(2n) {
+        &::after {
+          content: '';
+          position: absolute;
+          left: 0;
+          top: 10px;
+          width: 0;
+          height: 14px;
+          border-left: 1px solid #dcdfe6;
+        }
+      }
     }
   }
 }