feat: 测试保洁订单

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

@@ -6,7 +6,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 import { $t } from '@vben/locales';
-import { cloneDeep } from '@vben/utils';
+import { cloneDeep,handleNode,getPopupContainer } from '@vben/utils';
 
 import { Button, Table } from 'ant-design-vue';
 import dayjs from 'dayjs';
@@ -20,12 +20,11 @@ import {
   clean_orderUpdate,
 } from '#/api/property/clean_order';
 import { resident_unitList } from '#/api/property/resident/unit';
-import RoomSelect from '#/components/roomSelect/room-select.vue';
 import { defaultFormValueGetter, useBeforeCloseDiff } from '#/utils/popup';
 
 import cleanDetailModal from './clean-detail-modal.vue';
 import { modalSchema } from './data';
-
+import { communityTree } from '#/api/property/community';
 const emit = defineEmits<{ reload: [] }>();
 
 // 计算合计费用
@@ -118,6 +117,7 @@ const [BasicModal, modalApi] = useVbenModal({
     if (!isOpen) {
       return null;
     }
+    setupCommunitySelect()
     modalApi.modalLoading(true);
     const { id, readonly } = modalApi.getData() as {
       id?: number | string;
@@ -216,44 +216,39 @@ const detailGridOptions: VxeGridProps = {
   data: [],
 };
 const detailColumns = [
-  { title: '序号', key: 'index', width: 'auto' },
-  { title: '劳务名称', dataIndex: 'name', key: 'name', width: 'auto' },
-  { title: '计量单位', dataIndex: 'measure', key: 'measure', width: 'auto' },
-  { title: '计算方式', dataIndex: 'method', key: 'method', width: 'auto' },
+  { title: '序号', key: 'index' },
+  { title: '劳务名称', dataIndex: 'name', key: 'name' },
+  { title: '计量单位', dataIndex: 'measure', key: 'measure' },
+  { title: '计算方式', dataIndex: 'method', key: 'method' },
   {
     title: '申报单价含税（元）',
     dataIndex: 'peices',
     key: 'peices',
-    width: 'auto',
   },
   {
     title: '保洁频率',
     dataIndex: 'frequency',
     key: 'frequency',
-    width: 'auto',
   },
-  { title: '保洁标准', dataIndex: 'standard', key: 'standard', width: 'auto' },
-  { title: '备注', dataIndex: 'remark', key: 'remark', width: 'auto' },
+  { title: '保洁标准', dataIndex: 'standard', key: 'standard' },
+  { title: '备注', dataIndex: 'remark', key: 'remark' },
   {
     title: '状态',
     dataIndex: 'stater',
     key: 'stater',
-    width: 'auto',
     customRender: ({ value }: { value: number }) =>
       value === 1 ? '启用' : '禁用',
   },
-  { title: '保洁面积', dataIndex: 'area', key: 'area', width: 'auto' },
+  { title: '保洁面积', dataIndex: 'area', key: 'area' },
   {
     title: '合计费用',
     dataIndex: 'sumPeices',
     key: 'sumPeices',
-    width: 'auto',
   },
   {
     title: '操作',
     key: 'action',
     fixed: 'right' as const,
-    width: 'auto',
   },
 ];
 
@@ -281,6 +276,8 @@ function handleDeleteDetail(record: any, index: number) {
 }
 
 async function handleConfirm() {
+  console.log('handleConfirm123123123');
+
   if (isReadonly.value) {
     modalApi.close();
     return;
@@ -301,6 +298,8 @@ async function handleConfirm() {
     // 劳务数据缓存 cleanListData 已有
     // 查找label
     const unitObj = unitListData.find((item) => item.id === data.unit);
+    console.log(unitObj,'unitObj');
+
     const cleanObj = cleanListData.find((item) => item.id === data.name);
 
     data.unit = unitObj ? unitObj.name : data.unit || '';
@@ -311,12 +310,16 @@ async function handleConfirm() {
       : isUpdate.value
         ? editCleanId.value
         : '';
-    data.sumPeices = totalSumPeices;
+    // data.sumPeices = totalSumPeices;
     // 组装 cleanIds
     data.cleanIds = detailTable.value.map((item: any) => item.id);
     data.details = detailTable.value;
+    console.log(data);
+console.log(12037847120120);
+await clean_orderAdd(data)
+// isUpdate.value ?  await clean_orderUpdate(data) : await clean_orderAdd(data);
+    console.log('1231273');
 
-    await (isUpdate.value ? clean_orderUpdate(data) : clean_orderAdd(data));
     resetInitialized();
     emit('reload');
     modalApi.close();
@@ -331,14 +334,47 @@ async function handleClosed() {
   await formApi.resetForm();
   resetInitialized();
 }
+// 获取服务地址
+async function setupCommunitySelect() {
+  const areaList = await communityTree(5);
+  // 选中后显示在输入框的值 即父节点 / 子节点
+  // addFullName(areaList, 'areaName', ' / ');
+  const splitStr = '/';
+  handleNode(areaList, 'label', splitStr, function (node: any) {
+    if (node.level != 5) {
+      node.disabled = true;
+    }
+  });
+  formApi.updateSchema([
+    {
+      componentProps: () => ({
+        class: 'w-full',
+        fieldNames: {
+          key: 'id',
+          label: 'label',
+          value: 'code',
+          children: 'children',
+        },
+        getPopupContainer,
+        placeholder: '请选择服务地址',
+        showSearch: true,
+        treeData: areaList,
+        treeDefaultExpandAll: true,
+        treeLine: { showLeafIcon: false },
+        // 筛选的字段
+        treeNodeFilterProp: 'label',
+        // 选中后显示在输入框的值
+        treeNodeLabelProp: 'fullName',
+      }),
+      fieldName: 'location',
+    },
+  ]);
+}
 </script>
 
 <template>
   <BasicModal :title="title">
     <BasicForm>
-      <template #location="soltProps">
-        <RoomSelect v-bind="soltProps" />
-      </template>
     </BasicForm>
     <!-- 添加订单详情部分 -->
     <div class="mt-4">
@@ -399,4 +435,15 @@ async function handleClosed() {
 .font-medium {
   font-weight: 500;
 }
+/* 使用 :deep() 穿透 scoped 样式，影响子组件 */
+:deep(.ant-input[disabled]),
+:deep(.ant-input-number-disabled .ant-input-number-input),
+:deep(.ant-select-disabled .ant-select-selection-item),
+:deep(.ant-picker-disabled .ant-picker-input > input) {
+  /* 设置一个更深的颜色 */
+  color: rgb(0 0 0 / 65%) !important;
+
+  /* 有些浏览器需要这个来覆盖默认颜色 */
+  -webkit-text-fill-color: rgb(0 0 0 / 65%) !important;
+}
 </style>

apps/web-antd/src/views/property/clean/cleanOrders/data.ts

@@ -12,6 +12,13 @@ export const querySchema: FormSchemaGetter = () => [
     fieldName: 'location',
     label: '服务地址',
   },
+  //   {
+  //   label: '服务地址（房间号）',
+  //   component: 'TreeSelect',
+  //   defaultValue: undefined,
+  //   fieldName: 'location',
+  //   rules: 'required',
+  // },
   // {
   //   label: '服务地址（房间号）',
   //   fieldName: 'location',
@@ -161,14 +168,9 @@ export const modalSchema: FormSchemaGetter = () => [
   },
   {
     label: '服务地址（房间号）',
+    component: 'Input',
+    defaultValue: undefined,
     fieldName: 'location',
-    componentProps: {
-      placeholder: '请选择房间',
-    },
-    slots: {
-      default: 'location',
-    },
-    formItemClass: 'col-span-2',
     rules: 'required',
   },
   // {

apps/web-antd/src/views/property/clean/cleanSettings/data.ts

@@ -95,7 +95,6 @@ export const columns: VxeGridProps['columns'] = [
     fixed: 'right',
     slots: { default: 'action' },
     title: '操作',
-    width: 'auto',
   },
 ];