commit: 接口联调

+import { defHttp } from '/@/utils/http/axios';
+
+/**
+ * 列表
+ */
+export const getAllCategory = (params?: { name?: string }) => {
+  return defHttp.post<any>({
+    url: `/deviceCagegory/getAllCagegory`,
+    params,
+  });
+};
+
+/**
+ * 新增
+ */
+export const saveCategory = (params) => {
+  return defHttp.post<any>({
+    url: `/deviceCagegory/save`,
+    params,
+  });
+};
+
+/**
+ * 删除
+ */
+export const deleteCategory = (params) => {
+  return defHttp.get<any>({
+    url: `/deviceCagegory/delete`,
+    params,
+  });
+};

+import { defHttp } from '/@/utils/http/axios';
+import { omit } from 'lodash-es';
+
+/**
+ * 获取列表
+ */
+export const getRepairHistoryList = (params) => {
+  const { page, pageSize } = params;
+  const otherParams = omit(params, ['page', 'pageSize']);
+  return defHttp.post<any>({
+    url: `/repairRecord/pageData?page=${page}&pageSize=${pageSize}`,
+    params: otherParams,
+  });
+};

+import { defHttp } from '/@/utils/http/axios';
+import { omit } from 'lodash-es';
+
+/**
+ * 获取列表
+ */
+export const getRepairOrderList = (params) => {
+  const { page, pageSize } = params;
+  const otherParams = omit(params, ['page', 'pageSize']);
+  return defHttp.post<any>({
+    url: `/repairOrder/pageData?page=${page}&pageSize=${pageSize}`,
+    params: otherParams,
+  });
+};

@@ -2,7 +2,8 @@ export default {
   categoryText: '设备类别',
   createCategoryText: '新增设备类别',
   editCategoryText: '编辑设备类别',
-  type_name: '类别名称',
+  categoryNameText: '类型名称',
+  orderText: '排序',
   description: '描述',
   operationSuccessText: '操作成功',
-}
+};

+export default {
+  listText: '保养计划',
+  preserveNameText: '计划名称',
+  preserveCodeText: '计划编号',
+  statusText: '状态',
+  frequencyText: '频率',
+  timesText: '次数',
+  createCategoryText: '次数',
+};

+export default {
+  listText: '维修记录',
+  orderText: '维修工单',
+  orderCode: '记录编号',
+  deviceNameText: '维修设备',
+  time: '报修时间',
+  reportByName: '报修人员',
+  photo: '故障情况照片',
+  description: '故障描述',
+  repairTime: '维修时间',
+  repairByName: '维修人员',
+  repairReason: '故障原因',
+  repairDescription: '维修情况说明',
+};

+export default {
+  listText: '工单列表',
+  nameText: '方案名称',
+  time: '报修时间',
+  nameDetail: '方案明细',
+  deviceNameText: '设备',
+  reportDateText: '报修时间',
+  reportByName: '报修人员',
+  description: '故障描述',
+  nameCode: '维修单编号',
+  typeText: '方案类型',
+  inspectionText: '巡检方案',
+  maintenanceText: '保养方案',
+  SCHEDULING: '排期中',
+  REPAIRFINISH: '维修完成',
+  ACCEPTANCEPASSED: '验收通过',
+  planDetails: '方案明细',
+  statusText: '状态',
+  emergencyText: '是否紧急',
+  enableText: '启用',
+  disabledText: '停用',
+  createCategoryText: '创建工单',
+  editCategoryText: '编辑方案',
+  detailText: '查看详情',
+};

@@ -16,94 +16,60 @@
   </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 "/@/views/equipment/category/index";
-import {ipRegex} from "/@/utils/rules";
-import {deleteFormField} from "/@/views/device/deviceaccess/index";
-import {
-  deviceProfileAccessInformation,
-  updateDeviceProfileAccessInformation
-} from "/@/api/device/deviceAccess";
-import {useMessage} from "/@/hooks/web/useMessage";
-const isUpdate = ref<Boolean>(false);
-const { t } = useI18n();
-const emit = defineEmits(['handleReload', 'register']);
-const { createMessage } = useMessage();
+  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 '/@/views/equipment/category/index';
 
