commit: 巡检/保养方案开发（已联调）

+import { defHttp } from '/@/utils/http/axios';
+import {omit} from "lodash-es";
+
+/**
+ * 获取列表
+ */
+export const getPlanList = (params) => {
+  const { page, pageSize } = params;
+  const otherParams = omit(params, ['page', 'pageSize']);
+  return defHttp.get<any>({
+    url: `/checkPlan?page=${page}&pageSize=${pageSize}`,
+    params: otherParams,
+  });
+};
+
+/**
+ * 新增
+ */
+export const equipmentPlanCategory = (params) => {
+  return defHttp.post<any>({
+    url: `/checkPlan/save`,
+    params,
+  });
+};
+
+/**
+ * 删除
+ */
+export const deleteEquipmentPlan = (params) => {
+  return defHttp.get<any>({
+    url: `/checkPlan/delete`,
+    params,
+  });
+};

+export default {
+  listText: '方案列表',
+  nameText: '方案名称',
+  nameDetail: '方案明细',
+  nameCode: '方案编号',
+  typeText: '方案类型',
+  inspectionText: '巡检方案',
+  maintenanceText: '保养方案',
+  INSPECTION: '巡检方案',
+  MAINTENANCE: '保养方案',
+  planDetails: '方案明细',
+  statusText: '状态',
+  enableText: '启用',
+  disabledText: '停用',
+  createCategoryText: '创建方案',
+  editCategoryText: '编辑方案',
+  detailText: '查看详情',
+}

+import { FormSchema } from '/@/components/Form';
+import { useI18n } from '/@/hooks/web/useI18n';
+
+export enum FormFieldsEnum {
+  CODE = 'code',
+  CATEGORY_NAME = 'name',
+  CATEGORY_STATUS = 'status',
+  CATEGORY_TYPE = 'type',
+  CATEGORY_DETAILS = 'planDetails',
+}
+
+const { t } = useI18n();
+const statusOptions = [
+  { label: t('equipment.checkPlan.enableText'), value: 'ENABLE' },
+  { label: t('equipment.checkPlan.disabledText'), value: 'DISABLE' },
+];
+const typeOptions = [
+  { label: t('equipment.checkPlan.inspectionText'), value: 'INSPECTION' },
+  { label: t('equipment.checkPlan.maintenanceText'), value: 'MAINTENANCE' },
+];
+export const formSchema: FormSchema[] = [
+  {
+    field: FormFieldsEnum.CODE,
+    label: t('equipment.checkPlan.nameCode'),
+    component: 'Input',
+    componentProps() {
+      return {
+        disabled: 'disabled',
+      }
+    }
+  },
+  {
+    field: FormFieldsEnum.CATEGORY_NAME,
+    label: t('equipment.checkPlan.nameText'),
+    component: 'Input',
+    componentProps() {
+      return {
+        disabled: 'disabled',
+      };
+    },
+  },
+  {
+    field: FormFieldsEnum.CATEGORY_STATUS,
+    label: t('equipment.checkPlan.statusText'),
+    component: 'Select',
+    componentProps: {
+      options: statusOptions,
+      disabled: 'disabled',
+    },
+  },
+  {
+    field: FormFieldsEnum.CATEGORY_TYPE,
+    label: t('equipment.checkPlan.typeText'),
+    component: 'Select',
+    componentProps: {
+      options: typeOptions,
+      disabled: 'disabled',
+    },
+  },
+  {
+    field: FormFieldsEnum.CATEGORY_DETAILS,
+    label: t('equipment.checkPlan.nameDetail'),
+    component: 'InputTextArea',
+    componentProps() {
+      return {
+        disabled: 'disabled',
+      };
+    },
+  },
+];

+export { default as FormDrawer } from './index.vue';

