commit: 暂时提交页面开发代码

+export default {
+  listText: '故障类型列表',
+  nameText: '故障类型名称',
+  deviceNameText: '设备名称',
+  nameCode: '报修单号',
+  themeText: '报修单号',
+  reportText: '报修人',
+  departmentText: '所属部门',
+  reportDate: '报修时间',
+  faultDate: '故障时间',
+  faultLevel: '故障等级',
+  faultType: '故障类型',
+  serviceStatus: '是否停机',
+  deviceCodeText:  '设备编号',
+  modelText: '规格型号',
+  deviceTypeText: '设备类型',
+  storageLocationText: '存放位置',
+  useDepartmentText: '使用部门',
+  // faultDescription: '故障描述',
+  // faultPicture: '故障图片',
+  // faultVideo: '故障视频',
+  // faultAudio: '故障音频',
+  // faultFile: '故障文件',
+  // faultAddress: '故障地址',
+  // faultStatus: '故障状态',
+  // faultRepair: '故障维修',
+  // faultRepairDate: '故障维修时间',
+  // faultRepairPerson: '故障维修人',
+  // faultRepairDescription: '故障维修描述',
+
+  enableText: '启用',
+  disableText: '停用',
+  status: '状态',
+  remarks: '备注',
+  specifications: '规格型号',
+  typeText: '故障类型',
+  unitText: '单位',
+  factoryText: '生产厂商',
+  operatorText: '操作人',
+  creatorText: '创建人',
+  creatorDate: '创建时间',
+  operaDate: '操作时间',
+  createCategoryText: '创建设备报修',
+  editOrderText: '编辑设备报修',
+  batchActionText: '批量删除',
+}

+export default {
+  listText: '故障类型列表',
+  nameText: '故障类型名称',
+  nameCode: '故障编码',
+  enableText: '启用',
+  disableText: '停用',
+  status: '状态',
+  remarks: '备注',
+  specifications: '规格型号',
+  typeText: '故障类型',
+  unitText: '单位',
+  factoryText: '生产厂商',
+  operatorText: '操作人',
+  creatorText: '创建人',
+  creatorDate: '创建时间',
+  operaDate: '操作时间',
+  createCategoryText: '创建故障类型',
+  editOrderText: '编辑故障类型',
+  batchActionText: '批量删除',
+}

@@ -436,7 +436,7 @@
 
   const userInfo: any = getAuthCache(USER_INFO_KEY);
   const role: string = userInfo.roles[0];
