commit: 故障原因开发（已联调）

+
+import { defHttp } from '/@/utils/http/axios';
+import {omit} from "lodash-es";
+
+/**
+ * 获取列表
+ */
+export const getEquipmentErrorList = (params) => {
+  const { page, pageSize } = params;
+  const otherParams = omit(params, ['page', 'pageSize']);
+  return defHttp.post<any>({
+    url: `/mr/pageData?page=${page}&pageSize=${pageSize}`,
+    params: otherParams,
+  });
+};
+
+
+/**
+ * 新增故障
+ */
+export const equipmentErrorCategory = (params) => {
+  return defHttp.post<any>({
+    url: `/mr/save`,
+    params,
+  });
+};
+
+/**
+ * 删除产品分类
+ */
+export const deleteEquipmentError = (params) => {
+  return defHttp.post<any>({
+    url: `/mr/delete`,
+    params,
+  });
+};

+export default {
+  listText: '故障原因列表',
+  nameText: '故障名称',
+  nameCode: '编号',
+  statusText: '状态',
+  enableText: '启用',
+  disabledText: '停用',
+  createCategoryText: '创建故障',
+  editCategoryText: '编辑故障',
+  detailText: '查看详情',
+}

+import { FormSchema } from '/@/components/Form';
+import { useI18n } from '/@/hooks/web/useI18n';
+
+export enum FormFieldsEnum {
+  CODE = 'code',
+  CATEGORY_NAME = 'reason',
+}
+
+const { t } = useI18n();
+
+export const formSchema: FormSchema[] = [
+  {
+    field: FormFieldsEnum.CODE,
+    label: t('equipment.errorReason.nameCode'),
+    component: 'Input',
+    componentProps() {
+      return {
+        disabled: 'disabled',
+      }
+    }
+  },
+  {
+    field: FormFieldsEnum.CATEGORY_NAME,
+    label: t('application.api.text.categoryName'),
+    component: 'Input',
+    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 { createApplicationApi, editApplicationApi } from '/@/api/application/api';
+  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 jsonIsValid = ref(true);
+
+  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 });
+    }
+  });
+
+  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>
+  <div>
+    <BasicDrawer
+      destroyOnClose
+      v-bind="$attrs"
+      :showFooter="handleCount !== 2"
+      :title="cacheTitle"
+      width="30%"
+      :maskClosable="true"
+      @register="registerDrawer"
+      @ok="handleSubmit"
+    >
+      <BasicForm @register="registerForm">
+        <template #interfaceParamsSlot="{ model, field }">
+          <JSONEditor v-model:value="model[field]" />
+        </template>
+      </BasicForm>
+    </BasicDrawer>
+  </div>
+</template>
+
+<style lang="less" scoped></style>

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

+<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 {useMessage} from "/@/hooks/web/useMessage";
+import {schemas} from "../index";
+import {equipmentErrorCategory} from "/@/api/equipment/errorReason";
+const { t } = useI18n();
+const emit = defineEmits(['handleReload', 'register']);
+
+const { createMessage } = useMessage();
+
+const [registerForm, { getFieldsValue, setFieldsValue, validate }] = useForm({
+  labelWidth: 140,
+  schemas,
+  actionColOptions: {
+    span: 14,
+  },
+  showActionButtonGroup: false,
+});
+const recordInfo = ref<any>({});
+
+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 isUpdate = ref<Boolean>(false);
+const getTitle = computed(() =>
+  !unref(isUpdate)
+    ? t('equipment.errorReason.createCategoryText')
+    : t('equipment.errorReason.editCategoryText')
+);
+
+const handleCancel = () => {
+  closeModal();
+};
+
+const handleOk = async () => {
+  await validate();
+  let values = getFieldsValue();
+  if (unref(isUpdate)) {
+    values = { ...values, id: unref(recordInfo).id };
+  }
+  await equipmentErrorCategory(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.errorReason.enableText'), value: 'ENABLE' },
+  { label: t('equipment.errorReason.disabledText'), value: 'DISABLE' },
+];
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'reason',
+    label: t('equipment.errorReason.nameText'),
+    component: 'Input',
+    colProps: { span: 6 },
+    componentProps: {
+      maxLength: 255,
+    },
+  },
+  {
+    field: 'status',
+    label: t('equipment.errorReason.statusText'),
+    component: 'Select',
+    colProps: { span: 6 },
+    componentProps: {
+      options: statusOptions,
+    },
+  }
+];
+export const columns: BasicColumn[] = [
+  {
+    title: t('equipment.errorReason.nameCode'),
+    dataIndex: 'code',
+  },
+  {
+    title: t('equipment.errorReason.nameText'),
+    dataIndex: 'reason',
+  },
+  {
+    title: t('equipment.errorReason.statusText'),
+    dataIndex: 'status',
+    slots: { customRender: 'status' },
+  },
+];
+
+export const schemas: FormSchema[] = [
+  {
+    field: 'code',
+    label: t('equipment.errorReason.nameCode'),
+    component: 'Input',
+    colProps: { span: 21 },
+    required: true,
+    componentProps: {
+      maxLength: 20,
+    },
+  },
+  {
+    field: 'reason',
+    label: t('equipment.errorReason.nameText'),
+    component: 'Input',
+    colProps: { span: 21 },
+    required: true,
+    componentProps: {
+      maxLength: 20,
+    },
+  },
+  {
+    field: 'status',
+    label: t('equipment.errorReason.statusText'),
+    component: 'RadioButtonGroup',
+    defaultValue: 'ENABLE',
+    componentProps: {
+      options: statusOptions,
+    },
+  },
+];
+