-const [registerForm, { getFieldsValue, setFieldsValue, validate, resetFields }] = useForm({
-  labelWidth: 150,
-  schemas,
-  actionColOptions: {
-    span: 14,
-  },
-  showActionButtonGroup: false,
-});
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { saveCategory } from '/@/api/equipment/category';
+  const isUpdate = ref<Boolean>(false);
+  const parentId = ref<string>('');
+  const { t } = useI18n();
+  const emit = defineEmits(['handleReload', 'register']);
+  const { createMessage } = useMessage();
 
-const recordInfo = ref<Recordable>({});
-
-const [register, { closeModal, setModalProps }] = useModalInner(async (data) => {
-  await resetFields();
-  setModalProps({ confirmLoading: false, loading: true });
-  isUpdate.value = data?.isUpdate;
-  recordInfo.value = data?.record;
-  if (data?.record) {
-    const intranetIpAndPort = {
-      inputIp: data?.record.intranetIp,
-      inputPort: data?.record.intranetPort,
-    };
-    const outerIpAndPort = {
-      inputIp: data?.record.outerNetIp,
-      inputPort: data?.record.outerNetPort,
-    };
-    setFieldsValue(data?.record);
-    setFieldsValue({ ...data?.record?.sipExtend });
-    setFieldsValue({ intranetIpAndPort, outerIpAndPort });
-  }
-  setModalProps({ loading: false });
-});
+  const [registerForm, { getFieldsValue, setFieldsValue, validate, resetFields }] = useForm({
+    labelWidth: 150,
+    schemas,
+    actionColOptions: {
+      span: 14,
+    },
+    showActionButtonGroup: false,
+  });
 
-const getTitle = computed(() =>
-  !unref(isUpdate)
-    ? t('equipment.category.createCategoryText')
-    : t('equipment.category.editCategoryText')
-);
+  const recordInfo = ref<Recordable>({});
+  const [register, { closeModal, setModalProps }] = useModalInner(async (data) => {
+    setModalProps({ confirmLoading: false, loading: true });
+    isUpdate.value = data?.isUpdate;
+    parentId.value = data?.parentId;
+    recordInfo.value = data?.record;
+    if (data?.record) {
+      setFieldsValue(data?.record);
+    }
+    setModalProps({ loading: false });
+  });
 
-const handleCancel = () => closeModal();
+  const getTitle = computed(() =>
+    !unref(isUpdate)
+      ? t('equipment.category.createCategoryText')
+      : t('equipment.category.editCategoryText')
+  );
 
-const handleOk = async () => {
-  await validate();
-  let values = getFieldsValue();
-  const { intranetIpAndPort, outerIpAndPort } = values;
-  // values.intranetIp = intranetIpAndPort.inputIp;
-  // values.intranetPort = intranetIpAndPort.inputPort;
-  // values.outerNetIp = outerIpAndPort.inputIp;
-  // values.outerNetPort = outerIpAndPort.inputPort;
-  // if (!ipRegex.test(values.intranetIp)) {
-  //   return createMessage.error(t('deviceManagement.deviceAccess.ipRuleText'));
-  // }
+  const handleCancel = () => closeModal();
 
-  const sipExtend = {
-    serverId: values['serverId'],
-    serverDomain: values['serverDomain'],
-    serverPassword: values['serverPassword'],
+  const handleOk = async () => {
+    await validate();
+    let values = getFieldsValue();
+    if (unref(isUpdate)) {
+      values = { ...values, id: unref(recordInfo).id, parentId: unref(recordInfo).parentId };
+    } else {
+      values = { ...values, parentId: unref(parentId) };
+    }
+    await saveCategory(values);
+    createMessage.success(t('common.operationSuccessText'));
+    emit('handleReload');
+    handleCancel();
   };
-  values.sipExtend = sipExtend;
-  deleteFormField.forEach((deleteItem) => {
-    Reflect.deleteProperty(values, deleteItem);
-  });
-  if (unref(isUpdate)) {
-    // 更新
-    values = { ...values, id: unref(recordInfo).id };
-    // await updateDeviceProfileAccessInformation(values);
-  } else {
-    // await deviceProfileAccessInformation(values);
-  }
-  createMessage.success(t('equipment.category.operationSuccessText'));
-  emit('handleReload');
-  handleCancel();
-};
-
 </script>

@@ -27,16 +27,18 @@
     .but_operation {
       display: none; // 默认隐藏按钮
     }
-
-
   }
   .tree-node:hover {
     &:hover .but_operation {
       display: inline-block; // 悬停时显示按钮
-        .but_type {
-          margin-left: 32px;
-          color: red;
-        }
+      .but_type {
+        margin-left: 32px;
+        color: red;
+        font-size: 14px;
+      }
     }
   }
