生产计划右图内容调整，计划明细名称（tab页）不能为物料，改为计划明细

xjrsoft-vue3/src/views/scgl/scjh/components/Form.vue

-
 <template>
   <div class="pt-4">
     <SimpleForm
       ref="systemFormRef"
       :formProps="data.formDataProps"
       :formModel="state.formModel"
-      :isWorkFlow="props.fromPage!=FromPageType.MENU"
+      :isWorkFlow="props.fromPage != FromPageType.MENU"
       :isCamelCase="true"
       @model-change="handleChange"
     />
@@ -15,13 +14,22 @@
   import { reactive, ref, onMounted, nextTick, watch } from 'vue';
   import { formProps, formEventConfigs } from './config';
   import SimpleForm from '/@/components/SimpleForm/src/SimpleForm.vue';
-  import { addMesProductionPlan, getMesProductionPlan, updateMesProductionPlan } from '/@/api/scgl/scjh';
+  import {
+    addMesProductionPlan,
+    getMesProductionPlan,
+    updateMesProductionPlan,
+  } from '/@/api/scgl/scjh';
   import { cloneDeep, isString } from 'lodash-es';
   import { FormDataProps } from '/@/components/Designer/src/types';
   import { usePermission } from '/@/hooks/web/usePermission';
   import CustomButtonModal from '/@/components/Form/src/components/CustomButtonModal.vue';
   import { FromPageType } from '/@/enums/workflowEnum';
-  import { createFormEvent, getFormDataEvent, loadFormEvent, submitFormEvent,} from '/@/hooks/web/useFormEvent';
+  import {
+    createFormEvent,
+    getFormDataEvent,
+    loadFormEvent,
+    submitFormEvent,
+  } from '/@/hooks/web/useFormEvent';
   import { changeWorkFlowForm, changeSchemaDisabled } from '/@/hooks/web/useWorkFlowForm';
   import { WorkFlowFormParams } from '/@/model/workflow/bpmnConfig';
   import { useRouter } from 'vue-router';
@@ -29,7 +37,7 @@
   const { filterFormSchemaAuth } = usePermission();
 
   const RowKey = 'id';
-  const emits = defineEmits(['changeUploadComponentIds','loadingCompleted', 'update:value']);
+  const emits = defineEmits(['changeUploadComponentIds', 'loadingCompleted', 'update:value']);
   const props = defineProps({
     fromPage: {
       type: Number,
@@ -42,7 +50,7 @@
   });
   const state = reactive({
     formModel: {},
-    formInfo:{formId:'',formName:''}
+    formInfo: { formId: '', formName: '' },
   });
   const { currentRoute } = useRouter();
   watch(
@@ -59,17 +67,35 @@
     try {
       if (props.fromPage == FromPageType.MENU) {
         setMenuPermission();
-        if(currentRoute.value.meta){
-          state.formInfo.formName = currentRoute.value.meta.title&&isString(currentRoute.value.meta.title)?currentRoute.value.meta.title:'';
-          state.formInfo.formId = currentRoute.value.meta.formId&&isString(currentRoute.value.meta.formId)?currentRoute.value.meta.formId:'';
+        if (currentRoute.value.meta) {
+          state.formInfo.formName =
+            currentRoute.value.meta.title && isString(currentRoute.value.meta.title)
+              ? currentRoute.value.meta.title
+              : '';
+          state.formInfo.formId =
+            currentRoute.value.meta.formId && isString(currentRoute.value.meta.formId)
+              ? currentRoute.value.meta.formId
+              : '';
         }
-        await createFormEvent(formEventConfigs, state.formModel,
+        await createFormEvent(
+          formEventConfigs,
+          state.formModel,
           systemFormRef.value,
-          formProps.schemas, true, state.formInfo.formName,state.formInfo.formId); //表单事件：初始化表单
+          formProps.schemas,
+          true,
+          state.formInfo.formName,
+          state.formInfo.formId,
+        ); //表单事件：初始化表单
         await nextTick();
-        await loadFormEvent(formEventConfigs, state.formModel,
+        await loadFormEvent(
+          formEventConfigs,
+          state.formModel,
           systemFormRef.value,
-          formProps.schemas, true, state.formInfo.formName,state.formInfo.formId); //表单事件：加载表单
+          formProps.schemas,
+          true,
+          state.formInfo.formName,
+          state.formInfo.formId,
+        ); //表单事件：加载表单
       } else if (props.fromPage == FromPageType.FLOW) {
         emits('loadingCompleted'); //告诉系统表单已经加载完毕
         // loadingCompleted后 工作流页面直接利用Ref调用setWorkFlowForm方法
@@ -78,15 +104,28 @@
       } else if (props.fromPage == FromPageType.DESKTOP) {
         // 桌面设计 表单事件需要执行
         emits('loadingCompleted'); //告诉系统表单已经加载完毕
-        await createFormEvent(formEventConfigs, state.formModel,
+        await createFormEvent(
+          formEventConfigs,
+          state.formModel,
           systemFormRef.value,
-          formProps.schemas, true, state.formInfo.formName,state.formInfo.formId); //表单事件：初始化表单
-        await loadFormEvent(formEventConfigs, state.formModel,
+          formProps.schemas,
+          true,
+          state.formInfo.formName,
+          state.formInfo.formId,
+        ); //表单事件：初始化表单
+        await loadFormEvent(
+          formEventConfigs,
+          state.formModel,
           systemFormRef.value,
-          formProps.schemas, true, state.formInfo.formName,state.formInfo.formId); //表单事件：加载表单
+          formProps.schemas,
+          true,
+          state.formInfo.formName,
+          state.formInfo.formId,
+        ); //表单事件：加载表单
       }
     } catch (error) {}
   });
+
   // 根据菜单页面权限，设置表单属性（必填，禁用，显示）
   function setMenuPermission() {
     data.formDataProps.schemas = filterFormSchemaAuth(data.formDataProps.schemas!);
@@ -107,19 +146,25 @@
     }
     return values;
   }
