feat:实现保洁管理业务逻辑

apps/web-antd/src/views/property/clean/cleanOrders/clean-modal.vue

@@ -1,13 +1,17 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
+import dayjs from 'dayjs';
 
 import { useVbenModal } from '@vben/common-ui';
 import { $t } from '@vben/locales';
 import { cloneDeep } from '@vben/utils';
 
 import { useVbenForm } from '#/adapter/form';
-import { cleanAdd, cleanInfo, cleanUpdate } from '#/api/property/clean';
+import { cleanAdd, cleanInfo, cleanUpdate, cleanList } from '#/api/property/clean';
+import type { CleanVO } from '#/api/property/clean/model';
+import { clean_orderAdd, clean_orderInfo, clean_orderUpdate } from '#/api/property/clean_order';
 import { defaultFormValueGetter, useBeforeCloseDiff } from '#/utils/popup';
+import { resident_unitList } from '#/api/property/resident/unit';
 
 import { modalSchema } from './data';
 
@@ -18,17 +22,56 @@ const title = computed(() => {
   return isUpdate.value ? $t('pages.common.edit') : $t('pages.common.add');
 });
 
+// 用来缓存 cleanList 的完整数据
+let cleanListData: CleanVO[] = [];
+
+// 在文件顶部加缓存
+let unitListData: { id: any; name: string }[] = [];
+
+const editUnitId = ref('');
+const editCleanId = ref('');
+
 const [BasicForm, formApi] = useVbenForm({
   commonConfig: {
     // 默认占满两列
-    formItemClass: 'col-span-2',
+    formItemClass: 'col-span-1',
     // 默认label宽度 px
-    labelWidth: 80,
+    labelWidth: 120,
     // 通用配置项 会影响到所有表单项
     componentProps: {
       class: 'w-full',
     }
   },
+  // 1. 使用正确的属性名 handleValuesChange
+  handleValuesChange: async (values, fieldsChanged) => {
+    // 2. fieldsChanged 是一个包含变化字段名的数组
+    if (fieldsChanged.includes('name')) {
+      // 如果缓存数据为空，先请求一次并缓存
+      if (cleanListData.length === 0) {
+        try {
+          const res = await cleanList(); // 查询所有
+          cleanListData = res.rows || [];
+        } catch (e) {
+          console.error('获取劳务列表失败:', e);
+          cleanListData = []; // 出错时清空
+        }
+      }
+      
+      // 3. 从 values 中获取当前选中的 id
+      const selectedId = values.name;
+      const selectedItem = cleanListData.find(item => item.id === selectedId);
+      
+      if (selectedItem) {
+        // 4. 使用正确的 formApi.setValues 方法
+        await formApi.setValues({
+          prices: selectedItem.peices,    // 服务单价
+          frequency: selectedItem.frequency, // 保洁频率
+          standard: selectedItem.standard,   // 保洁内容
+          peices: selectedItem.peices,     // 保洁标准
+        });
+      }
+    }
+  },
   schema: modalSchema(),
   showDefaultActions: false,
   wrapperClass: 'grid-cols-2',
@@ -43,7 +86,7 @@ const { onBeforeClose, markInitialized, resetInitialized } = useBeforeCloseDiff(
 
 const [BasicModal, modalApi] = useVbenModal({
   // 在这里更改宽度
-  class: 'w-[550px]',
+  class: 'w-[70%]',
   fullscreenButton: false,
   onBeforeClose,
   onClosed: handleClosed,
@@ -56,13 +99,15 @@ const [BasicModal, modalApi] = useVbenModal({
 
     const { id } = modalApi.getData() as { id?: number | string };
     isUpdate.value = !!id;
-
     if (isUpdate.value && id) {
-      const record = await cleanInfo(id);
+      const record = await clean_orderInfo(id);
+      if (record.starTime) record.starTime = dayjs(record.starTime);
+      if (record.endTime) record.endTime = dayjs(record.endTime);
+      editUnitId.value = record.unitId || '';
+      editCleanId.value = record.cleanId || '';
       await formApi.setValues(record);
     }
     await markInitialized();
-
     modalApi.modalLoading(false);
   },
 });
@@ -74,9 +119,30 @@ async function handleConfirm() {
     if (!valid) {
       return;
     }
-    // getValues获取为一个readonly的对象 需要修改必须先深拷贝一次
     const data = cloneDeep(await formApi.getValues());
-    await (isUpdate.value ? cleanUpdate(data) : cleanAdd(data));
+console.log(data);
+
+    // 单位数据缓存
+    if (unitListData.length === 0) {
+      const res = await resident_unitList();
+      unitListData = res.rows || [];
+    }
+    // 劳务数据缓存 cleanListData 已有
+
+    // 查找label
+    const unitObj = unitListData.find(item => item.id === data.unit);
+    const cleanObj = cleanListData.find(item => item.id === data.name);
+
+    data.unit = unitObj ? unitObj.name  : data.unit || '' ;
+    data.name = cleanObj ? cleanObj.name  :data.name || '';
+    data.unitId = unitObj ? unitObj.id : (isUpdate.value ? editUnitId.value : '');
+    data.cleanId = cleanObj ? cleanObj.id : (isUpdate.value ? editCleanId.value : '');
+
+    // 如不需要原字段可删除
+    // delete data.unit;
+    // delete data.name;
+
+    await (isUpdate.value ? clean_orderUpdate(data) : clean_orderAdd(data));
     resetInitialized();
     emit('reload');
     modalApi.close();