+  .ant-tree {
+    font-size: 15px;
+  }
 }

-
 import { useI18n } from '/@/hooks/web/useI18n';
 
 const { t } = useI18n();
@@ -7,25 +6,17 @@ import { FormSchema } from '/@/components/Table';
 //表单字段
 export const schemas: FormSchema[] = [
   {
-    field: 'intranetIpAndPort',
-    label: t('deviceManagement.deviceAccess.intranetIPWithPortText'),
-    component: 'FormInputGroup',
+    field: 'name',
+    label: t('equipment.category.categoryNameText'),
+    component: 'Input',
     required: true,
-    componentProps: {
-      inputPlaceholder: t('deviceManagement.deviceAccess.intranetIPPlaceholderText'),
-      inputNumberPlaceholder: t('deviceManagement.deviceAccess.intranetPortPlaceholderText'),
-    },
-    colProps: { span: 24 },
+    colProps: { span: 18 },
   },
   {
-    field: 'outerIpAndPort',
-    label: t('deviceManagement.deviceAccess.outernetIPWithPortText'),
-    component: 'FormInputGroup',
+    field: 'cagegoryOrder',
+    label: t('equipment.category.orderText'),
+    component: 'Input',
     required: true,
-    componentProps: {
-      inputPlaceholder: t('deviceManagement.deviceAccess.outernetIPPlaceholderText'),
-      inputNumberPlaceholder: t('deviceManagement.deviceAccess.outernetPortPlaceholderText'),
-    },
-    colProps: { span: 24 },
-  }
+    colProps: { span: 18 },
+  },
 ];

 <template>
-
   <PageWrapper dense contentFullHeight contentClass="flex">
     <div class="category-tree">
       <div class="category-tree-search">
@@ -7,77 +6,120 @@
           placeholder="请输入关键字搜索"
           enter-button
           size="large"
+          v-model:value="searchKeyword"
+          @search="handleSearch"
         />
       </div>
-      <a-tree :tree-data="treeData" default-expand-all show-icon :default-selected-keys="['0-0']">
-        <template #custom="{ title }">
+      <a-tree v-if="treeData.length > 0" :tree-data="treeData" default-expand-all show-icon>
+        <template #custom="{ title, id, record }">
           <div class="tree-node">
             <span>{{ title }}</span>
             <div class="but_operation">
-              <span class="but_type" @click="handleAdd(key)">新增</span>
-              <span class="but_type">编辑</span>
-              <span class="but_type">删除</span>
+              <span class="but_type" @click="handleAdd(id)">新增</span>
+              <span class="but_type" @click="handleEdit(record)">编辑</span>
+              <a-popconfirm
+                title="你是否确认删除操作?"
+                ok-text="确认"
+                cancel-text="取消"
+                @confirm="handleDelete(record)"
+              >
+                <span class="but_type">删除</span>
+              </a-popconfirm>
             </div>
           </div>
         </template>
       </a-tree>
-      <categoryModal @register="registerModal" @handleReload="handleReload"/>
+      <categoryModal @register="registerModal" @handleReload="handleReload" />
     </div>
   </PageWrapper>
-
 </template>
 <script setup lang="ts">
