From 777f950aeb1b2cfdbe05f07bf2042407159c4527 Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期五, 01 八月 2025 14:31:12 +0800 Subject: [PATCH] feat: 页面 --- /dev/null | 23 ----------- src/views/CPersonManage/components/CPersonDetailDialog.vue | 81 +++++++++++++++++----------------------- 2 files changed, 34 insertions(+), 70 deletions(-) diff --git a/.env.jx b/.env.jx deleted file mode 100644 index 4465490..0000000 --- a/.env.jx +++ /dev/null @@ -1,23 +0,0 @@ -NODE_ENV=production - -# 绾夸笂鐜椤圭洰鎵撳寘璺緞 -VITE_PUBLIC_PATH = / - -# 绾夸笂鐜璺敱鍘嗗彶妯″紡 -VITE_ROUTER_HISTORY = "h5" - -# 绾夸笂鐜鍚庣鍦板潃 -# VITE_PROXY_DOMAIN_REAL = "https://testrlywx.boleyuma.com/" -VITE_PROXY_DOMAIN_REAL = "https://yxapi.jx818.com/" - -# 鏄惁涓烘墦鍖呭悗鐨勬枃浠舵彁渚涗紶缁熸祻瑙堝櫒鍏煎鎬ф敮鎸� 鏀寔 true 涓嶆敮鎸� false -VITE_LEGACY = true - -VITE_COMPRESSION = "none" - -# OSS涓婁紶鍦板潃 -VITE_OSS_URL = "https://parkmanagement.oss-cn-hangzhou.aliyuncs.com/" -VITE_OSS_URL_BUCKET = "parkmanagement" -VITE_WEMAP_KEY = "DYRBZ-ZGPCF-X3OJN-N2AA3-JWUCE-HEBXJ" - -VITE_CLIENT_ORIGIN = "http://118.178.252.28:8740" diff --git a/src/views/CPersonManage/components/CPersonDetailDialog.vue b/src/views/CPersonManage/components/CPersonDetailDialog.vue index e6d9e99..63b7079 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> @@ -56,34 +61,33 @@ 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; }>(); @@ -130,25 +134,8 @@ }, ]; -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