+<template>
+  <div>
+    <BasicTable style="flex: auto" @register="registerTable">
+      <template #toolbar>
+        <Authority value="api:yt:product:category:post">
+          <Button type="primary" @click="handleCreate">
+            {{ t('equipment.errorReason.createCategoryText') }}
+          </Button>
+        </Authority>
+        <Authority value="api:yt:product:category:delete">
+          <Popconfirm :title="t('common.deleteConfirmText')" @confirm="handleDelete()">
+            <a-button color="error" :disabled="!isExistOption">
+              {{ t('common.batchDeleteText') }}
+            </a-button>
+          </Popconfirm>
+        </Authority>
+      </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>
+    <reasonModal @register="registerModal" @handleReload="handleReload" />
+    <FormDrawer
+      @register="registerApplicationApiFormDrawer"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import {BasicTable, TableAction, useTable} from '/@/components/Table';
+import { useI18n } from '/@/hooks/web/useI18n';
+import {
+  deleteEquipmentError,
+  equipmentErrorCategory,
+  getEquipmentErrorList
+} from '/@/api/equipment/errorReason';
+import { columns, searchFormSchema } from './index';
+import { getAuthCache } from '/@/utils/auth';
+import { USER_INFO_KEY } from '/@/enums/cacheEnum';
+import {Button, Popconfirm, Switch} from 'ant-design-vue';
+import {Authority} from "/@/components/Authority";
+import {useModal} from "/@/components/Modal";
+import { reasonModal } from './components/index';
+import {useMessage} from "/@/hooks/web/useMessage";
+import {useBatchOperation} from "/@/utils/useBatchOperation";
+import { useDrawer} from "/@/components/Drawer";
+
+import {FormDrawer} from "./components/FormDrawer/index";
+import {ref} from "vue";
+const switchLoading = ref<boolean>(false);
+const { t } = useI18n();
+const { createMessage } = useMessage();
+
+const [
+  registerTable,
+  { reload, setLoading, getSelectRowKeys, setSelectedRowKeys, getRowSelection },
+] = useTable({
+  title: t('equipment.errorReason.listText'),
+  api: getEquipmentErrorList,
+  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) => {
+      return {
+        disabled:
+          getAuthCache(USER_INFO_KEY).id === record.id ? !!record.status : true,
+      };
+    },
+  },
+});
+const { isExistOption } = useBatchOperation(getRowSelection, setSelectedRowKeys);
+const [registerApplicationApiFormDrawer, { openDrawer }] = useDrawer();
+const [registerModal, { openModal }] = useModal();
+
+const handleDetail = (record?: any) => {
+  openDrawer(true, {
+    isUpdate: 2,
+    record,
+  });
+};
+// 编辑
+const handleEdit = (record?: any) => {
+  openModal(true, {
+    isUpdate: true,
+    record,
+  });
+};
+
+// 新增
+const handleCreate = () => {
+  openModal(true, {
+    isUpdate: false,
+  });
+};
+
+const handleReload = () => {
+  setSelectedRowKeys([]);
+  reload();
+};
+
+const handleDelete = async (record?: any) => {
+  let ids:any = [];
+  if (record) {
+    ids = [record.id];
+  } else {
+    ids = getSelectRowKeys();
+  }
+
+  try {
+    setLoading(true);
+    await deleteEquipmentError({ ids });
+    createMessage.success(t('common.deleteSuccessText'));
+    handleReload();
+  } catch (error) {
+    throw error;
+  } finally {
+    setLoading(false);
+  }
+};
+
+// 状态->编辑
+const handleSwitch = async (e: any, record: any) => {
+  switchLoading.value = true;
+  await equipmentErrorCategory({ ...record, status: e });
+  setTimeout(() => {
+    switchLoading.value = false;
+  }, 1500);
+  createMessage.success(
+    `${!e ? t('common.disableText') : t('common.enableText')}${t('common.successText')}`
+  );
+  handleReload();
+};
+
+</script>