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 |  169 +++++++++++++++++++++++++++++++++++---------------------
 1 files changed, 105 insertions(+), 64 deletions(-)

diff --git a/src/views/EmploymentManage/components/AddOrEditEmploymentView.vue b/src/views/EmploymentManage/components/AddOrEditEmploymentView.vue
index 58b79b5..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,18 +83,14 @@
                       :max="999999999999"
                       :unit="EnumBillingMethodUnitText[form.billingMethod]"
                       :disabled="feeCannotEdit"
+                      @change="calcTaskTotalServiceFee"
                     ></ProFormInputNumber>
                   </template>
                 </RadioWithExtra>
               </ProFormItemV2>
             </ProFormColItem>
           </ProFormCol>
-          <template
-            v-if="
-              form.billingMethod === EnumBillingMethod.Hour ||
-              form.billingMethod === EnumBillingMethod.Day
-            "
-          >
+          <template v-if="form.billingMethod === EnumBillingMethod.Hour">
             <ProFormCol>
               <ProFormColItem :span="12">
                 <ProFormItemV2
@@ -109,6 +108,7 @@
                     :max="999999999999"
                     unit="灏忔椂/澶�"
                     :disabled="feeCannotEdit"
+                    @change="calcTaskTotalServiceFee"
                   ></ProFormInputNumber>
                 </ProFormItemV2>
               </ProFormColItem>
@@ -139,19 +139,18 @@
             <ProFormColItem :span="12">
               <ProFormItemV2
                 label="鎬讳欢鏁�:"
-                prop="verifyWorkHours"
-                :check-rules="[{ message: '璇疯緭鍏ヤ换鍔℃�讳欢鏁�' }]"
+                prop="totalPieceQuantity"
+                :check-rules="[{ message: '璇疯緭鍏ユ�讳欢鏁�' }]"
               >
-                <span v-if="isDetail && !form.verifyWorkHours"></span>
                 <ProFormInputNumber
-                  v-else
                   :controls="false"
-                  v-model="form.verifyWorkHours"
-                  placeholder="璇疯緭鍏ヤ换鍔℃�讳欢鏁�"
+                  v-model="form.totalPieceQuantity"
+                  placeholder="璇疯緭鍏ユ�讳欢鏁�"
                   :min="0"
                   :max="999999999999"
                   unit="浠�"
                   :disabled="feeCannotEdit"
+                  @change="calcTaskTotalServiceFee"
                 ></ProFormInputNumber>
               </ProFormItemV2>
             </ProFormColItem>
@@ -379,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"
@@ -439,7 +452,7 @@
   EnumTaskCheckReceiveMethodText,
   EnumEnterpriseWalletAccessText,
 } from '@/constants';
-import { format, FormValidator } from '@/utils';
+import { format, FormValidator, toThousand } from '@/utils';
 import dayjs from 'dayjs';
 
 defineOptions({
@@ -502,6 +515,7 @@
   needPeopleNumber: null as number,
   billingMethod: EnumBillingMethod.Day,
   serviceFee: null,
+  totalPieceQuantity: null as number,
   settlementCycle: EnumSettlementCycle.Day,
   settlementDate: null as number,
   benefits: [] as string[],
@@ -518,6 +532,7 @@
   checkReceiveMethods: [] as any as EnumTaskCheckReceiveMethod[],
   applyTime: [] as unknown as ModelValueType,
   settlementAccess: '' as any as EnumEnterpriseWalletAccess,
+  totalServiceFee: 0,
 });
 
 const { settlementAccessList } = useEnterpriseWalletAccessSelect({
@@ -540,6 +555,7 @@
     form.name = data.name;
     form.needPeopleNumber = data.needPeopleNumber;
     form.billingMethod = data.billingMethod;
+    form.totalPieceQuantity = data.totalPieceQuantity;
     form.serviceFee = data.serviceFee;
     form.settlementCycle = data.settlementCycle;
     form.settlementDate = data.settlementDate;
@@ -575,6 +591,7 @@
       format(data.applyEndTime, 'YYYY-MM-DD 23:59:59'),
     ];
     form.settlementAccess = data.settlementAccess;
+    form.totalServiceFee = data.estimatedServiceFee;
   },
   enabled: isEdit,
 });
