From 47633749fb6da0664f932991e67c7e0d46c50aee Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Sun, 22 Sep 2024 17:58:13 +0800
Subject: [PATCH] =?UTF-8?q?feat=20:=20=E5=AE=A1=E6=89=B9=E8=AE=B0=E5=BD=95?=
 =?UTF-8?q?=E7=9A=84=E4=BB=A3=E7=90=86=E5=AE=A1=E6=89=B9,=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E7=AE=A1=E7=90=86=E7=9A=84=E8=AE=BE=E7=BD=AE=E4=BB=A3?=
 =?UTF-8?q?=E7=90=86=E5=8A=9F=E8=83=BD,=E9=A6=96=E9=A1=B5=E5=BE=85?=
 =?UTF-8?q?=E5=8A=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/user/user.js                          | 14 +++
 src/components/NameCircle.vue                 | 40 +++++---
 src/views/home/index.vue                      | 18 ++--
 src/views/system/user/agentSetting.vue        | 55 ++++++-----
 src/views/system/user/index.vue               | 94 ++++++++++---------
 src/views/workflow/common/OperationRender.vue | 94 +++++++++++--------
 6 files changed, 186 insertions(+), 129 deletions(-)

diff --git a/src/api/user/user.js b/src/api/user/user.js
index be57ca7..79bf1bb 100644
--- a/src/api/user/user.js
+++ b/src/api/user/user.js
@@ -212,3 +212,17 @@ export const checkMatrix = (userId) => {
     method: 'get'
   })
 }
+export const getAgentInfo=(userId)=>{
+  return request({
+    url: `/admin/mosr/user/approval/agent/${userId}`,
+    method:'get'
+  })
+}
+
+export const editAgentInfo=(data)=>{
+  return request({
+    url:'/admin/mosr/user/approval/agent',
+    method:'post',
+    data
+  })
+}
diff --git a/src/components/NameCircle.vue b/src/components/NameCircle.vue
index 958fb50..13efafc 100644
--- a/src/components/NameCircle.vue
+++ b/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;
 }
 
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 16270ee..431a050 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -63,7 +63,7 @@
                           <span>提交时间：</span>
                         </div>
                         <div class="time"> {{ item.submitTime }}</div>
-                        <div class="time">时间要求 {{ item.totalTime }}天</div>
+<!--                        <div class="time">时间要求 {{ item.totalTime }}天</div>-->
                       </div>
                       <div class="view" @click="handleView(item)">查看</div>
                     </div>
@@ -114,7 +114,7 @@
                           <span>提交时间：</span>
                         </div>
                         <div class="time"> {{ item.submitTime }}</div>
-                        <div class="time">时间要求 {{ item.totalTime }}天</div>
+<!--                        <div class="time">时间要求 {{ item.totalTime }}天</div>-->
                       </div>
                       <div class="view" @click="handleView(item)">查看</div>
                     </div>
