From ce49de0e3d228e795090ba11a24b34bb940d6fe3 Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期日, 19 十月 2025 21:32:50 +0800 Subject: [PATCH] feat: 1.2.0.1 --- apps/bMiniApp/src/subpackages/task/publishTask/InnerPage.vue | 306 ++++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 267 insertions(+), 39 deletions(-) diff --git a/apps/bMiniApp/src/subpackages/task/publishTask/InnerPage.vue b/apps/bMiniApp/src/subpackages/task/publishTask/InnerPage.vue index 5f50ad4..6373913 100644 --- a/apps/bMiniApp/src/subpackages/task/publishTask/InnerPage.vue +++ b/apps/bMiniApp/src/subpackages/task/publishTask/InnerPage.vue @@ -25,10 +25,53 @@ class="nut-input-text bole-input-text" placeholder="璇疯緭鍏ユ湇鍔¤垂" :min="0" + :max="999999999999" + :precision="2" + type="text" /> <div class="form-input-unit">{{ BillingMethodEnumUnit[form.billingMethod] }}</div> </div> </nut-form-item> + <template v-if="form.billingMethod === EnumBillingMethod.Hour"> + <nut-form-item + label="鏍稿畾宸ユ椂:" + class="bole-form-item" + prop="verifyWorkHours" + label-width="90" + > + <div class="bole-form-input-wrapper"> + <NumberInput + v-model.trim="form.verifyWorkHours" + class="nut-input-text bole-input-text" + placeholder="璇疯緭鍏ユ牳瀹氬伐鏃�" + :min="0" + :max="999999999999" + :precision="2" + type="text" + /> + <div class="form-input-unit">{{ '灏忔椂/澶�' }}</div> + </div> + </nut-form-item> + <nut-form-item + label="瓒呮椂鏈嶅姟璐�:" + class="bole-form-item" + prop="timeoutServiceFee" + label-width="90" + > + <div class="bole-form-input-wrapper"> + <NumberInput + v-model.trim="form.timeoutServiceFee" + class="nut-input-text bole-input-text" + placeholder="璇疯緭鍏ヨ秴鏃舵湇鍔¤垂" + :min="0" + :max="999999999999" + :precision="2" + type="text" + /> + <div class="form-input-unit">{{ '鍏�/灏忔椂' }}</div> + </div> + </nut-form-item> + </template> <nut-form-item label="缁撶畻鏂瑰紡:" class="bole-form-item" @@ -36,11 +79,29 @@ required label-width="90px" > - <nut-radio-group v-model="form.settlementCycle" direction="horizontal"> + <nut-radio-group + v-model="form.settlementCycle" + direction="horizontal" + @change="settleTypeChange" + > <BlRadio :label="Number(key)" v-for="(val, key) in EnumSettlementCycleText" :key="key">{{ val }}</BlRadio> </nut-radio-group> + </nut-form-item> + <nut-form-item + label="缁撶畻鏃ユ湡:" + class="bole-form-item" + prop="settlementDate" + label-width="90px" + required + v-if="form.settlementCycle !== EnumSettlementCycle.Day" + > + <ChooseInputWithPicker + v-model="form.settlementDate" + placeholder="璇疯缃粨绠楁棩鏈�" + :value-enum="settlementDateList" + /> </nut-form-item> <nut-form-item label="绂忓埄:" class="bole-form-item" prop="benefits" label-width="90px"> <ChooseInputWithCheckbox @@ -62,14 +123,14 @@ v-model.trim="form.ageMinLimit" class="nut-input-text bole-input-text" placeholder="璇烽�夋嫨骞撮緞鑼冨洿" - :min="1" + :min="16" /> <div class="form-input-separator">鑷�</div> <NumberInput v-model.trim="form.ageMaxLimit" class="nut-input-text bole-input-text" placeholder="璇烽�夋嫨骞撮緞鑼冨洿" - :min="1" + :min="16" /> </div> </nut-form-item> @@ -99,22 +160,29 @@ placeholder="璇烽�夋嫨璧勬牸璇佷功" /> </nut-form-item> - <nut-form-item label="浠诲姟鍦扮偣" class="bole-form-item" prop="weMapInfo" required> - <ChooseLocationInput placeholder="璇烽�夋嫨浠诲姟鍦扮偣" v-model="form.weMapInfo" /> - <!-- <ChooseInputWithAreaPicker - :columns="areaTreeList" - v-model="form.areaList" - placeholder="璇烽�夋嫨鎵�鍦ㄥ湴鍖�" - ></ChooseInputWithAreaPicker> --> + <nut-form-item + label="浠诲姟鍦扮偣" + label-width="90px" + class="bole-form-item" + prop="weMapInfo" + required + > + <ChooseLocationInput + inputAlign="left" + placeholder="璇烽�夋嫨浠诲姟鍦扮偣" + v-model="form.weMapInfo" + /> </nut-form-item> <nut-form-item - label="璇︾粏鍦板潃:" + label="鍦扮偣璇存槑:" class="bole-form-item" prop="addressDetail" label-width="90px" - required > - <nut-input v-model="form.addressDetail" placeholder="璇疯緭鍏ヨ缁嗗湴鍧�"> </nut-input> + <nut-input v-model="form.addressDetail" placeholder="璇疯緭鍏ュ湴鐐硅鏄�"> </nut-input> + </nut-form-item> + <nut-form-item label="浠诲姟璇存槑:" class="bole-form-item" prop="description" label-width="90px"> + <nut-textarea v-model="form.description" placeholder="璇疯緭鍏ヤ换鍔¤鏄�"> </nut-textarea> </nut-form-item> <nut-form-item label="浠诲姟寮�濮嬫棩鏈�:" @@ -125,13 +193,69 @@ <ChooseInputWithDatePicker v-model="form.beginTime" :minDate="nowDate" + placeholder="璇烽�夋嫨浠诲姟寮�濮嬫棩鏈�" + @change="timeChange" ></ChooseInputWithDatePicker> </nut-form-item> <nut-form-item label="浠诲姟缁撴潫鏃ユ湡:" class="bole-form-item" prop="endTime" label-width="90px"> <ChooseInputWithDatePicker v-model="form.endTime" :minDate="nowDate" + placeholder="璇烽�夋嫨浠诲姟缁撴潫鏃ユ湡" ></ChooseInputWithDatePicker> + </nut-form-item> + <nut-form-item + label="鎶ュ悕寮�濮嬫棩鏈�:" + class="bole-form-item" + prop="applyBeginTime" + label-width="90px" + > + <ChooseInputWithDatePicker + v-model="form.applyBeginTime" + :minDate="form.beginTime ? dayjs(form.beginTime).toDate() : nowDate" + placeholder="璇烽�夋嫨鎶ュ悕寮�濮嬫棩鏈�" + ></ChooseInputWithDatePicker> + </nut-form-item> + <nut-form-item + label="鎶ュ悕缁撴潫鏃ユ湡:" + class="bole-form-item" + prop="applyEndTime" + label-width="90px" + > + <ChooseInputWithDatePicker + v-model="form.applyEndTime" + :minDate="form.beginTime ? dayjs(form.beginTime).toDate() : nowDate" + placeholder="璇烽�夋嫨鎶ュ悕缁撴潫鏃ユ湡" + ></ChooseInputWithDatePicker> + </nut-form-item> + <nut-form-item + label="楠屾敹鏂瑰紡:" + class="bole-form-item" + prop="checkReceiveMethod" + label-width="90px" + > + <nut-radio-group v-model="form.checkReceiveMethod" direction="horizontal"> + <BlRadio + :label="Number(key)" + v-for="(val, key) in EnumTaskCheckReceiveMethodText" + :key="key" + >{{ val }}</BlRadio + > + </nut-radio-group> + </nut-form-item> + <nut-form-item + label="缁撶畻鏂瑰紡:" + class="bole-form-item" + prop="settlementAccess" + label-width="90px" + required + > + <ChooseInputWithPicker + v-model="form.settlementAccess" + placeholder="璇烽�夋嫨缁撶畻鏂瑰紡" + :value-enum="settlementAccessList" + :disabled="isEdit" + /> </nut-form-item> </nut-form> </ContentScrollView> @@ -153,6 +277,12 @@ EnumSettlementCycleText, BillingMethodEnumUnit, EnumUserGenderTextOptions, + EnumSettlementCycleDateWeekArray, + EnumSettlementCycleDateMonthArray, + EnumTaskCheckReceiveMethod, + EnumTaskCheckReceiveMethodText, + EnumEnterpriseWalletAccess, + EnumEnterpriseWalletAccessText, } from '@12333/constants'; import { ChooseInputWithPicker, @@ -164,12 +294,15 @@ ChooseInputWithCheckbox, } from '@12333/components'; import { FormValidator, Message } from '@12333/utils'; -import * as flexWorkerServices from '@12333/services/api/FlexWorker'; import * as taskServices from '@12333/services/apiV2/task'; import { FormRules } from '@nutui/nutui-taro/dist/types/__VUE/form/types'; import Taro from '@tarojs/taro'; import { goBack } from '@/utils'; -import { useAllAreaList, useDictionaryDataSelect } from '@12333/hooks'; +import { + useAllAreaList, + useDictionaryDataSelect, + useEnterpriseWalletAccessSelect, +} from '@12333/hooks'; import { useQuery } from '@tanstack/vue-query'; import dayjs from 'dayjs'; @@ -179,13 +312,20 @@ const { userDetail } = useUser(); const { findAreaNameFromCode } = useAllAreaList(); +const { settlementAccessList } = useEnterpriseWalletAccessSelect(); const router = Taro.useRouter(); -const taskId = router.params?.taskId ?? ''; +const taskId = router.params?.id ?? ''; const isEdit = !!taskId; const isCopy = router.params?.isCopy === 'true'; -console.log('isCopy: ', router.params?.isCopy); const nowDate = dayjs().toDate(); +const applyBeginTimeMinDate = computed(() => { + return form.applyBeginTime + ? dayjs(form.applyBeginTime).toDate() + : form.beginTime + ? dayjs(form.beginTime).toDate() + : nowDate; +}); const { dictionaryDataList: WelfareTypeList } = useDictionaryDataSelect({ categoryCode: CategoryCode.Welfare, @@ -194,46 +334,76 @@ categoryCode: CategoryCode.CertificateType, }); +const settlementDateList = computed(() => { + if (form.settlementCycle === EnumSettlementCycle.Month) { + return EnumSettlementCycleDateMonthArray; + } + if (form.settlementCycle === EnumSettlementCycle.Week) { + return EnumSettlementCycleDateWeekArray; + } + return []; +}); + const form = reactive({ name: '', - billingMethod: EnumBillingMethod.Month, + billingMethod: EnumBillingMethod.Day, serviceFee: '' as any as number, - settlementCycle: EnumSettlementCycle.Month, + settlementCycle: EnumSettlementCycle.Day, benefits: [] as string[], - ageMinLimit: 0, - ageMaxLimit: 0, - genderLimit: '' as any as EnumUserGender, + ageMinLimit: '' as any as number, + ageMaxLimit: '' as any as number, + genderLimit: 0 as any as EnumUserGender, credentialLimits: [] as string[], - // address: '', beginTime: '', endTime: '', - // areaList: [] as number[], + settlementDate: null as number, weMapInfo: {} as WeMapModel, addressDetail: '', + + verifyWorkHours: null as number, + timeoutServiceFee: null as number, + description: '', + checkReceiveMethod: EnumTaskCheckReceiveMethod.CheckIn, + applyBeginTime: '', + applyEndTime: '', + settlementAccess: '' as any as EnumEnterpriseWalletAccess, }); const rules = reactive<FormRules>({ name: [{ required: true, message: '璇疯緭鍏ヤ换鍔″悕绉�' }], genderLimit: [{ required: true, message: '璇烽�夋嫨鎬у埆瑕佹眰' }], - addressDetail: [{ required: true, message: '璇疯緭鍏ヨ缁嗗湴鍧�' }], - + settlementCycleDate: [{ required: true, message: '璇疯缃粨绠楁棩鏈�' }], + settlementAccess: [{ required: true, message: '璇烽�夋嫨缁撶畻鏂瑰紡' }], + // addressDetail: [{ required: true, message: '璇疯緭鍏ヨ缁嗗湴鍧�' }], + billingMethod: [ + { + required: true, + message: '璇烽�夋嫨鏀惰垂鏂瑰紡', + validator: () => { + if (!form.billingMethod) { + return Promise.reject('璇烽�夋嫨鏈嶅姟璐圭被鍨�'); + } + if (!form.serviceFee) { + return Promise.reject('璇疯緭鍏ユ湇鍔¤垂'); + } + return Promise.resolve(true); + }, + }, + ], weMapInfo: [ { required: true, message: '璇疯缃伐浣滃湴鐐�', validator: FormValidator.validatorWeMap }, ], - // areaList: [ - // { required: true, message: '璇锋坊鍔犲伐浣滃湴鐐�', validator: FormValidator.validatorArray }, - // ], ageMinLimit: [ { required: true, message: '璇疯緭鍏ュ勾榫勮姹�', validator: () => { - if (!form.ageMinLimit) { + if (!form.ageMinLimit && form.ageMinLimit > 0) { return Promise.reject('璇疯緭鍏ュ勾榫勮姹�'); } - if (!form.ageMaxLimit) { + if (!form.ageMaxLimit && form.ageMaxLimit > 0) { return Promise.reject('璇疯緭鍏ュ勾榫勮姹�'); } if (Number(form.ageMaxLimit) <= Number(form.ageMinLimit)) { @@ -256,7 +426,36 @@ message: '璇烽�夋嫨缁撴潫鏃ユ湡', validator(value) { if (!value) return Promise.reject('璇烽�夋嫨缁撴潫鏃ユ湡'); - if (value <= form.beginTime) return Promise.reject('缁撴潫鏃ユ湡涓嶈兘灏忎簬寮�濮嬫棩鏈�'); + if (dayjs(value).isBefore(dayjs(form.beginTime))) + return Promise.reject('缁撴潫鏃ユ湡闇�澶т簬寮�濮嬫棩鏈�'); + return Promise.resolve(true); + }, + }, + ], + applyBeginTime: [ + { + required: true, + message: '璇烽�夋嫨鎶ュ悕寮�濮嬫棩鏈�', + validator(value) { + if (!value) return Promise.reject('璇烽�夋嫨鎶ュ悕寮�濮嬫棩鏈�'); + if (dayjs(value).isBefore(dayjs(form.beginTime))) + return Promise.reject('鎶ュ悕寮�濮嬫棩鏈熼渶澶т簬浠诲姟寮�濮嬫棩鏈�'); + if (dayjs(value).isAfter(dayjs(form.endTime))) + return Promise.reject('鎶ュ悕寮�濮嬫棩鏈熼渶灏忎簬浠诲姟缁撴潫鏃ユ湡'); + return Promise.resolve(true); + }, + }, + ], + applyEndTime: [ + { + required: true, + message: '璇烽�夋嫨鎶ュ悕缁撴潫鏃ユ湡', + validator(value) { + if (!value) return Promise.reject('璇烽�夋嫨鎶ュ悕缁撴潫鏃ユ湡'); + if (dayjs(value).isBefore(dayjs(form.applyBeginTime))) + return Promise.reject('鎶ュ悕缁撴潫鏃ユ湡闇�澶т簬鎶ュ悕寮�濮嬫棩鏈�'); + if (dayjs(value).isAfter(dayjs(form.endTime))) + return Promise.reject('鎶ュ悕缁撴潫鏃ユ湡闇�灏忎簬浠诲姟缁撴潫鏃ユ湡'); return Promise.resolve(true); }, }, @@ -285,23 +484,31 @@ form.billingMethod = data.billingMethod; form.serviceFee = data.serviceFee; form.settlementCycle = data.settlementCycle; - form.benefits = (data.benefits ?? []).map((item) => item.code); + form.settlementDate = data.settlementDate; + form.benefits = (data.benefits ?? []).map((item) => item.benefitCode); form.ageMinLimit = data.ageMinLimit; form.ageMaxLimit = data.ageMaxLimit; form.genderLimit = data.genderLimit; - form.credentialLimits = (data.credentialLimits ?? []).map((item) => item.code); + form.credentialLimits = (data.credentialLimits ?? []).map((item) => item.typeCode); form.beginTime = dayjs(data.beginTime).format('YYYY-MM-DD'); form.endTime = dayjs(data.endTime).format('YYYY-MM-DD'); form.addressDetail = data.addressDetail; form.weMapInfo = { - provinceName: findAreaNameFromCode(data.provinceCode), - cityName: findAreaNameFromCode(data.cityCode), + provinceName: data.provinceContent, + cityName: data.cityContent, provinceCode: data.provinceCode, cityCode: data.cityCode, latitude: data.latitude, longitude: data.longitude, addressName: data.addressName, }; + form.description = data.description; + form.verifyWorkHours = data.verifyWorkHours; + form.timeoutServiceFee = data.timeoutServiceFee; + form.checkReceiveMethod = data.checkReceiveMethod; + form.applyBeginTime = dayjs(data.applyBeginTime).format('YYYY-MM-DD'); + form.applyEndTime = dayjs(data.applyEndTime).format('YYYY-MM-DD'); + form.settlementAccess = data.settlementAccess; }, }); @@ -322,6 +529,7 @@ billingMethod: form.billingMethod, serviceFee: form.serviceFee, settlementCycle: form.settlementCycle, + settlementDate: form.settlementDate ? form.settlementDate : 0, benefits: form.benefits, ageMinLimit: form.ageMinLimit, ageMaxLimit: form.ageMaxLimit, @@ -333,8 +541,15 @@ addressDetail: form.addressDetail, longitude: form.weMapInfo.longitude, latitude: form.weMapInfo.latitude, - beginTime: form.beginTime, - endTime: form.endTime, + beginTime: dayjs(form.beginTime).format('YYYY-MM-DD 00:00:00'), + endTime: dayjs(form.endTime).format('YYYY-MM-DD 23:59:59'), + description: form.description, + verifyWorkHours: form.verifyWorkHours, + timeoutServiceFee: form.timeoutServiceFee, + checkReceiveMethod: form.checkReceiveMethod, + applyBeginTime: dayjs(form.applyBeginTime).format('YYYY-MM-DD 00:00:00'), + applyEndTime: dayjs(form.applyEndTime).format('YYYY-MM-DD 23:59:59'), + settlementAccess: form.settlementAccess, }; if (isEdit) { params.id = taskId; @@ -344,7 +559,7 @@ } let res = await taskServices.saveTaskInfo(params); if (res) { - Message.success(isEdit ? '缂栬緫鎴愬姛' : '鍙戝竷鎴愬姛', { + Message.success(isEdit && !isCopy ? '缂栬緫鎴愬姛' : '鍙戝竷鎴愬姛', { onClosed() { goBack(); }, @@ -353,6 +568,19 @@ } catch (error) {} } +function timeChange() { + form.applyBeginTime = ''; + form.applyEndTime = ''; +} + +function applyTimeChange() { + form.applyEndTime = ''; +} + +function settleTypeChange() { + form.settlementDate = null as number; +} + function handleCancel() { goBack(); } -- Gitblit v1.9.1