Browse Source

feat: 辅助决策/维修任务

wanggaokun 11 months ago
parent
commit
cf59ff2913

+ 136 - 0
src/api/interface/als/maintenanceDecision.ts

@@ -0,0 +1,136 @@
+import { PageQuery, BaseEntity } from '@/api/interface/index'
+export interface MaintenanceDecisionVO extends BaseEntity {
+  /**
+   * 架次号
+   */
+  sortieNo: number
+
+  /**
+   * 机号
+   */
+  aircraftNo: number
+
+  /**
+   * 故障代码
+   */
+  code: string
+
+  /**
+   * 系统
+   */
+  systemName: string
+
+  /**
+   * 单位
+   */
+  unitName: string
+
+  /**
+   * 故障部件
+   */
+  faultPart: string
+
+  /**
+   * 维修建议
+   */
+  proposal: string
+
+  /**
+   * 创建人
+   */
+  createBy: number
+
+  /**
+   * 创建时间
+   */
+  createTime: string
+
+  /**
+   * 更新人
+   */
+  updateBy: number
+
+  /**
+   * 更新时间
+   */
+  updateTime: string
+}
+
+export interface MaintenanceDecisionForm {
+  /**
+   * 编号
+   */
+  id?: string | number
+
+  /**
+   * 架次号
+   */
+  sortieNo?: number
+
+  /**
+   * 机号
+   */
+  aircraftNo?: number
+
+  /**
+   * 故障代码
+   */
+  code?: string
+
+  /**
+   * 系统
+   */
+  systemName?: string
+
+  /**
+   * 单位
+   */
+  unitName?: string
+
+  /**
+   * 故障部件
+   */
+  faultPart?: string
+
+  /**
+   * 维修建议
+   */
+  proposal?: string
+}
+
+export interface MaintenanceDecisionQuery extends PageQuery {
+  /**
+   * 架次号
+   */
+  sortieNo?: number
+
+  /**
+   * 机号
+   */
+  aircraftNo?: number
+
+  /**
+   * 故障代码
+   */
+  code?: string
+
+  /**
+   * 系统
+   */
+  systemName?: string
+
+  /**
+   * 单位
+   */
+  unitName?: string
+
+  /**
+   * 状态(1正常)
+   */
+  status?: string
+
+  /**
+   * 日期范围参数
+   */
+  params?: any
+}

+ 151 - 0
src/api/interface/als/maintenanceTask.ts

@@ -0,0 +1,151 @@
+import { PageQuery, BaseEntity } from '@/api/interface/index'
+export interface MaintenanceTaskVO extends BaseEntity {
+  /**
+   * 架次号
+   */
+  sortieNo: number
+
+  /**
+   * 机号
+   */
+  aircraftNo: number
+
+  /**
+   * 所属系统
+   */
+  systemName: string
+
+  /**
+   * 单位
+   */
+  unitName: string
+
+  /**
+   * 处理人
+   */
+  operator: string
+
+  /**
+   * 故障部件
+   */
+  faultPart: string
+
+  /**
+   * 维修建议
+   */
+  proposal: string
+
+  /**
+   * 维修时间
+   */
+  handlerDate: string
+
+  /**
+   * 状态(1正常)
+   */
+  status: string
+
+  /**
+   * 创建人
+   */
+  createBy: number
+
+  /**
+   * 创建时间
+   */
+  createTime: string
+
+  /**
+   * 更新人
+   */
+  updateBy: number
+
+  /**
+   * 更新时间
+   */
+  updateTime: string
+}
+
+export interface MaintenanceTaskForm {
+  /**
+   * 编号
+   */
+  id?: string | number
+
+  /**
+   * 架次号
+   */
+  sortieNo?: number
+
+  /**
+   * 机号
+   */
+  aircraftNo?: number
+
+  /**
+   * 所属系统
+   */
+  systemName?: string
+
+  /**
+   * 单位
+   */
+  unitName?: string
+
+  /**
+   * 处理人
+   */
+  operator?: string
+
+  /**
+   * 故障部件
+   */
+  faultPart?: string
+
+  /**
+   * 维修建议
+   */
+  proposal?: string
+
+  /**
+   * 维修时间
+   */
+  handlerDate?: string
+}
+
+export interface MaintenanceTaskQuery extends PageQuery {
+  /**
+   * 架次号
+   */
+  sortieNo?: number
+
+  /**
+   * 机号
+   */
+  aircraftNo?: number
+
+  /**
+   * 所属系统
+   */
+  systemName?: string
+
+  /**
+   * 单位
+   */
+  unitName?: string
+
+  /**
+   * 维修时间
+   */
+  handlerDate?: string
+
+  /**
+   * 状态(1正常)
+   */
+  status?: string
+
+  /**
+   * 日期范围参数
+   */
+  params?: any
+}

