1、巡检计划

apps/web-antd/src/views/property/inspectionManagement/inspectionPlan/inspectionPlan-modal.vue

@@ -1,15 +1,23 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue';
+import {computed, ref} from 'vue';
 
-import { useVbenModal } from '@vben/common-ui';
-import { $t } from '@vben/locales';
-import { cloneDeep } from '@vben/utils';
+import {useVbenModal} from '@vben/common-ui';
+import {$t} from '@vben/locales';
+import {cloneDeep} from '@vben/utils';
 
-import { useVbenForm } from '#/adapter/form';
-import { inspectionPlanAdd, inspectionPlanInfo, inspectionPlanUpdate } from '#/api/property/inspectionManagement/inspectionPlan';
-import { defaultFormValueGetter, useBeforeCloseDiff } from '#/utils/popup';
+import {useVbenForm} from '#/adapter/form';
+import {
+  inspectionPlanAdd,
+  inspectionPlanInfo,
+  inspectionPlanUpdate
+} from '#/api/property/inspectionManagement/inspectionPlan';
+import {defaultFormValueGetter, useBeforeCloseDiff} from '#/utils/popup';
 
-import { modalSchema } from './data';
+import {modalSchema} from './data';
+import {personList} from "#/api/property/resident/person";
+import {renderDictValue} from "#/utils/render";
+import {inspectionRouteList} from "#/api/property/inspectionManagement/inspectionRoute";
+import {InputNumber} from 'ant-design-vue'
 
 const emit = defineEmits<{ reload: [] }>();
 
@@ -21,7 +29,7 @@ const title = computed(() => {
 const [BasicForm, formApi] = useVbenForm({
   commonConfig: {
     // 默认占满两列
-    formItemClass: 'col-span-2',
+    formItemClass: 'col-span-1',
     // 默认label宽度 px
     labelWidth: 80,
     // 通用配置项 会影响到所有表单项
@@ -34,7 +42,7 @@ const [BasicForm, formApi] = useVbenForm({
   wrapperClass: 'grid-cols-2',
 });
 
-const { onBeforeClose, markInitialized, resetInitialized } = useBeforeCloseDiff(
+const {onBeforeClose, markInitialized, resetInitialized} = useBeforeCloseDiff(
   {
     initializedGetter: defaultFormValueGetter(formApi),
     currentGetter: defaultFormValueGetter(formApi),
@@ -43,7 +51,7 @@ const { onBeforeClose, markInitialized, resetInitialized } = useBeforeCloseDiff(
 
 const [BasicModal, modalApi] = useVbenModal({
   // 在这里更改宽度
-  class: 'w-[550px]',
+  class: 'w-[70%]',
   fullscreenButton: false,
   onBeforeClose,
   onClosed: handleClosed,
@@ -53,12 +61,21 @@ const [BasicModal, modalApi] = useVbenModal({
       return null;
     }
     modalApi.modalLoading(true);
-
-    const { id } = modalApi.getData() as { id?: number | string };
+    await queryLineData()
+    await queryPersonData()
+    const {id} = modalApi.getData() as { id?: number | string };
     isUpdate.value = !!id;
 
     if (isUpdate.value && id) {
       const record = await inspectionPlanInfo(id);
+      record.planDate = [record.startDate, record.endDate]
+      if(record.inspectionPlanPeriod=='1'){
+        record.inspectionMonth=record.inspectionMonth?.split(',')
+        record.inspectionDay=record.inspectionDay?.split(',')
+      }else {
+        record.inspectionWorkday=record.inspectionWorkday?.split(',')
+      }
+      record.userId=record.userId?.split(',')
       await formApi.setValues(record);
     }
     await markInitialized();
@@ -70,12 +87,26 @@ const [BasicModal, modalApi] = useVbenModal({
 async function handleConfirm() {
   try {
     modalApi.lock(true);
-    const { valid } = await formApi.validate();
+    const {valid} = await formApi.validate();
     if (!valid) {
       return;
     }
     // getValues获取为一个readonly的对象 需要修改必须先深拷贝一次
     const data = cloneDeep(await formApi.getValues());
+    if (data.planDate && data.planDate.length) {
+      data.startDate = data.planDate[0]
+      data.endDate = data.planDate[1]
+    }
+    if(data.inspectionPlanPeriod=='1'){
+      data.inspectionMonth=data.inspectionMonth?.join(',')
+      data.inspectionDay=data.inspectionDay?.join(',')
+      data.inspectionWorkday=undefined
+    }else {
+      data.inspectionWorkday=data.inspectionWorkday?.join(',')
+      data.inspectionMonth=undefined
+      data.inspectionDay=undefined
+    }
+    data.userId=data.userId?.join(',')
     await (isUpdate.value ? inspectionPlanUpdate(data) : inspectionPlanAdd(data));
     resetInitialized();
     emit('reload');
@@ -91,11 +122,79 @@ async function handleClosed() {
   await formApi.resetForm();
   resetInitialized();
 }
+
+async function queryPersonData() {
+  let params = {
+    pageSize: 1000,
+    pageNum: 1,
+  }
+  const res = await personList(params);
+  const options = res.rows.map((user) => ({
+    label: user.userName + '-' + renderDictValue(user.gender, 'sys_user_sex')
+      + '-' + user.phone+'-'+user.unitName,
+    value: user.id,
+  }));
+  formApi.updateSchema([{
+    componentProps: () => ({
+      options: options,
+      showSearch: true,
+      filterOption: filterOption,
+      mode: 'multiple',
+    }),
+    fieldName: 'userId',
+  }])
+}
+
+/**
+ * 查询巡检路线数据
+ */
+async function queryLineData() {
+  let params = {
+    pageSize: 1000,
+    pageNum: 1,
+  }
+  const res = await inspectionRouteList(params);
+  const options = res.rows.map((item) => ({
+    label: item.routeName,
+    value: item.id,
+  }));
+  formApi.updateSchema([{
+    componentProps: () => ({
+      options: options,
+      showSearch: true,
+      filterOption: filterOption
+    }),
+    fieldName: 'inspectionRouteId',
+  }])
+}
+
+const filterOption = (input: string, option: any) => {
+  return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+};
 </script>
 
 <template>
   <BasicModal :title="title">
-    <BasicForm />
+    <BasicForm>
+      <template #beforeTime="slotProps">
+        <div class="before-time">
+          <InputNumber id="inputNumber" v-bind="slotProps" :min="1"/>
+          <span class="tail-text">分钟完成</span>
+        </div>
+      </template>
+    </BasicForm>
   </BasicModal>
 </template>
+<style lang="scss" scoped>
+.before-time {
+  display: flex;
+  .tail-text {
+    width: 100px;
+    font-size: 0.875rem;
+    font-weight: 500;
+    text-align: center;
+    line-height:32px;
+  }
+}
 
+</style>