+<script lang="ts" setup>
+  import { nextTick, ref, unref, computed } from 'vue';
+  import { BasicForm, useForm } from '/@/components/Form';
+  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { formSchema } from './config';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { useI18n } from '/@/hooks/web/useI18n';
+  import { JSONEditor } from '/@/components/CodeEditor';
+  import { ApplicationApiItemType } from '/@/api/application/model/api';
+
+  const emits = defineEmits(['success', 'register']);
+
+  const { t } = useI18n();
+
+  const { createMessage } = useMessage();
+
+  const handleCount = ref<Number>(); // 0 新增 1 编辑 2 详情
+
+  const recordData = ref<ApplicationApiItemType>();
+
+  const [registerForm, { resetFields, validate, setFieldsValue, setProps }] = useForm({
+    labelWidth: 120,
+    schemas: formSchema,
+    showActionButtonGroup: false,
+  });
+
+  const cacheTitle = computed(() =>
+    unref(handleCount) === 0
+      ? t('application.api.action.create')
+      : unref(handleCount) === 1
+      ? t('application.api.action.edit')
+      : t('application.api.action.detail')
+  );
+
+  const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
+    setDrawerProps({ loading: true });
+    await resetFields();
+    handleCount.value = data.isUpdate;
+    recordData.value = data.record;
+    if (unref(handleCount) === 2) {
+      setProps({ disabled: true });
+    } else {
+      setProps({ disabled: false });
+    }
+    try {
+      await nextTick();
+      setFieldsValue(data.record);
+    } finally {
+      setDrawerProps({ loading: false });
+    }
+  });
+
+
+</script>
+
+<template>
+  <div>
+    <BasicDrawer
+      destroyOnClose
+      v-bind="$attrs"
+      :showFooter="handleCount !== 2"
+      :title="cacheTitle"
+      width="30%"
+      :maskClosable="true"
+      @register="registerDrawer"
+    >
+      <BasicForm @register="registerForm">
+        <template #interfaceParamsSlot="{ model, field }">
+          <JSONEditor v-model:value="model[field]" />
+        </template>
+      </BasicForm>
+    </BasicDrawer>
+  </div>
+</template>
+
+<style lang="less" scoped></style>

+import planModal from './planModal.vue';
+
+export { planModal };

+<template>
+  <div>
+    <BasicModal
+      v-bind="$attrs"
+      width="30rem"
+      :title="getTitle"
+      @register="register"
+      @cancel="handleCancel"
+      @ok="handleOk"
+      destroyOnClose
+    >
+      <div>
+        <BasicForm @register="registerForm" />
+      </div>
+    </BasicModal>
+  </div>
+</template>
+<script setup lang="ts">
+import {BasicModal, useModalInner} from "/@/components/Modal";
+import {BasicForm, useForm} from "/@/components/Form";
+import {computed, ref, unref} from "vue";
+import {useI18n} from "/@/hooks/web/useI18n";
+import {schemas} from "../index";
+import {equipmentPlanCategory} from "/@/api/equipment/chenkPlan";
+import {useMessage} from "/@/hooks/web/useMessage";
+const { t } = useI18n();
+const { createMessage } = useMessage();
+
+const emit = defineEmits(['handleReload', 'register']);
+const recordInfo = ref<any>({});
+const isUpdate = ref<Boolean>(false);
+const getTitle = computed(() =>
+  !unref(isUpdate)
+    ? t('equipment.checkPlan.createCategoryText')
+    : t('equipment.checkPlan.editCategoryText')
+);
+const [registerForm, { getFieldsValue, setFieldsValue, validate }] = useForm({
+  labelWidth: 140,
+  schemas,
+  actionColOptions: {
+    span: 14,
+  },
+  showActionButtonGroup: false,
+});
+
+const [register, { closeModal, setModalProps }] = useModalInner(async (data) => {
+  setModalProps({ confirmLoading: false, loading: true });
+  isUpdate.value = data?.isUpdate;
+  recordInfo.value = data?.record;
+  if (data?.record) {
+    setFieldsValue(data?.record);
+  }
+  setModalProps({ loading: false });
+});
+
+const handleCancel = () => {
+  closeModal();
+};
+
+const handleOk = async () => {
+  await validate();
+  let values = getFieldsValue();
+  if (unref(isUpdate)) {
+    values = { ...values, id: unref(recordInfo).id };
+  }
+  await equipmentPlanCategory(values);
+  createMessage.success(t('common.operationSuccessText'));
+  emit('handleReload');
+  handleCancel();
+};
+
+</script>

