From 7d6f8b21c47242180524dd221e34815843811ff0 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期三, 10 十二月 2025 09:17:56 +0800
Subject: [PATCH] feat: 页面

---
 src/views/EmploymentManage/components/AddOrEditEmploymentView.vue |   74 +++++++++++++++++++++++++++++++------
 1 files changed, 62 insertions(+), 12 deletions(-)

diff --git a/src/views/EmploymentManage/components/AddOrEditEmploymentView.vue b/src/views/EmploymentManage/components/AddOrEditEmploymentView.vue
index ae3130e..567292f 100644
--- a/src/views/EmploymentManage/components/AddOrEditEmploymentView.vue
+++ b/src/views/EmploymentManage/components/AddOrEditEmploymentView.vue
@@ -2,7 +2,7 @@
   <LoadingLayout :loading="isLoading && isEdit">
     <AppContainer>
       <PageFormLayout title="鍩烘湰淇℃伅">
-        <ProForm :model="form" ref="productFormRef" label-width="110px" :is-read="isDetail">
+        <ProForm :model="form" ref="productFormRef" label-width="120px" :is-read="isDetail">
           <ProFormItemV2
             label="渚涘簲鍟�:"
             prop="supplierEnterpriseId"
@@ -12,6 +12,7 @@
               v-model="form.supplierEnterpriseId"
               :value-enum="supplierEnterpriseSelect"
               placeholder="璇烽�夋嫨渚涘簲鍟�"
+              :disabled="isEdit"
             ></ProFormSelect>
           </ProFormItemV2>
           <ProFormCol>
@@ -40,6 +41,7 @@
                   :max="999999999999"
                   :precision="0"
                   unit="浜�"
+                  @change="calcTaskTotalServiceFee"
                 ></ProFormInputNumber>
               </ProFormItemV2>
             </ProFormColItem>
@@ -69,6 +71,7 @@
                   :showExtra="true"
                   :button-style="false"
                   :disabled="feeCannotEdit"
+                  @change="calcTaskTotalServiceFee"
                 >
                   <template #extra>
                     <ProFormInputNumber
@@ -80,6 +83,7 @@
                       :max="999999999999"
                       :unit="EnumBillingMethodUnitText[form.billingMethod]"
                       :disabled="feeCannotEdit"
+                      @change="calcTaskTotalServiceFee"
                     ></ProFormInputNumber>
                   </template>
                 </RadioWithExtra>
@@ -104,6 +108,7 @@
                     :max="999999999999"
                     unit="灏忔椂/澶�"
                     :disabled="feeCannotEdit"
+                    @change="calcTaskTotalServiceFee"
                   ></ProFormInputNumber>
                 </ProFormItemV2>
               </ProFormColItem>
@@ -145,6 +150,7 @@
                   :max="999999999999"
                   unit="浠�"
                   :disabled="feeCannotEdit"
+                  @change="calcTaskTotalServiceFee"
                 ></ProFormInputNumber>
               </ProFormItemV2>
             </ProFormColItem>
@@ -372,10 +378,24 @@
                 <ProFormCheckbox
                   v-model="form.checkReceiveMethods"
                   :value-enum="EnumTaskCheckReceiveMethodText"
+                  :disabled="isEdit"
                 ></ProFormCheckbox>
               </ProFormItemV2>
             </ProFormColItem>
           </ProFormCol>