@@ -627,7 +627,7 @@ const moneyPieOption = ref({
 })
 
 onMounted(async () => {
-  // getTodoList()
+  getTodoList()
   await getResearchChart()
   // nextTick(() => {
   //  let topLeft=document.getElementById('topLeft')
@@ -664,7 +664,7 @@ const goToSpecialFund = () => {
   })
 }
 const refreshTodoOrDoneList = () => {
-  // getTodoList()
+  getTodoList()
 }
 const initFundCharts = () => {
   data.fundPieCharts = echarts.init(document.getElementById('fundPie')).setOption(fundPieOption.value)
@@ -675,8 +675,8 @@ const initMoneyCharts = () => {
 const getTodoList = () => {
   getHomeTaskInfo().then(res => {
     if (res.code === 1000) {
-      // todoList.value=res.data.rows
-      // todoNum.value=res.data.total
+      todoList.value=res.data.rows
+      todoNum.value=res.data.total
     } else {
       ElNotification({
         title: '提示',
@@ -1267,9 +1267,9 @@ const handleView = (row) => {
               width: 80px;
               margin-left: 23px;
 
-              &:last-child {
-                white-space: nowrap;
-              }
+              //&:last-child {
+              //  white-space: nowrap;
+              //}
             }
           }
 
diff --git a/src/views/system/user/agentSetting.vue b/src/views/system/user/agentSetting.vue
index 413c90f..f72ed08 100644
--- a/src/views/system/user/agentSetting.vue
+++ b/src/views/system/user/agentSetting.vue
@@ -1,6 +1,6 @@
 <template>
   <div style="padding: 0 30px">
-    <baseTitle title="设置代理" ></baseTitle>
+    <baseTitle title="设置代理"></baseTitle>
     <el-form ref="userForm" :model="agentInfoForm" label-width="85px">
       <el-row gutter="30">
         <el-col :span="24">
@@ -9,14 +9,14 @@
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item label="代理人" prop="" required >
+          <el-form-item label="代理人" prop="" required>
             <el-button style="margin-right: 10px" color="#DED0B2" @click="handleShowAgentDialog">
               {{ agentUserList?.length !== 0 ? '更改' : '请选择' }}
             </el-button>
             <div v-for="item in agentUserList" :key="item.id" style="margin-right: 5px">
               {{ item.name }}
             </div>
-            <user-picker :multiple="false" ref="agentUserPickerRef" title="请选择代理人"
+            <user-picker :multiple="false" ref="agentSettingUserPickerRef" title="请选择代理人"
                          v-model:value="agentUserList" @ok="agentUserPickerOk"
                          @cancelOrClear="agentUserPickerOk"/>
           </el-form-item>
@@ -62,51 +62,55 @@
 
 <script setup>
 import {ElNotification} from "element-plus";
+import UserPicker from "@/views/workflow/process/common/UserPicker.vue";
+
+import {editAgentInfo, getAgentInfo} from "@/api/user/user";
 
-import {editAgentInfo,getAgentInfo} from "@/api/auth/auth";
 const agentUserList = ref([])
 const agentInfoForm = ref({});
-const agentUserPickerRef = ref()
+const agentSettingUserPickerRef = ref()
 const router = useRouter()
+const route = useRoute()
 localStorage.removeItem('originallySelectedList')
+const userId = ref(route.query.userId)
 
 const getUserAgentInfo = async () => {
-  await getAgentInfo().then(res => {
-    if(res.code===1000){
-      agentInfoForm.value=res.data
-      agentUserList.value=[
+  await getAgentInfo(userId.value).then(res => {
+    if (res.code === 1000) {
+      agentInfoForm.value = res.data
+      agentUserList.value = [
         {
-          id:res.data.agentUserId,
-          name:res.data.agentNickName,
-          companyName:res.data.agentCompanyName,
+          id: res.data.agentUserId,
+          name: res.data.agentNickName,
+          companyName: res.data.agentCompanyName,
         }
       ]
-    }else {
+    } else {
       ElNotification({
         title: '提示',
         message: res.msg,
-        type:  'error'
+        type: 'error'
       })
     }
   })
 }
 const disabledAgentEndTime = (time) => {
-  return time.getTime() <= new Date(agentInfoForm.value.agentStartTime)-1 * 24 * 3600 * 1000
+  return time.getTime() <= new Date(agentInfoForm.value.agentStartTime) - 1 * 24 * 3600 * 1000
 }
 
 const handleShowAgentDialog = () => {
-  agentUserPickerRef.value.showUserPicker()
+  agentSettingUserPickerRef.value.showUserPicker()
 }
 
 const agentUserPickerOk = (userList) => {
   agentUserList.value = userList
 }
 
-const handleSubmitAgent=()=>{
-  let agentUserId=''
-  if(agentUserList.value&&agentUserList.value.length>0){
-    agentUserId=agentUserList.value[0]?.id
-  }else {
+const handleSubmitAgent = () => {
+  let agentUserId = ''
+  if (agentUserList.value && agentUserList.value.length > 0) {
+    agentUserId = agentUserList.value[0]?.id
+  } else {
     ElNotification({
       title: '提示',
       message: '请选择代理人!',
@@ -114,10 +118,11 @@ const handleSubmitAgent=()=>{
     })
     return;
   }
-  let agentParams={
-    agentUserId:agentUserId,
-    agentStartTime:agentInfoForm.value.agentStartTime,
-    agentEndTime:agentInfoForm.value.agentEndTime
+  let agentParams = {
+    userId: userId.value,
+    agentUserId: agentUserId,
+    agentStartTime: agentInfoForm.value.agentStartTime,
+    agentEndTime: agentInfoForm.value.agentEndTime
   }
   console.info("🚀 ~method:agentParams -----", agentParams)
   editAgentInfo(agentParams).then(res => {
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index aa2dd23..ac7c74e 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -8,8 +8,8 @@
 import Tag from '@/components/Tag.vue'
 import fvSelect from '@/fvcomponents/fvSelect/index.vue'
 import UserPicker from "@/views/workflow/process/common/UserPicker.vue";
-import { useAuthStore } from '@/stores/userstore.js'
-import { getDeptOpt, getSubCompOpt,bindAccount,getBindAccount } from '@/api/user/user.js';
+import {useAuthStore} from '@/stores/userstore.js'
+import {getDeptOpt, getSubCompOpt, bindAccount, getBindAccount} from '@/api/user/user.js';
 import {ElMessageBox, ElNotification} from 'element-plus';
 
 const authStore = useAuthStore()
@@ -29,9 +29,9 @@ const searchConfig = ref([
       remote: true
     },
     on: {
-      change: async (val) =>{
-        const { data } = await getDeptOpt({subCompanyId: val})
-        searchConfig.value.find(item=>item.prop == 'departmentId').props.data = data
+      change: async (val) => {
+        const {data} = await getDeptOpt({subCompanyId: val})
+        searchConfig.value.find(item => item.prop == 'departmentId').props.data = data
       }
     }
   },
@@ -75,7 +75,7 @@ const searchConfig = ref([
       cacheKey: 'normal_disable',
       clearable: true,
       remote: true,
-      filterable:true
+      filterable: true
     }
   },
 ])
@@ -99,7 +99,7 @@ const tableConfig = reactive({
       type: 'index',
       label: '序号',
       align: 'center',
-      width:85,
+      width: 85,
       index: index => {
         return (tableIns.value.getQuery().pageNum - 1) * tableIns.value.getQuery().pageSize + index + 1
       }
@@ -140,7 +140,7 @@ const tableConfig = reactive({
       align: 'center',
       width: 100,
       showOverflowTooltip: false,
-      currentRender: ({row, index}) => (<Tag dictType={'account_type'} value={row.accountType} />)
+      currentRender: ({row, index}) => (<Tag dictType={'account_type'} value={row.accountType}/>)
     },
     {
       prop: 'state',
@@ -148,7 +148,7 @@ const tableConfig = reactive({
       width: 80,
       align: 'center',
       showOverflowTooltip: false,
-      currentRender: ({row, index}) => (<Tag dictType={'normal_disable'} value={row.state} />)
+      currentRender: ({row, index}) => (<Tag dictType={'normal_disable'} value={row.state}/>)
     },
     {
       prop: 'createTime',
@@ -164,20 +164,22 @@ const tableConfig = reactive({
       showOverflowTooltip: false,
       currentRender: ({row, index}) => {
         return (
-          <div>
-            <el-button type="primary" v-perm={auths.edit} link onClick={()=>handleEdit(row)}>编辑</el-button>
-            <el-button type="primary" v-perm={auths.agentSetting} link onClick={()=>handleAgentSetting(row)}>设置代理</el-button>
-            {
-              row.userType != 0 ?
-              <el-button type="danger" v-perm={auths.del} link onClick={()=>handleDel(row)}>删除</el-button> :
-              null
-            }
-            {
-              row.accountType == 0 ?
-              <el-button type="primary" v-perm={auths.bindUser} link onClick={()=>handleBindAccount(row)}>绑定账号</el-button> :
-              null
-            }
-          </div>
+            <div>
+              <el-button type="primary" v-perm={auths.edit} link onClick={() => handleEdit(row)}>编辑</el-button>
+              <el-button type="primary" v-perm={auths.agentSetting} link onClick={() => handleAgentSetting(row)}>设置代理
+              </el-button>
+              {
+                row.userType != 0 ?
+                    <el-button type="danger" v-perm={auths.del} link onClick={() => handleDel(row)}>删除</el-button> :
+                    null
+              }
+              {
+                row.accountType == 0 ?
+                    <el-button type="primary" v-perm={auths.bindUser} link
+                               onClick={() => handleBindAccount(row)}>绑定账号</el-button> :
+                    null
+              }
+            </div>
         )
       }
     }
@@ -185,24 +187,27 @@ const tableConfig = reactive({
   api: '/admin/mosr/user',
   params: {},
   btns: [
-    {name: '新增', color:"#DED0B2", auth: ['admin:user:add'], key: 'add'}
+    {name: '新增', color: "#DED0B2", auth: ['admin:user:add'], key: 'add'}
   ]
 })
-const handleAgentSetting=()=>{
+const handleAgentSetting = (row) => {
   router.push({
     name: 'AgentSetting',
+    query: {
+      userId: row.userId,
+    }
   })
 }
 const init = async () => {
   // console.log(authStore.roles,'userinfo');
-  if(!authStore.roles.includes('superAdmin')) {
+  if (!authStore.roles.includes('superAdmin')) {
     searchConfig.value = searchConfig.value.slice(1)
   }
   searchConfig.value = searchConfig.value
-  const { data } = await getDeptOpt()
-  searchConfig.value.find(item=>item.prop == 'departmentId').props.data = data
+  const {data} = await getDeptOpt()
+  searchConfig.value.find(item => item.prop == 'departmentId').props.data = data
   const res = await getSubCompOpt()
-  searchConfig.value.find(item=>item.prop == 'subCompanyId').props.data = res.data
+  searchConfig.value.find(item => item.prop == 'subCompanyId').props.data = res.data
   // console.log("🚀 ~ init ~ searchConfig.value:", searchConfig.value)
 }
 
@@ -239,20 +244,21 @@ const handleDel = (row) => {
     cancelButtonText: '取消'
   }).then(async res => {
     // const { code } = await
-  }).catch(()=>{})
+  }).catch(() => {
+  })
 }
-const handleBindAccount=(row)=>{
+const handleBindAccount = (row) => {
   currentId.value = row.userId
-  getBindAccount(row.userId).then(res=>{
-    if(res.code != 1000){
+  getBindAccount(row.userId).then(res => {
+    if (res.code != 1000) {
       ElNotification({
         title: '提示',
         message: res.msg,
         type: 'error'
       })
-    }else {
+    } else {
       userList.value = res.data
-      nextTick(()=>{
+      nextTick(() => {
         userPicker.value.showUserPicker()
       })
     }
@@ -268,12 +274,12 @@ const selected = (select) => {
     userInfoList.push(userInfo)
   }
   userList.value = userInfoList
-  let ids=userList.value.map(item=>item.id)
-  let params={
-    id:currentId.value,
-    ids:ids
+  let ids = userList.value.map(item => item.id)
+  let params = {
+    id: currentId.value,
+    ids: ids
   }
-  bindAccount(params).then(res=>{
+  bindAccount(params).then(res => {
     ElNotification({
       title: '提示',
       message: res.msg,
@@ -282,8 +288,9 @@ const selected = (select) => {
   })
 }
 const headBtnClick = (key) => {
-  switch(key) {
-    case 'add': handleAdd()
+  switch (key) {
+    case 'add':
+      handleAdd()
       break;
   }
 }
@@ -304,7 +311,8 @@ const headBtnClick = (key) => {
     }
   }
 }
-:deep(.el-col-5:nth-child(4).el-col-offset-1){
+
+:deep(.el-col-5:nth-child(4).el-col-offset-1) {
   margin-left: 35px !important;
 }
 </style>
diff --git a/src/views/workflow/common/OperationRender.vue b/src/views/workflow/common/OperationRender.vue
index 48376aa..d7217b3 100644
--- a/src/views/workflow/common/OperationRender.vue
+++ b/src/views/workflow/common/OperationRender.vue
@@ -1,8 +1,8 @@
 <template>
-<!--  <div>-->
-<!--    <el-button v-print="print" color="#ded0b2" icon="Printer"> 打印</el-button> id="printBox"-->
-<!--  </div>-->
-  <div style="margin: 10px" >
+  <!--  <div>-->
+  <!--    <el-button v-print="print" color="#ded0b2" icon="Printer"> 打印</el-button> id="printBox"-->
+  <!--  </div>-->
+  <div style="margin: 10px">
     <el-timeline>
       <el-timeline-item v-for="(operation,index) in operationList"
                         :key="index" :timestamp="operation.startTime"
@@ -11,7 +11,7 @@
                         size="large"
                         placement="top">
         <template #dot>
-<!--          :style="{backgroundColor:operation.color}"-->
+          <!--          :style="{backgroundColor:operation.color}"-->
           <div style="background-color:#fff;width: 16px; height: 16px">
             <el-icon :color="operation.color" size="16px">
               <component :is="operation.icon"></component>
@@ -25,10 +25,10 @@
           <div class="card">
             <div v-for="(user,index) in operation.userInfo" :key="index" class="avatar_name"
                  :style="{'flex-direction': isColumn?'column':'row'}">
-              <div class="avatar-block" :style="{'margin-bottom': isColumn?'10px':'0'}">
+              <div class="avatar-block" :style="{'margin': isColumn?'0 0 10px 18px':'0'}">
                 <name-circle :user="user" :type="operation.operation"/>
-                <div class="name">
-                  <div style="display: flex;align-items: center">
+                <div class="name-block" :style="{'margin': isColumn?'0 0 0 30px':'0 20px 0 10px'}">
+                  <div style="display: flex;align-items: center" >
                     <el-icon :color="user.accountType==='0'?'#95d475':user.accountType==null?'#95d475':'#409eff'"
                              style="margin-right: 5px;">
                       <UserFilled/>
@@ -38,14 +38,25 @@
                   <span>{{ user.jobActivityDesc }}</span>
                 </div>
               </div>
-              <div>
-                <!--                <div class="remark">{{ operation.remark }}</div>-->
-                <!--                <div>-->
-                <!--                  <div>审批人：</div>-->
-                <!--                  <div>{{ user.name }}</div>-->
-                <!--                </div>-->
+              <div v-if="user.isAgent" style="display: flex;" :style="{'margin': isColumn?'10px 0':'0'}">
+                <div>
+                  <name-circle :user="user" :showIcon="true" :user-name="user.agentUserName" :type="operation.operation"/>
+                  <span style="color: #909399;font-size: 14px">（代理审批）</span>
+                </div>
+                <div class="name-block">
+                  <div style="display: flex;align-items: center">
+                    <el-icon :color="user.accountType==='0'?'#95d475':user.accountType==null?'#95d475':'#409eff'"
+                             style="margin-right: 5px;">
+                      <UserFilled/>
+                    </el-icon>
+                    <span class="name-style">{{ user.agentUserName }}</span>
+                  </div>
+                  <span>{{ user.agentCompanyName }}</span>
+                </div>
+              </div>
+              <div class="auditOpinion">
                 <div v-if="user.auditOpinion">
-                  <div style="margin-bottom: 10px;color: #909399">{{ user.operationTime }}</div>
+                  <div style="margin-bottom: 10px;color: #909399">{{ user.operationTime||'2024-09-22 12:16:29' }}</div>
                   <div class="username">
                     <span style="font-weight: bold">审批意见：</span>
                     <el-text v-text="user.auditOpinion" style="word-break: break-all">
@@ -200,15 +211,15 @@ const initOperationFun = (operation) => {
       operation["remark"] = "  处理中"
     }
     //回退
-    if (state === 'ROLLBACK') {
-      // operation["icon"] = "RefreshLeft"
-      // operation["color"] = "#f78f5f"
-      operation["icon"] = "CircleCloseFilled"
-      operation["color"] = "#f56c6c"
-      operation["remark"] = "  回退成功"
-    }
+    // if (state === 'ROLLBACK') {
+    //   // operation["icon"] = "RefreshLeft"
+    //   // operation["color"] = "#f78f5f"
+    //   operation["icon"] = "CircleCloseFilled"
+    //   operation["color"] = "#f56c6c"
+    //   operation["remark"] = "  回退成功"
+    // }
     //拒绝操作
-    if (state === 'REFUSE' || state === 'AUTO_REFUSE') {
+    if (state === 'REFUSE' || state === 'AUTO_REFUSE' ||state === 'ROLLBACK') {
       operation["icon"] = "CircleCloseFilled"
       operation["color"] = "#f56c6c"
       operation["remark"] = "  拒绝"
@@ -267,6 +278,7 @@ init()
 :deep(.el-timeline-item__dot) {
   margin-left: -3px;
 }
+
 :deep .el-card__body, .el-main {
   padding: 10px;
 }
@@ -290,29 +302,33 @@ init()
       border-bottom: none;
     }
 
+    .name-block {
+      width: 130px;
+      display: flex;
+      flex-direction: column;
+      margin-left: 10px;
+      margin-right: 20px;
+
+      .name-style {
+        color: #2a99ff;
+      }
+
+      > span:last-child {
+        margin-top: 5px;
+        color: #909399;
+      }
+    }
     .avatar-block {
       display: flex;
 
-      .name {
-        width: 130px;
-        display: flex;
-        flex-direction: column;
-        margin-left: 10px;
-        margin-right: 20px;
-
-        .name-style {
-          color: #2a99ff;
-        }
-
-        > span:last-child {
-          margin-top: 5px;
-          color: #909399;
-        }
+      .agent-style {
+        color: #909399;
+        font-size: 15px;
       }
 
     }
 
-    > div:nth-child(2) {
+    .auditOpinion {
       display: flex;
       flex-direction: column;
       color: #8a8a8a;