优化

src/views/project/constructionUser/index.vue

@@ -97,6 +97,9 @@
         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
           <template #default="scope">
             <el-space wrap>
+              <el-button link type="primary" icon="View" @click="handleShowDrawer(scope.row)" v-hasPermi="['project:constructionUser:query']">
+                详情
+              </el-button>
               <el-button link type="success" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['project:constructionUser:edit']">
                 修改
               </el-button>
@@ -190,6 +193,9 @@
         </div>
       </template>
     </el-dialog>
+    <el-drawer title="施工人员详情" v-model="showDetailDrawer" :size="'45%'">
+      <construction-user-detail :user-id="currentUserId" />
+    </el-drawer>
   </div>
 </template>
 
@@ -207,6 +213,7 @@ import { listContractor } from '@/api/project/contractor';
 import { listProjectTeam } from '@/api/project/projectTeam';
 import { ContractorVO } from '@/api/project/contractor/types';
 import { ProjectTeamVO } from '@/api/project/projectTeam/types';
+import ConstructionUserDetail from '@/views/project/constructionUser/component/ConstructionUserDetail.vue';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { type_of_work, user_sex_type, user_clock_type } = toRefs<any>(proxy?.useDict('type_of_work', 'user_sex_type', 'user_clock_type'));
@@ -407,6 +414,14 @@ const handleUpdate = async (row?: ConstructionUserVO) => {
   dialog.title = '修改施工人员';
 };
 
+/** 展开用户详情抽屉操作 */
+const currentUserId = ref<string | number>();
+const showDetailDrawer = ref<boolean>(false);
+const handleShowDrawer = (row?: ConstructionUserVO) => {
+  currentUserId.value = row.id;
+  showDetailDrawer.value = true;
+};
+
 /** 提交按钮 */
 const submitForm = () => {
   constructionUserFormRef.value?.validate(async (valid: boolean) => {