-import {PageWrapper} from "/@/components/Page";
-import './index.less';
-import {categoryModal} from './components/index';
-import {useModal} from "/@/components/Modal";
+  import { PageWrapper } from '/@/components/Page';
+  import './index.less';
+  import { categoryModal } from './components/index';
+  import { useModal } from '/@/components/Modal';
+  import { deleteCategory, getAllCategory } from '/@/api/equipment/category';
+  import { ref, onMounted } from 'vue';
+  import { useI18n } from '/@/hooks/web/useI18n';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  const treeData = ref([]); // 声明为响应式变量
+  const { t } = useI18n();
+  const { createMessage } = useMessage();
+  const searchKeyword = ref('');
+  // 递归转换函数
+  const transformTreeData = (data: any) => {
+    return data?.map((item) => {
+      const transformedItem = {
+        title: item.name,
+        key: item.id,
+        id: item.id,
+        record: item, // 将原始数据赋值给 record
+        slots: { title: 'custom' },
+      };
 
-const [registerModal, {openModal}] = useModal();
-const treeData = [
-  {
-    title: '全部',
-    key: '0-0',
-    slots: {title: 'custom'}, // 添加 title: 'custom'
-    children: [
-      {
-        title: '德风石化有限公司',
-        key: '0-0-0',
-        slots: {title: 'custom'}, // 添加 title: 'custom'
-        children: [
-          {
-            title: '公共工程',
-            key: '0-0-0-0',
-            slots: {title: 'custom'}, // 添加 title: 'custom'
-            children: [
-              {
-                title: '中心控制室',
-                key: '0-0-0-0-0',
-                slots: {title: 'custom'}
-              },
-              {title: '辅料管区', key: '0-0-0-0-1', slots: {title: 'custom'}},
-              {title: 'PSA伐区', key: '0-0-0-0-2', slots: {title: 'custom'}},
-              {title: '导热油房区', key: '0-0-0-0-3', slots: {title: 'custom'}},
-              {title: '甲醇裂解区', key: '0-0-0-0-4', slots: {title: 'custom'}},
-              {title: '机柜间', key: '0-0-0-0-5', slots: {title: 'custom'}}
-            ]
-          },
-          {title: '污水处理站', key: '0-0-0-1', slots: {title: 'custom'}} // 添加 title: 'custom'
-        ]
+      // 递归处理 children
+      if (item.children && item.children.length > 0) {
+        //@ts-ignore
+        transformedItem.children = transformTreeData(item.children);
       }
-    ]
-  }
-];
 
-// 处理新建按钮点击事件
-const handleAdd = (key: string) => {
-  openModal(true, {
-    isUpdate: false, // 表示是新建操作
-    parentKey: key, // 传递当前节点的 key
+      return transformedItem;
+    });
+  };
+
+  // 获取分类数据的函数
+  const fetchTreeData = async (name?: string) => {
+    try {
+      const res = await getAllCategory({ name }); // 将关键字传递给接口
+      // 使用递归函数转换数据
+      treeData.value = transformTreeData(res);
+    } catch (error) {
+      console.error('获取分类数据失败:', error);
+    }
+  };
+
+  // 组件挂载时获取数据
+  onMounted(() => {
+    fetchTreeData();
   });
-};
 
+  const [registerModal, { openModal }] = useModal();
+
+  // 处理搜索事件
+  const handleSearch = () => {
+    fetchTreeData(searchKeyword.value);
+  };
+
+  // 处理新建按钮点击事件
+  const handleAdd = (key: string) => {
+    openModal(true, {
+      isUpdate: false, // 表示是新建操作
+      parentId: key, // 传递当前节点的 key
+    });
+  };
+
+  // 编辑
+  const handleEdit = (record?: any) => {
+    console.log(record, 'record');
+    openModal(true, {
+      isUpdate: true,
+      record,
+    });
+  };
 
-const handleReload = () => {
+  const handleDelete = async (record?: any) => {
+    let id = record.id;
+    try {
+      await deleteCategory({ id });
+      createMessage.success(t('common.deleteSuccessText'));
+      handleReload();
+    } catch (error) {
+      throw error;
+    } finally {
+    }
+  };
 
-};
+  const handleReload = () => {
+    fetchTreeData();
+  };
 </script>

+import { FormSchema } from '/@/components/Form';
+import { useI18n } from '/@/hooks/web/useI18n';
+import { BasicColumn } from '/@/components/Table';
+const { t } = useI18n();
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'preserveName',
+    label: t('inspection.servicePlan.preserveNameText'),
+    component: 'Input',
+    colProps: { span: 12 },
+  },
+];
+
+export const columns: BasicColumn[] = [
+  {
+    title: t('inspection.servicePlan.preserveCodeText'),
+    dataIndex: 'preserveCode',
+  },
+  {
+    title: t('inspection.servicePlan.preserveNameText'),
+    dataIndex: 'preserveName',
+  },
+  {
+    title: t('inspection.servicePlan.statusText'),
+    dataIndex: 'status',
+    slots: { customRender: 'status' },
+  },
+  {
+    title: t('inspection.servicePlan.frequencyText'),
+    dataIndex: 'frequency',
+  },
+  {
+    title: t('inspection.servicePlan.timesText'),
+    dataIndex: 'times',
+  },
+];

+<template>
+  <div>
+    <BasicTable :clickToRowSelect="false" @register="registerTable">
+      <template #toolbar>
+        <Authority value="api:yt:product:category:post">
+          <Button type="primary" @click="handleCreate">
+            {{ t('inspection.servicePlan.createCategoryText') }}
+          </Button>
+        </Authority>
+      </template>
+    </BasicTable>
+  </div>
+</template>
+<script setup lang="ts">
+  import { useTable } from '/@/components/Table';
+  import { getRepairOrderList } from '/@/api/repair/order';
+  import { columns, searchFormSchema } from './index';
+  import { useI18n } from '/@/hooks/web/useI18n';
+
+  const { t } = useI18n();
+
+  const [
+    registerTable,
+    { reload, setLoading, getSelectRowKeys, setSelectedRowKeys, getRowSelection },
+  ] = useTable({
+    title: t('inspection.servicePlan.listText'),
+    api: getRepairOrderList,
+    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) => {},
+    },
+  });
+</script>

