feat: 保洁接口对接

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

@@ -1,10 +1,10 @@
 import type { FormSchemaGetter } from '#/adapter/form';
 import type { VxeGridProps } from '#/adapter/vxe-table';
-import { cleanList } from '#/api/property/clean';
-import type { PageResult } from '#/api/common';
-import type { CleanVO } from '#/api/property/clean/model';
-import {  resident_unitList } from '#/api/property/resident/unit';
-import dayjs from 'dayjs';
+
+import { resident_unitList } from '#/api/property/resident/unit';
+import { useCleanStore } from '#/store';
+
+const cleanStore = useCleanStore();
 
 export const querySchema: FormSchemaGetter = () => [
   {
@@ -12,6 +12,36 @@ export const querySchema: FormSchemaGetter = () => [
     fieldName: 'location',
     label: '服务地址',
   },
+  // {
+  //   label: '服务地址（房间号）',
+  //   fieldName: 'location',
+  //   component: 'ApiSelect',
+  //   componentProps: {
+  //     api: resident_unitList,
+  //     resultField: 'rows',
+  //     labelField: 'name',
+  //     valueField: 'id',
+  //     placeholder: '请选择服务地址',
+  //     onChange: (val: string | number) => {
+  //       cleanStore.setLocation(val);
+  //     },
+  //   },
+  //   rules: 'required',
+  // },
+  // {
+  //   label: '申请人hhh',
+  //   fieldName: 'persion',
+  //   component: 'ApiSelect',
+  //   componentProps: {
+  //     api: cleanList,
+  //     resultField: 'rows',
+  //     labelField: 'name',
+  //     valueField: 'id',
+  //     placeholder: '请选择申请人',
+  //     disabled: computed(() => !cleanStore.isPersionEnabled),
+  //   },
+  //   rules: 'required',
+  // },
   {
     component: 'Input',
     fieldName: 'persion',
@@ -21,7 +51,7 @@ export const querySchema: FormSchemaGetter = () => [
     component: 'Select',
     fieldName: 'payState',
     label: '支付状态',
-        componentProps: {
+    componentProps: {
       options: [
         {
           label: '待支付',
@@ -42,8 +72,8 @@ export const columns: VxeGridProps['columns'] = [
   {
     title: '序号',
     field: 'id',
-    width:'60',
-        slots: {
+    width: '60',
+    slots: {
       default: ({ rowIndex }) => {
         return (rowIndex + 1).toString();
       },
@@ -52,58 +82,55 @@ export const columns: VxeGridProps['columns'] = [
   {
     title: '服务地址',
     field: 'location',
-    width: 'auto',
+    width: '180',
   },
+  // {
+  //   title: '服务面积（㎡）',
+  //   field: 'area',
+  //   width: 'auto',
+  // },
+  // {
+  //   title: '劳务名称',
+  //   field: 'name',
+  //   width: 'auto',
+  // },
+  // {
+  //   title: '申报单价含税（元）',
+  //   field: 'prices',
+  //   width: 'auto',
+  // },
   {
-    title: '服务面积（㎡）',
-    field: 'area',
-    width: 'auto',
-  },
-  {
-    title: '劳务名称',
-    field: 'name',
-    width: 'auto',
-  },
-  {
-    title: '申报单价含税（元）',
-    field: 'prices',
-    width: 'auto',
-  },
-  {
-    title: '合计费用',
+    title: '合计费用（元）',
     field: 'sumPeices',
-    width: 'auto',
+    width: '120',
   },
   {
     title: '支付状态',
     field: 'payState',
-    width: 'auto',
-        slots: {
-      default: ({ row }) => row.stater === 1 ? '已支付' : '待支付',
+    width: '120',
+    slots: {
+      default: ({ row }) => (row.stater === 1 ? '已支付' : '待支付'),
     },
   },
   {
     title: '服务开始时间',
     field: 'starTime',
     width: 'auto',
-
-    
   },
   {
     title: '服务结束时间',
     field: 'endTime',
     width: 'auto',
-
   },
-    {
+  {
     title: '申请单位',
     field: 'unit',
-    width: 'auto',
+    width: '150',
   },
   {
     title: '申请人',
     field: 'persion',
-    width: 'auto',
+    width: '150',
   },
   {
     title: '联系电话',
@@ -135,16 +162,22 @@ export const modalSchema: FormSchemaGetter = () => [
   {
     label: '服务地址（房间号）',
     fieldName: 'location',
-    component: 'Input',
-    rules: 'required',
-  },
-  {
-    label: '服务面积（㎡）',
-    fieldName: 'area',
-    component: 'Input',
+    componentProps: {
+      placeholder: '请选择房间',
+    },
+    slots: {
+      default: 'location',
+    },
+    formItemClass: 'col-span-2',
     rules: 'required',
   },
   // {
+  //   label: '服务面积（㎡）',
+  //   fieldName: 'area',
+  //   component: 'Input',
+  //   rules: 'required',
+  // },
+  // {
   //   label: '劳务名称',
   //   fieldName: 'name',
   //   component: 'ApiSelect',
@@ -196,25 +229,25 @@ export const modalSchema: FormSchemaGetter = () => [
   //     disabled: true,
   //   },
   // },
-      {
+  {
     label: '开始时间',
     fieldName: 'starTime',
     component: 'DatePicker',
     componentProps: {
       showTime: true,
       format: 'YYYY-MM-DD HH:mm:ss',
-      placeholder: '请选择开始时间'
+      placeholder: '请选择开始时间',
     },
     rules: 'required',
   },
-    {
+  {
     label: '结束时间',
     fieldName: 'endTime',
     component: 'DatePicker',
     componentProps: {
       showTime: true,
       format: 'YYYY-MM-DD HH:mm:ss',
-      placeholder: '请选择结束时间'
+      placeholder: '请选择结束时间',
     },
     rules: 'required',
   },
@@ -243,7 +276,7 @@ export const modalSchema: FormSchemaGetter = () => [
     },
     rules: 'required',
   },
-   {
+  {
     label: '支付状态',
     fieldName: 'payState',
     component: 'Select',