+ 54 - 0
src/api/modules/als/maintenanceDecision.ts

@@ -0,0 +1,54 @@
+import http from '@/api'
+import { MaintenanceDecisionVO, MaintenanceDecisionForm, MaintenanceDecisionQuery } from '@/api/interface/als/maintenanceDecision'
+/**
+ * @name 查询辅助维修决策列表
+ * @param query 参数
+ * @returns 返回列表
+ */
+export const listMaintenanceDecisionApi = (query: MaintenanceDecisionQuery) => {
+  return http.get<MaintenanceDecisionVO[]>('/als/maintenanceDecision/list', query, { loading: true })
+}
+
+/**
+ * @name 查询辅助维修决策详细
+ * @param id id
+ * @returns returns
+ */
+export const getMaintenanceDecisionApi = (id: string | number) => {
+  return http.get<MaintenanceDecisionVO>(`/als/maintenanceDecision/${id}`)
+}
+
+/**
+ * @name 新增辅助维修决策
+ * @param data data
+ * @returns returns
+ */
+export const addMaintenanceDecisionApi = (data: MaintenanceDecisionForm) => {
+  return http.post<any>('/als/maintenanceDecision', data, { loading: false })
+}
+
+/**
+ * @name 修改辅助维修决策
+ * @param data data
+ * @returns returns
+ */
+export const updateMaintenanceDecisionApi = (data: MaintenanceDecisionForm) => {
+  return http.put<any>('/als/maintenanceDecision', data, { loading: false })
+}
+
+/**
+ * @name 删除辅助维修决策
+ * @param id id
+ * @returns returns
+ */
+export const delMaintenanceDecisionApi = (id: string | number | Array<string | number>) => {
+  return http.delete<any>(`/als/maintenanceDecision/${id}`)
+}
+
+/**
+ * @name 导出数据
+ * @returns returns
+ */
+export const exportMaintenanceDecisionApi = (data: any) => {
+  return http.post('/als/maintenanceDecision/export', data)
+}

+ 54 - 0
src/api/modules/als/maintenanceTask.ts

@@ -0,0 +1,54 @@
+import http from '@/api'
+import { MaintenanceTaskVO, MaintenanceTaskForm, MaintenanceTaskQuery } from '@/api/interface/als/maintenanceTask'
+/**
+ * @name 查询维修任务列表
+ * @param query 参数
+ * @returns 返回列表
+ */
+export const listMaintenanceTaskApi = (query: MaintenanceTaskQuery) => {
+  return http.get<MaintenanceTaskVO[]>('/als/maintenanceTask/list', query, { loading: true })
+}
+
+/**
+ * @name 查询维修任务详细
+ * @param id id
+ * @returns returns
+ */
+export const getMaintenanceTaskApi = (id: string | number) => {
+  return http.get<MaintenanceTaskVO>(`/als/maintenanceTask/${id}`)
+}
+
+/**
+ * @name 新增维修任务
+ * @param data data
+ * @returns returns
+ */
+export const addMaintenanceTaskApi = (data: MaintenanceTaskForm) => {
+  return http.post<any>('/als/maintenanceTask', data, { loading: false })
+}
+
+/**
+ * @name 修改维修任务
+ * @param data data
+ * @returns returns
+ */
+export const updateMaintenanceTaskApi = (data: MaintenanceTaskForm) => {
+  return http.put<any>('/als/maintenanceTask', data, { loading: false })
+}
+
+/**
+ * @name 删除维修任务
+ * @param id id
+ * @returns returns
+ */
+export const delMaintenanceTaskApi = (id: string | number | Array<string | number>) => {
+  return http.delete<any>(`/als/maintenanceTask/${id}`)
+}
+
+/**
+ * @name 导出数据
+ * @returns returns
+ */
+export const exportMaintenanceTaskApi = (data: any) => {
+  return http.post('/als/maintenanceTask/export', data)
+}