+          <ProFormItemV2
+            label="淇濋櫓浜у搧:"
+            prop="checkReceiveMethods"
+            :check-rules="[{ message: '璇烽�夋嫨淇濋櫓浜у搧' }]"
+          >
+            <ProFormSelect
+              v-model="form.checkReceiveMethods"
+              :value-enum="EnumTaskCheckReceiveMethodText"
+            ></ProFormSelect>
+          </ProFormItemV2>
+          <ProFormItemV2 label="棰勮鏈嶅姟璐规�婚:" prop="totalServiceFee">
+            {{ `${toThousand(form.totalServiceFee)}鍏僠 }}
+          </ProFormItemV2>
           <ProFormItemV2
             label="缁撶畻鏂瑰紡:"
             prop="settlementAccess"
@@ -432,7 +452,7 @@
   EnumTaskCheckReceiveMethodText,
   EnumEnterpriseWalletAccessText,
 } from '@/constants';
-import { format, FormValidator } from '@/utils';
+import { format, FormValidator, toThousand } from '@/utils';
 import dayjs from 'dayjs';
 
 defineOptions({
@@ -512,6 +532,7 @@
   checkReceiveMethods: [] as any as EnumTaskCheckReceiveMethod[],
   applyTime: [] as unknown as ModelValueType,
   settlementAccess: '' as any as EnumEnterpriseWalletAccess,
+  totalServiceFee: 0,
 });
 
 const { settlementAccessList } = useEnterpriseWalletAccessSelect({
@@ -570,6 +591,7 @@
       format(data.applyEndTime, 'YYYY-MM-DD 23:59:59'),
     ];
     form.settlementAccess = data.settlementAccess;
+    form.totalServiceFee = data.estimatedServiceFee;
   },
   enabled: isEdit,
 });
@@ -580,18 +602,13 @@
 
 function handleTimeChange() {
   form.applyTime = [] as unknown as ModelValueType;
+  calcTaskTotalServiceFee();
 }
 
 function handleBack() {
   closeViewPush(route, {
     name: 'TaskManageList',
   });
-}
-
-function calculateMonthInterval(startDate, endDate) {
-  const diffInDays = dayjs(endDate).diff(startDate, 'day');
-  const monthInterval = Math.ceil(diffInDays / 30);
-  return monthInterval > 15 ? Math.ceil(monthInterval / 30) : monthInterval;
 }
 
 const productFormRef = ref<FormInstance>();
@@ -606,19 +623,49 @@
   });
 }
 
+// function calculateMonthInterval(startDate, endDate) {
+//   const diffInDays = dayjs(endDate).diff(startDate, 'day');
+//   const monthInterval = Math.ceil(diffInDays / 30);
+//   return monthInterval > 15 ? Math.ceil(monthInterval / 30) : monthInterval;
+// }
+
+// const totalServiceFee = computed(() => {
+//   const monthInterval = calculateMonthInterval(form.time[0], form.time[1]);
+//   const dayInterval = dayjs(form.time[1]).diff(dayjs(form.time[0]), 'day');
+//   switch (form.billingMethod) {
+//     case EnumBillingMethod.Month:
+//       return monthInterval * (form.serviceFee ?? 0) * (form.needPeopleNumber ?? 0);
+//     case EnumBillingMethod.Day:
+//       return dayInterval * (form.serviceFee ?? 0) * (form.needPeopleNumber ?? 0);
+//     case EnumBillingMethod.Hour:
+//       return (
+//         dayInterval *
+//         (form.verifyWorkHours ?? 0) *
+//         (form.serviceFee ?? 0) *
+//         (form.needPeopleNumber ?? 0)
+//       );
+//     case EnumBillingMethod.Piece:
+//       return (form.totalPieceQuantity ?? 0) * (form.serviceFee ?? 0);
+//     default:
+//       return form.totalServiceFee;
+//   }
+// });
+
 async function calcTaskTotalServiceFee() {
   try {
     let params: API.CalcTaskTotalServiceFeeCommand = {
       billingMethod: form.billingMethod,
-      serviceFee: form.serviceFee,
-      verifyWorkHours: form.verifyWorkHours,
+      serviceFee: form.serviceFee ?? 0,
+      verifyWorkHours: form.verifyWorkHours ?? 0,
       totalPieceQuantity: form.totalPieceQuantity,
-      needPeopleNumber: form.needPeopleNumber,
+      needPeopleNumber: form.needPeopleNumber ?? 0,
       beginTime: dayjs(form.time[0]).format('YYYY-MM-DD 00:00:00'),
       endTime: dayjs(form.time[1]).format('YYYY-MM-DD 23:59:59'),
     };
     let res = await taskServices.calcTaskTotalServiceFee(params);
-    return res;
+    if (res) {
+      form.totalServiceFee = res.totalServiceFee;
+    }
   } catch (error) {}
 }
 
@@ -655,6 +702,9 @@
       checkReceiveMethods: form.checkReceiveMethods,
       settlementAccess: form.settlementAccess,
     };
+    if (form.billingMethod !== EnumBillingMethod.Face) {
+      params.serviceFee = form.serviceFee;
+    }
     if (isEdit) {
       params.id = id;
     }

--
Gitblit v1.9.1