+import {FormSchema} from "/@/components/Form";
+import {useI18n} from "/@/hooks/web/useI18n";
+import {BasicColumn} from "/@/components/Table";
+const { t } = useI18n();
+
+
+const statusOptions = [
+  { label: t('equipment.checkPlan.enableText'), value: 'ENABLE' },
+  { label: t('equipment.checkPlan.disabledText'), value: 'DISABLE' },
+];
+const typeOptions = [
+  { label: t('equipment.checkPlan.inspectionText'), value: 'INSPECTION' },
+  { label: t('equipment.checkPlan.maintenanceText'), value: 'MAINTENANCE' },
+];
+
+export const columns: BasicColumn[] = [
+  {
+    title: t('equipment.checkPlan.nameCode'),
+    dataIndex: 'code',
+  },
+  {
+    title: t('equipment.checkPlan.nameText'),
+    dataIndex: 'name',
+  },
+  {
+    title: t('equipment.checkPlan.typeText'),
+    dataIndex: 'type',
+    slots: { customRender: 'type' },
+  },
+  {
+    title: t('equipment.checkPlan.statusText'),
+    dataIndex: 'status',
+    slots: { customRender: 'status' },
+  },
+  {
+    title: t('equipment.checkPlan.planDetails'),
+    dataIndex: 'planDetails',
+  },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'name',
+    label: t('equipment.checkPlan.nameText'),
+    component: 'Input',
+    colProps: { span: 6 },
+    componentProps: {
+      maxLength: 255,
+    },
+  },
+
+  {
+    field: 'type',
+    label: t('equipment.checkPlan.typeText'),
+    component: 'Select',
+    colProps: { span: 6 },
+    componentProps: {
+      options: typeOptions,
+    },
+  },
+  {
+    field: 'status',
+    label: t('equipment.checkPlan.statusText'),
+    component: 'Select',
+    colProps: { span: 6 },
+    componentProps: {
+      options: statusOptions,
+    },
+  }
+];
+
+export const schemas: FormSchema[] = [
+  {
+    field: 'code',
+    label: t('equipment.checkPlan.nameCode'),
+    component: 'Input',
+    colProps: { span: 21 },
+    required: true,
+    componentProps: {
+      maxLength: 20,
+    },
+  },
+  {
+    field: 'name',
+    label: t('equipment.checkPlan.nameText'),
+    component: 'Input',
+    colProps: { span: 21 },
+    required: true,
+    componentProps: {
+      maxLength: 20,
+    },
+  },
+  {
+    field: 'type',
+    label: t('equipment.checkPlan.typeText'),
+    component: 'RadioButtonGroup',
+    defaultValue: 'INSPECTION',
+    componentProps: {
+      options: typeOptions,
+    },
+  },
+  {
+    field: 'status',
+    label: t('equipment.checkPlan.statusText'),
+    component: 'RadioButtonGroup',
+    defaultValue: 'ENABLE',
+    componentProps: {
+      options: statusOptions,
+    },
+  },
+  {
+    field: 'planDetails',
+    label: t('equipment.checkPlan.nameDetail'),
+    component: 'InputTextArea',
+    colProps: { span: 21 },
+    required: true,
+    componentProps: {
+      maxLength: 200,
+    },
+  },
+];