+ 5 - 1
src/layouts/indexAsync.vue

@@ -16,7 +16,11 @@ import { LayoutType } from '@/stores/interface'
 import { useGlobalStore } from '@/stores/modules/global'
 import { useGlobalStore } from '@/stores/modules/global'
 import Loading from '@/components/Loading/index.vue'
 import Loading from '@/components/Loading/index.vue'
 import ThemeDrawer from './components/ThemeDrawer/index.vue'
 import ThemeDrawer from './components/ThemeDrawer/index.vue'
-
+import { initWebSocket } from '@/utils/websocket'
+onMounted(() => {
+  let protocol = window.location.protocol === 'https:' ? 'wss://' : 'ws://'
+  initWebSocket(protocol + window.location.host + import.meta.env.VITE_API_URL + '/resource/websocket')
+})
 const LayoutComponents: Record<LayoutType, Component> = {
 const LayoutComponents: Record<LayoutType, Component> = {
   vertical: defineAsyncComponent(() => import('./LayoutVertical/index.vue')),
   vertical: defineAsyncComponent(() => import('./LayoutVertical/index.vue')),
   classic: defineAsyncComponent(() => import('./LayoutClassic/index.vue')),
   classic: defineAsyncComponent(() => import('./LayoutClassic/index.vue')),

+ 227 - 0
src/views/als/maintenanceDecision/index.vue

@@ -0,0 +1,227 @@
+<template>
+  <div class="table-box">
+    <ProTable ref="proTable" :columns="columns" row-key="id" :request-api="listMaintenanceDecisionApi">
+      <!-- 表格 header 按钮 -->
+      <template #tableHeader="scope">
+        <el-button type="primary" v-auth="['als:maintenanceDecision:add']" icon="CirclePlus" @click="openDialog(1, '辅助维修决策新增')">
+          新增
+        </el-button>
+        <el-button type="primary" v-auth="['als:maintenanceDecision:export']" icon="Download" plain @click="downloadFile"> 导出 </el-button>
+        <el-button
+          type="danger"
+          v-auth="['als:maintenanceDecision:remove']"
+          icon="Delete"
+          plain
+          :disabled="!scope.isSelected"
+          @click="batchDelete(scope.selectedListIds)"
+        >
+          批量删除
+        </el-button>
+      </template>
+      <!-- 表格操作 -->
+      <template #operation="scope">
+        <el-button type="primary" link icon="View" v-auth="['als:maintenanceDecision:query']" @click="openDialog(3, '辅助维修决策查看', scope.row)">
+          查看
+        </el-button>
+        <el-button type="primary" link icon="EditPen" v-auth="['als:maintenanceDecision:edit']" @click="openDialog(2, '辅助维修决策编辑', scope.row)">
+          编辑
+        </el-button>
+        <el-button type="primary" link icon="Delete" v-auth="['als:maintenanceDecision:remove']" @click="deleteMaintenanceDecision(scope.row)">
+          删除
+        </el-button>
+      </template>
+    </ProTable>
+    <FormDialog ref="formDialogRef" :items-options="itemsOptions" :model="model" />
+    <TaskDialog ref="taskDialogRef" />
+  </div>
+</template>
+
+<script setup lang="tsx" name="MaintenanceDecision">
+import { useHandleData } from '@/hooks/useHandleData'
+import { ElMessageBox } from 'element-plus'
+import TaskDialog from '@/components/TaskDialog/index.vue'
+import FormDialog from '@/components/FormDialog/index.vue'
+import { ProTableInstance, ColumnProps } from '@/components/ProTable/interface'
+import {
+  listMaintenanceDecisionApi,
+  delMaintenanceDecisionApi,
+  addMaintenanceDecisionApi,
+  updateMaintenanceDecisionApi,
+  exportMaintenanceDecisionApi,
+  getMaintenanceDecisionApi
+} from '@/api/modules/als/maintenanceDecision'
+
+// ProTable 实例
+const proTable = ref<ProTableInstance>()
+// 表单model
+const model = ref({})
+// 删除辅助维修决策信息
+const deleteMaintenanceDecision = async (params: any) => {
+  await useHandleData(delMaintenanceDecisionApi, params.id, '删除【' + params.id + '】辅助维修决策')
+  proTable.value?.getTableList()
+}
+
+// 批量删除辅助维修决策信息
+const batchDelete = async (ids: string[]) => {
+  await useHandleData(delMaintenanceDecisionApi, ids, '删除所选辅助维修决策信息')
+  proTable.value?.clearSelection()
+  proTable.value?.getTableList()
+}
+
+const taskDialogRef = ref<InstanceType<typeof TaskDialog> | null>(null)
+// 导出辅助维修决策列表
+const downloadFile = async () => {
+  ElMessageBox.confirm('确认导出辅助维修决策数据?', '温馨提示', { type: 'warning' }).then(async () => {
+    exportMaintenanceDecisionApi(proTable.value?.searchParam)
+    taskDialogRef.value?.openExportDialog()
+  })
+}
+
+const formDialogRef = ref<InstanceType<typeof FormDialog> | null>(null)
+// 打开弹框的功能
+const openDialog = async (type: number, title: string, row?: any) => {
+  let res = { data: {} }
+  if (row?.id) {
+    res = await getMaintenanceDecisionApi(row?.id || null)
+  }
+  model.value = type == 1 ? {} : res.data
+  // 重置表单
+  setItemsOptions()
+  const params = {
+    title,
+    width: 580,
+    isEdit: type !== 3,
+    api: type == 1 ? addMaintenanceDecisionApi : updateMaintenanceDecisionApi,
+    getTableList: proTable.value?.getTableList
+  }
+  formDialogRef.value?.openDialog(params)
+}
+
+// 表格配置项
+const columns = reactive<ColumnProps<any>[]>([
+  { type: 'selection', fixed: 'left', width: 70 },
+  { prop: 'id', label: '编号' },
+  {
+    prop: 'sortieNo',
+    label: '架次号',
+    search: {
+      el: 'input'
+    }
+  },
+  {
+    prop: 'aircraftNo',
+    label: '机号',
+    search: {
+      el: 'input'
+    }
+  },
+  {
+    prop: 'code',
+    label: '故障代码',
+    search: {
+      el: 'input'
+    }
+  },
+  {
+    prop: 'systemName',
+    label: '系统',
+    search: {
+      el: 'input'
+    }
+  },
+  {
+    prop: 'unitName',
+    label: '单位',
+    search: {
+      el: 'input'
+    }
+  },
+  {
+    prop: 'faultPart',
+    label: '故障部件'
+  },
+  {
+    prop: 'proposal',
+    label: '维修建议'
+  },
+  {
+    prop: 'createByName',
+    label: '创建人'
+  },
+  {
+    prop: 'createTime',
+    label: '创建时间'
+  },
+  {
+    prop: 'updateByName',
+    label: '更新人'
+  },
+  {
+    prop: 'updateTime',
+    label: '更新时间'
+  },
+  { prop: 'operation', label: '操作', width: 230, fixed: 'right' }
+])
+// 表单配置项
+let itemsOptions = reactive<ProForm.ItemsOptions[]>([])
+const setItemsOptions = () => {
+  itemsOptions = [
+    {
+      label: '架次号',
+      prop: 'sortieNo',
+      rules: [{ required: true, message: '架次号不能为空', trigger: 'blur' }],
+      compOptions: {
+        placeholder: '请输入架次号'
+      }
+    },
+    {
+      label: '机号',
+      prop: 'aircraftNo',
+      rules: [{ required: true, message: '机号不能为空', trigger: 'blur' }],
+      compOptions: {
+        placeholder: '请输入机号'
+      }
+    },
+    {
+      label: '故障代码',
+      prop: 'code',
+      rules: [{ required: true, message: '故障代码不能为空', trigger: 'blur' }],
+      compOptions: {
+        placeholder: '请输入故障代码'
+      }
+    },
+    {
+      label: '系统',
+      prop: 'systemName',
+      rules: [{ required: true, message: '系统不能为空', trigger: 'blur' }],
+      compOptions: {
+        placeholder: '请输入系统'
+      }
+    },
+    {
+      label: '单位',
+      prop: 'unitName',
+      rules: [{ required: true, message: '单位不能为空', trigger: 'blur' }],
+      compOptions: {
+        placeholder: '请输入单位'
+      }
+    },
+    {
+      label: '故障部件',
+      prop: 'faultPart',
+      rules: [{ required: true, message: '故障部件不能为空', trigger: 'blur' }],
+      compOptions: {
+        placeholder: '请输入故障部件'
+      }
+    },
+    {
+      label: '维修建议',
+      prop: 'proposal',
+      rules: [{ required: true, message: '维修建议不能为空', trigger: 'blur' }],
+      compOptions: {
+        placeholder: '请输入维修建议'
+      }
+    }
+  ]
+}
+</script>

+ 251 - 0
src/views/als/maintenanceTask/index.vue

@@ -0,0 +1,251 @@
+<template>
+  <div class="table-box">
+    <ProTable ref="proTable" :columns="columns" row-key="id" :request-api="listMaintenanceTaskApi">
+      <!-- 表格 header 按钮 -->
+      <template #tableHeader="scope">
+        <el-button type="primary" v-auth="['als:maintenanceTask:add']" icon="CirclePlus" @click="openDialog(1, '维修任务新增')"> 新增 </el-button>
+        <el-button type="primary" v-auth="['als:maintenanceTask:export']" icon="Download" plain @click="downloadFile"> 导出 </el-button>
+        <el-button
+          type="danger"
+          v-auth="['als:maintenanceTask:remove']"
+          icon="Delete"
+          plain
+          :disabled="!scope.isSelected"
+          @click="batchDelete(scope.selectedListIds)"
+        >
+          批量删除
+        </el-button>
+      </template>
+      <!-- 表格操作 -->
+      <template #operation="scope">
+        <el-button type="primary" link icon="View" v-auth="['als:maintenanceTask:query']" @click="openDialog(3, '维修任务查看', scope.row)">
+          查看
+        </el-button>
+        <el-button type="primary" link icon="EditPen" v-auth="['als:maintenanceTask:edit']" @click="openDialog(2, '维修任务编辑', scope.row)">
+          编辑
+        </el-button>
+        <el-button type="primary" link icon="Delete" v-auth="['als:maintenanceTask:remove']" @click="deleteMaintenanceTask(scope.row)">
+          删除
+        </el-button>
+      </template>
+    </ProTable>
+    <FormDialog ref="formDialogRef" :items-options="itemsOptions" :model="model" />
+    <TaskDialog ref="taskDialogRef" />
+  </div>
+</template>
+
+<script setup lang="tsx" name="MaintenanceTask">
+import { useHandleData } from '@/hooks/useHandleData'
+import { ElMessageBox } from 'element-plus'
+import TaskDialog from '@/components/TaskDialog/index.vue'
+import FormDialog from '@/components/FormDialog/index.vue'
+import { ProTableInstance, ColumnProps } from '@/components/ProTable/interface'
+import {
+  listMaintenanceTaskApi,
+  delMaintenanceTaskApi,
+  addMaintenanceTaskApi,
+  updateMaintenanceTaskApi,
+  exportMaintenanceTaskApi,
+  getMaintenanceTaskApi
+} from '@/api/modules/als/maintenanceTask'
+const { proxy } = getCurrentInstance() as ComponentInternalInstance
+const { common_type } = toRefs<any>(proxy?.useDict('common_type'))
+
+// ProTable 实例
+const proTable = ref<ProTableInstance>()
+// 表单model
+const model = ref({})
+// 删除维修任务信息
+const deleteMaintenanceTask = async (params: any) => {
+  await useHandleData(delMaintenanceTaskApi, params.id, '删除【' + params.id + '】维修任务')
+  proTable.value?.getTableList()
+}
+
+// 批量删除维修任务信息
+const batchDelete = async (ids: string[]) => {
+  await useHandleData(delMaintenanceTaskApi, ids, '删除所选维修任务信息')
+  proTable.value?.clearSelection()
+  proTable.value?.getTableList()
+}
+
+const taskDialogRef = ref<InstanceType<typeof TaskDialog> | null>(null)
+// 导出维修任务列表
+const downloadFile = async () => {
+  ElMessageBox.confirm('确认导出维修任务数据?', '温馨提示', { type: 'warning' }).then(async () => {
+    exportMaintenanceTaskApi(proTable.value?.searchParam)
+    taskDialogRef.value?.openExportDialog()
+  })
+}
+
+const formDialogRef = ref<InstanceType<typeof FormDialog> | null>(null)
+// 打开弹框的功能
+const openDialog = async (type: number, title: string, row?: any) => {
+  let res = { data: {} }
+  if (row?.id) {
+    res = await getMaintenanceTaskApi(row?.id || null)
+  }
+  model.value = type == 1 ? {} : res.data
+  // 重置表单
+  setItemsOptions()
+  const params = {
+    title,
+    width: 580,
+    isEdit: type !== 3,
+    api: type == 1 ? addMaintenanceTaskApi : updateMaintenanceTaskApi,
+    getTableList: proTable.value?.getTableList
+  }
+  formDialogRef.value?.openDialog(params)
+}
+
+// 表格配置项
+const columns = reactive<ColumnProps<any>[]>([
+  { type: 'selection', fixed: 'left', width: 70 },
+  { prop: 'id', label: '编号' },
+  {
+    prop: 'sortieNo',
+    label: '架次号',
+    search: {
+      el: 'input'
+    }
+  },
+  {
+    prop: 'aircraftNo',
+    label: '机号',
+    search: {
+      el: 'input'
+    }
+  },
+  {
+    prop: 'systemName',
+    label: '所属系统',
+    search: {
+      el: 'input'
+    }
+  },
+  {
+    prop: 'unitName',
+    label: '单位',
+    search: {
+      el: 'input'
+    }
+  },
+  {
+    prop: 'operator',
+    label: '处理人'
+  },
+  {
+    prop: 'faultPart',
+    label: '故障部件'
+  },
+  {
+    prop: 'proposal',
+    label: '维修建议'
+  },
+  {
+    prop: 'handlerDate',
+    label: '维修时间',
+    search: {
+      el: 'date-picker',
+      props: { type: 'datetimerange', valueFormat: 'YYYY-MM-DD HH:mm:ss' }
+    }
+  },
+  {
+    prop: 'status',
+    label: '状态',
+    tag: true,
+    enum: common_type,
+    search: {
+      el: 'tree-select'
+    }
+  },
+  {
+    prop: 'createByName',
+    label: '创建人'
+  },
+  {
+    prop: 'createTime',
+    label: '创建时间'
+  },
+  {
+    prop: 'updateByName',
+    label: '更新人'
+  },
+  {
+    prop: 'updateTime',
+    label: '更新时间'
+  },
+  { prop: 'operation', label: '操作', width: 230, fixed: 'right' }
+])
+// 表单配置项
+let itemsOptions = reactive<ProForm.ItemsOptions[]>([])
+const setItemsOptions = () => {
+  itemsOptions = [
+    {
+      label: '架次号',
+      prop: 'sortieNo',
+      rules: [{ required: true, message: '架次号不能为空', trigger: 'blur' }],
+      compOptions: {
+        placeholder: '请输入架次号'
+      }
+    },
+    {
+      label: '机号',
+      prop: 'aircraftNo',
+      rules: [{ required: true, message: '机号不能为空', trigger: 'blur' }],
+      compOptions: {
+        placeholder: '请输入机号'
+      }
+    },
+    {
+      label: '所属系统',
+      prop: 'systemName',
+      rules: [{ required: true, message: '所属系统不能为空', trigger: 'blur' }],
+      compOptions: {
+        placeholder: '请输入所属系统'
+      }
+    },
+    {
+      label: '单位',
+      prop: 'unitName',
+      rules: [{ required: true, message: '单位不能为空', trigger: 'blur' }],
+      compOptions: {
+        placeholder: '请输入单位'
+      }
+    },
+    {
+      label: '处理人',
+      prop: 'operator',
+      rules: [{ required: true, message: '处理人不能为空', trigger: 'blur' }],
+      compOptions: {
+        placeholder: '请输入处理人'
+      }
+    },
+    {
+      label: '故障部件',
+      prop: 'faultPart',
+      rules: [{ required: true, message: '故障部件不能为空', trigger: 'blur' }],
+      compOptions: {
+        placeholder: '请输入故障部件'
+      }
+    },
+    {
+      label: '维修建议',
+      prop: 'proposal',
+      rules: [{ required: true, message: '维修建议不能为空', trigger: 'blur' }],
+      compOptions: {
+        placeholder: '请输入维修建议'
+      }
+    },
+    {
+      label: '维修时间',
+      prop: 'handlerDate',
+      rules: [{ required: true, message: '维修时间不能为空', trigger: 'change' }],
+      compOptions: {
+        elTagName: 'date-picker',
+        type: 'date',
+        placeholder: '请选择维修时间'
+      }
+    }
+  ]
+}
+</script>