@@ -585,39 +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;
-}
-
-function calculateServicesFee(
-  billingMethod: EnumBillingMethod,
-  serviceFee: number,
-  time: ModelValueType,
-  needPeopleNumber: number,
-  verifyWorkHours: number
-) {
-  const monthInterval = calculateMonthInterval(time[0], time[1]);
-  const dayInterval = dayjs(time[1]).diff(time[0], 'day');
-  switch (billingMethod) {
-    case EnumBillingMethod.Month:
-      return monthInterval * serviceFee * needPeopleNumber;
-    case EnumBillingMethod.Day:
-      return serviceFee * dayInterval * needPeopleNumber;
-    case EnumBillingMethod.Hour:
-      return serviceFee * dayInterval * needPeopleNumber * verifyWorkHours;
-    case EnumBillingMethod.Piece:
-      return serviceFee * needPeopleNumber;
-  }
 }
 
 const productFormRef = ref<FormInstance>();
@@ -631,34 +622,62 @@
     }
   });
 }
+
+// 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 ?? 0,
+      verifyWorkHours: form.verifyWorkHours ?? 0,
+      totalPieceQuantity: form.totalPieceQuantity,
+      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);
+    if (res) {
+      form.totalServiceFee = res.totalServiceFee;
+    }
+  } catch (error) {}
+}
+
 async function submit() {
   try {
-    // const estimateServicesFee = calculateServicesFee(
-    //   form.billingMethod,
-    //   form.serviceFee,
-    //   form.time,
-    //   form.needPeopleNumber,
-    //   form.verifyWorkHours
-    // );
-    // if (estimateServicesFee > 10000) {
-    //   Message.tipMessage('鎮ㄥ綋鍓嶈处鎴蜂綑棰濅笉瓒筹紝鏆傛椂鏃犳硶鍙戝竷浠诲姟锛岃鍏呭�煎悗鎿嶄綔', {
-    //     confirmButtonText: '绔嬪嵆鍏呭��',
-    //     cancelButtonText: '鍙栨秷',
-    //     type: 'warning',
-    //     callback: (action) => {
-    //       if (action === 'confirm') {
-    //         router.push({
-    //           name: 'BalanceManageV2',
-    //         });
-    //       }
-    //     },
-    //   });
-    // }
+    await calcTaskTotalServiceFee();
     let params: API.SaveTaskInfoCommand = {
       supplierEnterpriseId: form.supplierEnterpriseId,
       name: form.name,
       needPeopleNumber: form.needPeopleNumber,
       billingMethod: form.billingMethod,
+      totalPieceQuantity: form.totalPieceQuantity,
       serviceFee: form.serviceFee,
       settlementCycle: form.settlementCycle,
       settlementDate: form.settlementDate ? form.settlementDate : 0,
@@ -683,16 +702,38 @@
       checkReceiveMethods: form.checkReceiveMethods,
       settlementAccess: form.settlementAccess,
     };
+    if (form.billingMethod !== EnumBillingMethod.Face) {
+      params.serviceFee = form.serviceFee;
+    }
     if (isEdit) {
       params.id = id;
     }
-    let res = await taskServices.saveTaskInfo(params);
+    let res = await taskServices.saveTaskInfo(params, {
+      skipErrorHandler: true,
+    });
     if (res) {
       Message.successMessage('鎿嶄綔鎴愬姛');
       eventContext.emit(isEdit ? 'taskManage:edit' : 'taskManage:add');
       handleBack();
     }
-  } catch (error) {}
+  } catch (error) {
+    if (error?.info?.errorCode == 'BalanceNotEnough') {
+      Message.tipMessage('鎮ㄥ綋鍓嶈处鎴蜂綑棰濅笉瓒筹紝鏆傛椂鏃犳硶鍙戝竷浠诲姟锛岃鍏呭�煎悗鎿嶄綔', {
+        confirmButtonText: '绔嬪嵆鍏呭��',
+        cancelButtonText: '鍙栨秷',
+        type: 'warning',
+        callback: (action) => {
+          if (action === 'confirm') {
+            router.push({
+              name: 'BalanceManageV2',
+            });
+          }
+        },
+      });
+    } else {
+      Message.errorMessage(error);
+    }
+  }
 }
 
 function handleCheckBenefitsAllChange(val: boolean) {

--
Gitblit v1.9.1