+
   // 根据行唯一ID查询行数据，并设置表单数据   【编辑】
   async function setFormDataFromId(rowId) {
     try {
       const record = await getMesProductionPlan(rowId);
       setFieldsValue(record);
       state.formModel = record;
-      await getFormDataEvent(formEventConfigs, state.formModel,
+      await getFormDataEvent(
+        formEventConfigs,
+        state.formModel,
         systemFormRef.value,
-        formProps.schemas, true, state.formInfo.formName,state.formInfo.formId); //表单事件：获取表单数据
-    } catch (error) {
-      
-    }
+        formProps.schemas,
+        true,
+        state.formInfo.formName,
+        state.formInfo.formId,
+      ); //表单事件：获取表单数据
+    } catch (error) {}
   }
+
   // 辅助返回表单数据
   async function getFieldsValue() {
     let values = [];
@@ -135,45 +180,64 @@
     }
     return values;
   }
+
   // 辅助设置表单数据
   function setFieldsValue(record) {
     systemFormRef.value.setFieldsValue(record);
   }
+
   // 重置表单数据
   async function resetFields() {
     await systemFormRef.value.resetFields();
   }
+
   //  设置表单数据全部为Disabled  【查看】
-  async function setDisabledForm( ) {
+  async function setDisabledForm() {
     data.formDataProps.schemas = changeSchemaDisabled(cloneDeep(data.formDataProps.schemas));
   }
+
   // 获取行键值
   function getRowKey() {
     return RowKey;
   }
+
   // 更新api表单数据
   async function update({ values, rowId }) {
     try {
       values[RowKey] = rowId;
       state.formModel = values;
       let saveVal = await updateMesProductionPlan(values);
-      await submitFormEvent(formEventConfigs, state.formModel,
+      await submitFormEvent(
+        formEventConfigs,
+        state.formModel,
         systemFormRef.value,
-        formProps.schemas, true,  state.formInfo.formName,state.formInfo.formId); //表单事件：提交表单
+        formProps.schemas,
+        true,
+        state.formInfo.formName,
+        state.formInfo.formId,
+      ); //表单事件：提交表单
       return saveVal;
     } catch (error) {}
   }
+
   // 新增api表单数据
   async function add(values) {
     try {
       state.formModel = values;
       let saveVal = await addMesProductionPlan(values);
-      await submitFormEvent(formEventConfigs, state.formModel,
+      await submitFormEvent(
+        formEventConfigs,
+        state.formModel,
         systemFormRef.value,
-        formProps.schemas, true,  state.formInfo.formName,state.formInfo.formId); //表单事件：提交表单
+        formProps.schemas,
+        true,
+        state.formInfo.formName,
+        state.formInfo.formId,
+      ); //表单事件：提交表单
       return saveVal;
     } catch (error) {}
   }
+
   // 根据工作流页面权限，设置表单属性（必填，禁用，显示）
   async function setWorkFlowForm(obj: WorkFlowFormParams) {
     try {
@@ -189,16 +253,30 @@
       state.formModel = formModels;
       setFieldsValue(formModels);
     } catch (error) {}
-    await createFormEvent(formEventConfigs, state.formModel,
+    await createFormEvent(
+      formEventConfigs,
+      state.formModel,
       systemFormRef.value,
-      formProps.schemas, true, state.formInfo.formName,state.formInfo.formId); //表单事件：初始化表单
-    await loadFormEvent(formEventConfigs, state.formModel,
+      formProps.schemas,
+      true,
+      state.formInfo.formName,
+      state.formInfo.formId,
+    ); //表单事件：初始化表单
+    await loadFormEvent(
+      formEventConfigs,
+      state.formModel,
       systemFormRef.value,
-      formProps.schemas, true, state.formInfo.formName,state.formInfo.formId); //表单事件：加载表单
+      formProps.schemas,
+      true,
+      state.formInfo.formName,
+      state.formInfo.formId,
+    ); //表单事件：加载表单
   }
+
   function handleChange(val) {
     emits('update:value', val);
   }
+
   async function sendMessageForAllIframe() {
     try {
       if (systemFormRef.value && systemFormRef.value.sendMessageForAllIframe) {
@@ -206,6 +284,7 @@
       }
     } catch (error) {}
   }
+
   defineExpose({
     setFieldsValue,
     resetFields,
@@ -218,8 +297,6 @@
     setWorkFlowForm,
     getRowKey,
     getFieldsValue,
-    sendMessageForAllIframe
+    sendMessageForAllIframe,
   });
 </script>
-
-  
\ No newline at end of file

xjrsoft-vue3/src/views/scgl/scjh/components/config.ts

@@ -539,7 +539,7 @@ export const formProps: FormProps = {
       children: [
         {
           span: 24,
-          name: '物料',
+          name: '计划明细',
           prefix: '',
           suffix: '',
           activeColor: '#1c8dff',
@@ -653,34 +653,27 @@ export const formProps: FormProps = {
                     },
                   },
                   {
-                    key: '6ce71ecb0b6e4d14ae65be4029b179fd',
-                    title: '内部代码',
-                    dataIndex: 'nbdm',
-                    componentType: 'Input',
+                    key: '43d97fb40bae4c6cb20f16854223a1c3',
+                    title: '计划生产日期',
+                    dataIndex: 'jhscrq',
+                    componentType: 'DatePicker',
                     defaultValue: '',
                     componentProps: {
-                      width: '100%',
                       span: '',
                       defaultValue: '',
-                      placeholder: '请输入内部代码',
-                      prefix: '',
-                      suffix: '',
-                      addonBefore: '',
-                      addonAfter: '',
-                      disabled: false,
-                      allowClear: false,
+                      width: '100%',
+                      placeholder: '请选择计划生产日期',
+                      format: 'YYYY-MM-DD HH:mm:ss',
                       showLabel: true,
+                      allowClear: true,
+                      disabled: false,
                       required: false,
+                      isShow: true,
                       rules: [],
                       events: {},
-                      listStyle: '',
-                      isSave: false,
-                      isShow: true,
-                      scan: false,
-                      bordered: true,
-                      isShowAi: false,
+                      isGetCurrent: false,
                       tooltipConfig: { visible: false, title: '提示文本' },
-                      prestrainField: 'nbdm',
+                      searchType: 'time',
                     },
                   },
                   {
@@ -715,16 +708,17 @@ export const formProps: FormProps = {
                     },
                   },
                   {
-                    key: '697829b6aed54b8cbaa853c62619831a',
-                    title: '合金状态',
-                    dataIndex: 'hjzt',
+                    key: '16e4f442c7a64851a009b3bb731779fc',
+                    title: '炉批号',
+                    dataIndex: 'p10',
                     componentType: 'Input',
                     defaultValue: '',
                     componentProps: {
                       width: '100%',
                       span: '',
                       defaultValue: '',
-                      placeholder: '请输入合金状态',
+                      placeholder: '请输入炉批号',
+                      maxlength: null,
                       prefix: '',
                       suffix: '',
                       addonBefore: '',
@@ -742,7 +736,6 @@ export const formProps: FormProps = {
                       bordered: true,
                       isShowAi: false,
                       tooltipConfig: { visible: false, title: '提示文本' },
-                      prestrainField: 'hjzt',
                     },
                   },
                   {