-
+  console.log(userInfo,'userInfo')
   function handleCreate() {
     openModal(true, {
       isUpdate: false,

+import {BasicColumn, FormSchema} from "/@/components/Table";
+import {useI18n} from "/@/hooks/web/useI18n";
+const { t } = useI18n();
+const statusOptions = [
+
+];
+export const columns: BasicColumn[] = [
+  {
+    title: t('faultReport.facility.nameCode'),
+    dataIndex: 'code',
+  },
+  {
+    title: t('faultReport.facility.themeText'),
+    dataIndex: 'name',
+  },
+  {
+    title: t('faultReport.facility.status'),
+    dataIndex: 'status',
+    slots: { customRender: 'status' },
+  },
+  {
+    title: t('faultReport.facility.reportText'),
+    dataIndex: 'reportText',
+    slots: { customRender: 'reportText' },
+  },
+  {
+    title: t('faultReport.facility.departmentText'),
+    dataIndex: 'departmentText',
+    slots: { customRender: 'departmentText' },
+  },
+  {
+    title: t('faultReport.facility.remarks'),
+    dataIndex: 'remarks',
+    slots: { customRender: 'remarks' },
+  },
+  {
+    title: t('faultReport.facility.creatorText'),
+    dataIndex: 'creator',
+    slots: { customRender: 'creator' },
+  },
+  {
+    title: t('faultReport.facility.creatorDate'),
+    dataIndex: 'creatorDate',
+  }
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'deviceNameText',
+    label: t('faultReport.facility.nameText'),
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+  {
+    field: 'nameCode',
+    label: t('faultReport.facility.nameCode'),
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+  {
+    field: 'nameText',
+    label: t('faultReport.facility.nameText'),
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+  {
+    field: 'status',
+    label: t('faultReport.facility.status'),
+    component: 'Select',
+    colProps: { span: 6 },
+    componentProps: {
+      options: statusOptions,
+    },
+  },
+];

+<template>
+  <div>
+    <BasicTable @register="registerTable" style="flex: auto">
+
+    </BasicTable>
+  </div>
+</template>
+<script lang="ts" setup>
+import {getPlanList} from "/@/api/equipment/chenkPlan";
+import {columns, searchFormSchema} from "./index";
+import {DeviceModel} from "/@/api/device/model/deviceModel";
+import {useI18n} from "/@/hooks/web/useI18n";
+const { t } = useI18n();
+import {BasicTable, useTable} from "/@/components/Table";
+
+const [
+  registerTable,
+  { reload, setLoading, setSelectedRowKeys, getForm, getSelectRowKeys, getRowSelection },
+] = useTable({
+  title: t('faultReport.facility.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: DeviceModel) => {
+      return {disabled: !!record.customerId && record.customerName !== 'Public'};
+    },
+  }
+});
+</script>

+<template>
+  <div>
+    <BasicModal
+      v-bind="$attrs"
+      width="35rem"
+      @register="register"
+      :title="getTitle"
+
+    >
+<!--      @cancel="handleCancel"-->
+<!--      @ok="handleSubmit"-->
+      <div>
+        <BasicForm @register="registerForm" >
+
+        </BasicForm>
+      </div>
+    </BasicModal>
+  </div>
+</template>
+<script setup lang="ts">
+import {BasicModal, useModalInner} from "/@/components/Modal";
+import {computed, ref, unref} from "vue";
+import {useI18n} from "/@/hooks/web/useI18n";
+import {BasicForm, useForm} from "/@/components/Form";
+import {schemas} from "../index";
+const { t } = useI18n();
+const isUpdate = ref<Boolean>(false);
+const getTitle = computed(() =>
+  !unref(isUpdate) ? t('faultReport.types.createOrderText') : t('faultReport.types.editOrderText')
+);
+const [register, { closeModal, setModalProps }] = useModalInner(async (data) => {
+  setModalProps({ confirmLoading: false, loading: true });
+  isUpdate.value = data?.isUpdate;
+  // recordInfo.value = data?.record;
+  // if (!selectedItem.value) {
+  //   selectedItem.value = { id: '', username: '' };
+  // }
+  // selectedItem.value.username = data?.record?.reportByName || '';
+  // selectedItem.value.id = data?.record?.reportBy || '';
+  // updateSchema({
+  //   field: 'situationImg',
+  //   componentProps: {
+  //     onChange: handleOrgChange,
+  //   },
+  // });
+  // if (data?.record) {
+  //   setFieldsValue(data?.record);
+  // }
+  setModalProps({ loading: false });
+});
+
+const [registerForm, { getFieldsValue, setFieldsValue, validate, updateSchema }] = useForm({
+  labelWidth: 140,
+  schemas,
+  actionColOptions: {
+    span: 14,
+  },
+  showActionButtonGroup: false,
+});
+
+</script>

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

+import {FormSchema} from "/@/components/Form";
+import {useI18n} from "/@/hooks/web/useI18n";
+import {BasicColumn} from "/@/components/Table";
+import {uploadThumbnail} from "/@/api/configuration/center/configurationCenter";
+import {createImgPreview} from "/@/components/Preview";
+import {getLedgerList} from "/@/api/equipment/ledger";
+const { t } = useI18n();
+
+export enum DeviceListAuthEnum {
+  /**
+   * @description 新增
+   */
+  CREATE = 'api:yt:faultReport:types:post',
+
+  /**
+   * @description 删除
+   */
+  DELETE = 'api:yt:faultReport:types:delete',
+
+  /**
+   * @description 编辑
+   */
+  UPDATE = 'api:yt:faultReport:types:update',
+
+  /**
+   * @description 详情
+   */
+  DETAIL = 'api:yt:faultReport:types:get',
+
+  /**
+   * @description 启用
+   */
+  ENABLE = 'api:yt:faultReport:types:enable',
+
+  /**
+   * @description 停用
+   */
+  DISABLE = 'api:yt:faultReport:types:disable',
+}
+
+export const columns: BasicColumn[] = [
+  {
+    title: t('faultReport.types.nameCode'),
+    dataIndex: 'code',
+  },
+  {
+    title: t('faultReport.types.nameText'),
+    dataIndex: 'name',
+  },
+  {
+    title: t('faultReport.types.status'),
+    dataIndex: 'status',
+    slots: { customRender: 'status' },
+  },
+  {
+    title: t('faultReport.types.remarks'),
+    dataIndex: 'remarks',
+    slots: { customRender: 'remarks' },
+  },
+  {
+    title: t('faultReport.types.creatorText'),
+    dataIndex: 'creator',
+    slots: { customRender: 'creator' },
+  },
+  {
+    title: t('faultReport.types.creatorDate'),
+    dataIndex: 'creatorDate',
+  }
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'name',
+    label: t('faultReport.types.nameText'),
+    component: 'Input',
+    colProps: { span: 6 },
+  }
+];
+
+export const schemas: FormSchema[] = [
+  {
+    field: 'image',
+    label: t('deviceManagement.product.imageText'),
+    component: 'ApiUpload',
+    changeEvent: 'update:fileList',
+    valueField: 'fileList',
+    componentProps: ({ formModel }) => {
+      return {
+        listType: 'picture-card',
+        maxFileLimit: 1,
+        accept: '.png,.jpg,.jpeg,.gif',
+        api: async (file: File) => {
+          try {
+            const formData = new FormData();
+            formData.set('file', file);
+            const { fileStaticUri, fileName } = await uploadThumbnail(formData);
+            return {
+              uid: fileStaticUri,
+              name: fileName,
+              url: fileStaticUri,
+            };
+          } catch (error) {
+            return {};
+          }
+        },
+        onPreview: (fileList) => {
+          createImgPreview({ imageList: [fileList.url!] });
+        },
+        onDelete(url: string) {
+          formModel.deleteUrl = url!;
+        },
+      };
+    },
+  },
+  {
+    field: 'orderCode',
+    label: t('repair.order.nameCode'),
+    component: 'Input',
+    colProps: { span: 21 },
+    required: true,
+    componentProps: {
+      maxLength: 20,
+    },
+  },
+  {
+    field: 'deviceId',
+    label: t('repair.order.deviceNameText'),
+    component: 'ApiSelect',
+    colProps: { span: 21 },
+    required: true,
+    componentProps: {
+      api: getLedgerList,
+      params: {
+        page: 1,
+        pageSize: 999,
+      },
+      resultField: 'items',
+      labelField: 'name',
+      valueField: 'id',
+    },
+  },
+  {
+    field: 'reportDate',
+    label: t('repair.order.time'),
+    component: 'DatePicker',
+    componentProps: {
+      showTime: true,
+      format: 'YYYY-MM-DD HH:mm:ss',
+    },
+  },
+  {
+    field: 'emergency',
+    label: t('repair.order.emergencyText'),
+    component: 'Select',
+    colProps: { span: 21 },
+    required: true,
+    // componentProps: {
+    //   options: emergencyOptions,
+    // },
+  },
+  {
+    field: 'description',
+    label: '故障描述',
+    colProps: { span: 21 },
+    component: 'InputTextArea',
+    componentProps: {
+      maxLength: 255,
+      placeholder: '请输入描述',
+    },
+  },
+];

+<template>
+  <div>
+    <BasicTable @register="registerTable" style="flex: auto">
+      <template #toolbar>
+        <Authority value="api:yt:faultReport:types:post">
+          <Button type="primary" @click="handleCreate">
+            {{ t('faultReport.types.createCategoryText') }}
+          </Button>
+        </Authority>
+
+        <Authority
+          :value="[
+              DeviceListAuthEnum.DELETE,
+              DeviceListAuthEnum.ENABLE,
+              DeviceListAuthEnum.DISABLE,
+            ]"
+        >
+          <AuthDropDown
+            v-if="authBtn(role)"
+            :disabled="!isExistOption"
+            :dropMenuList="[
+                {
+                  text: t('common.delText'),
+                  auth: DeviceListAuthEnum.DELETE,
+                  icon: 'ant-design:delete-outlined',
+                  event: '',
+                  // popconfirm: {
+                  //   title: t('common.deleteConfirmText'),
+                  //   onConfirm: () => handleDelete(),
+                  // },
+                },
+                {
+                  text: t('faultReport.types.enableText'),
+                  auth: DeviceListAuthEnum.ENABLE,
+                  icon: 'ant-design:check-circle-outlined',
+                  event: '',
+                  // onClick: handelOpenBatchUpdateProductModal,
+                },
+                {
+                  text: t('faultReport.types.disableText'),
+                  auth: DeviceListAuthEnum.DISABLE,
+                  icon: 'ant-design:close-circle-outlined',
+                  event: '',
+                  // disabled: !batchPrivateFlag || batchUpdateProductFlag,
+                  // onClick: handelOpenBatchUpdateProductModal,
+                },
+                // {
+                //   text: t('business.privateText'),
+                //   icon: 'ant-design:wallet-outlined',
+                //   event: '',
+                //   // disabled: batchPrivateFlag,
+                //   // onClick: handleBatchPrivate.bind(null),
+                // }
+              ]"
+          >
+            <Button type="primary" :disabled="!isExistOption">
+              {{ t('faultReport.types.batchActionText') }}
+            </Button>
+          </AuthDropDown>
+        </Authority>
+      </template>
+    </BasicTable>
+    <ReportModal />
+  </div>
+</template>
+<script setup lang="ts">
+import { ReportModal } from "./components/index"
+import {BasicTable, useTable} from "/@/components/Table";
+import {columns, searchFormSchema} from "./index";
+import {getPlanList} from "/@/api/equipment/chenkPlan";
+import {useI18n} from "/@/hooks/web/useI18n";
+import {Authority} from "/@/components/Authority";
+import {Button} from "ant-design-vue";
+import {DeviceListAuthEnum} from "./index";
+import {authBtn} from "/@/enums/roleEnum";
+import {AuthDropDown} from "/@/components/Widget";
+import {useBatchOperation} from "/@/utils/useBatchOperation";
+import {DeviceModel} from "/@/api/device/model/deviceModel";
+const { t } = useI18n();
+
+const [
+  registerTable,
+  { reload, setLoading, setSelectedRowKeys, getForm, getSelectRowKeys, getRowSelection },
+] = useTable({
+  title: t('faultReport.types.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: DeviceModel) => {
+      return {disabled: !!record.customerId && record.customerName !== 'Public'};
+    },
+  }
+});
+
+const { isExistOption } = useBatchOperation(getRowSelection, setSelectedRowKeys);
+
+// 新增
+const handleCreate = () => {
+  openModal(true, {
+    isUpdate: false,
+  });
+};
+
+</script>