From 03ffdd67fc4c40f3e9443931a0aa55e508182873 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期三, 06 八月 2025 17:00:06 +0800
Subject: [PATCH] feat: 字典

---
 src/views/CPersonManage/components/CPersonDetailDialog.vue |   87 ++++++++++++++++++-------------------------
 1 files changed, 37 insertions(+), 50 deletions(-)

diff --git a/src/views/CPersonManage/components/CPersonDetailDialog.vue b/src/views/CPersonManage/components/CPersonDetailDialog.vue
index e6d9e99..e1e3b09 100644
--- a/src/views/CPersonManage/components/CPersonDetailDialog.vue
+++ b/src/views/CPersonManage/components/CPersonDetailDialog.vue
@@ -1,28 +1,28 @@
 <template>
-  <ProDialog title="鐢宠璇︽儏" v-model="innerVisible" width="1200px" destroy-on-close>
-    <ProTabs v-model="innerForm.tabType" hasBorder>
+  <ProDialog title="鐢宠璇︽儏" v-model="visible" width="1200px" destroy-on-close>
+    <ProTabs v-model="form.tabType" hasBorder>
       <ProTabPane lazy label="浜哄憳璇︽儏" name="user">
         <ProForm :model="form" ref="dialogForm" label-width="120px" is-read>
           <ProFormItemV2 label="濮撳悕:" prop="name">
-            <ProFormText v-model.trim="innerForm.name" />
+            <ProFormText v-model.trim="form.name" />
           </ProFormItemV2>
           <ProFormItemV2 label="韬唤璇佸彿:" prop="idNumber">
-            <ProFormText v-model.trim="innerForm.idNumber" />
+            <ProFormText v-model.trim="form.idNumber" />
           </ProFormItemV2>
           <ProFormItemV2 label="鎵嬫満鍙�:" prop="contactPhone">
-            <ProFormText v-model.trim="innerForm.contactPhone" />
+            <ProFormText v-model.trim="form.contactPhone" />
           </ProFormItemV2>
           <ProFormItemV2 label="鎬у埆:" prop="age">
-            <ProFormRadio v-model="innerForm.genderType" :value-enum="GenderText"></ProFormRadio>
+            <ProFormRadio v-model="form.genderType" :value-enum="GenderText"></ProFormRadio>
           </ProFormItemV2>
           <ProFormItemV2 label="骞撮緞:" prop="age">
-            <ProFormInputNumber v-model="innerForm.age" unit="宀�"></ProFormInputNumber>
+            <ProFormInputNumber v-model="form.age" unit="宀�"></ProFormInputNumber>
           </ProFormItemV2>
           <ProFormItemV2 label="韬唤璇佹闈�:" prop="certificateFrontImgUrl">
-            <ProFormImageUpload v-model:file-url="innerForm.certificateFrontImgUrl" />
+            <ProFormImageUpload v-model:file-url="form.certificateFrontImgUrl" />
           </ProFormItemV2>
           <ProFormItemV2 label="韬唤璇佸弽闈�:" prop="certificateBackImgUrl">
-            <ProFormImageUpload v-model:file-url="innerForm.certificateBackImgUrl" />
+            <ProFormImageUpload v-model:file-url="form.certificateBackImgUrl" />
           </ProFormItemV2>
         </ProForm>
       </ProTabPane>
@@ -33,6 +33,11 @@
         </ProDialogTableWrapper>
       </ProTabPane>
     </ProTabs>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="emit('onCancel')">鍏抽棴</el-button>
+      </span>
+    </template>
   </ProDialog>
 </template>
 
@@ -51,43 +56,42 @@
   ProFormImageUpload,
   ProFormRadio,
   ProFormInputNumber,
+  defineColumns,
 } from '@bole-core/components';
 import { OrderInputType } from '@bole-core/core';
 import _ from 'lodash';
-import * as flexEnterpriseWokerServices from '@/services/api/FlexEnterpriseWoker';
 import { setOSSLink } from '@/utils';
-import { FlexTaskWorkerHireEnumText, FlexWorkerEleSignEnumText, Gender, GenderText } from '@/constants';
+import {
+  FlexTaskWorkerHireEnumText,
+  FlexWorkerEleSignEnumText,
+  Gender,
+  GenderText,
+} from '@/constants';
 
 defineOptions({
   name: 'CPersonDetailDialog',
 });
 
-type Props = {
-  modelValue: boolean;
-  form: {
-    tabType: string;
-    userId: string;
-    name: string;
-    idNumber: string;
-    contactPhone: string;
-    age: number;
-    genderType:Gender;
-    certificateFrontImgUrl: UploadUserFile[];
-    certificateBackImgUrl: UploadUserFile[];
-  };
+type Form = {
+  tabType: string;
+  userId: string;
+  name: string;
+  idNumber: string;
+  contactPhone: string;
+  age: number;
+  genderType: Gender;
+  certificateFrontImgUrl: UploadUserFile[];
+  certificateBackImgUrl: UploadUserFile[];
 };
 
-const props = withDefaults(defineProps<Props>(), {
-  modelValue: false,
-});
+const form = defineModel<Form>('form');
+const visible = defineModel<boolean>('visible');
 
 const emit = defineEmits<{
-  (e: 'update:modelValue', value: boolean): void;
-  (e: 'update:form', value: Props['form']): void;
   (e: 'onCancel'): void;
 }>();
 
-const column: API.CustomModuleColumnDto[] = [
+const column = defineColumns([
   {
     id: '1',
     enCode: 'enterpirseName',
@@ -128,27 +132,10 @@
     enCode: 'contractUrl',
     name: '鐢靛瓙鍚堝悓',
   },
-];
-
-const innerVisible = computed({
-  get() {
-    return props.modelValue;
-  },
-  set(val) {
-    emit('update:modelValue', val);
-  },
-});
-const innerForm = computed({
-  get() {
-    return props.form;
-  },
-  set(val) {
-    emit('update:form', val);
-  },
-});
+]);
 
 watch(
-  () => innerVisible.value,
+  () => visible.value,
   (val) => {
     if (val) {
       getList();
@@ -170,7 +157,7 @@
           page: pageIndex,
           orderInput: extraParamState.orderInput,
         },
-        userId: props.form.userId,
+        userId: form.value.userId,
       };
       let res = await flexEnterpriseWokerServices.getUserClientSignList(params);
       return res;

--
Gitblit v1.9.1