+import { FormSchema } from '/@/components/Form';
+import { useI18n } from '/@/hooks/web/useI18n';
+import { BasicColumn } from '/@/components/Table';
+const { t } = useI18n();
+
+export const columns: BasicColumn[] = [
+  {
+    title: t('repair.history.orderCode'),
+    dataIndex: 'tkRepairOrderDTO',
+    // format: (text,record) => {
+    //   return record.orderCode;
+    // },
+  },
+  {
+    title: t('repair.history.orderText'),
+    dataIndex: 'tkRepairOrderDTO',
+    // format: (text,record) => {
+    //   return record.orderCode;
+    // },
+  },
+  {
+    title: t('repair.history.deviceNameText'),
+    dataIndex: 'reportDate',
+  },
+  {
+    title: t('repair.history.time'),
+    dataIndex: 'time',
+  },
+  {
+    title: t('repair.history.reportByName'),
+    dataIndex: 'reportByName',
+  },
+  {
+    title: t('repair.history.photo'),
+    dataIndex: 'photo',
+  },
+  {
+    title: t('repair.history.description'),
+    dataIndex: 'description',
+  },
+  {
+    title: t('repair.history.repairTime'),
+    dataIndex: 'repairTime',
+    slots: { customRender: 'repairTime' },
+  },
+  {
+    title: t('repair.history.repairByName'),
+    dataIndex: 'repairByName',
+    slots: { customRender: 'repairByName' },
+  },
+  {
+    title: t('repair.history.repairReason'),
+    dataIndex: 'repairReason',
+    slots: { customRender: 'repairReason' },
+  },
+  {
+    title: t('repair.history.repairDescription'),
+    dataIndex: 'repairDescription',
+    slots: { customRender: 'repairDescription' },
+  },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'orderId',
+    label: t('repair.history.orderText'),
+    component: 'Select',
+    colProps: { span: 6 },
+  },
+];

+<template>
+  <div>
+    <BasicTable style="flex: auto" @register="registerTable">
+      <template #toolbar> </template>
+    </BasicTable>
+  </div>
+</template>
+<script setup lang="ts">
+  import { BasicTable, useTable } from '/@/components/Table';
+  import { getRepairHistoryList } from '/@/api/repair/history';
+  import { columns, searchFormSchema } from './index';
+  import { useI18n } from '/@/hooks/web/useI18n';
+  const { t } = useI18n();
+  const [
+    registerTable,
+    { reload, setLoading, getSelectRowKeys, setSelectedRowKeys, getRowSelection },
+  ] = useTable({
+    title: t('repair.history.listText'),
+    api: getRepairHistoryList,
+    columns,
+    formConfig: {
+      labelWidth: 100,
+      schemas: searchFormSchema,
+    },
+    immediate: true,
+    useSearchForm: true,
+    showTableSetting: true,
+    bordered: true,
+    showIndexColumn: false,
+    clickToRowSelect: false,
+    rowKey: 'id',
+  });
+</script>

