feat : 审批记录的代理审批,用户管理的设置代理功能,首页待办

src/components/NameCircle.vue

@@ -3,12 +3,16 @@
     <slot name="pre"></slot>
     <div class="user-audit">
       <div class="circle-user">
-        <Tooltip :content="user.name" placement="bottom-start" width="45px"/>
+        <Tooltip v-if="userName" :content="userName" placement="bottom-start" width="45px"/>
+        <Tooltip v-else :content="user.name" placement="bottom-start" width="45px"/>
+        <!--        :style="{-->
+        <!--        backgroundColor: '#fff'-->
+        <!--        }">-->
         <div v-if="user.icon"
-             class="el-timeline-item__node" :style="{
-                      backgroundColor: '#fff'
-                    }">
-          <el-icon v-if="user.icon" size="15" :color="user.color" :class="user.class">
+             class="el-timeline-item__node">
+          <div v-if="user.isAgent&&!showIcon">
+          </div>
+          <el-icon v-else size="15" :color="user.color" :class="user.class">
             <component :is="user.icon"/>
           </el-icon>
         </div>
@@ -28,10 +32,18 @@ const props = defineProps({
     type: Boolean,
     default: false
   },
+  showIcon: {
+    type: Boolean,
+    default: false
+  },
   user: {
     type: Object,
     default: {}
   },
+  userName: {
+    type: String,
+    default: ''
+  },
   mode: {
     type: String,
     default: 'design'
@@ -71,20 +83,22 @@ const initUser = (user) => {
     user["class"] = 'is-loading'
   }
   //拒绝后评论
-  if (state === 'REFUSE') {
-    user["icon"] = 'Close'
+  if (state === 'REFUSE' || state === 'ROLLBACK') {
+    // user["icon"] = 'Close'
+    // user["color"] = "#f56c6c"
+    user["icon"] = 'CircleCloseFilled'
     user["color"] = "#f56c6c"
   }
   if (state === 'PASS') {
     user["icon"] = 'MoreFilled'
     user["color"] = "#c0c4cc"
   }
-  if (state === 'ROLLBACK') {
-    // user["icon"] = 'RefreshLeft'
-    // user["color"] = "#f78f5f"
-    user["icon"] = 'CircleCloseFilled'
-    user["color"] = "#f56c6c"
-  }
+  // if (state === 'ROLLBACK') {
+  //   // user["icon"] = 'RefreshLeft'
+  //   // user["color"] = "#f78f5f"
+  //   user["icon"] = 'CircleCloseFilled'
+  //   user["color"] = "#f56c6c"
+  // }
   return user;
 }