1、订单月计划，计划类型使用字典展示

src/views/mes/ordermonthplan/index.vue

@@ -54,16 +54,16 @@
   <Detail ref="detailRef"
           :isBasic="false"
           :allSchemas="MesOrderMonthMain.allSchemas"
-          :detailAllSchemas="MesOrderMonthSub.allSchemas"
+          :detailAllSchemas="detailAllSchemas"
           :detailAllSchemasRules="MesOrderMonthSubRules"
           :apiPage="MesOrderMonthApi.getMesOrderMonthSubPage"
           :apiCreate="MesOrderMonthApi.createMesOrderMonthSub"
           :apiUpdate="MesOrderMonthApi.updateMesOrderMonthSub"
           :apiDelete="MesOrderMonthApi.deleteMesOrderMonthSub"
           :tabs="TabsList"
-          :detailButtonIsShowAdd="true"
           :detailButtonIsShowDelete="true"
-          :detailButtonIsShowEdit="false"
+          :detailButtonIsShowEdit="true"
+          :detailButtonIsShowAdd="true"
   />
   <!-- 导入 -->
   <ImportForm ref="importFormRef" url="/plan/mes-order-month-main/import"
@@ -77,7 +77,6 @@ import * as MesOrderMonthApi from '@/api/mes/ordermonthplan'
 import * as defaultButtons from '@/utils/disposition/defaultButtons'
 import TableHead from '@/components/TableHead/src/TableHead.vue'
 import ImportForm from '@/components/ImportForm/src/ImportForm.vue'
-import Detail from '@/components/Detail/src/Detail.vue'
 import {
   MesOrderMonthSub,
   MesOrderMonthSubRules
@@ -100,7 +99,6 @@ const searchTableSuccess = (formField, searchField, val, formRef) => {
     formRef.setValues(setV)
   })
 }
-
 // 字段设置 更新主列表字段
 const updataTableColumns = (val) => {
   tableColumns.value = val
@@ -256,5 +254,5 @@ onMounted(async () => {
   getList()
   importTemplateData.templateUrl = await MesOrderMonthApi.importTemplate()
 })
-
+const detailAllSchemas = ref(MesOrderMonthSub.allSchemas)
 </script>

src/views/mes/ordermonthplan/mesOrderMonthSub.data.ts

@@ -19,10 +19,7 @@ export const MesOrderMonthSub = useCrudSchemas(reactive<CrudSchema[]>([
     field: 'productCode',
     sort: 'custom',
     isTable: false,
-    isSearch: true,
+    isSearch: true
-    form: {
-      component: 'SelectV2'
-    }
   },
   {
     label: '产品名称',
@@ -59,36 +56,28 @@ export const MesOrderMonthSub = useCrudSchemas(reactive<CrudSchema[]>([
     field: 'finishCount',
     sort: 'custom',
     isSearch: true,
-    form: {
+    isForm: false
-      component: 'InputNumber',
-      value: 0
-    }
   },
   {
     label: '合格数量',
     field: 'qualifiedCount',
     sort: 'custom',
     isSearch: true,
-    form: {
+    isForm: false
-      component: 'InputNumber',
-      value: 0
-    }
   },
   {
     label: '不合格数量',
     field: 'unqualifiedCount',
     sort: 'custom',
     isSearch: true,
-    form: {
+    isForm: false
-      component: 'InputNumber',
-      value: 0
-    }
   },
   {
     label: '是否回冲',
     field: 'flagBackwash',
     sort: 'custom',
-    isSearch: true
+    isSearch: true,
+    isForm: false
   },
   {
     label: '产品批次号',
@@ -115,25 +104,53 @@ export const MesOrderMonthSub = useCrudSchemas(reactive<CrudSchema[]>([
     label: '计划开始日期',
     field: 'planBegin',
     sort: 'custom',
-    isSearch: true
+    isSearch: true,
+    formatter: dateFormatter,
+    detail: {
+      dateFormat: 'YYYY-MM-DD HH:mm:ss'
+    },
+    form: {
+      component: 'DatePicker',
+      componentProps: {
+        style: {width: '100%'},
+        type: 'datetime',
+        dateFormat: 'YYYY-MM-DD HH:mm:ss',
+        valueFormat: 'x',
+      }
+    },
   },
   {
     label: '计划结束日期',
     field: 'planEnd',
     sort: 'custom',
-    isSearch: true
+    isSearch: true,
+    formatter: dateFormatter,
+    detail: {
+      dateFormat: 'YYYY-MM-DD HH:mm:ss'
+    },
+    form: {
+      component: 'DatePicker',
+      componentProps: {
+        style: {width: '100%'},
+        type: 'datetime',
+        dateFormat: 'YYYY-MM-DD HH:mm:ss',
+        valueFormat: 'x',
+      }
+    },
   },
   {
     label: '实际开工日期',
     field: 'realStart',
     sort: 'custom',
-    isSearch: true
+    isSearch: true,
+    isForm: false
   },
   {
     label: '实际完工日期',
     field: 'realFinish',
     sort: 'custom',
-    isSearch: true
+    isSearch: true,
+    isForm: false
   },
   {
     label: '备注',
@@ -146,9 +163,7 @@ export const MesOrderMonthSub = useCrudSchemas(reactive<CrudSchema[]>([
     field: 'status',
     sort: 'custom',
     isSearch: true,
-    form: {
+    isForm: false
-      component: 'Radio'
-    }
   },
   {
     label: '操作',