+import { FormSchema } from '/@/components/Form';
+import { useI18n } from '/@/hooks/web/useI18n';
+import { BasicColumn } from '/@/components/Table';
+import moment from 'moment/moment';
+const { t } = useI18n();
+
+const statusOptions = [
+  { label: t('repair.order.SCHEDULING'), value: 'SCHEDULING' },
+  { label: t('repair.order.REPAIRFINISH'), value: 'REPAIRFINISH' },
+  { label: t('repair.order.ACCEPTANCEPASSED'), value: 'ACCEPTANCEPASSED' },
+];
+const typeOptions = [
+  { label: t('repair.order.inspectionText'), value: 'INSPECTION' },
+  { label: t('repair.order.maintenanceText'), value: 'MAINTENANCE' },
+];
+
+export const columns: BasicColumn[] = [
+  {
+    title: t('repair.order.nameCode'),
+    dataIndex: 'orderCode',
+  },
+  {
+    title: t('repair.order.deviceNameText'),
+    dataIndex: 'deviceId',
+    slots: { customRender: 'deviceId' },
+  },
+  {
+    title: t('repair.order.reportDateText'),
+    dataIndex: 'reportDate',
+  },
+  {
+    title: t('repair.order.reportByName'),
+    dataIndex: 'reportByName',
+  },
+  {
+    title: t('repair.order.description'),
+    dataIndex: 'description',
+  },
+  {
+    title: t('repair.order.statusText'),
+    dataIndex: 'status',
+    slots: { customRender: 'status' },
+  },
+  {
+    title: t('repair.order.emergencyText'),
+    dataIndex: 'emergency',
+    slots: { customRender: 'emergency' },
+  },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'deviceId',
+    label: t('repair.order.deviceNameText'),
+    component: 'Select',
+    colProps: { span: 6 },
+  },
+  {
+    field: 'status',
+    label: t('repair.order.statusText'),
+    component: 'Select',
+    colProps: { span: 6 },
+    componentProps: {
+      options: statusOptions,
+    },
+  },
+  {
+    field: 'startDate',
+    label: t('repair.order.time'),
+    component: 'RangePicker',
+    componentProps: {
+      showTime: {
+        defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')],
+      },
+    },
+    colProps: { span: 6 },
+  },
+];
+
+export const schemas: FormSchema[] = [
+  {
+    field: 'code',
+    label: t('repair.order.nameCode'),
+    component: 'Input',
+    colProps: { span: 21 },
+    required: true,
+    componentProps: {
+      maxLength: 20,
+    },
+  },
+  {
+    field: 'name',
+    label: t('repair.order.nameText'),
+    component: 'Input',
+    colProps: { span: 21 },
+    required: true,
+    componentProps: {
+      maxLength: 20,
+    },
+  },
+  {
+    field: 'type',
+    label: t('repair.order.typeText'),
+    component: 'RadioButtonGroup',
+    defaultValue: 'INSPECTION',
+    componentProps: {
+      options: typeOptions,
+    },
+  },
+  {
+    field: 'status',
+    label: t('repair.order.statusText'),
+    component: 'RadioButtonGroup',
+    defaultValue: 'ENABLE',
+    componentProps: {
+      options: statusOptions,
+    },
+  },
+  {
+    field: 'planDetails',
+    label: t('repair.order.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">
+            {{ t('repair.order.createCategoryText') }}
+          </Button>
+        </Authority>
+      </template>
+      <template #deviceId="{ record }">
+        <span>{{ record?.deviceInfo?.name }}</span>
+      </template>
+      <template #status="{ record }">
+        <Tag
+          :color="
+            record.status == 'SCHEDULING'
+              ? 'yellow'
+              : record.status == 'REPAIRFINISH'
+              ? 'blue'
+              : 'green'
+          "
+          class="ml-2"
+        >
+          {{ t(`repair.order.${record.status}`) }}
+        </Tag>
+      </template>
+      <template #emergency="{ record }">
+        <Tag :color="record.emergency ? 'error' : 'green'" class="ml-2">
+          {{ record.emergency ? '是' : '否' }}
+        </Tag>
+      </template>
+    </BasicTable>
+  </div>
+</template>
+<script setup lang="ts">
+  import { BasicTable, TableAction } from '/@/components/Table';
+  import { useTable } from '/@/components/Table';
+  import { getRepairOrderList } from '/@/api/repair/order';
+  import { columns, searchFormSchema } from './index';
+  import { useI18n } from '/@/hooks/web/useI18n';
+  import { Button, Tag } from 'ant-design-vue';
+  import { Authority } from '/@/components/Authority';
+  const { t } = useI18n();
+
+  const [
+    registerTable,
+    { reload, setLoading, getSelectRowKeys, setSelectedRowKeys, getRowSelection },
+  ] = useTable({
+    title: t('repair.order.listText'),
+    api: getRepairOrderList,
+    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) => {},
+    },
+  });
+</script>