需求:

天然气巡检-去掉名称字段

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

-
 <template>
   <div class="pt-4">
     <SimpleForm
       ref="systemFormRef"
       :formProps="data.formDataProps"
       :formModel="state.formModel"
-      :isWorkFlow="props.fromPage!=FromPageType.MENU"
-      :isCamelCase="true" 
+      :isWorkFlow="props.fromPage != FromPageType.MENU"
+      :isCamelCase="true"
       @model-change="handleChange"
     />
   </div>
@@ -15,21 +14,30 @@
   import { reactive, ref, onMounted, nextTick, watch } from 'vue';
   import { formProps, formEventConfigs } from './config';
   import SimpleForm from '/@/components/SimpleForm/src/SimpleForm.vue';
-  import { addMesTrqxunjianRecord, getMesTrqxunjianRecord, updateMesTrqxunjianRecord } from '/@/api/scgl/trqxjd';
-  import { cloneDeep, isString  } from 'lodash-es';
+  import {
+    addMesTrqxunjianRecord,
+    getMesTrqxunjianRecord,
+    updateMesTrqxunjianRecord,
+  } from '/@/api/scgl/trqxjd';
+  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';
-  
+
   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,34 +50,52 @@
   });
   const state = reactive({
     formModel: {},
-    formInfo:{formId:'',formName:''}
+    formInfo: { formId: '', formName: '' },
   });
   const { currentRoute } = useRouter();
   watch(
     () => state.formModel,
-    (val) => { 
+    (val) => {
       emits('update:value', val);
     },
     {
       deep: true,
     },
   );
-  
+
   onMounted(async () => {
     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!);
@@ -106,20 +145,26 @@
     } finally {
     }
     return values;
-  }  
+  }
+
   // 根据行唯一ID查询行数据，并设置表单数据   【编辑】
   async function setFormDataFromId(rowId) {
     try {
-    const record = await getMesTrqxunjianRecord(rowId);
+      const record = await getMesTrqxunjianRecord(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,47 +180,66 @@
     }
     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 updateMesTrqxunjianRecord(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 addMesTrqxunjianRecord(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) { 
+  async function setWorkFlowForm(obj: WorkFlowFormParams) {
     try {
       if (obj.formId) state.formInfo.formId = obj.formId;
       if (obj.formName) state.formInfo.formName = obj.formName;
@@ -189,23 +253,38 @@
       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) { 
+
+  function handleChange(val) {
     emits('update:value', val);
   }
-   async function sendMessageForAllIframe() {
+
+  async function sendMessageForAllIframe() {
     try {
       if (systemFormRef.value && systemFormRef.value.sendMessageForAllIframe) {
         systemFormRef.value.sendMessageForAllIframe();
       }
     } 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/trqxjd/components/config.ts

@@ -210,15 +210,37 @@ export const formProps: FormProps = {
                 style: { width: '100%' },
               },
             },
-          ],
-        },
-        {
-          span: 12,
-          list: [
             {
-              key: 'f9d86621c3354428b91bfa63ffc6f3b8',
-              field: 'mc',
-              label: '名称',
+              key: '2e56c34cf7564c8b94e4362f576852ad',
+              field: 'createDate',
+              label: '巡检时间',
+              type: 'date',
+              component: 'DatePicker',
+              colProps: { span: 24 },
+              defaultValue: '',
+              componentProps: {
+                span: 7,
+                defaultValue: '',
+                width: '100%',
+                placeholder: '',
+                format: 'YYYY-MM-DD HH:mm:ss',
+                showLabel: true,
+                allowClear: true,
+                disabled: false,
+                required: false,
+                isShow: true,
+                rules: [],
+                events: {},
+                isGetCurrent: false,
+                tooltipConfig: { visible: false, title: '提示文本' },
+                searchType: 'time',
+                style: { width: '100%' },
+              },
+            },
+            {
+              key: '47a71bc316a94794bbf45ec7b26ce391',
+              field: 'bz',
+              label: '备注',
               type: 'input',
               component: 'Input',
               colProps: { span: 24 },
@@ -343,36 +365,9 @@ export const formProps: FormProps = {
           span: 12,
           list: [
             {
-              key: '2e56c34cf7564c8b94e4362f576852ad',
-              field: 'createDate',
-              label: '巡检时间',
-              type: 'date',
-              component: 'DatePicker',
-              colProps: { span: 24 },
-              defaultValue: '',
-              componentProps: {
-                span: 7,
-                defaultValue: '',
-                width: '100%',
-                placeholder: '',
-                format: 'YYYY-MM-DD HH:mm:ss',
-                showLabel: true,
-                allowClear: true,
-                disabled: false,
-                required: false,
-                isShow: true,
-                rules: [],
-                events: {},
-                isGetCurrent: false,
-                tooltipConfig: { visible: false, title: '提示文本' },
-                searchType: 'time',
-                style: { width: '100%' },
-              },
-            },
-            {
-              key: '47a71bc316a94794bbf45ec7b26ce391',
-              field: 'bz',
-              label: '备注',
+              key: 'f9d86621c3354428b91bfa63ffc6f3b8',
+              field: 'mc',
+              label: '名称',
               type: 'input',
               component: 'Input',
               colProps: { span: 24 },
@@ -394,7 +389,7 @@ export const formProps: FormProps = {
                 events: {},
                 listStyle: '',
                 isSave: false,
-                isShow: true,
+                isShow: false,
                 scan: false,
                 bordered: true,
                 isShowAi: false,