+<template>
+  <div>
+    <BasicTable style="flex: auto" @register="registerTable">
+      <template #toolbar>
+        <Authority value="api:yt:product:category:post">
+          <Button type="primary" @click="handleCreate">
+            {{ t('equipment.checkPlan.createCategoryText') }}
+          </Button>
+        </Authority>
+      </template>
+      <template #type="{ record }">
+        <Tag
+          :color="
+              record.type == 'INSPECTION'
+                ? 'blue'
+                : record.type == 'MAINTENANCE'
+                ? 'green'
+                : 'error'
+            "
+          class="ml-2"
+        >
+          {{ t(`equipment.checkPlan.${record.type}`) }}
+        </Tag>
+      </template>
+      <template #status="{ record }">
+
+        <Switch
+          @click="(e) => handleSwitch(e, record)"
+          :loading="switchLoading"
+          v-model:checked="record.status"
+          checkedValue="ENABLE"
+          unCheckedValue="DISABLE"
+        />
+      </template>
+      <template #action="{ record }">
+        <TableAction
+          :actions="[
+            {
+              label: t('common.detailText'),
+              icon: 'ant-design:eye-outlined',
+              auth: 'api:yt:product:category:get',
+              onClick: handleDetail.bind(null, record),
+            },
+            {
+              label: t('common.editText'),
+              auth: 'api:yt:product:category:update',
+              icon: 'clarity:note-edit-line',
+              onClick: handleEdit.bind(null, record),
+            },
+            {
+              label: t('common.delText'),
+              auth: 'api:yt:product:category:delete',
+              icon: 'ant-design:delete-outlined',
+              color: 'error',
+              popConfirm: {
+                title: t('common.deleteConfirmText'),
+                confirm: handleDelete.bind(null, record),
+              },
+            },
+          ]"
+        />
+      </template>
+    </BasicTable>
+    <planModal @register="registerModal" @handleReload="handleReload" />
+    <FormDrawer
+      @register="registerApplicationApiFormDrawer"
+    />
+  </div>
+</template>
+<script setup lang="ts">
+import {BasicTable, TableAction} from '/@/components/Table';
+import {useTable} from "/@/components/Table";
+import {columns, searchFormSchema} from "./index";
+import {useI18n} from "/@/hooks/web/useI18n";
+import {getPlanList} from "/@/api/equipment/chenkPlan";
+import { planModal } from './components/index';
+import {Button, Popconfirm, Switch, Tag} from "ant-design-vue";
+import Icon from "/@/components/Icon";
+import {Authority} from "/@/components/Authority";
+import {useModal} from "/@/components/Modal";
+import {deleteEquipmentPlan} from "/@/api/equipment/chenkPlan";
+import {useMessage} from "/@/hooks/web/useMessage";
+import {ref} from "vue";
+const { t } = useI18n();
+const [registerModal, { openModal }] = useModal();
+const { createMessage } = useMessage();
+const switchLoading = ref<boolean>(false);
+import {equipmentPlanCategory} from "/@/api/equipment/chenkPlan";
+import {FormDrawer} from "./components/FormDrawer/index";
+import {useDrawer} from "/@/components/Drawer";
+const [registerApplicationApiFormDrawer, { openDrawer }] = useDrawer();
+const [
+  registerTable,
+  { reload, setLoading, getSelectRowKeys, setSelectedRowKeys, getRowSelection },
+] = useTable({
+  title: t('equipment.checkPlan.listText'),
+  api: getPlanList,
+  columns,
+  formConfig: {
+    labelWidth: 100,
+    schemas: searchFormSchema,
+  },
+  immediate: true,
+  useSearchForm: true,
+  showTableSetting: true,
+  bordered: true,
+  showIndexColumn: false,
+  clickToRowSelect: false,
+  rowKey: 'id',
+  actionColumn: {
+    width: 230,
+    title: t('common.actionText'),
+    slots: { customRender: 'action' },
+    fixed: 'right',
+  },
+  rowSelection: {
+    type: 'checkbox',
+    getCheckboxProps: (record: any) => {},
+  },
+});
+
+const handleReload = () => {
+  setSelectedRowKeys([]);
+  reload();
+};
+
+// 新增
+const handleCreate = () => {
+  openModal(true, {
+    isUpdate: false,
+  });
+};
+
+// 编辑
+const handleEdit = (record?: any) => {
+  openModal(true, {
+    isUpdate: true,
+    record,
+  });
+};
+
+const handleDelete = async (record?: any) => {
+  let id = record.id;
+  try {
+    setLoading(true);
+    await deleteEquipmentPlan({ id });
+    createMessage.success(t('common.deleteSuccessText'));
+    handleReload();
+  } catch (error) {
+    throw error;
+  } finally {
+    setLoading(false);
+  }
+};
+
+// 状态->编辑
+const handleSwitch = async (e: any, record: any) => {
+  switchLoading.value = true;
+  await equipmentPlanCategory({ ...record, status: e });
+  setTimeout(() => {
+    switchLoading.value = false;
+  }, 1500);
+  createMessage.success(
+    `${!e ? t('common.disableText') : t('common.enableText')}${t('common.successText')}`
+  );
+  handleReload();
+};
+
+const handleDetail = (record?: any) => {
+  openDrawer(true, {
+    isUpdate: 2,
+    record,
+  });
+};
+
+</script>

@@ -6,7 +6,6 @@
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useI18n } from '/@/hooks/web/useI18n';
   import { JSONEditor } from '/@/components/CodeEditor';
-  import { createApplicationApi, editApplicationApi } from '/@/api/application/api';
   import { ApplicationApiItemType } from '/@/api/application/model/api';
 
   const emits = defineEmits(['success', 'register']);
@@ -19,8 +18,6 @@
 
   const recordData = ref<ApplicationApiItemType>();
 
-  const jsonIsValid = ref(true);
-
   const [registerForm, { resetFields, validate, setFieldsValue, setProps }] = useForm({
     labelWidth: 120,
     schemas: formSchema,
@@ -53,38 +50,6 @@
     }
   });
 
-  const getValue = async () => {
-    const values = await validate();
-    if (!values) return;
-    try {
-      JSON.parse(values['param']);
-      jsonIsValid.value = true;
-    } catch (e) {
-      jsonIsValid.value = false;
-      console.error(e);
-    }
-    if (!jsonIsValid.value) return;
-    const mergeValue = {
-      ...recordData.value,
-      ...values,
-    };
-    if (handleCount.value === 0) {
-      Reflect.set(values, 'param', JSON.parse(values['param']));
-      await createApplicationApi(values);
-    } else {
-      Reflect.set(mergeValue, 'param', JSON.parse(mergeValue['param']));
-      await editApplicationApi(mergeValue);
-    }
-    createMessage.success(
-      unref(handleCount) === 0 ? t('common.createSuccessText') : t('common.editSuccessText')
-    );
-    closeDrawer();
-    setTimeout(() => {
-      emits('success');
-    }, 500);
-  };
-
-  const handleSubmit = () => getValue();
 </script>
 
 <template>
@@ -97,7 +62,6 @@
       width="30%"
       :maskClosable="true"
       @register="registerDrawer"
-      @ok="handleSubmit"
     >
       <BasicForm @register="registerForm">
         <template #interfaceParamsSlot="{ model, field }">