Merge branch 'dev' of http://47.94.165.164:13000/geg-gas/geg-gas-web into dev

src/views/mdm/Bank/components/Form.vue

@@ -44,13 +44,6 @@
   let customFormEventConfigs=[];
 
   onMounted(async () => {
-    const treeData = await getTreeData({})
-    formProps.schemas?.forEach(v => {
-      if (v.field == 'regionCode') {
-        v.componentProps.options = treeData
-      }
-    })
-    console.log(formProps.schemas, 667)
     try {
       // 合并渲染覆盖配置中的字段配置、表单事件配置
       await mergeCustomFormRenderConfig();
@@ -125,7 +118,7 @@
   async function setFormDataFromId(rowId, skipUpdate) {
     try {
       let record = await getLngBBank(rowId);
-      record = {...record, regionCode: (record.regionCode || []).split(',')}
+      record = {...record}
       if (skipUpdate) {
           return record;
       }
@@ -158,7 +151,7 @@
     try {
       values[RowKey] = rowId;
       state.formModel = values;
-      let saveVal = await updateLngBBank({...values, regionCode: (values.regionCode||[]).join(',')});
+      let saveVal = await updateLngBBank({...values});
       await submitFormEvent(customFormEventConfigs, state.formModel,
         systemFormRef.value,
         formProps.schemas); //表单事件：提交表单
@@ -169,7 +162,7 @@
   async function add(values) {
     try {
       state.formModel = values;
-      let saveVal = await addLngBBank({...values, regionCode: (values.regionCode||[]).join(',')});
+      let saveVal = await addLngBBank({...values});
       await submitFormEvent(customFormEventConfigs, state.formModel,
         systemFormRef.value,
         formProps.schemas); //表单事件：提交表单

src/views/mdm/Bank/components/config.ts

@@ -329,58 +329,33 @@ export const formProps: FormProps = {
       },
     },
     {
-      key: '4',
+      key: '1485b829c80a493bb55f37d1c839ccc9',
       field: 'regionCode',
       label: '所属国家/地区',
-      type: 'cascader',
-      component: 'Cascader',
+      type: 'areacascader',
+      component: 'AreaCascader',
       colProps: { span: 8 },
-      defaultValue: [],
       componentProps: {
-        options: [
-          // {
-          //   value: 'zhejiang',
-          //   label: '浙江省',
-          //   children: [
-          //     {
-          //       value: 'hangzhou',
-          //       label: '杭州市',
-          //       children: [
-          //         {
-          //           value: 'xihu',
-          //           label: '西湖区',
-          //         },
-          //       ],
-          //     },
-          //   ],
-          // }
-        ],
-        fieldNames: {label: 'fullName', value: 'code', children: 'children'},
-        width: '100%',
-        span: '',
-        defaultValue: '',
-        labelWidthMode: 'fix',
-        labelFixWidth: 120,
-        responsive: false,
-        respNewRow: false,
-        placeholder: '请选择',
-        maxlength: null,
-        prefix: '',
-        suffix: '',
-        addonBefore: '',
-        addonAfter: '',
-        disabled: false,
-        allowClear: false,
-        showLabel: true,
-        required: false,
-        rules: [],
-        events: {},
-        isSave: false,
-        isShow: true,
-        scan: false,
-        style: { width: '100%' },
-      },
-    },
+          width: '100%',
+          span: '',
+          labelWidthMode: 'fix',
+          labelFixWidth: 120,
+          responsive: false,
+          respNewRow: false,
+          placeholder: '请选择区域',
+          showLabel: true,
+          disabled: false,
+          allowClear: true,
+          clearable: false,
+          required: false,
+          rules: [],
+          events: {},
+          isShow: true,
+          style: { width: '100%' },
+          fieldNames: {label: 'fullName', value: 'code', children: 'children'},
+          excludeType: 'CONTINENT'
+      }
+  },
     {
       key: '6461a5e152124abca28bd2114dd577e6',
       field: 'swift',
@@ -519,15 +494,16 @@ export const formProps: FormProps = {
     },
     {
       key: '8',
-      field: 'soft',
+      field: 'sort',
       label: '显示顺序',
       type: 'input',
       component: 'InputNumber',
       colProps: { span: 8 },
-      defaultValue: '',
+      defaultValue: null,
       componentProps: {
         width: '100%',
         span: '',
+        min:0,
         defaultValue: '',
         labelWidthMode: 'fix',
         labelFixWidth: 120,

src/views/mdm/Bank/index.vue

@@ -68,11 +68,6 @@ const logPath = ref('/mdm/bank/datalog');
   const customSearchFormSchema =ref(searchFormSchema);
   const selectedKeys = ref<string[]>([]);
   const tableRef = ref();
-  const dataObj = reactive({
-    url: '',
-    visible: false,
-    type: ''
-  })
 
   //所有按钮
   const buttons = ref([
@@ -196,7 +191,6 @@ const logPath = ref('/mdm/bank/datalog');
   function handleDatalog (record: Recordable) {
     modalVisible.value = true
     logId.value = record.id
-    console.log('日志', modalVisible.value, record)
   }
   function handleAdd() {
     if (schemaIdComputedRef.value) {

src/views/mdm/Category/components/CategoryModal.vue

@@ -0,0 +1,110 @@
+<template>
+
+    <BasicModal v-bind="$attrs" @register="registerModal" :title="getTitle" @ok="handleSubmit" @cancel="handleClose" :paddingRight="15" :bodyStyle="{ minHeight: '400px !important' }">
+      <ModalForm ref="formRef" :fromPage="FromPageType.MENU" />
+    </BasicModal>
+
+</template>
+<script lang="ts" setup>
+  import { ref, computed, reactive } from 'vue';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { useI18n } from '/@/hooks/web/useI18n';
+  import { formProps } from './config';
+  import ModalForm from './Form.vue';
+  import { FromPageType } from '/@/enums/workflowEnum';
+
+  const emit = defineEmits(['success', 'register']);
+
+  const { notification } = useMessage();
+  const formRef = ref();
+  const state = reactive({
+    formModel: {},
+    isUpdate: true,
+    isView: false,
+    isCopy: false,
+    rowId: '',
+  });
+
+  const { t } = useI18n();
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    state.isUpdate = !!data?.isUpdate;
+    state.isView = !!data?.isView;
+    state.isCopy = !!data?.isCopy;
+
+    setModalProps({
+      destroyOnClose: true,
+      maskClosable: false,
+      showCancelBtn: !state.isView,
+      showOkBtn: !state.isView,
+      canFullscreen: true,
+      width: 900,
+    });
+    if (state.isUpdate || state.isView || state.isCopy) {
+      state.rowId = data.id;
+      if (state.isView) {
+        await formRef.value.setDisabledForm();
+      }
+      await formRef.value.setFormDataFromId(state.rowId);
+    } else {
+      formRef.value.resetFields();
+    }
+  });
+
+  const getTitle = computed(() => (state.isView ? '查看' : !state.isUpdate ? '新增' : '编辑'));
+
+  async function saveModal() {
+    let saveSuccess = false;
+    try {
+      const values = await formRef.value?.validate();
+      //添加隐藏组件
+      if (formProps.hiddenComponent?.length) {
+        formProps.hiddenComponent.forEach((component) => {
+          values[component.bindField] = component.value;
+        });
+      }
+      if (values !== false) {
+        try {
+          if (!state.isUpdate || state.isCopy) {
+            saveSuccess = await formRef.value.add(values);
+          } else {
+            saveSuccess = await formRef.value.update({ values, rowId: state.rowId });
+          }
+          return saveSuccess;
+        } catch (error) {}
+      }
+    } catch (error) {
+      return saveSuccess;
+    }
+  }
+
+  async function handleSubmit() {
+    try {
+      const saveSuccess = await saveModal();
+      setModalProps({ confirmLoading: true });
+      if (saveSuccess) {
+        if (!state.isUpdate || state.isCopy) {
+          //false 新增
+          notification.success({
+            message: 'Tip',
+            description: t('新增成功！'),
+          }); //提示消息
+        } else {
+          notification.success({
+            message: 'Tip',
+            description: t('修改成功！'),
+          }); //提示消息
+        }
+        closeModal();
+        formRef.value.resetFields();
+        emit('success');
+      }
+    } finally {
+      setModalProps({ confirmLoading: false });
+    }
+  }
+    
+  function handleClose() {
+    formRef.value.resetFields();
+  }
+</script>

src/views/mdm/Category/components/Form.vue

@@ -0,0 +1,224 @@
+<template>
+  <SimpleForm
+    ref="systemFormRef"
+    :formProps="data.formDataProps"
+    :formModel="{}"
+    :isWorkFlow="props.fromPage!=FromPageType.MENU"
+  />
+</template>
+<script lang="ts" setup>
+  import { reactive, ref,onBeforeMount,onMounted } from 'vue';
+  import { formProps, formEventConfigs ,formConfig} from './config';
+  import SimpleForm from '/@/components/SimpleForm/src/SimpleForm.vue';
+  import { addLngBCategory, getLngBCategory, updateLngBCategory, deleteLngBCategory } from '/@/api/mdm/Category';
+  import { cloneDeep } from 'lodash-es';
+  import { FormDataProps } from '/@/components/Designer/src/types';
+  import { usePermission } from '/@/hooks/web/usePermission';
+  import { useFormConfig } from '/@/hooks/web/useFormConfig';
+  import { FromPageType } from '/@/enums/workflowEnum';
+  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 { mergeFormSchemas,mergeFormEventConfigs } = useFormConfig();
+  const { currentRoute } = useRouter();
+
+  const RowKey = 'id';
+  const emits = defineEmits(['changeUploadComponentIds','loadingCompleted', 'form-mounted']);
+  const props = defineProps({
+    fromPage: {
+      type: Number,
+      default: FromPageType.MENU,
+    },
+  });
+  const systemFormRef = ref();
+  const data: { formDataProps: FormDataProps } = reactive({
+    formDataProps: {schemas:[]} as FormDataProps,
+  });
+  const state = reactive({
+    formModel: {},
+  });
+  
+  let customFormEventConfigs=[];
+  
+  onMounted(async () => {
+    try {
+      // 合并渲染覆盖配置中的字段配置、表单事件配置
+      await mergeCustomFormRenderConfig();
+      
+      if (props.fromPage == FromPageType.MENU) {
+        setMenuPermission();
+        await createFormEvent(customFormEventConfigs, state.formModel,
+          systemFormRef.value,
+          formProps.schemas); //表单事件：初始化表单
+        await loadFormEvent(customFormEventConfigs, state.formModel,
+          systemFormRef.value,
+          formProps.schemas); //表单事件：加载表单
+      } else if (props.fromPage == FromPageType.FLOW) {
+        emits('loadingCompleted'); //告诉系统表单已经加载完毕
+        // loadingCompleted后 工作流页面直接利用Ref调用setWorkFlowForm方法
+      } else if (props.fromPage == FromPageType.PREVIEW) {
+        // 预览 无需权限，表单事件也无需执行
+      } else if (props.fromPage == FromPageType.DESKTOP) {
+        // 桌面设计 表单事件需要执行
+        emits('loadingCompleted'); //告诉系统表单已经加载完毕
+        await createFormEvent(customFormEventConfigs, state.formModel,
+          systemFormRef.value,
+          formProps.schemas); //表单事件：初始化表单
+        await loadFormEvent(customFormEventConfigs, state.formModel,
+          systemFormRef.value,
+          formProps.schemas); //表单事件：加载表单
+      }
+      emits('form-mounted', formProps);
+    } catch (error) {
+
+    }
+  });
+  
+
+  async function mergeCustomFormRenderConfig() {
+     let cloneProps=cloneDeep(formProps);
+     let fEventConfigs=cloneDeep(formEventConfigs);
+      if (formConfig.useCustomConfig) {
+         if(props.fromPage !== FromPageType.FLOW){
+              let formPath=currentRoute.value.query.formPath;
+              //1.合并字段配置
+              cloneProps.schemas=await mergeFormSchemas({formSchema:cloneProps.schemas!,formPath:formPath});
+              //2.合并表单事件配置
+              fEventConfigs=await mergeFormEventConfigs({formEventConfigs:fEventConfigs,formPath:formPath});
+         }
+      }
+     data.formDataProps=cloneProps;
+     customFormEventConfigs=fEventConfigs;
+  }
+  
+  // 根据菜单页面权限，设置表单属性（必填，禁用，显示）
+  function setMenuPermission() {
+    data.formDataProps.schemas = filterFormSchemaAuth(data.formDataProps.schemas!);
+  }
+
+  // 校验form 通过返回表单数据
+  async function validate() {
+    let values = [];
+    try {
+      values = await systemFormRef.value?.validate();
+      //添加隐藏组件
+      if (data.formDataProps.hiddenComponent?.length) {
+        data.formDataProps.hiddenComponent.forEach((component) => {
+          values[component.bindField] = component.value;
+        });
+      }
+    } finally {
+    }
+    return values;
+  }
+  // 根据行唯一ID查询行数据，并设置表单数据   【编辑】
+  async function setFormDataFromId(rowId, skipUpdate) {
+    try {
+      const record = await getLngBCategory(rowId);
+      if (skipUpdate) {
+          return record;
+      }
+      setFieldsValue(record);
+      state.formModel = record;
+      await getFormDataEvent(customFormEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：获取表单数据
+      return record;  
+    } catch (error) {
+
+    }
+  }
+  // 辅助设置表单数据
+  function setFieldsValue(record) {
+    systemFormRef.value.setFieldsValue(record);
+  }
+  // 重置表单数据
+  async function resetFields() {
+    await systemFormRef.value.resetFields();
+  }
+  //  设置表单数据全部为Disabled  【查看】
+  async function setDisabledForm(isDisabled) {
+    data.formDataProps.schemas = changeSchemaDisabled(cloneDeep(data.formDataProps.schemas),isDisabled);
+  }
+  // 获取行键值
+  function getRowKey() {
+    return RowKey;
+  }
+  // 更新api表单数据
+  async function update({ values, rowId }) {
+    try {
+      values[RowKey] = rowId;
+      state.formModel = values;
+      let saveVal = await updateLngBCategory(values);
+      await submitFormEvent(customFormEventConfigs, state.formModel,
+        systemFormRef.value,
+        formProps.schemas); //表单事件：提交表单
+      return saveVal;
+    } catch (error) {}
+  }
+  // 新增api表单数据
+  async function add(values) {
+    try {
+      state.formModel = values;
+      let saveVal = await addLngBCategory(values);
+      await submitFormEvent(customFormEventConfigs, state.formModel,
+        systemFormRef.value,
+        formProps.schemas); //表单事件：提交表单
+      return saveVal;
+    } catch (error) {}
+  }
+  // 根据工作流页面权限，设置表单属性（必填，禁用，显示）
+  async function setWorkFlowForm(obj: WorkFlowFormParams) {
+    try {
+      const cloneProps=cloneDeep(formProps);
+      customFormEventConfigs=cloneDeep(formEventConfigs);
+      if (formConfig.useCustomConfig) {
+        const parts = obj.formConfigKey.split('_');
+        const formId=parts[1];
+        cloneProps.schemas=await mergeFormSchemas({formSchema:cloneProps.schemas!,formId:formId});
+        customFormEventConfigs=await mergeFormEventConfigs({formEventConfigs:customFormEventConfigs,formId:formId});
+      }
+      
+      let flowData = changeWorkFlowForm(cloneProps, obj);
+      let { buildOptionJson, uploadComponentIds, formModels, isViewProcess } = flowData;
+      data.formDataProps = buildOptionJson;
+      emits('changeUploadComponentIds', uploadComponentIds); //工作流中必须保存上传组件id【附件汇总需要】
+      if (isViewProcess) {
+        setDisabledForm(); //查看
+      }
+      state.formModel = formModels;
+      if(formModels[RowKey]) {
+        setFormDataFromId(formModels[RowKey], false)
+      } else {
+        setFieldsValue(formModels)
+      }
+    } catch (error) {}
+    await createFormEvent(customFormEventConfigs, state.formModel,
+      systemFormRef.value,
+      formProps.schemas); //表单事件：初始化表单
+    await loadFormEvent(customFormEventConfigs, state.formModel,
+      systemFormRef.value,
+      formProps.schemas); //表单事件：加载表单
+  }
+  function getFormModel() {
+      return systemFormRef.value.formModel
+  }
+  async function handleDelete(id) {
+      return await deleteLngBCategory([id]);
+  }
+  defineExpose({
+    setFieldsValue,
+    resetFields,
+    validate,
+    add,
+    update,
+    setFormDataFromId,
+    setDisabledForm,
+    setMenuPermission,
+    setWorkFlowForm,
+    getRowKey,
+    getFormModel,
+    handleDelete
+  });
+</script>

src/views/mdm/Category/components/config.ts

@@ -0,0 +1,422 @@
+import { FormProps, FormSchema } from '/@/components/Form';
+import { BasicColumn } from '/@/components/Table';
+
+export const formConfig = {
+    useCustomConfig: false
+};
+
+export const searchFormSchema: FormSchema[] = [
+    {
+        field: 'fullName',
+        label: '名称',
+        component: 'Input'
+    },
+    {
+        field: 'valid',
+        label: '有效标志',
+        component: 'XjrSelect',
+        componentProps: {
+            datasourceType: 'dic',
+            params: { itemId: '1978057078528327681' },
+            labelField: 'name',
+            valueField: 'value',
+
+            getPopupContainer: () => document.body
+        }
+    }
+];
+
+export const columns: BasicColumn[] = [
+    {
+        dataIndex: 'code',
+        title: '编码',
+        componentType: 'input',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'fullName',
+        title: '名称',
+        componentType: 'input',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'unitCode',
+        title: '数量单位',
+        componentType: 'select',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'coefficient',
+        title: '车/数量单位',
+        componentType: 'input',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'sort',
+        title: '显示顺序',
+        componentType: 'number',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'valid',
+        title: '有效标志',
+        componentType: 'select',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'note',
+        title: '备注',
+        componentType: 'textarea',
+        align: 'left',
+
+        sorter: true
+    }
+];
+//表单事件
+export const formEventConfigs = {
+    0: [
+        {
+            type: 'circle',
+            color: '#2774ff',
+            text: '开始节点',
+            icon: '#icon-kaishi',
+            bgcColor: '#D8E5FF',
+            isUserDefined: false
+        },
+        {
+            color: '#F6AB01',
+            icon: '#icon-chushihua',
+            text: '初始化表单',
+            bgcColor: '#f9f5ea',
+            isUserDefined: false,
+            nodeInfo: { processEvent: [] }
+        }
+    ],
+    1: [
+        {
+            color: '#B36EDB',
+            icon: '#icon-shujufenxi',
+            text: '获取表单数据',
+            detail: '(新增无此操作)',
+            bgcColor: '#F8F2FC',
+            isUserDefined: false,
+            nodeInfo: { processEvent: [] }
+        }
+    ],
+    2: [
+        {
+            color: '#F8625C',
+            icon: '#icon-jiazai',
+            text: '加载表单',
+            bgcColor: '#FFF1F1',
+            isUserDefined: false,
+            nodeInfo: { processEvent: [] }
+        }
+    ],
+    3: [
+        {
+            color: '#6C6AE0',
+            icon: '#icon-jsontijiao',
+            text: '提交表单',
+            bgcColor: '#F5F4FF',
+            isUserDefined: false,
+            nodeInfo: { processEvent: [] }
+        }
+    ],
+    4: [
+        {
+            type: 'circle',
+            color: '#F8625C',
+            text: '结束节点',
+            icon: '#icon-jieshuzhiliao',
+            bgcColor: '#FFD6D6',
+            isLast: true,
+            isUserDefined: false
+        }
+    ]
+};
+export const formProps: FormProps = {
+    labelCol: { span: 3, offset: 0 },
+    labelAlign: 'right',
+    layout: 'horizontal',
+    size: 'default',
+    schemas: [
+        {
+            key: '1ac3ffe5d4f54caa890a13d4c9624c4f',
+            field: 'code',
+            label: '编码',
+            type: 'input',
+            component: 'Input',
+            colProps: { span: 24 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请输入编码',
+                maxlength: null,
+                prefix: '',
+                suffix: '',
+                addonBefore: '',
+                addonAfter: '',
+                disabled: false,
+                allowClear: true,
+                showLabel: true,
+                required: true,
+                rules: [],
+                events: {},
+                isSave: false,
+                isShow: true,
+                scan: false,
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: 'bf017ce23394455689757955a23d7b72',
+            field: 'fullName',
+            label: '名称',
+            type: 'input',
+            component: 'Input',
+            colProps: { span: 24 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请输入名称',
+                maxlength: null,
+                prefix: '',
+                suffix: '',
+                addonBefore: '',
+                addonAfter: '',
+                disabled: false,
+                allowClear: true,
+                showLabel: true,
+                required: true,
+                rules: [],
+                events: {},
+                isSave: false,
+                isShow: true,
+                scan: false,
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '533dcfe1e679462e830091588c1cb9fd',
+            field: 'unitCode',
+            label: '数量单位',
+            type: 'select',
+            component: 'XjrSelect',
+            colProps: { span: 24 },
+            componentProps: {
+                width: '100%',
+                span: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请选择数量单位',
+                sepTextField: '',
+                showLabel: true,
+                showSearch: false,
+                clearable: false,
+                disabled: false,
+                mode: 'multiple',
+                staticOptions: [
+                    { key: 1, label: 'Option 1', value: 'Option 1' },
+                    { key: 2, label: 'Option 2', value: 'Option 2' },
+                    { key: 3, label: 'Option 3', value: 'Option 3' }
+                ],
+                defaultSelect: null,
+                datasourceType: 'dic',
+                params: { itemId: '1980562721538633730' },
+                labelField: 'name',
+                valueField: 'value',
+                apiConfig: {
+                    path: 'CodeGeneration/selection',
+                    method: 'GET',
+                    apiId: '93d735dcb7364a0f8102188ec4d77ac7'
+                },
+                dicOptions: [],
+                required: true,
+                rules: [],
+                events: {},
+                isShow: true,
+                itemId: '1980562721538633730',
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '57d85cbf34fa475298997f5a7427bf8d',
+            field: 'coefficient',
+            label: '车/数量单位',
+            type: 'input',
+            component: 'Input',
+            colProps: { span: 24 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请输入车/数量单位',
+                maxlength: null,
+                prefix: '',
+                suffix: '',
+                addonBefore: '',
+                addonAfter: '',
+                disabled: false,
+                allowClear: false,
+                showLabel: true,
+                required: false,
+                rules: [],
+                events: {},
+                isSave: false,
+                isShow: true,
+                scan: false,
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '870650303cf54491b476233e6d5d9b6b',
+            field: 'sort',
+            label: '显示顺序',
+            type: 'number',
+            component: 'InputNumber',
+            colProps: { span: 24 },
+            defaultValue: null,
+            componentProps: {
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                width: '100%',
+                span: '',
+                defaultValue: null,
+                min: 0,
+                max: null,
+                step: 1,
+                maxlength: null,
+                disabled: false,
+                showLabel: true,
+                controls: true,
+                required: false,
+                subTotal: false,
+                isShow: true,
+                rules: [],
+                events: {},
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '17bbaf11ddb0454d854f2082abd7b191',
+            field: 'valid',
+            label: '有效标志',
+            type: 'select',
+            component: 'XjrSelect',
+            colProps: { span: 24 },
+            componentProps: {
+                width: '100%',
+                span: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请选择有效标志',
+                sepTextField: '',
+                showLabel: true,
+                showSearch: false,
+                clearable: false,
+                disabled: false,
+                mode: 'multiple',
+                staticOptions: [
+                    { key: 1, label: 'Option 1', value: 'Option 1' },
+                    { key: 2, label: 'Option 2', value: 'Option 2' },
+                    { key: 3, label: 'Option 3', value: 'Option 3' }
+                ],
+                defaultSelect: null,
+                datasourceType: 'dic',
+                params: { itemId: '1978057078528327681' },
+                labelField: 'name',
+                valueField: 'value',
+                apiConfig: {
+                    path: 'CodeGeneration/selection',
+                    method: 'GET',
+                    apiId: '93d735dcb7364a0f8102188ec4d77ac7'
+                },
+                dicOptions: [],
+                required: false,
+                rules: [],
+                events: {},
+                isShow: true,
+                itemId: '1978057078528327681',
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '7e8014fe939e4ca88ebe986dd91c555c',
+            field: 'note',
+            label: '备注',
+            type: 'textarea',
+            component: 'InputTextArea',
+            colProps: { span: 24 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: true,
+                placeholder: '请输入备注',
+                maxlength: null,
+                rows: 4,
+                autoSize: false,
+                showCount: false,
+                disabled: false,
+                showLabel: true,
+                allowClear: false,
+                required: false,
+                isShow: true,
+                rules: [],
+                events: {},
+                style: { width: '100%' }
+            }
+        }
+    ],
+    showActionButtonGroup: false,
+    buttonLocation: 'center',
+    actionColOptions: { span: 24 },
+    showResetButton: false,
+    showSubmitButton: false,
+    hiddenComponent: []
+};

src/views/mdm/Category/components/workflowPermission.ts

@@ -0,0 +1,107 @@
+export const permissionList = [
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '编码',
+    fieldId: 'code',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: '1ac3ffe5d4f54caa890a13d4c9624c4f',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '名称',
+    fieldId: 'fullName',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: 'bf017ce23394455689757955a23d7b72',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '数量单位',
+    fieldId: 'unitCode',
+    isSubTable: false,
+    showChildren: true,
+    type: 'select',
+    key: '533dcfe1e679462e830091588c1cb9fd',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '车/数量单位',
+    fieldId: 'coefficient',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: '57d85cbf34fa475298997f5a7427bf8d',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '显示顺序',
+    fieldId: 'sort',
+    isSubTable: false,
+    showChildren: true,
+    type: 'number',
+    key: '870650303cf54491b476233e6d5d9b6b',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '有效标志',
+    fieldId: 'valid',
+    isSubTable: false,
+    showChildren: true,
+    type: 'select',
+    key: '17bbaf11ddb0454d854f2082abd7b191',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '备注',
+    fieldId: 'note',
+    isSubTable: false,
+    showChildren: true,
+    type: 'textarea',
+    key: '7e8014fe939e4ca88ebe986dd91c555c',
+    children: [],
+  },
+];

src/views/mdm/Category/index.vue

@@ -0,0 +1,368 @@
+<template>
+    <PageWrapper dense fixedHeight contentFullHeight contentClass="flex">
+        <BasicTable @register="registerTable" ref="tableRef" @row-db-click="dbClickRow" @selection-change="selectionChange">
+            <template #toolbar>
+                <template v-for="button in tableButtonConfig" :key="button.code">
+                    <a-button v-if="button.isDefault" :type="button.type" @click="buttonClick(button.code)">
+                        <template #icon><Icon :icon="button.icon" /></template>
+                        {{ button.name }}
+                    </a-button>
+                    <a-button v-else :type="button.type">
+                        <template #icon><Icon :icon="button.icon" /></template>
+                        {{ button.name }}
+                    </a-button>
+                </template>
+            </template>
+            <template #bodyCell="{ column, record }">
+                <template v-if="column.dataIndex === 'action'">
+                    <TableAction :actions="getActions(record)" />
+                </template>
+            </template>
+        </BasicTable>
+        <CategoryModal @register="registerModal" @success="handleSuccess" />
+        <DataLog :logId="logId" :logPath="logPath" v-model:visible="modalVisible" />
+    </PageWrapper>
+</template>
+<script lang="ts" setup>
+    import { ref, computed, onMounted, onUnmounted, createVNode } from 'vue';
+
+    import { Modal } from 'ant-design-vue';
+    import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+    import { BasicTable, useTable, TableAction, ActionItem } from '/@/components/Table';
+    import { getLngBCategoryPage, deleteLngBCategory, disableLngBCategory, enableLngBCategory } from '/@/api/mdm/Category';
+    import { PageWrapper } from '/@/components/Page';
+    import { useMessage } from '/@/hooks/web/useMessage';
+    import { useI18n } from '/@/hooks/web/useI18n';
+    import { usePermission } from '/@/hooks/web/usePermission';
+    import { useFormConfig } from '/@/hooks/web/useFormConfig';
+    import { useRouter } from 'vue-router';
+    import { setIndexFlowStatus } from '/@/utils/flow/index';
+    import { getLngBCategory } from '/@/api/mdm/Category';
+    import { useModal } from '/@/components/Modal';
+    import CategoryModal from './components/CategoryModal.vue';
+    import { formConfig, searchFormSchema, columns } from './components/config';
+    import Icon from '/@/components/Icon/index';
+    import useEventBus from '/@/hooks/event/useEventBus';
+    import { cloneDeep } from 'lodash-es';
+    import { DataLog } from '/@/components/pcitc';
+    const modalVisible = ref(false);
+    const logId = ref('');
+    const logPath = ref('/mdm/category/datalog');
+
+    const { bus, CREATE_FLOW, FLOW_PROCESSED, FORM_LIST_MODIFIED } = useEventBus();
+
+    const { notification } = useMessage();
+    const { t } = useI18n();
+    defineEmits(['register']);
+    const { filterColumnAuth, filterButtonAuth } = usePermission();
+    const { mergeColumns, mergeSearchFormSchema, mergeButtons } = useFormConfig();
+
+    const filterColumns = cloneDeep(filterColumnAuth(columns));
+    const customConfigColums = ref(filterColumns);
+    const customSearchFormSchema = ref(searchFormSchema);
+
+    const tableRef = ref();
+    //所有按钮
+    const buttons = ref([
+        { isUse: true, name: '新增', code: 'add', icon: 'ant-design:plus-outlined', isDefault: true, type: 'primary' },
+        { isUse: true, name: '编辑', code: 'edit', icon: 'ant-design:form-outlined', isDefault: true },
+        { isUse: true, name: '启用', code: 'enable', icon: 'ant-design:form-outlined', isDefault: true, type: 'primary' },
+        { isUse: true, name: '作废', code: 'disable', icon: 'ant-design:stop-outlined', isDefault: true, type: 'dashed' },
+        { isUse: true, name: '刷新', code: 'refresh', icon: 'ant-design:reload-outlined', isDefault: true },
+        { isUse: true, name: '查看', code: 'view', icon: 'ant-design:eye-outlined', isDefault: true },
+        { isUse: true, name: '数据日志', code: 'datalog', icon: 'ant-design:profile-outlined', isDefault: true },
+        { isUse: true, name: '删除', code: 'delete', icon: 'ant-design:delete-outlined', isDefault: true }
+    ]);
+    //展示在列表内的按钮
+    const actionButtons = ref<string[]>(['view', 'edit', 'datalog', 'copyData', 'delete', 'startwork', 'flowRecord']);
+    const buttonConfigs = computed(() => {
+        return filterButtonAuth(buttons.value);
+    });
+    const selectedKeys = ref([]);
+
+    const tableButtonConfig = computed(() => {
+        return buttonConfigs.value?.filter((x) => !actionButtons.value.includes(x.code));
+    });
+
+    const actionButtonConfig = computed(() => {
+        return buttonConfigs.value?.filter((x) => actionButtons.value.includes(x.code));
+    });
+
+    const btnEvent = { add: handleAdd, edit: handleEdit, enable: handleEnable, disable: handleDisable, refresh: handleRefresh, view: handleView, datalog: handleDatalog, delete: handleDelete };
+
+    const { currentRoute } = useRouter();
+    const router = useRouter();
+    const formIdComputedRef = ref();
+    formIdComputedRef.value = currentRoute.value.meta.formId;
+    const schemaIdComputedRef = ref();
+    schemaIdComputedRef.value = currentRoute.value.meta.schemaId;
+    const [registerModal, { openModal }] = useModal();
+    const formName = '品种';
+    const [registerTable, { reload }] = useTable({
+        title: '' || formName + '列表',
+        api: getLngBCategoryPage,
+        rowKey: 'id',
+        columns: customConfigColums,
+        formConfig: {
+            rowProps: {
+                gutter: 16
+            },
+            schemas: customSearchFormSchema,
+            fieldMapToTime: [],
+            showResetButton: false
+        },
+        beforeFetch: (params) => {
+            return { ...params, FormId: formIdComputedRef.value, PK: 'id' };
+        },
+        afterFetch: (res) => {
+            tableRef.value.setToolBarWidth();
+        },
+        useSearchForm: true,
+        showTableSetting: true,
+        rowSelection: {
+            type: 'checkbox'
+        },
+        striped: false,
+        actionColumn: {
+            width: 160,
+            title: '操作',
+            dataIndex: 'action',
+            slots: { customRender: 'action' }
+        },
+        tableSetting: {
+            size: false,
+            setting: false
+        }
+    });
+
+    function dbClickRow(record) {
+        if (!actionButtonConfig?.value.some((element) => element.code == 'view')) {
+            return;
+        }
+        const { processId, taskIds, schemaId } = record.workflowData || {};
+        if (taskIds && taskIds.length) {
+            router.push({
+                path: '/flow/' + schemaId + '/' + (processId || '') + '/approveFlow',
+                query: {
+                    taskId: taskIds[0],
+                    formName: formName,
+                    formId: currentRoute.value.meta.formId
+                }
+            });
+        } else if (schemaId && !taskIds && processId) {
+            router.push({
+                path: '/flow/' + schemaId + '/' + processId + '/approveFlow',
+                query: {
+                    readonly: 1,
+                    taskId: '',
+                    formName: formName,
+                    formId: currentRoute.value.meta.formId
+                }
+            });
+        } else {
+            router.push({
+                path: '/form/Category/' + record.id + '/viewForm',
+                query: {
+                    formPath: 'mdm/Category',
+                    formName: formName,
+                    formId: currentRoute.value.meta.formId
+                }
+            });
+        }
+    }
+
+    function buttonClick(code) {
+        btnEvent[code]();
+    }
+
+    function selectionChange(selected) {
+        selectedKeys.value = selected.keys;
+    }
+
+    function handleAdd() {
+        if (schemaIdComputedRef.value) {
+            router.push({
+                path: '/flow/' + schemaIdComputedRef.value + '/0/createFlow'
+            });
+        } else {
+            router.push({
+                path: '/form/Category/0/createForm',
+                query: {
+                    formPath: 'mdm/Category',
+                    formName: formName,
+                    formId: currentRoute.value.meta.formId
+                }
+            });
+        }
+    }
+
+    function handleEdit(record: Recordable) {
+        router.push({
+            path: '/form/Category/' + record.id + '/updateForm',
+            query: {
+                formPath: 'mdm/Category',
+                formName: formName,
+                formId: currentRoute.value.meta.formId
+            }
+        });
+    }
+    function handleDelete(record: Recordable) {
+        deleteList([record.id]);
+    }
+
+    function handleEnable() {
+        if (!selectedKeys.value.length) {
+            notification.warning({
+                message: 'Tip',
+                description: t('请选择需要启用的数据')
+            });
+            return;
+        }
+
+        let ids = selectedKeys.value;
+        Modal.confirm({
+            title: '提示信息',
+            icon: createVNode(ExclamationCircleOutlined),
+            content: '是否确认启用？',
+            okText: '确认',
+            cancelText: '取消',
+            onOk() {
+                enableLngBCategory(ids).then((_) => {
+                    handleSuccess();
+                    notification.success({
+                        message: 'Tip',
+                        description: t('启用成功！')
+                    });
+                });
+            },
+            onCancel() {}
+        });
+    }
+    function handleDisable() {
+        if (!selectedKeys.value.length) {
+            notification.warning({
+                message: 'Tip',
+                description: t('请选择需要禁用的数据')
+            });
+            return;
+        }
+        let ids = selectedKeys.value;
+        Modal.confirm({
+            title: '提示信息',
+            icon: createVNode(ExclamationCircleOutlined),
+            content: '是否确认禁用？',
+            okText: '确认',
+            cancelText: '取消',
+            onOk() {
+                disableLngBCategory(ids).then((_) => {
+                    handleSuccess();
+                    notification.success({
+                        message: 'Tip',
+                        description: t('禁用成功！')
+                    });
+                });
+            },
+            onCancel() {}
+        });
+    }
+    function deleteList(ids) {
+        Modal.confirm({
+            title: '提示信息',
+            icon: createVNode(ExclamationCircleOutlined),
+            content: '是否确认删除？',
+            okText: '确认',
+            cancelText: '取消',
+            onOk() {
+                deleteLngBCategory(ids).then((_) => {
+                    handleSuccess();
+                    notification.success({
+                        message: 'Tip',
+                        description: t('删除成功！')
+                    });
+                });
+            },
+            onCancel() {}
+        });
+    }
+    function handleDatalog(record: Recordable) {
+        modalVisible.value = true;
+        logId.value = record.id;
+    }
+    function handleRefresh() {
+        reload();
+    }
+    function handleSuccess() {
+        reload();
+    }
+
+    function handleView(record: Recordable) {
+        dbClickRow(record);
+    }
+    onMounted(() => {
+        if (schemaIdComputedRef.value) {
+            bus.on(FLOW_PROCESSED, handleRefresh);
+            bus.on(CREATE_FLOW, handleRefresh);
+        } else {
+            bus.on(FORM_LIST_MODIFIED, handleRefresh);
+        }
+
+        // 合并渲染覆盖配置中的列表配置，包括展示字段配置、搜索字段配置、按钮配置
+        mergeCustomListRenderConfig();
+    });
+    onUnmounted(() => {
+        if (schemaIdComputedRef.value) {
+            bus.off(FLOW_PROCESSED, handleRefresh);
+            bus.off(CREATE_FLOW, handleRefresh);
+        } else {
+            bus.off(FORM_LIST_MODIFIED, handleRefresh);
+        }
+    });
+    function getActions(record: Recordable): ActionItem[] {
+        const actionsList: ActionItem[] = actionButtonConfig.value?.map((button) => {
+            if (!record.workflowData?.processId) {
+                return {
+                    icon: button?.icon,
+                    tooltip: button?.name,
+                    color: button.code === 'delete' ? 'error' : undefined,
+                    onClick: btnEvent[button.code].bind(null, record)
+                };
+            } else {
+                if (button.code === 'view') {
+                    return {
+                        icon: button?.icon,
+                        tooltip: button?.name,
+                        onClick: btnEvent[button.code].bind(null, record)
+                    };
+                } else {
+                    return {};
+                }
+            }
+        });
+        return actionsList;
+    }
+    async function mergeCustomListRenderConfig() {
+        if (formConfig.useCustomConfig) {
+            let formId = currentRoute.value.meta.formId;
+            //1.合并展示字段配置
+            let cols = await mergeColumns(customConfigColums.value, formId);
+            customConfigColums.value = cols;
+            //2.合并搜索字段配置
+            let sFormSchema = await mergeSearchFormSchema(customSearchFormSchema.value, formId);
+            customSearchFormSchema.value = sFormSchema;
+            //3.合并按钮配置
+            let btns = await mergeButtons(buttons.value, formId);
+            buttons.value = btns;
+        }
+    }
+</script>
+<style lang="less" scoped>
+    :deep(.ant-table-selection-col) {
+        width: 50px;
+    }
+    .show {
+        display: flex;
+    }
+    .hide {
+        display: none !important;
+    }
+</style>

src/views/mdm/CountryRegion/index.vue

@@ -40,13 +40,17 @@
       </BasicTable>
       </div>
    <CountryRegionModal @register="registerModal" @success="handleSuccess" />
+   <DataLog :logId="logId" :logPath="logPath" v-model:visible="modalVisible"/>
   </PageWrapper>
 </template>
 <script lang="ts" setup>
   import { ref, computed, onMounted, onUnmounted, createVNode, 
-
-} from 'vue';
-  
+    
+  } from 'vue';
+  const modalVisible = ref(false);
+  const logId = ref('')
+  const logPath = ref('/mdm/countryRegion/datalog');
+  import { DataLog } from '/@/components/pcitc';
   import { Modal } from 'ant-design-vue';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
   import { BasicTable, useTable, TableAction, ActionItem } from '/@/components/Table';
@@ -193,8 +197,9 @@
     
     btnEvent[code]();
   }
-  function handleDatalog () {
-    
+  function handleDatalog (record: Recordable) {
+    modalVisible.value = true
+    logId.value = record.id
   }
   function handleAdd() {
     if (schemaIdComputedRef.value) {

src/views/mdm/Currency/index.vue

@@ -20,6 +20,7 @@
             </template>
         </BasicTable>
         <CurrencyModal @register="registerModal" @success="handleSuccess" />
+        <DataLog :logId="logId" :logPath="logPath" v-model:visible="modalVisible" />
     </PageWrapper>
 </template>
 <script lang="ts" setup>
@@ -43,7 +44,10 @@
     import Icon from '/@/components/Icon/index';
     import useEventBus from '/@/hooks/event/useEventBus';
     import { cloneDeep } from 'lodash-es';
-
+    import { DataLog } from '/@/components/pcitc';
+    const modalVisible = ref(false);
+    const logId = ref('');
+    const logPath = ref('/mdm/currency/datalog');
     const { bus, CREATE_FLOW, FLOW_PROCESSED, FORM_LIST_MODIFIED } = useEventBus();
 
     const { notification } = useMessage();
@@ -293,7 +297,10 @@
     function handleView(record: Recordable) {
         dbClickRow(record);
     }
-    function handleDatalog() {}
+    function handleDatalog(record: Recordable) {
+        modalVisible.value = true;
+        logId.value = record.id;
+    }
 
     onMounted(() => {
         if (schemaIdComputedRef.value) {

src/views/mdm/DocCp/components/DocCpModal.vue

@@ -0,0 +1,110 @@
+<template>
+
+    <BasicModal v-bind="$attrs" @register="registerModal" :title="getTitle" @ok="handleSubmit" @cancel="handleClose" :paddingRight="15" :bodyStyle="{ minHeight: '400px !important' }">
+      <ModalForm ref="formRef" :fromPage="FromPageType.MENU" />
+    </BasicModal>
+
+</template>
+<script lang="ts" setup>
+  import { ref, computed, reactive } from 'vue';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { useI18n } from '/@/hooks/web/useI18n';
+  import { formProps } from './config';
+  import ModalForm from './Form.vue';
+  import { FromPageType } from '/@/enums/workflowEnum';
+
+  const emit = defineEmits(['success', 'register']);
+
+  const { notification } = useMessage();
+  const formRef = ref();
+  const state = reactive({
+    formModel: {},
+    isUpdate: true,
+    isView: false,
+    isCopy: false,
+    rowId: '',
+  });
+
+  const { t } = useI18n();
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    state.isUpdate = !!data?.isUpdate;
+    state.isView = !!data?.isView;
+    state.isCopy = !!data?.isCopy;
+
+    setModalProps({
+      destroyOnClose: true,
+      maskClosable: false,
+      showCancelBtn: !state.isView,
+      showOkBtn: !state.isView,
+      canFullscreen: true,
+      width: 900,
+    });
+    if (state.isUpdate || state.isView || state.isCopy) {
+      state.rowId = data.id;
+      if (state.isView) {
+        await formRef.value.setDisabledForm();
+      }
+      await formRef.value.setFormDataFromId(state.rowId);
+    } else {
+      formRef.value.resetFields();
+    }
+  });
+
+  const getTitle = computed(() => (state.isView ? '查看' : !state.isUpdate ? '新增' : '编辑'));
+
+  async function saveModal() {
+    let saveSuccess = false;
+    try {
+      const values = await formRef.value?.validate();
+      //添加隐藏组件
+      if (formProps.hiddenComponent?.length) {
+        formProps.hiddenComponent.forEach((component) => {
+          values[component.bindField] = component.value;
+        });
+      }
+      if (values !== false) {
+        try {
+          if (!state.isUpdate || state.isCopy) {
+            saveSuccess = await formRef.value.add(values);
+          } else {
+            saveSuccess = await formRef.value.update({ values, rowId: state.rowId });
+          }
+          return saveSuccess;
+        } catch (error) {}
+      }
+    } catch (error) {
+      return saveSuccess;
+    }
+  }
+
+  async function handleSubmit() {
+    try {
+      const saveSuccess = await saveModal();
+      setModalProps({ confirmLoading: true });
+      if (saveSuccess) {
+        if (!state.isUpdate || state.isCopy) {
+          //false 新增
+          notification.success({
+            message: 'Tip',
+            description: t('新增成功！'),
+          }); //提示消息
+        } else {
+          notification.success({
+            message: 'Tip',
+            description: t('修改成功！'),
+          }); //提示消息
+        }
+        closeModal();
+        formRef.value.resetFields();
+        emit('success');
+      }
+    } finally {
+      setModalProps({ confirmLoading: false });
+    }
+  }
+    
+  function handleClose() {
+    formRef.value.resetFields();
+  }
+</script>

src/views/mdm/DocCp/components/Form.vue

@@ -0,0 +1,209 @@
+<template>
+    <SimpleForm ref="systemFormRef" :formProps="data.formDataProps" :formModel="{}" :isWorkFlow="props.fromPage != FromPageType.MENU" />
+</template>
+<script lang="ts" setup>
+    import { reactive, ref, onBeforeMount, onMounted, watch } from 'vue';
+    import { formProps, formEventConfigs, formConfig } from './config';
+    import SimpleForm from '/@/components/SimpleForm/src/SimpleForm.vue';
+    import { addLngBDocCp, getLngBDocCp, updateLngBDocCp, deleteLngBDocCp } from '/@/api/mdm/DocCp';
+    import { cloneDeep } from 'lodash-es';
+    import { FormDataProps } from '/@/components/Designer/src/types';
+    import { usePermission } from '/@/hooks/web/usePermission';
+    import { useFormConfig } from '/@/hooks/web/useFormConfig';
+    import { FromPageType } from '/@/enums/workflowEnum';
+    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 { mergeFormSchemas, mergeFormEventConfigs } = useFormConfig();
+    const { currentRoute } = useRouter();
+
+    const RowKey = 'id';
+    const emits = defineEmits(['changeUploadComponentIds', 'loadingCompleted', 'form-mounted']);
+    const props = defineProps({
+        fromPage: {
+            type: Number,
+            default: FromPageType.MENU
+        }
+    });
+    const systemFormRef = ref();
+    const data: { formDataProps: FormDataProps } = reactive({
+        formDataProps: { schemas: [] } as FormDataProps
+    });
+    const state = reactive({
+        formModel: {}
+    });
+    console.log(data.formDataProps, 'datadata');
+
+    let customFormEventConfigs = [];
+
+    onMounted(async () => {
+        try {
+            // 合并渲染覆盖配置中的字段配置、表单事件配置
+            await mergeCustomFormRenderConfig();
+
+            if (props.fromPage == FromPageType.MENU) {
+                setMenuPermission();
+                await createFormEvent(customFormEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：初始化表单
+                await loadFormEvent(customFormEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：加载表单
+            } else if (props.fromPage == FromPageType.FLOW) {
+                emits('loadingCompleted'); //告诉系统表单已经加载完毕
+                // loadingCompleted后 工作流页面直接利用Ref调用setWorkFlowForm方法
+            } else if (props.fromPage == FromPageType.PREVIEW) {
+                // 预览 无需权限，表单事件也无需执行
+            } else if (props.fromPage == FromPageType.DESKTOP) {
+                // 桌面设计 表单事件需要执行
+                emits('loadingCompleted'); //告诉系统表单已经加载完毕
+                await createFormEvent(customFormEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：初始化表单
+                await loadFormEvent(customFormEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：加载表单
+            }
+            emits('form-mounted', formProps);
+        } catch (error) {}
+    });
+
+    async function mergeCustomFormRenderConfig() {
+        let cloneProps = cloneDeep(formProps);
+        let fEventConfigs = cloneDeep(formEventConfigs);
+        if (formConfig.useCustomConfig) {
+            if (props.fromPage !== FromPageType.FLOW) {
+                let formPath = currentRoute.value.query.formPath;
+                //1.合并字段配置
+                cloneProps.schemas = await mergeFormSchemas({ formSchema: cloneProps.schemas!, formPath: formPath });
+                //2.合并表单事件配置
+                fEventConfigs = await mergeFormEventConfigs({ formEventConfigs: fEventConfigs, formPath: formPath });
+            }
+        }
+        data.formDataProps = cloneProps;
+        customFormEventConfigs = fEventConfigs;
+    }
+
+    // 根据菜单页面权限，设置表单属性（必填，禁用，显示）
+    function setMenuPermission() {
+        data.formDataProps.schemas = filterFormSchemaAuth(data.formDataProps.schemas!);
+    }
+
+    // 校验form 通过返回表单数据
+    async function validate() {
+        let values = [];
+        try {
+            values = await systemFormRef.value?.validate();
+            //添加隐藏组件
+            if (data.formDataProps.hiddenComponent?.length) {
+                data.formDataProps.hiddenComponent.forEach((component) => {
+                    values[component.bindField] = component.value;
+                });
+            }
+        } finally {
+        }
+        return values;
+    }
+    // 根据行唯一ID查询行数据，并设置表单数据   【编辑】
+    async function setFormDataFromId(rowId, skipUpdate) {
+        try {
+            const record = await getLngBDocCp(rowId);
+            if (skipUpdate) {
+                return record;
+            }
+            setFieldsValue(record);
+            state.formModel = record;
+            await getFormDataEvent(customFormEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：获取表单数据
+            return record;
+        } catch (error) {}
+    }
+    // 辅助设置表单数据
+    function setFieldsValue(record) {
+        systemFormRef.value.setFieldsValue(record);
+    }
+    // 重置表单数据
+    async function resetFields() {
+        await systemFormRef.value.resetFields();
+    }
+    //  设置表单数据全部为Disabled  【查看】
+    async function setDisabledForm(isDisabled) {
+        data.formDataProps.schemas = changeSchemaDisabled(cloneDeep(data.formDataProps.schemas), isDisabled);
+    }
+    // 获取行键值
+    function getRowKey() {
+        return RowKey;
+    }
+    // 更新api表单数据
+    async function update({ values, rowId }) {
+        try {
+            values[RowKey] = rowId;
+            state.formModel = values;
+            let saveVal = await updateLngBDocCp(values);
+            await submitFormEvent(customFormEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：提交表单
+            return saveVal;
+        } catch (error) {}
+    }
+    // 新增api表单数据
+    async function add(values) {
+        try {
+            state.formModel = values;
+            let saveVal = await addLngBDocCp(values);
+            await submitFormEvent(customFormEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：提交表单
+            return saveVal;
+        } catch (error) {}
+    }
+    // 根据工作流页面权限，设置表单属性（必填，禁用，显示）
+    async function setWorkFlowForm(obj: WorkFlowFormParams) {
+        try {
+            const cloneProps = cloneDeep(formProps);
+            customFormEventConfigs = cloneDeep(formEventConfigs);
+            if (formConfig.useCustomConfig) {
+                const parts = obj.formConfigKey.split('_');
+                const formId = parts[1];
+                cloneProps.schemas = await mergeFormSchemas({ formSchema: cloneProps.schemas!, formId: formId });
+                customFormEventConfigs = await mergeFormEventConfigs({ formEventConfigs: customFormEventConfigs, formId: formId });
+            }
+
+            let flowData = changeWorkFlowForm(cloneProps, obj);
+            let { buildOptionJson, uploadComponentIds, formModels, isViewProcess } = flowData;
+            data.formDataProps = buildOptionJson;
+            emits('changeUploadComponentIds', uploadComponentIds); //工作流中必须保存上传组件id【附件汇总需要】
+            if (isViewProcess) {
+                setDisabledForm(); //查看
+            }
+            state.formModel = formModels;
+            if (formModels[RowKey]) {
+                setFormDataFromId(formModels[RowKey], false);
+            } else {
+                setFieldsValue(formModels);
+            }
+        } catch (error) {}
+        await createFormEvent(customFormEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：初始化表单
+        await loadFormEvent(customFormEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：加载表单
+    }
+    function getFormModel() {
+        return systemFormRef.value.formModel;
+    }
+    async function handleDelete(id) {
+        return await deleteLngBDocCp([id]);
+    }
+    // watch(
+    //     () => systemFormRef.value.suSign,
+    //     (val) => {
+    //         console.log(val);
+    //     },
+    //     {
+    //         immediate: true,
+    //         deep: true
+    //     }
+    // );
+    defineExpose({
+        setFieldsValue,
+        resetFields,
+        validate,
+        add,
+        update,
+        setFormDataFromId,
+        setDisabledForm,
+        setMenuPermission,
+        setWorkFlowForm,
+        getRowKey,
+        getFormModel,
+        handleDelete
+    });
+</script>

src/views/mdm/DocCp/components/config.ts

@@ -0,0 +1,502 @@
+import { FormProps, FormSchema } from '/@/components/Form';
+import { BasicColumn } from '/@/components/Table';
+
+export const formConfig = {
+    useCustomConfig: false
+};
+
+export const searchFormSchema: FormSchema[] = [
+    {
+        field: 'fullName',
+        label: '名称',
+        component: 'Input'
+    },
+    {
+        field: 'valid',
+        label: '有效标志',
+        component: 'XjrSelect',
+        componentProps: {
+            datasourceType: 'dic',
+            params: { itemId: '1978057078528327681' },
+            labelField: 'name',
+            valueField: 'value',
+
+            getPopupContainer: () => document.body
+        }
+    }
+];
+
+export const columns: BasicColumn[] = [
+    {
+        dataIndex: 'code',
+        title: '编码',
+        componentType: 'input',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'fullName',
+        title: '名称',
+        componentType: 'input',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'suSign',
+        title: '供应商适用',
+        componentType: 'select',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'suNecSign',
+        title: '供应商必须提供',
+        componentType: 'select',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'cuSign',
+        title: '客户适用',
+        componentType: 'select',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'cuNecSign',
+        title: '供应商必须提供',
+        componentType: 'select',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'valid',
+        title: '有效标志',
+        componentType: 'select',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'note',
+        title: '备注',
+        componentType: 'textarea',
+        align: 'left',
+
+        sorter: true
+    }
+];
+//表单事件
+export const formEventConfigs = {
+    0: [
+        {
+            type: 'circle',
+            color: '#2774ff',
+            text: '开始节点',
+            icon: '#icon-kaishi',
+            bgcColor: '#D8E5FF',
+            isUserDefined: false
+        },
+        {
+            color: '#F6AB01',
+            icon: '#icon-chushihua',
+            text: '初始化表单',
+            bgcColor: '#f9f5ea',
+            isUserDefined: false,
+            nodeInfo: { processEvent: [] }
+        }
+    ],
+    1: [
+        {
+            color: '#B36EDB',
+            icon: '#icon-shujufenxi',
+            text: '获取表单数据',
+            detail: '(新增无此操作)',
+            bgcColor: '#F8F2FC',
+            isUserDefined: false,
+            nodeInfo: { processEvent: [] }
+        }
+    ],
+    2: [
+        {
+            color: '#F8625C',
+            icon: '#icon-jiazai',
+            text: '加载表单',
+            bgcColor: '#FFF1F1',
+            isUserDefined: false,
+            nodeInfo: { processEvent: [] }
+        }
+    ],
+    3: [
+        {
+            color: '#6C6AE0',
+            icon: '#icon-jsontijiao',
+            text: '提交表单',
+            bgcColor: '#F5F4FF',
+            isUserDefined: false,
+            nodeInfo: { processEvent: [] }
+        }
+    ],
+    4: [
+        {
+            type: 'circle',
+            color: '#F8625C',
+            text: '结束节点',
+            icon: '#icon-jieshuzhiliao',
+            bgcColor: '#FFD6D6',
+            isLast: true,
+            isUserDefined: false
+        }
+    ]
+};
+export const formProps: FormProps = {
+    labelCol: { span: 3, offset: 0 },
+    labelAlign: 'right',
+    layout: 'horizontal',
+    size: 'default',
+    schemas: [
+        {
+            key: 'cddc3f097b0f44a7926dd616c0952b83',
+            field: 'code',
+            label: '编码',
+            type: 'input',
+            component: 'Input',
+            colProps: { span: 24 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请输入编码',
+                maxlength: null,
+                prefix: '',
+                suffix: '',
+                addonBefore: '',
+                addonAfter: '',
+                disabled: true,
+                allowClear: false,
+                showLabel: true,
+                required: false,
+                rules: [],
+                events: {},
+                isSave: false,
+                isShow: true,
+                scan: false,
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: 'df68cc4350f542f7b3a8c7b55c39927c',
+            field: 'fullName',
+            label: '名称',
+            type: 'input',
+            component: 'Input',
+            colProps: { span: 24 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请输入名称',
+                maxlength: null,
+                prefix: '',
+                suffix: '',
+                addonBefore: '',
+                addonAfter: '',
+                disabled: false,
+                allowClear: false,
+                showLabel: true,
+                required: true,
+                rules: [],
+                events: {},
+                isSave: false,
+                isShow: true,
+                scan: false,
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '4d924c23bfd84b22ac683240bae16929',
+            field: 'suSign',
+            label: '供应商适用',
+            type: 'select',
+            component: 'XjrSelect',
+            colProps: { span: 24 },
+            componentProps: {
+                width: '100%',
+                span: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请选择供应商适用',
+                sepTextField: '',
+                showLabel: true,
+                showSearch: false,
+                clearable: false,
+                disabled: false,
+                mode: '',
+                staticOptions: [
+                    { key: 1, label: 'Option 1', value: 'Option 1' },
+                    { key: 2, label: 'Option 2', value: 'Option 2' },
+                    { key: 3, label: 'Option 3', value: 'Option 3' }
+                ],
+                defaultSelect: null,
+                datasourceType: 'dic',
+                params: { itemId: '1978056598125330433' },
+                labelField: 'name',
+                valueField: 'value',
+                apiConfig: {
+                    path: 'CodeGeneration/selection',
+                    method: 'GET',
+                    apiId: '93d735dcb7364a0f8102188ec4d77ac7'
+                },
+                dicOptions: [],
+                required: true,
+                rules: [],
+                events: {},
+                isShow: true,
+                itemId: '1978056598125330433',
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: 'f60587f7bb5c482ba5afca76fec9916a',
+            field: 'suNecSign',
+            label: '供应商必须提供',
+            type: 'select',
+            component: 'XjrSelect',
+            colProps: { span: 24 },
+            componentProps: {
+                width: '100%',
+                span: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请选择供应商必须提供',
+                sepTextField: '',
+                showLabel: true,
+                showSearch: false,
+                clearable: false,
+                disabled: false,
+                mode: '',
+                staticOptions: [
+                    { key: 1, label: 'Option 1', value: 'Option 1' },
+                    { key: 2, label: 'Option 2', value: 'Option 2' },
+                    { key: 3, label: 'Option 3', value: 'Option 3' }
+                ],
+                defaultSelect: null,
+                datasourceType: 'dic',
+                params: { itemId: '1978056598125330433' },
+                labelField: 'name',
+                valueField: 'value',
+                apiConfig: {
+                    path: 'CodeGeneration/selection',
+                    method: 'GET',
+                    apiId: '93d735dcb7364a0f8102188ec4d77ac7'
+                },
+                dicOptions: [],
+                required: false,
+                rules: [],
+                events: {},
+                isShow: true,
+                itemId: '1978056598125330433',
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '5e8a28c2704c431cbf5f9cb9be19edc7',
+            field: 'cuSign',
+            label: '客户适用',
+            type: 'select',
+            component: 'XjrSelect',
+            colProps: { span: 24 },
+            componentProps: {
+                width: '100%',
+                span: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请选择客户适用',
+                sepTextField: '',
+                showLabel: true,
+                showSearch: false,
+                clearable: false,
+                disabled: false,
+                mode: '',
+                staticOptions: [
+                    { key: 1, label: 'Option 1', value: 'Option 1' },
+                    { key: 2, label: 'Option 2', value: 'Option 2' },
+                    { key: 3, label: 'Option 3', value: 'Option 3' }
+                ],
+                defaultSelect: null,
+                datasourceType: 'dic',
+                params: { itemId: '1978056598125330433' },
+                labelField: 'name',
+                valueField: 'value',
+                apiConfig: {
+                    path: 'CodeGeneration/selection',
+                    method: 'GET',
+                    apiId: '93d735dcb7364a0f8102188ec4d77ac7'
+                },
+                dicOptions: [],
+                required: true,
+                rules: [],
+                events: {},
+                isShow: true,
+                itemId: '1978056598125330433',
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: 'e2a327ac6aa249a5b5eb66199e263131',
+            field: 'cuNecSign',
+            label: '供应商必须提供',
+            type: 'select',
+            component: 'XjrSelect',
+            colProps: { span: 24 },
+            componentProps: {
+                width: '100%',
+                span: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请选择供应商必须提供',
+                sepTextField: '',
+                showLabel: true,
+                showSearch: false,
+                clearable: false,
+                disabled: false,
+                mode: '',
+                staticOptions: [
+                    { key: 1, label: 'Option 1', value: 'Option 1' },
+                    { key: 2, label: 'Option 2', value: 'Option 2' },
+                    { key: 3, label: 'Option 3', value: 'Option 3' }
+                ],
+                defaultSelect: null,
+                datasourceType: 'dic',
+                params: { itemId: '1978056598125330433' },
+                labelField: 'name',
+                valueField: 'value',
+                apiConfig: {
+                    path: 'CodeGeneration/selection',
+                    method: 'GET',
+                    apiId: '93d735dcb7364a0f8102188ec4d77ac7'
+                },
+                dicOptions: [],
+                required: false,
+                rules: [],
+                events: {},
+                isShow: true,
+                itemId: '1978056598125330433',
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '5b805c85cd284ddf88ff0025273f7939',
+            field: 'valid',
+            label: '有效标志',
+            type: 'select',
+            component: 'XjrSelect',
+            colProps: { span: 24 },
+            componentProps: {
+                width: '100%',
+                span: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请选择有效标志',
+                sepTextField: '',
+                showLabel: true,
+                showSearch: false,
+                clearable: false,
+                disabled: true,
+                mode: '',
+                staticOptions: [
+                    { key: 1, label: 'Option 1', value: 'Option 1' },
+                    { key: 2, label: 'Option 2', value: 'Option 2' },
+                    { key: 3, label: 'Option 3', value: 'Option 3' }
+                ],
+                defaultSelect: null,
+                datasourceType: 'dic',
+                params: { itemId: '1978057078528327681' },
+                labelField: 'name',
+                valueField: 'value',
+                apiConfig: {
+                    path: 'CodeGeneration/selection',
+                    method: 'GET',
+                    apiId: '93d735dcb7364a0f8102188ec4d77ac7'
+                },
+                dicOptions: [],
+                required: false,
+                rules: [],
+                events: {},
+                isShow: true,
+                itemId: '1978057078528327681',
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: 'd74fd39918f043e5992b2fbe119b5725',
+            field: 'note',
+            label: '备注',
+            type: 'textarea',
+            component: 'InputTextArea',
+            colProps: { span: 24 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: true,
+                placeholder: '请输入备注',
+                maxlength: null,
+                rows: 4,
+                autoSize: false,
+                showCount: false,
+                disabled: false,
+                showLabel: true,
+                allowClear: false,
+                required: false,
+                isShow: true,
+                rules: [],
+                events: {},
+                style: { width: '100%' }
+            }
+        }
+    ],
+    showActionButtonGroup: false,
+    buttonLocation: 'center',
+    actionColOptions: { span: 24 },
+    showResetButton: false,
+    showSubmitButton: false,
+    hiddenComponent: []
+};

src/views/mdm/DocCp/components/workflowPermission.ts

@@ -0,0 +1,122 @@
+export const permissionList = [
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '编码',
+    fieldId: 'code',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: 'cddc3f097b0f44a7926dd616c0952b83',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '名称',
+    fieldId: 'fullName',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: 'df68cc4350f542f7b3a8c7b55c39927c',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '供应商适用',
+    fieldId: 'suSign',
+    isSubTable: false,
+    showChildren: true,
+    type: 'select',
+    key: '4d924c23bfd84b22ac683240bae16929',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '供应商必须提供',
+    fieldId: 'suNecSign',
+    isSubTable: false,
+    showChildren: true,
+    type: 'select',
+    key: 'f60587f7bb5c482ba5afca76fec9916a',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '客户适用',
+    fieldId: 'cuSign',
+    isSubTable: false,
+    showChildren: true,
+    type: 'select',
+    key: '5e8a28c2704c431cbf5f9cb9be19edc7',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '供应商必须提供',
+    fieldId: 'cuNecSign',
+    isSubTable: false,
+    showChildren: true,
+    type: 'select',
+    key: 'e2a327ac6aa249a5b5eb66199e263131',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '有效标志',
+    fieldId: 'valid',
+    isSubTable: false,
+    showChildren: true,
+    type: 'select',
+    key: '5b805c85cd284ddf88ff0025273f7939',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '备注',
+    fieldId: 'note',
+    isSubTable: false,
+    showChildren: true,
+    type: 'textarea',
+    key: 'd74fd39918f043e5992b2fbe119b5725',
+    children: [],
+  },
+];

src/views/mdm/DocCp/index.vue

@@ -0,0 +1,365 @@
+<template>
+    <PageWrapper dense fixedHeight contentFullHeight contentClass="flex">
+        <BasicTable @register="registerTable" ref="tableRef" @row-db-click="dbClickRow" @selection-change="selectionChange">
+            <template #toolbar>
+                <template v-for="button in tableButtonConfig" :key="button.code">
+                    <a-button v-if="button.isDefault" :type="button.type" @click="buttonClick(button.code)">
+                        <template #icon><Icon :icon="button.icon" /></template>
+                        {{ button.name }}
+                    </a-button>
+                    <a-button v-else :type="button.type">
+                        <template #icon><Icon :icon="button.icon" /></template>
+                        {{ button.name }}
+                    </a-button>
+                </template>
+            </template>
+            <template #bodyCell="{ column, record }">
+                <template v-if="column.dataIndex === 'action'">
+                    <TableAction :actions="getActions(record)" />
+                </template>
+            </template>
+        </BasicTable>
+        <DocCpModal @register="registerModal" @success="handleSuccess" />
+        <DataLog :logId="logId" :logPath="logPath" v-model:visible="modalVisible" />
+    </PageWrapper>
+</template>
+<script lang="ts" setup>
+    import { ref, computed, onMounted, onUnmounted, createVNode } from 'vue';
+
+    import { Modal } from 'ant-design-vue';
+    import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+    import { BasicTable, useTable, TableAction, ActionItem } from '/@/components/Table';
+    import { getLngBDocCpPage, deleteLngBDocCp, disableLngBDocCp, enableLngBDocCp } from '/@/api/mdm/DocCp';
+    import { PageWrapper } from '/@/components/Page';
+    import { useMessage } from '/@/hooks/web/useMessage';
+    import { useI18n } from '/@/hooks/web/useI18n';
+    import { usePermission } from '/@/hooks/web/usePermission';
+    import { useFormConfig } from '/@/hooks/web/useFormConfig';
+    import { useRouter } from 'vue-router';
+    import { setIndexFlowStatus } from '/@/utils/flow/index';
+    import { getLngBDocCp } from '/@/api/mdm/DocCp';
+    import { useModal } from '/@/components/Modal';
+    import DocCpModal from './components/DocCpModal.vue';
+    import { formConfig, searchFormSchema, columns } from './components/config';
+    import Icon from '/@/components/Icon/index';
+    import useEventBus from '/@/hooks/event/useEventBus';
+    import { cloneDeep } from 'lodash-es';
+    import { DataLog } from '/@/components/pcitc';
+    const modalVisible = ref(false);
+    const logId = ref('');
+    const logPath = ref('/mdm/docCp/datalog');
+    const { bus, CREATE_FLOW, FLOW_PROCESSED, FORM_LIST_MODIFIED } = useEventBus();
+
+    const { notification } = useMessage();
+    const { t } = useI18n();
+    defineEmits(['register']);
+    const { filterColumnAuth, filterButtonAuth } = usePermission();
+    const { mergeColumns, mergeSearchFormSchema, mergeButtons } = useFormConfig();
+
+    const filterColumns = cloneDeep(filterColumnAuth(columns));
+    const customConfigColums = ref(filterColumns);
+    const customSearchFormSchema = ref(searchFormSchema);
+
+    const tableRef = ref();
+    //所有按钮
+    const buttons = ref([
+        { isUse: true, name: '新增', code: 'add', icon: 'ant-design:plus-outlined', isDefault: true, type: 'primary' },
+        { isUse: true, name: '编辑', code: 'edit', icon: 'ant-design:form-outlined', isDefault: true },
+        { isUse: true, name: '启用', code: 'enable', icon: 'ant-design:form-outlined', isDefault: true, type: 'primary' },
+        { isUse: true, name: '作废', code: 'disable', icon: 'ant-design:stop-outlined', isDefault: true, type: 'dashed' },
+        { isUse: true, name: '刷新', code: 'refresh', icon: 'ant-design:reload-outlined', isDefault: true },
+        { isUse: true, name: '查看', code: 'view', icon: 'ant-design:eye-outlined', isDefault: true },
+        { isUse: true, name: '数据日志', code: 'datalog', icon: 'ant-design:profile-outlined', isDefault: true },
+        { isUse: true, name: '删除', code: 'delete', icon: 'ant-design:delete-outlined', isDefault: true }
+    ]);
+    //展示在列表内的按钮
+    const actionButtons = ref<string[]>(['view', 'edit', 'datalog', 'copyData', 'delete', 'startwork', 'flowRecord']);
+    const buttonConfigs = computed(() => {
+        return filterButtonAuth(buttons.value);
+    });
+
+    const tableButtonConfig = computed(() => {
+        return buttonConfigs.value?.filter((x) => !actionButtons.value.includes(x.code));
+    });
+
+    const actionButtonConfig = computed(() => {
+        return buttonConfigs.value?.filter((x) => actionButtons.value.includes(x.code));
+    });
+
+    const btnEvent = { add: handleAdd, edit: handleEdit, enable: handleEnable, disable: handleDisable, refresh: handleRefresh, view: handleView, datalog: handleDatalog, delete: handleDelete };
+    const selectedKeys = ref([]);
+
+    const { currentRoute } = useRouter();
+    const router = useRouter();
+    const formIdComputedRef = ref();
+    formIdComputedRef.value = currentRoute.value.meta.formId;
+    const schemaIdComputedRef = ref();
+    schemaIdComputedRef.value = currentRoute.value.meta.schemaId;
+    const [registerModal, { openModal }] = useModal();
+    const formName = '公司资质证书';
+    const [registerTable, { reload }] = useTable({
+        title: '' || formName + '列表',
+        api: getLngBDocCpPage,
+        rowKey: 'id',
+        columns: customConfigColums,
+        formConfig: {
+            rowProps: {
+                gutter: 16
+            },
+            schemas: customSearchFormSchema,
+            fieldMapToTime: [],
+            showResetButton: false
+        },
+        beforeFetch: (params) => {
+            return { ...params, FormId: formIdComputedRef.value, PK: 'id' };
+        },
+        afterFetch: (res) => {
+            tableRef.value.setToolBarWidth();
+        },
+        useSearchForm: true,
+        showTableSetting: true,
+        rowSelection: {
+            type: 'checkbox'
+        },
+        striped: false,
+        actionColumn: {
+            width: 160,
+            title: '操作',
+            dataIndex: 'action',
+            slots: { customRender: 'action' }
+        },
+        tableSetting: {
+            size: false,
+            setting: false
+        }
+    });
+    function selectionChange(selected) {
+        selectedKeys.value = selected.keys;
+    }
+    function dbClickRow(record) {
+        if (!actionButtonConfig?.value.some((element) => element.code == 'view')) {
+            return;
+        }
+        const { processId, taskIds, schemaId } = record.workflowData || {};
+        if (taskIds && taskIds.length) {
+            router.push({
+                path: '/flow/' + schemaId + '/' + (processId || '') + '/approveFlow',
+                query: {
+                    taskId: taskIds[0],
+                    formName: formName,
+                    formId: currentRoute.value.meta.formId
+                }
+            });
+        } else if (schemaId && !taskIds && processId) {
+            router.push({
+                path: '/flow/' + schemaId + '/' + processId + '/approveFlow',
+                query: {
+                    readonly: 1,
+                    taskId: '',
+                    formName: formName,
+                    formId: currentRoute.value.meta.formId
+                }
+            });
+        } else {
+            router.push({
+                path: '/form/DocCp/' + record.id + '/viewForm',
+                query: {
+                    formPath: 'mdm/DocCp',
+                    formName: formName,
+                    formId: currentRoute.value.meta.formId
+                }
+            });
+        }
+    }
+
+    function buttonClick(code) {
+        btnEvent[code]();
+    }
+
+    function handleAdd() {
+        if (schemaIdComputedRef.value) {
+            router.push({
+                path: '/flow/' + schemaIdComputedRef.value + '/0/createFlow'
+            });
+        } else {
+            router.push({
+                path: '/form/DocCp/0/createForm',
+                query: {
+                    formPath: 'mdm/DocCp',
+                    formName: formName,
+                    formId: currentRoute.value.meta.formId
+                }
+            });
+        }
+    }
+
+    function handleEdit(record: Recordable) {
+        router.push({
+            path: '/form/DocCp/' + record.id + '/updateForm',
+            query: {
+                formPath: 'mdm/DocCp',
+                formName: formName,
+                formId: currentRoute.value.meta.formId
+            }
+        });
+    }
+    function handleDelete(record: Recordable) {
+        deleteList([record.id]);
+    }
+
+    function handleEnable() {
+        if (!selectedKeys.value.length) {
+            notification.warning({
+                message: 'Tip',
+                description: t('请选择需要启用的数据')
+            });
+            return;
+        }
+
+        let ids = selectedKeys.value;
+        Modal.confirm({
+            title: '提示信息',
+            icon: createVNode(ExclamationCircleOutlined),
+            content: '是否确认启用？',
+            okText: '确认',
+            cancelText: '取消',
+            onOk() {
+                enableLngBDocCp(ids).then((_) => {
+                    handleSuccess();
+                    notification.success({
+                        message: 'Tip',
+                        description: t('启用成功！')
+                    });
+                });
+            },
+            onCancel() {}
+        });
+    }
+    function handleDisable() {
+        if (!selectedKeys.value.length) {
+            notification.warning({
+                message: 'Tip',
+                description: t('请选择需要禁用的数据')
+            });
+            return;
+        }
+        let ids = selectedKeys.value;
+        Modal.confirm({
+            title: '提示信息',
+            icon: createVNode(ExclamationCircleOutlined),
+            content: '是否确认禁用？',
+            okText: '确认',
+            cancelText: '取消',
+            onOk() {
+                disableLngBDocCp(ids).then((_) => {
+                    handleSuccess();
+                    notification.success({
+                        message: 'Tip',
+                        description: t('禁用成功！')
+                    });
+                });
+            },
+            onCancel() {}
+        });
+    }
+    function handleDatalog(record: Recordable) {
+        modalVisible.value = true;
+        logId.value = record.id;
+    }
+    function deleteList(ids) {
+        Modal.confirm({
+            title: '提示信息',
+            icon: createVNode(ExclamationCircleOutlined),
+            content: '是否确认删除？',
+            okText: '确认',
+            cancelText: '取消',
+            onOk() {
+                deleteLngBDocCp(ids).then((_) => {
+                    handleSuccess();
+                    notification.success({
+                        message: 'Tip',
+                        description: t('删除成功！')
+                    });
+                });
+            },
+            onCancel() {}
+        });
+    }
+    function handleRefresh() {
+        reload();
+    }
+    function handleSuccess() {
+        reload();
+    }
+
+    function handleView(record: Recordable) {
+        dbClickRow(record);
+    }
+    onMounted(() => {
+        if (schemaIdComputedRef.value) {
+            bus.on(FLOW_PROCESSED, handleRefresh);
+            bus.on(CREATE_FLOW, handleRefresh);
+        } else {
+            bus.on(FORM_LIST_MODIFIED, handleRefresh);
+        }
+
+        // 合并渲染覆盖配置中的列表配置，包括展示字段配置、搜索字段配置、按钮配置
+        mergeCustomListRenderConfig();
+    });
+    onUnmounted(() => {
+        if (schemaIdComputedRef.value) {
+            bus.off(FLOW_PROCESSED, handleRefresh);
+            bus.off(CREATE_FLOW, handleRefresh);
+        } else {
+            bus.off(FORM_LIST_MODIFIED, handleRefresh);
+        }
+    });
+    function getActions(record: Recordable): ActionItem[] {
+        const actionsList: ActionItem[] = actionButtonConfig.value?.map((button) => {
+            if (!record.workflowData?.processId) {
+                return {
+                    icon: button?.icon,
+                    tooltip: button?.name,
+                    color: button.code === 'delete' ? 'error' : undefined,
+                    onClick: btnEvent[button.code].bind(null, record)
+                };
+            } else {
+                if (button.code === 'view') {
+                    return {
+                        icon: button?.icon,
+                        tooltip: button?.name,
+                        onClick: btnEvent[button.code].bind(null, record)
+                    };
+                } else {
+                    return {};
+                }
+            }
+        });
+        return actionsList;
+    }
+    async function mergeCustomListRenderConfig() {
+        if (formConfig.useCustomConfig) {
+            let formId = currentRoute.value.meta.formId;
+            //1.合并展示字段配置
+            let cols = await mergeColumns(customConfigColums.value, formId);
+            customConfigColums.value = cols;
+            //2.合并搜索字段配置
+            let sFormSchema = await mergeSearchFormSchema(customSearchFormSchema.value, formId);
+            customSearchFormSchema.value = sFormSchema;
+            //3.合并按钮配置
+            let btns = await mergeButtons(buttons.value, formId);
+            buttons.value = btns;
+        }
+    }
+</script>
+<style lang="less" scoped>
+    :deep(.ant-table-selection-col) {
+        width: 50px;
+    }
+    .show {
+        display: flex;
+    }
+    .hide {
+        display: none !important;
+    }
+</style>

src/views/mdm/ExpenseName/components/config.ts

@@ -236,13 +236,13 @@ export const formProps: FormProps = {
       colProps: { span: 8 },
       defaultValue: null,
       componentProps: {
+        min:0,
         labelWidthMode: 'fix',
         labelFixWidth: 120,
         responsive: false,
         width: '100%',
         span: '',
         defaultValue: null,
-        min: 0,
         max: null,
         step: 1,
         maxlength: null,

src/views/mdm/ExpenseName/index.vue

@@ -21,13 +21,17 @@
         </template>
       </BasicTable>
    <ExpenseNameModal @register="registerModal" @success="handleSuccess" />
+   <DataLog :logId="logId" :logPath="logPath" v-model:visible="modalVisible"/>
   </PageWrapper>
 </template>
 <script lang="ts" setup>
   import { ref, computed, onMounted, onUnmounted, createVNode, 
-
-} from 'vue';
-  
+    
+  } from 'vue';
+  const modalVisible = ref(false);
+  const logId = ref('')
+  const logPath = ref('/mdm/expenseName/datalog');
+  import { DataLog } from '/@/components/pcitc';
   import { Modal } from 'ant-design-vue';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
   import { BasicTable, useTable, TableAction, ActionItem } from '/@/components/Table';
@@ -131,8 +135,9 @@
   function onSelectChange(rowKeys: string[]) {
     selectedKeys.value = rowKeys;
   }
-  function handleDatalog () {
-    
+  function handleDatalog (record: Recordable) {
+    modalVisible.value = true
+    logId.value = record.id
   }
   function dbClickRow(record) {
     if (!actionButtonConfig?.value.some(element => element.code == 'view')) {

src/views/mdm/LNGStation/components/Form.vue

@@ -0,0 +1,224 @@
+<template>
+  <SimpleForm
+    ref="systemFormRef"
+    :formProps="data.formDataProps"
+    :formModel="{}"
+    :isWorkFlow="props.fromPage!=FromPageType.MENU"
+  />
+</template>
+<script lang="ts" setup>
+  import { reactive, ref,onBeforeMount,onMounted } from 'vue';
+  import { formProps, formEventConfigs ,formConfig} from './config';
+  import SimpleForm from '/@/components/SimpleForm/src/SimpleForm.vue';
+  import { addLngBStationLng, getLngBStationLng, updateLngBStationLng, deleteLngBStationLng } from '/@/api/mdm/LNGStation';
+  import { cloneDeep } from 'lodash-es';
+  import { FormDataProps } from '/@/components/Designer/src/types';
+  import { usePermission } from '/@/hooks/web/usePermission';
+  import { useFormConfig } from '/@/hooks/web/useFormConfig';
+  import { FromPageType } from '/@/enums/workflowEnum';
+  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 { mergeFormSchemas,mergeFormEventConfigs } = useFormConfig();
+  const { currentRoute } = useRouter();
+
+  const RowKey = 'id';
+  const emits = defineEmits(['changeUploadComponentIds','loadingCompleted', 'form-mounted']);
+  const props = defineProps({
+    fromPage: {
+      type: Number,
+      default: FromPageType.MENU,
+    },
+  });
+  const systemFormRef = ref();
+  const data: { formDataProps: FormDataProps } = reactive({
+    formDataProps: {schemas:[]} as FormDataProps,
+  });
+  const state = reactive({
+    formModel: {},
+  });
+  
+  let customFormEventConfigs=[];
+  
+  onMounted(async () => {
+    try {
+      // 合并渲染覆盖配置中的字段配置、表单事件配置
+      await mergeCustomFormRenderConfig();
+      
+      if (props.fromPage == FromPageType.MENU) {
+        setMenuPermission();
+        await createFormEvent(customFormEventConfigs, state.formModel,
+          systemFormRef.value,
+          formProps.schemas); //表单事件：初始化表单
+        await loadFormEvent(customFormEventConfigs, state.formModel,
+          systemFormRef.value,
+          formProps.schemas); //表单事件：加载表单
+      } else if (props.fromPage == FromPageType.FLOW) {
+        emits('loadingCompleted'); //告诉系统表单已经加载完毕
+        // loadingCompleted后 工作流页面直接利用Ref调用setWorkFlowForm方法
+      } else if (props.fromPage == FromPageType.PREVIEW) {
+        // 预览 无需权限，表单事件也无需执行
+      } else if (props.fromPage == FromPageType.DESKTOP) {
+        // 桌面设计 表单事件需要执行
+        emits('loadingCompleted'); //告诉系统表单已经加载完毕
+        await createFormEvent(customFormEventConfigs, state.formModel,
+          systemFormRef.value,
+          formProps.schemas); //表单事件：初始化表单
+        await loadFormEvent(customFormEventConfigs, state.formModel,
+          systemFormRef.value,
+          formProps.schemas); //表单事件：加载表单
+      }
+      emits('form-mounted', formProps);
+    } catch (error) {
+
+    }
+  });
+  
+
+  async function mergeCustomFormRenderConfig() {
+     let cloneProps=cloneDeep(formProps);
+     let fEventConfigs=cloneDeep(formEventConfigs);
+      if (formConfig.useCustomConfig) {
+         if(props.fromPage !== FromPageType.FLOW){
+              let formPath=currentRoute.value.query.formPath;
+              //1.合并字段配置
+              cloneProps.schemas=await mergeFormSchemas({formSchema:cloneProps.schemas!,formPath:formPath});
+              //2.合并表单事件配置
+              fEventConfigs=await mergeFormEventConfigs({formEventConfigs:fEventConfigs,formPath:formPath});
+         }
+      }
+     data.formDataProps=cloneProps;
+     customFormEventConfigs=fEventConfigs;
+  }
+  
+  // 根据菜单页面权限，设置表单属性（必填，禁用，显示）
+  function setMenuPermission() {
+    data.formDataProps.schemas = filterFormSchemaAuth(data.formDataProps.schemas!);
+  }
+
+  // 校验form 通过返回表单数据
+  async function validate() {
+    let values = [];
+    try {
+      values = await systemFormRef.value?.validate();
+      //添加隐藏组件
+      if (data.formDataProps.hiddenComponent?.length) {
+        data.formDataProps.hiddenComponent.forEach((component) => {
+          values[component.bindField] = component.value;
+        });
+      }
+    } finally {
+    }
+    return values;
+  }
+  // 根据行唯一ID查询行数据，并设置表单数据   【编辑】
+  async function setFormDataFromId(rowId, skipUpdate) {
+    try {
+      const record = await getLngBStationLng(rowId);
+      if (skipUpdate) {
+          return record;
+      }
+      setFieldsValue(record);
+      state.formModel = record;
+      await getFormDataEvent(customFormEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：获取表单数据
+      return record;  
+    } catch (error) {
+
+    }
+  }
+  // 辅助设置表单数据
+  function setFieldsValue(record) {
+    systemFormRef.value.setFieldsValue(record);
+  }
+  // 重置表单数据
+  async function resetFields() {
+    await systemFormRef.value.resetFields();
+  }
+  //  设置表单数据全部为Disabled  【查看】
+  async function setDisabledForm(isDisabled) {
+    data.formDataProps.schemas = changeSchemaDisabled(cloneDeep(data.formDataProps.schemas),isDisabled);
+  }
+  // 获取行键值
+  function getRowKey() {
+    return RowKey;
+  }
+  // 更新api表单数据
+  async function update({ values, rowId }) {
+    try {
+      values[RowKey] = rowId;
+      state.formModel = values;
+      let saveVal = await updateLngBStationLng(values);
+      await submitFormEvent(customFormEventConfigs, state.formModel,
+        systemFormRef.value,
+        formProps.schemas); //表单事件：提交表单
+      return saveVal;
+    } catch (error) {}
+  }
+  // 新增api表单数据
+  async function add(values) {
+    try {
+      state.formModel = values;
+      let saveVal = await addLngBStationLng(values);
+      await submitFormEvent(customFormEventConfigs, state.formModel,
+        systemFormRef.value,
+        formProps.schemas); //表单事件：提交表单
+      return saveVal;
+    } catch (error) {}
+  }
+  // 根据工作流页面权限，设置表单属性（必填，禁用，显示）
+  async function setWorkFlowForm(obj: WorkFlowFormParams) {
+    try {
+      const cloneProps=cloneDeep(formProps);
+      customFormEventConfigs=cloneDeep(formEventConfigs);
+      if (formConfig.useCustomConfig) {
+        const parts = obj.formConfigKey.split('_');
+        const formId=parts[1];
+        cloneProps.schemas=await mergeFormSchemas({formSchema:cloneProps.schemas!,formId:formId});
+        customFormEventConfigs=await mergeFormEventConfigs({formEventConfigs:customFormEventConfigs,formId:formId});
+      }
+      
+      let flowData = changeWorkFlowForm(cloneProps, obj);
+      let { buildOptionJson, uploadComponentIds, formModels, isViewProcess } = flowData;
+      data.formDataProps = buildOptionJson;
+      emits('changeUploadComponentIds', uploadComponentIds); //工作流中必须保存上传组件id【附件汇总需要】
+      if (isViewProcess) {
+        setDisabledForm(); //查看
+      }
+      state.formModel = formModels;
+      if(formModels[RowKey]) {
+        setFormDataFromId(formModels[RowKey], false)
+      } else {
+        setFieldsValue(formModels)
+      }
+    } catch (error) {}
+    await createFormEvent(customFormEventConfigs, state.formModel,
+      systemFormRef.value,
+      formProps.schemas); //表单事件：初始化表单
+    await loadFormEvent(customFormEventConfigs, state.formModel,
+      systemFormRef.value,
+      formProps.schemas); //表单事件：加载表单
+  }
+  function getFormModel() {
+      return systemFormRef.value.formModel
+  }
+  async function handleDelete(id) {
+      return await deleteLngBStationLng([id]);
+  }
+  defineExpose({
+    setFieldsValue,
+    resetFields,
+    validate,
+    add,
+    update,
+    setFormDataFromId,
+    setDisabledForm,
+    setMenuPermission,
+    setWorkFlowForm,
+    getRowKey,
+    getFormModel,
+    handleDelete
+  });
+</script>

src/views/mdm/LNGStation/components/LNGStationModal.vue

@@ -0,0 +1,108 @@
+<template>
+    <BasicModal v-bind="$attrs" @register="registerModal" :title="getTitle" @ok="handleSubmit" @cancel="handleClose" :paddingRight="15" :bodyStyle="{ minHeight: '400px !important' }">
+        <ModalForm ref="formRef" :fromPage="FromPageType.MENU" />
+    </BasicModal>
+</template>
+<script lang="ts" setup>
+    import { ref, computed, reactive } from 'vue';
+    import { BasicModal, useModalInner } from '/@/components/Modal';
+    import { useMessage } from '/@/hooks/web/useMessage';
+    import { useI18n } from '/@/hooks/web/useI18n';
+    import { formProps } from './config';
+    import ModalForm from './Form.vue';
+    import { FromPageType } from '/@/enums/workflowEnum';
+
+    const emit = defineEmits(['success', 'register']);
+
+    const { notification } = useMessage();
+    const formRef = ref();
+    const state = reactive({
+        formModel: {},
+        isUpdate: true,
+        isView: false,
+        isCopy: false,
+        rowId: ''
+    });
+
+    const { t } = useI18n();
+    const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+        state.isUpdate = !!data?.isUpdate;
+        state.isView = !!data?.isView;
+        state.isCopy = !!data?.isCopy;
+
+        setModalProps({
+            destroyOnClose: true,
+            maskClosable: false,
+            showCancelBtn: !state.isView,
+            showOkBtn: !state.isView,
+            canFullscreen: true,
+            width: 900
+        });
+        if (state.isUpdate || state.isView || state.isCopy) {
+            state.rowId = data.id;
+            if (state.isView) {
+                await formRef.value.setDisabledForm();
+            }
+            await formRef.value.setFormDataFromId(state.rowId);
+        } else {
+            formRef.value.resetFields();
+        }
+    });
+
+    const getTitle = computed(() => (state.isView ? '查看' : !state.isUpdate ? '新增' : '编辑'));
+
+    async function saveModal() {
+        let saveSuccess = false;
+        try {
+            const values = await formRef.value?.validate();
+            //添加隐藏组件
+            if (formProps.hiddenComponent?.length) {
+                formProps.hiddenComponent.forEach((component) => {
+                    values[component.bindField] = component.value;
+                });
+            }
+            if (values !== false) {
+                try {
+                    if (!state.isUpdate || state.isCopy) {
+                        saveSuccess = await formRef.value.add(values);
+                    } else {
+                        saveSuccess = await formRef.value.update({ values, rowId: state.rowId });
+                    }
+                    return saveSuccess;
+                } catch (error) {}
+            }
+        } catch (error) {
+            return saveSuccess;
+        }
+    }
+
+    async function handleSubmit() {
+        try {
+            const saveSuccess = await saveModal();
+            setModalProps({ confirmLoading: true });
+            if (saveSuccess) {
+                if (!state.isUpdate || state.isCopy) {
+                    //false 新增
+                    notification.success({
+                        message: 'Tip',
+                        description: t('新增成功！')
+                    }); //提示消息
+                } else {
+                    notification.success({
+                        message: 'Tip',
+                        description: t('修改成功！')
+                    }); //提示消息
+                }
+                closeModal();
+                formRef.value.resetFields();
+                emit('success');
+            }
+        } finally {
+            setModalProps({ confirmLoading: false });
+        }
+    }
+
+    function handleClose() {
+        formRef.value.resetFields();
+    }
+</script>

src/views/mdm/LNGStation/components/config.ts

@@ -0,0 +1,656 @@
+import { FormProps, FormSchema } from '/@/components/Form';
+import { BasicColumn } from '/@/components/Table';
+
+export const formConfig = {
+    useCustomConfig: false
+};
+
+export const searchFormSchema: FormSchema[] = [
+    {
+        field: 'fullName',
+        label: '名称',
+        component: 'Input'
+    },
+    {
+        field: 'valid',
+        label: '有效标志',
+        component: 'XjrSelect',
+        componentProps: {
+            datasourceType: 'dic',
+            params: { itemId: '1978057078528327681' },
+            labelField: 'name',
+            valueField: 'value',
+
+            getPopupContainer: () => document.body
+        }
+    }
+];
+
+export const columns: BasicColumn[] = [
+    {
+        dataIndex: 'code',
+        title: '编码',
+        componentType: 'input',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'fullName',
+        title: '名称',
+        componentType: 'input',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'enterprise',
+        title: '所属企业',
+        componentType: 'input',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'contact',
+        title: '联系人',
+        componentType: 'input',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'tel',
+        title: '电话',
+        componentType: 'input',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'email',
+        title: '邮箱',
+        componentType: 'input',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'valid',
+        title: '有效标志',
+        componentType: 'select',
+        align: 'left',
+
+        sorter: true
+    }
+];
+//表单事件
+export const formEventConfigs = {
+    0: [
+        {
+            type: 'circle',
+            color: '#2774ff',
+            text: '开始节点',
+            icon: '#icon-kaishi',
+            bgcColor: '#D8E5FF',
+            isUserDefined: false
+        },
+        {
+            color: '#F6AB01',
+            icon: '#icon-chushihua',
+            text: '初始化表单',
+            bgcColor: '#f9f5ea',
+            isUserDefined: false,
+            nodeInfo: { processEvent: [] }
+        }
+    ],
+    1: [
+        {
+            color: '#B36EDB',
+            icon: '#icon-shujufenxi',
+            text: '获取表单数据',
+            detail: '(新增无此操作)',
+            bgcColor: '#F8F2FC',
+            isUserDefined: false,
+            nodeInfo: { processEvent: [] }
+        }
+    ],
+    2: [
+        {
+            color: '#F8625C',
+            icon: '#icon-jiazai',
+            text: '加载表单',
+            bgcColor: '#FFF1F1',
+            isUserDefined: false,
+            nodeInfo: { processEvent: [] }
+        }
+    ],
+    3: [
+        {
+            color: '#6C6AE0',
+            icon: '#icon-jsontijiao',
+            text: '提交表单',
+            bgcColor: '#F5F4FF',
+            isUserDefined: false,
+            nodeInfo: { processEvent: [] }
+        }
+    ],
+    4: [
+        {
+            type: 'circle',
+            color: '#F8625C',
+            text: '结束节点',
+            icon: '#icon-jieshuzhiliao',
+            bgcColor: '#FFD6D6',
+            isLast: true,
+            isUserDefined: false
+        }
+    ]
+};
+export const formProps: FormProps = {
+    labelCol: { span: 3, offset: 0 },
+    labelAlign: 'right',
+    layout: 'horizontal',
+    size: 'default',
+    schemas: [
+        {
+            key: '6e1b995f3d4c45c79288cee66ce5308d',
+            field: 'code',
+            label: '编码',
+            type: 'input',
+            component: 'Input',
+            colProps: { span: 24 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请输入编码',
+                maxlength: null,
+                prefix: '',
+                suffix: '',
+                addonBefore: '',
+                addonAfter: '',
+                disabled: true,
+                allowClear: false,
+                showLabel: true,
+                required: false,
+                rules: [],
+                events: {},
+                isSave: false,
+                isShow: true,
+                scan: false,
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: 'e23fcb9f62104eb284b553403a12ee12',
+            field: 'fullName',
+            label: '名称',
+            type: 'input',
+            component: 'Input',
+            colProps: { span: 8 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请输入名称',
+                maxlength: null,
+                prefix: '',
+                suffix: '',
+                addonBefore: '',
+                addonAfter: '',
+                disabled: false,
+                allowClear: false,
+                showLabel: true,
+                required: true,
+                rules: [],
+                events: {},
+                isSave: false,
+                isShow: true,
+                scan: false,
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: 'd32af84b3fc8443cbef441fc6ce5fc0b',
+            field: 'enterprise',
+            label: '所属企业',
+            type: 'input',
+            component: 'Input',
+            colProps: { span: 8 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请输入所属企业',
+                maxlength: null,
+                prefix: '',
+                suffix: '',
+                addonBefore: '',
+                addonAfter: '',
+                disabled: false,
+                allowClear: false,
+                showLabel: true,
+                required: false,
+                rules: [],
+                events: {},
+                isSave: false,
+                isShow: true,
+                scan: false,
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '5adb1f7560b344d789102d4b0af05b64',
+            field: 'contact',
+            label: '联系人',
+            type: 'input',
+            component: 'Input',
+            colProps: { span: 8 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请输入联系人',
+                maxlength: null,
+                prefix: '',
+                suffix: '',
+                addonBefore: '',
+                addonAfter: '',
+                disabled: false,
+                allowClear: false,
+                showLabel: true,
+                required: false,
+                rules: [],
+                events: {},
+                isSave: false,
+                isShow: true,
+                scan: false,
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: 'a5a825723d8f4789aaea9189a98f792c',
+            field: 'tel',
+            label: '电话',
+            type: 'input',
+            component: 'Input',
+            colProps: { span: 8 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请输入电话',
+                maxlength: null,
+                prefix: '',
+                suffix: '',
+                addonBefore: '',
+                addonAfter: '',
+                disabled: false,
+                allowClear: false,
+                showLabel: true,
+                required: false,
+                rules: [],
+                events: {},
+                isSave: false,
+                isShow: true,
+                scan: false,
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: 'cbdd54bdc1334671904b1c10e064571d',
+            field: 'email',
+            label: '邮箱',
+            type: 'input',
+            component: 'Input',
+            colProps: { span: 8 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请输入邮箱',
+                maxlength: null,
+                prefix: '',
+                suffix: '',
+                addonBefore: '',
+                addonAfter: '',
+                disabled: false,
+                allowClear: false,
+                showLabel: true,
+                required: false,
+                rules: [],
+                events: {},
+                isSave: false,
+                isShow: true,
+                scan: false,
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '1485b829c80a493bb55f37d1c839ccc9',
+            field: 'regionCode',
+            label: '行政区域',
+            type: 'area',
+            component: 'Area',
+            colProps: { span: 8 },
+            componentProps: {
+                width: '100%',
+                span: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请选择行政区域',
+                showLabel: true,
+                disabled: false,
+                allowClear: false,
+                required: false,
+                rules: [],
+                events: {},
+                isShow: true,
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: 'e98223a611784bee9a626acceb1745e8',
+            field: 'addr',
+            label: '地址',
+            type: 'textarea',
+            component: 'InputTextArea',
+            colProps: { span: 24 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: true,
+                placeholder: '请输入地址',
+                maxlength: null,
+                rows: 4,
+                autoSize: false,
+                showCount: false,
+                disabled: false,
+                showLabel: true,
+                allowClear: false,
+                required: false,
+                isShow: true,
+                rules: [],
+                events: {},
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: 'a0e7e0343222424c823d2a3149a0ceb6',
+            field: 'addrMail',
+            label: '通讯地址',
+            type: 'textarea',
+            component: 'InputTextArea',
+            colProps: { span: 24 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: true,
+                placeholder: '请输入通讯地址',
+                maxlength: null,
+                rows: 4,
+                autoSize: false,
+                showCount: false,
+                disabled: false,
+                showLabel: true,
+                allowClear: false,
+                required: false,
+                isShow: true,
+                rules: [],
+                events: {},
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '94d31ed5e9b04033bf33a41d10f2d33b',
+            field: 'ownSign',
+            label: '自有设备标识',
+            type: 'select',
+            component: 'XjrSelect',
+            colProps: { span: 8 },
+            componentProps: {
+                width: '100%',
+                span: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请选择自有设备标识',
+                sepTextField: '',
+                showLabel: true,
+                showSearch: false,
+                clearable: false,
+                disabled: false,
+                mode: '',
+                staticOptions: [
+                    { key: 1, label: 'Option 1', value: 'Option 1' },
+                    { key: 2, label: 'Option 2', value: 'Option 2' },
+                    { key: 3, label: 'Option 3', value: 'Option 3' }
+                ],
+                defaultSelect: null,
+                datasourceType: 'dic',
+                params: { itemId: '1978056598125330433' },
+                labelField: 'name',
+                valueField: 'value',
+                apiConfig: {
+                    path: 'CodeGeneration/selection',
+                    method: 'GET',
+                    apiId: '93d735dcb7364a0f8102188ec4d77ac7'
+                },
+                dicOptions: [],
+                required: true,
+                rules: [],
+                events: {},
+                isShow: true,
+                itemId: '1978056598125330433',
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '136ded020cc84ef4827e0b077b64d24f',
+            field: 'onlineSign',
+            label: '系统直联',
+            type: 'select',
+            component: 'XjrSelect',
+            colProps: { span: 8 },
+            componentProps: {
+                width: '100%',
+                span: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请选择系统直联',
+                sepTextField: '',
+                showLabel: true,
+                showSearch: false,
+                clearable: false,
+                disabled: false,
+                mode: '',
+                staticOptions: [
+                    { key: 1, label: 'Option 1', value: 'Option 1' },
+                    { key: 2, label: 'Option 2', value: 'Option 2' },
+                    { key: 3, label: 'Option 3', value: 'Option 3' }
+                ],
+                defaultSelect: null,
+                datasourceType: 'dic',
+                params: { itemId: '1978056598125330433' },
+                labelField: 'name',
+                valueField: 'value',
+                apiConfig: {
+                    path: 'CodeGeneration/selection',
+                    method: 'GET',
+                    apiId: '93d735dcb7364a0f8102188ec4d77ac7'
+                },
+                dicOptions: [],
+                required: true,
+                rules: [],
+                events: {},
+                isShow: true,
+                itemId: '1978056598125330433',
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '38a1796c62434566ae6de94eb1b5f914',
+            field: 'sort',
+            label: '显示顺序',
+            type: 'number',
+            component: 'InputNumber',
+            colProps: { span: 8 },
+            defaultValue: null,
+            componentProps: {
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                width: '100%',
+                span: '',
+                defaultValue: null,
+                min: null,
+                max: null,
+                step: 1,
+                maxlength: null,
+                disabled: false,
+                showLabel: true,
+                controls: true,
+                required: false,
+                subTotal: false,
+                isShow: true,
+                rules: [],
+                events: {},
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '7c3ac171d20642bcb8f5b079f118b775',
+            field: 'valid',
+            label: '有效标志',
+            type: 'select',
+            component: 'XjrSelect',
+            colProps: { span: 8 },
+            componentProps: {
+                width: '100%',
+                span: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请选择有效标志',
+                sepTextField: '',
+                showLabel: true,
+                showSearch: false,
+                clearable: false,
+                disabled: true,
+                mode: '',
+                staticOptions: [
+                    { key: 1, label: 'Option 1', value: 'Option 1' },
+                    { key: 2, label: 'Option 2', value: 'Option 2' },
+                    { key: 3, label: 'Option 3', value: 'Option 3' }
+                ],
+                defaultSelect: null,
+                datasourceType: 'dic',
+                params: { itemId: '1978057078528327681' },
+                labelField: 'name',
+                valueField: 'value',
+                apiConfig: {
+                    path: 'CodeGeneration/selection',
+                    method: 'GET',
+                    apiId: '93d735dcb7364a0f8102188ec4d77ac7'
+                },
+                dicOptions: [],
+                required: false,
+                rules: [],
+                events: {},
+                isShow: true,
+                itemId: '1978057078528327681',
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '972e6f34ee7d42899f19a9cae558544f',
+            field: 'note',
+            label: '备注',
+            type: 'textarea',
+            component: 'InputTextArea',
+            colProps: { span: 24 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: true,
+                placeholder: '请输入备注',
+                maxlength: null,
+                rows: 4,
+                autoSize: false,
+                showCount: false,
+                disabled: false,
+                showLabel: true,
+                allowClear: false,
+                required: false,
+                isShow: true,
+                rules: [],
+                events: {},
+                style: { width: '100%' }
+            }
+        }
+    ],
+    showActionButtonGroup: false,
+    buttonLocation: 'center',
+    actionColOptions: { span: 24 },
+    showResetButton: false,
+    showSubmitButton: false,
+    hiddenComponent: []
+};

src/views/mdm/LNGStation/components/workflowPermission.ts

@@ -0,0 +1,212 @@
+export const permissionList = [
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '编码',
+    fieldId: 'code',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: '6e1b995f3d4c45c79288cee66ce5308d',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '名称',
+    fieldId: 'fullName',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: 'e23fcb9f62104eb284b553403a12ee12',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '所属企业',
+    fieldId: 'enterprise',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: 'd32af84b3fc8443cbef441fc6ce5fc0b',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '联系人',
+    fieldId: 'contact',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: '5adb1f7560b344d789102d4b0af05b64',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '电话',
+    fieldId: 'tel',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: 'a5a825723d8f4789aaea9189a98f792c',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '邮箱',
+    fieldId: 'email',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: 'cbdd54bdc1334671904b1c10e064571d',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '行政区域',
+    fieldId: 'regionCode',
+    isSubTable: false,
+    showChildren: true,
+    type: 'area',
+    key: '1485b829c80a493bb55f37d1c839ccc9',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '地址',
+    fieldId: 'addr',
+    isSubTable: false,
+    showChildren: true,
+    type: 'textarea',
+    key: 'e98223a611784bee9a626acceb1745e8',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '通讯地址',
+    fieldId: 'addrMail',
+    isSubTable: false,
+    showChildren: true,
+    type: 'textarea',
+    key: 'a0e7e0343222424c823d2a3149a0ceb6',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '自有设备标识',
+    fieldId: 'ownSign',
+    isSubTable: false,
+    showChildren: true,
+    type: 'select',
+    key: '94d31ed5e9b04033bf33a41d10f2d33b',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '系统直联',
+    fieldId: 'onlineSign',
+    isSubTable: false,
+    showChildren: true,
+    type: 'select',
+    key: '136ded020cc84ef4827e0b077b64d24f',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '显示顺序',
+    fieldId: 'sort',
+    isSubTable: false,
+    showChildren: true,
+    type: 'number',
+    key: '38a1796c62434566ae6de94eb1b5f914',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '有效标志',
+    fieldId: 'valid',
+    isSubTable: false,
+    showChildren: true,
+    type: 'select',
+    key: '7c3ac171d20642bcb8f5b079f118b775',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '备注',
+    fieldId: 'note',
+    isSubTable: false,
+    showChildren: true,
+    type: 'textarea',
+    key: '972e6f34ee7d42899f19a9cae558544f',
+    children: [],
+  },
+];

src/views/mdm/LNGStation/index.vue

@@ -0,0 +1,368 @@
+<template>
+    <PageWrapper dense fixedHeight contentFullHeight contentClass="flex">
+        <BasicTable @register="registerTable" ref="tableRef" @row-db-click="dbClickRow" @selection-change="selectionChange">
+            <template #toolbar>
+                <template v-for="button in tableButtonConfig" :key="button.code">
+                    <a-button v-if="button.isDefault" :type="button.type" @click="buttonClick(button.code)">
+                        <template #icon><Icon :icon="button.icon" /></template>
+                        {{ button.name }}
+                    </a-button>
+                    <a-button v-else :type="button.type">
+                        <template #icon><Icon :icon="button.icon" /></template>
+                        {{ button.name }}
+                    </a-button>
+                </template>
+            </template>
+            <template #bodyCell="{ column, record }">
+                <template v-if="column.dataIndex === 'action'">
+                    <TableAction :actions="getActions(record)" />
+                </template>
+            </template>
+        </BasicTable>
+        <LngStationModal @register="registerModal" @success="handleSuccess" />
+        <DataLog :logId="logId" :logPath="logPath" v-model:visible="modalVisible" />
+    </PageWrapper>
+</template>
+<script lang="ts" setup>
+    import { ref, computed, onMounted, onUnmounted, createVNode } from 'vue';
+
+    import { Modal } from 'ant-design-vue';
+    import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+    import { BasicTable, useTable, TableAction, ActionItem } from '/@/components/Table';
+    import { getLngBStationLngPage, deleteLngBStationLng, enableLngBStationLng, disableLngBStationLng } from '/@/api/mdm/LNGStation';
+    import { PageWrapper } from '/@/components/Page';
+    import { useMessage } from '/@/hooks/web/useMessage';
+    import { useI18n } from '/@/hooks/web/useI18n';
+    import { usePermission } from '/@/hooks/web/usePermission';
+    import { useFormConfig } from '/@/hooks/web/useFormConfig';
+    import { useRouter } from 'vue-router';
+    import { setIndexFlowStatus } from '/@/utils/flow/index';
+    import { getLngBStationLng } from '/@/api/mdm/LNGStation';
+    import { useModal } from '/@/components/Modal';
+    import LngStationModal from './components/LngStationModal.vue';
+    import { formConfig, searchFormSchema, columns } from './components/config';
+    import Icon from '/@/components/Icon/index';
+    import useEventBus from '/@/hooks/event/useEventBus';
+    import { cloneDeep } from 'lodash-es';
+    import { DataLog } from '/@/components/pcitc';
+    const modalVisible = ref(false);
+    const logId = ref('');
+    const logPath = ref('/mdm/lNGStation/datalog');
+
+    const { bus, CREATE_FLOW, FLOW_PROCESSED, FORM_LIST_MODIFIED } = useEventBus();
+
+    const { notification } = useMessage();
+    const { t } = useI18n();
+    defineEmits(['register']);
+    const { filterColumnAuth, filterButtonAuth } = usePermission();
+    const { mergeColumns, mergeSearchFormSchema, mergeButtons } = useFormConfig();
+
+    const filterColumns = cloneDeep(filterColumnAuth(columns));
+    const customConfigColums = ref(filterColumns);
+    const customSearchFormSchema = ref(searchFormSchema);
+
+    const tableRef = ref();
+    //所有按钮
+    const buttons = ref([
+        { isUse: true, name: '新增', code: 'add', icon: 'ant-design:plus-outlined', isDefault: true, type: 'primary' },
+        { isUse: true, name: '编辑', code: 'edit', icon: 'ant-design:form-outlined', isDefault: true },
+        { isUse: true, name: '启用', code: 'enable', icon: 'ant-design:form-outlined', isDefault: true, type: 'primary' },
+        { isUse: true, name: '作废', code: 'disable', icon: 'ant-design:stop-outlined', isDefault: true, type: 'dashed' },
+        { isUse: true, name: '刷新', code: 'refresh', icon: 'ant-design:reload-outlined', isDefault: true },
+        { isUse: true, name: '查看', code: 'view', icon: 'ant-design:eye-outlined', isDefault: true },
+        { isUse: true, name: '数据日志', code: 'datalog', icon: 'ant-design:profile-outlined', isDefault: true },
+        { isUse: true, name: '删除', code: 'delete', icon: 'ant-design:delete-outlined', isDefault: true }
+    ]);
+    //展示在列表内的按钮
+    const actionButtons = ref<string[]>(['view', 'edit', 'datalog', 'copyData', 'delete', 'startwork', 'flowRecord']);
+    const buttonConfigs = computed(() => {
+        return filterButtonAuth(buttons.value);
+    });
+
+    const tableButtonConfig = computed(() => {
+        return buttonConfigs.value?.filter((x) => !actionButtons.value.includes(x.code));
+    });
+
+    const actionButtonConfig = computed(() => {
+        return buttonConfigs.value?.filter((x) => actionButtons.value.includes(x.code));
+    });
+
+    const btnEvent = { add: handleAdd, edit: handleEdit, enable: handleEnable, disable: handleDisable, refresh: handleRefresh, view: handleView, datalog: handleDatalog, delete: handleDelete };
+    const selectedKeys = ref([]);
+
+    const { currentRoute } = useRouter();
+    const router = useRouter();
+    const formIdComputedRef = ref();
+    formIdComputedRef.value = currentRoute.value.meta.formId;
+    const schemaIdComputedRef = ref();
+    schemaIdComputedRef.value = currentRoute.value.meta.schemaId;
+    const [registerModal, { openModal }] = useModal();
+    const formName = 'LNG气源地';
+    const [registerTable, { reload }] = useTable({
+        title: '' || formName + '列表',
+        api: getLngBStationLngPage,
+        rowKey: 'id',
+        columns: customConfigColums,
+        formConfig: {
+            rowProps: {
+                gutter: 16
+            },
+            schemas: customSearchFormSchema,
+            fieldMapToTime: [],
+            showResetButton: false
+        },
+        beforeFetch: (params) => {
+            return { ...params, FormId: formIdComputedRef.value, PK: 'id' };
+        },
+        afterFetch: (res) => {
+            tableRef.value.setToolBarWidth();
+        },
+        useSearchForm: true,
+        showTableSetting: true,
+        rowSelection: {
+            type: 'checkbox'
+        },
+        striped: false,
+        actionColumn: {
+            width: 160,
+            title: '操作',
+            dataIndex: 'action',
+            slots: { customRender: 'action' }
+        },
+        tableSetting: {
+            size: false,
+            setting: false
+        }
+    });
+
+    function dbClickRow(record) {
+        if (!actionButtonConfig?.value.some((element) => element.code == 'view')) {
+            return;
+        }
+        const { processId, taskIds, schemaId } = record.workflowData || {};
+        if (taskIds && taskIds.length) {
+            router.push({
+                path: '/flow/' + schemaId + '/' + (processId || '') + '/approveFlow',
+                query: {
+                    taskId: taskIds[0],
+                    formName: formName,
+                    formId: currentRoute.value.meta.formId
+                }
+            });
+        } else if (schemaId && !taskIds && processId) {
+            router.push({
+                path: '/flow/' + schemaId + '/' + processId + '/approveFlow',
+                query: {
+                    readonly: 1,
+                    taskId: '',
+                    formName: formName,
+                    formId: currentRoute.value.meta.formId
+                }
+            });
+        } else {
+            router.push({
+                path: '/form/LNGStation/' + record.id + '/viewForm',
+                query: {
+                    formPath: 'mdm/LNGStation',
+                    formName: formName,
+                    formId: currentRoute.value.meta.formId
+                }
+            });
+        }
+    }
+
+    function selectionChange(selected) {
+        selectedKeys.value = selected.keys;
+    }
+
+    function buttonClick(code) {
+        btnEvent[code]();
+    }
+    function handleDatalog(record: Recordable) {
+        modalVisible.value = true;
+        logId.value = record.id;
+    }
+
+    function handleAdd() {
+        if (schemaIdComputedRef.value) {
+            router.push({
+                path: '/flow/' + schemaIdComputedRef.value + '/0/createFlow'
+            });
+        } else {
+            router.push({
+                path: '/form/LNGStation/0/createForm',
+                query: {
+                    formPath: 'mdm/LNGStation',
+                    formName: formName,
+                    formId: currentRoute.value.meta.formId
+                }
+            });
+        }
+    }
+
+    function handleEdit(record: Recordable) {
+        router.push({
+            path: '/form/LNGStation/' + record.id + '/updateForm',
+            query: {
+                formPath: 'mdm/LNGStation',
+                formName: formName,
+                formId: currentRoute.value.meta.formId
+            }
+        });
+    }
+    function handleDelete(record: Recordable) {
+        deleteList([record.id]);
+    }
+
+    function handleEnable() {
+        if (!selectedKeys.value.length) {
+            notification.warning({
+                message: 'Tip',
+                description: t('请选择需要启用的数据')
+            });
+            return;
+        }
+
+        let ids = selectedKeys.value;
+        Modal.confirm({
+            title: '提示信息',
+            icon: createVNode(ExclamationCircleOutlined),
+            content: '是否确认启用？',
+            okText: '确认',
+            cancelText: '取消',
+            onOk() {
+                enableLngBStationLng(ids).then((_) => {
+                    handleSuccess();
+                    notification.success({
+                        message: 'Tip',
+                        description: t('启用成功！')
+                    });
+                });
+            },
+            onCancel() {}
+        });
+    }
+    function handleDisable() {
+        if (!selectedKeys.value.length) {
+            notification.warning({
+                message: 'Tip',
+                description: t('请选择需要禁用的数据')
+            });
+            return;
+        }
+        let ids = selectedKeys.value;
+        Modal.confirm({
+            title: '提示信息',
+            icon: createVNode(ExclamationCircleOutlined),
+            content: '是否确认禁用？',
+            okText: '确认',
+            cancelText: '取消',
+            onOk() {
+                disableLngBStationLng(ids).then((_) => {
+                    handleSuccess();
+                    notification.success({
+                        message: 'Tip',
+                        description: t('禁用成功！')
+                    });
+                });
+            },
+            onCancel() {}
+        });
+    }
+    function deleteList(ids) {
+        Modal.confirm({
+            title: '提示信息',
+            icon: createVNode(ExclamationCircleOutlined),
+            content: '是否确认删除？',
+            okText: '确认',
+            cancelText: '取消',
+            onOk() {
+                deleteLngBStationLng(ids).then((_) => {
+                    handleSuccess();
+                    notification.success({
+                        message: 'Tip',
+                        description: t('删除成功！')
+                    });
+                });
+            },
+            onCancel() {}
+        });
+    }
+    function handleRefresh() {
+        reload();
+    }
+    function handleSuccess() {
+        reload();
+    }
+
+    function handleView(record: Recordable) {
+        dbClickRow(record);
+    }
+    onMounted(() => {
+        if (schemaIdComputedRef.value) {
+            bus.on(FLOW_PROCESSED, handleRefresh);
+            bus.on(CREATE_FLOW, handleRefresh);
+        } else {
+            bus.on(FORM_LIST_MODIFIED, handleRefresh);
+        }
+
+        // 合并渲染覆盖配置中的列表配置，包括展示字段配置、搜索字段配置、按钮配置
+        mergeCustomListRenderConfig();
+    });
+    onUnmounted(() => {
+        if (schemaIdComputedRef.value) {
+            bus.off(FLOW_PROCESSED, handleRefresh);
+            bus.off(CREATE_FLOW, handleRefresh);
+        } else {
+            bus.off(FORM_LIST_MODIFIED, handleRefresh);
+        }
+    });
+    function getActions(record: Recordable): ActionItem[] {
+        const actionsList: ActionItem[] = actionButtonConfig.value?.map((button) => {
+            if (!record.workflowData?.processId) {
+                return {
+                    icon: button?.icon,
+                    tooltip: button?.name,
+                    color: button.code === 'delete' ? 'error' : undefined,
+                    onClick: btnEvent[button.code].bind(null, record)
+                };
+            } else {
+                if (button.code === 'view') {
+                    return {
+                        icon: button?.icon,
+                        tooltip: button?.name,
+                        onClick: btnEvent[button.code].bind(null, record)
+                    };
+                } else {
+                    return {};
+                }
+            }
+        });
+        return actionsList;
+    }
+    async function mergeCustomListRenderConfig() {
+        if (formConfig.useCustomConfig) {
+            let formId = currentRoute.value.meta.formId;
+            //1.合并展示字段配置
+            let cols = await mergeColumns(customConfigColums.value, formId);
+            customConfigColums.value = cols;
+            //2.合并搜索字段配置
+            let sFormSchema = await mergeSearchFormSchema(customSearchFormSchema.value, formId);
+            customSearchFormSchema.value = sFormSchema;
+            //3.合并按钮配置
+            let btns = await mergeButtons(buttons.value, formId);
+            buttons.value = btns;
+        }
+    }
+</script>
+<style lang="less" scoped>
+    :deep(.ant-table-selection-col) {
+        width: 50px;
+    }
+    .show {
+        display: flex;
+    }
+    .hide {
+        display: none !important;
+    }
+</style>

src/views/mdm/PipeGasDownloadPoint/components/Form.vue

@@ -0,0 +1,224 @@
+<template>
+  <SimpleForm
+    ref="systemFormRef"
+    :formProps="data.formDataProps"
+    :formModel="{}"
+    :isWorkFlow="props.fromPage!=FromPageType.MENU"
+  />
+</template>
+<script lang="ts" setup>
+  import { reactive, ref,onBeforeMount,onMounted } from 'vue';
+  import { formProps, formEventConfigs ,formConfig} from './config';
+  import SimpleForm from '/@/components/SimpleForm/src/SimpleForm.vue';
+  import { addLngBStationPng, getLngBStationPng, updateLngBStationPng, deleteLngBStationPng } from '/@/api/mdm/PipeGasDownloadPoint';
+  import { cloneDeep } from 'lodash-es';
+  import { FormDataProps } from '/@/components/Designer/src/types';
+  import { usePermission } from '/@/hooks/web/usePermission';
+  import { useFormConfig } from '/@/hooks/web/useFormConfig';
+  import { FromPageType } from '/@/enums/workflowEnum';
+  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 { mergeFormSchemas,mergeFormEventConfigs } = useFormConfig();
+  const { currentRoute } = useRouter();
+
+  const RowKey = 'id';
+  const emits = defineEmits(['changeUploadComponentIds','loadingCompleted', 'form-mounted']);
+  const props = defineProps({
+    fromPage: {
+      type: Number,
+      default: FromPageType.MENU,
+    },
+  });
+  const systemFormRef = ref();
+  const data: { formDataProps: FormDataProps } = reactive({
+    formDataProps: {schemas:[]} as FormDataProps,
+  });
+  const state = reactive({
+    formModel: {},
+  });
+  
+  let customFormEventConfigs=[];
+  
+  onMounted(async () => {
+    try {
+      // 合并渲染覆盖配置中的字段配置、表单事件配置
+      await mergeCustomFormRenderConfig();
+      
+      if (props.fromPage == FromPageType.MENU) {
+        setMenuPermission();
+        await createFormEvent(customFormEventConfigs, state.formModel,
+          systemFormRef.value,
+          formProps.schemas); //表单事件：初始化表单
+        await loadFormEvent(customFormEventConfigs, state.formModel,
+          systemFormRef.value,
+          formProps.schemas); //表单事件：加载表单
+      } else if (props.fromPage == FromPageType.FLOW) {
+        emits('loadingCompleted'); //告诉系统表单已经加载完毕
+        // loadingCompleted后 工作流页面直接利用Ref调用setWorkFlowForm方法
+      } else if (props.fromPage == FromPageType.PREVIEW) {
+        // 预览 无需权限，表单事件也无需执行
+      } else if (props.fromPage == FromPageType.DESKTOP) {
+        // 桌面设计 表单事件需要执行
+        emits('loadingCompleted'); //告诉系统表单已经加载完毕
+        await createFormEvent(customFormEventConfigs, state.formModel,
+          systemFormRef.value,
+          formProps.schemas); //表单事件：初始化表单
+        await loadFormEvent(customFormEventConfigs, state.formModel,
+          systemFormRef.value,
+          formProps.schemas); //表单事件：加载表单
+      }
+      emits('form-mounted', formProps);
+    } catch (error) {
+
+    }
+  });
+  
+
+  async function mergeCustomFormRenderConfig() {
+     let cloneProps=cloneDeep(formProps);
+     let fEventConfigs=cloneDeep(formEventConfigs);
+      if (formConfig.useCustomConfig) {
+         if(props.fromPage !== FromPageType.FLOW){
+              let formPath=currentRoute.value.query.formPath;
+              //1.合并字段配置
+              cloneProps.schemas=await mergeFormSchemas({formSchema:cloneProps.schemas!,formPath:formPath});
+              //2.合并表单事件配置
+              fEventConfigs=await mergeFormEventConfigs({formEventConfigs:fEventConfigs,formPath:formPath});
+         }
+      }
+     data.formDataProps=cloneProps;
+     customFormEventConfigs=fEventConfigs;
+  }
+  
+  // 根据菜单页面权限，设置表单属性（必填，禁用，显示）
+  function setMenuPermission() {
+    data.formDataProps.schemas = filterFormSchemaAuth(data.formDataProps.schemas!);
+  }
+
+  // 校验form 通过返回表单数据
+  async function validate() {
+    let values = [];
+    try {
+      values = await systemFormRef.value?.validate();
+      //添加隐藏组件
+      if (data.formDataProps.hiddenComponent?.length) {
+        data.formDataProps.hiddenComponent.forEach((component) => {
+          values[component.bindField] = component.value;
+        });
+      }
+    } finally {
+    }
+    return values;
+  }
+  // 根据行唯一ID查询行数据，并设置表单数据   【编辑】
+  async function setFormDataFromId(rowId, skipUpdate) {
+    try {
+      const record = await getLngBStationPng(rowId);
+      if (skipUpdate) {
+          return record;
+      }
+      setFieldsValue(record);
+      state.formModel = record;
+      await getFormDataEvent(customFormEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：获取表单数据
+      return record;  
+    } catch (error) {
+
+    }
+  }
+  // 辅助设置表单数据
+  function setFieldsValue(record) {
+    systemFormRef.value.setFieldsValue(record);
+  }
+  // 重置表单数据
+  async function resetFields() {
+    await systemFormRef.value.resetFields();
+  }
+  //  设置表单数据全部为Disabled  【查看】
+  async function setDisabledForm(isDisabled) {
+    data.formDataProps.schemas = changeSchemaDisabled(cloneDeep(data.formDataProps.schemas),isDisabled);
+  }
+  // 获取行键值
+  function getRowKey() {
+    return RowKey;
+  }
+  // 更新api表单数据
+  async function update({ values, rowId }) {
+    try {
+      values[RowKey] = rowId;
+      state.formModel = values;
+      let saveVal = await updateLngBStationPng(values);
+      await submitFormEvent(customFormEventConfigs, state.formModel,
+        systemFormRef.value,
+        formProps.schemas); //表单事件：提交表单
+      return saveVal;
+    } catch (error) {}
+  }
+  // 新增api表单数据
+  async function add(values) {
+    try {
+      state.formModel = values;
+      let saveVal = await addLngBStationPng(values);
+      await submitFormEvent(customFormEventConfigs, state.formModel,
+        systemFormRef.value,
+        formProps.schemas); //表单事件：提交表单
+      return saveVal;
+    } catch (error) {}
+  }
+  // 根据工作流页面权限，设置表单属性（必填，禁用，显示）
+  async function setWorkFlowForm(obj: WorkFlowFormParams) {
+    try {
+      const cloneProps=cloneDeep(formProps);
+      customFormEventConfigs=cloneDeep(formEventConfigs);
+      if (formConfig.useCustomConfig) {
+        const parts = obj.formConfigKey.split('_');
+        const formId=parts[1];
+        cloneProps.schemas=await mergeFormSchemas({formSchema:cloneProps.schemas!,formId:formId});
+        customFormEventConfigs=await mergeFormEventConfigs({formEventConfigs:customFormEventConfigs,formId:formId});
+      }
+      
+      let flowData = changeWorkFlowForm(cloneProps, obj);
+      let { buildOptionJson, uploadComponentIds, formModels, isViewProcess } = flowData;
+      data.formDataProps = buildOptionJson;
+      emits('changeUploadComponentIds', uploadComponentIds); //工作流中必须保存上传组件id【附件汇总需要】
+      if (isViewProcess) {
+        setDisabledForm(); //查看
+      }
+      state.formModel = formModels;
+      if(formModels[RowKey]) {
+        setFormDataFromId(formModels[RowKey], false)
+      } else {
+        setFieldsValue(formModels)
+      }
+    } catch (error) {}
+    await createFormEvent(customFormEventConfigs, state.formModel,
+      systemFormRef.value,
+      formProps.schemas); //表单事件：初始化表单
+    await loadFormEvent(customFormEventConfigs, state.formModel,
+      systemFormRef.value,
+      formProps.schemas); //表单事件：加载表单
+  }
+  function getFormModel() {
+      return systemFormRef.value.formModel
+  }
+  async function handleDelete(id) {
+      return await deleteLngBStationPng([id]);
+  }
+  defineExpose({
+    setFieldsValue,
+    resetFields,
+    validate,
+    add,
+    update,
+    setFormDataFromId,
+    setDisabledForm,
+    setMenuPermission,
+    setWorkFlowForm,
+    getRowKey,
+    getFormModel,
+    handleDelete
+  });
+</script>

src/views/mdm/PipeGasDownloadPoint/components/PipeGasDownloadPointModal.vue

@@ -0,0 +1,110 @@
+<template>
+
+    <BasicModal v-bind="$attrs" @register="registerModal" :title="getTitle" @ok="handleSubmit" @cancel="handleClose" :paddingRight="15" :bodyStyle="{ minHeight: '400px !important' }">
+      <ModalForm ref="formRef" :fromPage="FromPageType.MENU" />
+    </BasicModal>
+
+</template>
+<script lang="ts" setup>
+  import { ref, computed, reactive } from 'vue';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { useI18n } from '/@/hooks/web/useI18n';
+  import { formProps } from './config';
+  import ModalForm from './Form.vue';
+  import { FromPageType } from '/@/enums/workflowEnum';
+
+  const emit = defineEmits(['success', 'register']);
+
+  const { notification } = useMessage();
+  const formRef = ref();
+  const state = reactive({
+    formModel: {},
+    isUpdate: true,
+    isView: false,
+    isCopy: false,
+    rowId: '',
+  });
+
+  const { t } = useI18n();
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    state.isUpdate = !!data?.isUpdate;
+    state.isView = !!data?.isView;
+    state.isCopy = !!data?.isCopy;
+
+    setModalProps({
+      destroyOnClose: true,
+      maskClosable: false,
+      showCancelBtn: !state.isView,
+      showOkBtn: !state.isView,
+      canFullscreen: true,
+      width: 900,
+    });
+    if (state.isUpdate || state.isView || state.isCopy) {
+      state.rowId = data.id;
+      if (state.isView) {
+        await formRef.value.setDisabledForm();
+      }
+      await formRef.value.setFormDataFromId(state.rowId);
+    } else {
+      formRef.value.resetFields();
+    }
+  });
+
+  const getTitle = computed(() => (state.isView ? '查看' : !state.isUpdate ? '新增' : '编辑'));
+
+  async function saveModal() {
+    let saveSuccess = false;
+    try {
+      const values = await formRef.value?.validate();
+      //添加隐藏组件
+      if (formProps.hiddenComponent?.length) {
+        formProps.hiddenComponent.forEach((component) => {
+          values[component.bindField] = component.value;
+        });
+      }
+      if (values !== false) {
+        try {
+          if (!state.isUpdate || state.isCopy) {
+            saveSuccess = await formRef.value.add(values);
+          } else {
+            saveSuccess = await formRef.value.update({ values, rowId: state.rowId });
+          }
+          return saveSuccess;
+        } catch (error) {}
+      }
+    } catch (error) {
+      return saveSuccess;
+    }
+  }
+
+  async function handleSubmit() {
+    try {
+      const saveSuccess = await saveModal();
+      setModalProps({ confirmLoading: true });
+      if (saveSuccess) {
+        if (!state.isUpdate || state.isCopy) {
+          //false 新增
+          notification.success({
+            message: 'Tip',
+            description: t('新增成功！'),
+          }); //提示消息
+        } else {
+          notification.success({
+            message: 'Tip',
+            description: t('修改成功！'),
+          }); //提示消息
+        }
+        closeModal();
+        formRef.value.resetFields();
+        emit('success');
+      }
+    } finally {
+      setModalProps({ confirmLoading: false });
+    }
+  }
+    
+  function handleClose() {
+    formRef.value.resetFields();
+  }
+</script>

src/views/mdm/PipeGasDownloadPoint/components/config.ts

@@ -0,0 +1,954 @@
+import { FormProps, FormSchema } from '/@/components/Form';
+import { BasicColumn } from '/@/components/Table';
+
+export const formConfig = {
+  useCustomConfig: false,
+};
+
+export const searchFormSchema: FormSchema[] = [
+  
+  {
+    field: 'fullName',
+    label: '名称',
+    component: 'Input',
+  },
+  {
+    field: 'valid',
+    label: '有效标识',
+    component: 'XjrSelect',
+    componentProps: {
+      datasourceType: 'dic',
+      params: { itemId: '1978057078528327681' },
+      labelField: 'name',
+      valueField: 'value',
+
+      getPopupContainer: () => document.body,
+    },
+  },
+  // {
+  //   field: 'code',
+  //   label: '编码',
+  //   component: 'Input',
+  // },
+  // {
+  //   field: 'pipelineCode',
+  //   label: '管道',
+  //   component: 'Input',
+  // },
+  // {
+  //   field: 'enterprise',
+  //   label: '所属企业',
+  //   component: 'Input',
+  // },
+  // {
+  //   field: 'contact',
+  //   label: '联系人',
+  //   component: 'Input',
+  // },
+  // {
+  //   field: 'tel',
+  //   label: '电话',
+  //   component: 'Input',
+  // },
+  // {
+  //   field: 'email',
+  //   label: '邮箱',
+  //   component: 'Input',
+  // },
+  // {
+  //   field: 'regionCode',
+  //   label: '行政区域',
+  //   component: 'XjrSelect',
+  //   componentProps: {
+  //     datasourceType: 'staticData',
+  //     staticOptions: [
+  //       { key: 1, label: 'Option 1', value: 'Option 1' },
+  //       { key: 2, label: 'Option 2', value: 'Option 2' },
+  //       { key: 3, label: 'Option 3', value: 'Option 3' },
+  //     ],
+  //     labelField: 'label',
+  //     valueField: 'value',
+
+  //     getPopupContainer: () => document.body,
+  //   },
+  // },
+  // {
+  //   field: 'addr',
+  //   label: '地址',
+  //   component: 'Input',
+  // },
+  // {
+  //   field: 'addrMail',
+  //   label: '通讯地址',
+  //   component: 'Input',
+  // },
+  // {
+  //   field: 'ownSign',
+  //   label: '自有接收站上载点标识',
+  //   component: 'XjrSelect',
+  //   componentProps: {
+  //     datasourceType: 'dic',
+  //     params: { itemId: '1978056598125330433' },
+  //     labelField: 'name',
+  //     valueField: 'value',
+
+  //     getPopupContainer: () => document.body,
+  //   },
+  // },
+  // {
+  //   field: 'staCodeLng',
+  //   label: 'LNG气源地',
+  //   component: 'XjrSelect',
+  //   componentProps: {
+  //     datasourceType: 'staticData',
+  //     staticOptions: [
+  //       { key: 1, label: 'Option 1', value: 'Option 1' },
+  //       { key: 2, label: 'Option 2', value: 'Option 2' },
+  //       { key: 3, label: 'Option 3', value: 'Option 3' },
+  //     ],
+  //     labelField: 'label',
+  //     valueField: 'value',
+
+  //     getPopupContainer: () => document.body,
+  //   },
+  // },
+  // {
+  //   field: 'ownLineSign',
+  //   label: '自有管道沿线下载点标识',
+  //   component: 'XjrSelect',
+  //   componentProps: {
+  //     datasourceType: 'api',
+  //     apiConfig: {
+  //       path: 'CodeGeneration/selection',
+  //       method: 'GET',
+  //       apiId: '93d735dcb7364a0f8102188ec4d77ac7',
+  //     },
+  //     labelField: 'label',
+  //     valueField: 'value',
+
+  //     getPopupContainer: () => document.body,
+  //   },
+  // },
+  // {
+  //   field: 'sort',
+  //   label: '显示顺序',
+  //   component: 'InputNumber',
+  //   componentProps: {
+  //     style: { width: '100%' },
+  //   },
+  // },
+
+  // {
+  //   field: 'note',
+  //   label: '备注',
+  //   component: 'Input',
+  // },
+];
+
+export const columns: BasicColumn[] = [
+  {
+    dataIndex: 'code',
+    title: '编码',
+    componentType: 'input',
+    align: 'left',
+
+    sorter: true,
+  },
+
+  {
+    dataIndex: 'fullName',
+    title: '名称',
+    componentType: 'input',
+    align: 'left',
+
+    sorter: true,
+  },
+
+
+  {
+    dataIndex: 'contact',
+    title: '联系人',
+    componentType: 'input',
+    align: 'left',
+
+    sorter: true,
+  },
+
+  {
+    dataIndex: 'tel',
+    title: '电话',
+    componentType: 'input',
+    align: 'left',
+
+    sorter: true,
+  },
+
+  {
+    dataIndex: 'email',
+    title: '邮箱',
+    componentType: 'input',
+    align: 'left',
+
+    sorter: true,
+  },
+  
+  {
+    dataIndex: 'valid',
+    title: '有效标识',
+    componentType: 'select',
+    align: 'left',
+
+    sorter: true,
+  },
+
+  // {
+  //   dataIndex: 'pipelineCode',
+  //   title: '管道',
+  //   componentType: 'input',
+  //   align: 'left',
+
+  //   sorter: true,
+  // },
+
+  // {
+  //   dataIndex: 'enterprise',
+  //   title: '所属企业',
+  //   componentType: 'input',
+  //   align: 'left',
+
+  //   sorter: true,
+  // },
+
+  // {
+  //   dataIndex: 'addr',
+  //   title: '地址',
+  //   componentType: 'textarea',
+  //   align: 'left',
+
+  //   sorter: true,
+  // },
+
+  // {
+  //   dataIndex: 'addrMail',
+  //   title: '通讯地址',
+  //   componentType: 'textarea',
+  //   align: 'left',
+
+  //   sorter: true,
+  // },
+
+  // {
+  //   dataIndex: 'ownSign',
+  //   title: '自有接收站上载点标识',
+  //   componentType: 'select',
+  //   align: 'left',
+
+  //   sorter: true,
+  // },
+
+  // {
+  //   dataIndex: 'staCodeLng',
+  //   title: 'LNG气源地',
+  //   componentType: 'select',
+  //   align: 'left',
+
+  //   customRender: ({ record }) => {
+  //     const staticOptions = [
+  //       { key: 1, label: 'Option 1', value: 'Option 1' },
+  //       { key: 2, label: 'Option 2', value: 'Option 2' },
+  //       { key: 3, label: 'Option 3', value: 'Option 3' },
+  //     ];
+  //     return staticOptions.filter((x) => x.value === record.staCodeLng)[0]?.label;
+  //   },
+
+  //   sorter: true,
+  // },
+
+  // {
+  //   dataIndex: 'ownLineSign',
+  //   title: '自有管道沿线下载点标识',
+  //   componentType: 'select',
+  //   align: 'left',
+
+  //   sorter: true,
+  // },
+
+  // {
+  //   dataIndex: 'sort',
+  //   title: '显示顺序',
+  //   componentType: 'number',
+  //   align: 'left',
+
+  //   sorter: true,
+  // },
+
+  // {
+  //   dataIndex: 'note',
+  //   title: '备注',
+  //   componentType: 'textarea',
+  //   align: 'left',
+
+  //   sorter: true,
+  // },
+
+  // {
+  //   dataIndex: 'regionCode',
+  //   title: '行政区域',
+  //   componentType: 'select',
+  //   align: 'left',
+
+  //   customRender: ({ record }) => {
+  //     const staticOptions = [
+  //       { key: 1, label: 'Option 1', value: 'Option 1' },
+  //       { key: 2, label: 'Option 2', value: 'Option 2' },
+  //       { key: 3, label: 'Option 3', value: 'Option 3' },
+  //     ];
+  //     return staticOptions.filter((x) => x.value === record.regionCode)[0]?.label;
+  //   },
+
+  //   sorter: true,
+  // },
+];
+//表单事件
+export const formEventConfigs = {
+  0: [
+    {
+      type: 'circle',
+      color: '#2774ff',
+      text: '开始节点',
+      icon: '#icon-kaishi',
+      bgcColor: '#D8E5FF',
+      isUserDefined: false,
+    },
+    {
+      color: '#F6AB01',
+      icon: '#icon-chushihua',
+      text: '初始化表单',
+      bgcColor: '#f9f5ea',
+      isUserDefined: false,
+      nodeInfo: { processEvent: [] },
+    },
+  ],
+  1: [
+    {
+      color: '#B36EDB',
+      icon: '#icon-shujufenxi',
+      text: '获取表单数据',
+      detail: '(新增无此操作)',
+      bgcColor: '#F8F2FC',
+      isUserDefined: false,
+      nodeInfo: { processEvent: [] },
+    },
+  ],
+  2: [
+    {
+      color: '#F8625C',
+      icon: '#icon-jiazai',
+      text: '加载表单',
+      bgcColor: '#FFF1F1',
+      isUserDefined: false,
+      nodeInfo: { processEvent: [] },
+    },
+  ],
+  3: [
+    {
+      color: '#6C6AE0',
+      icon: '#icon-jsontijiao',
+      text: '提交表单',
+      bgcColor: '#F5F4FF',
+      isUserDefined: false,
+      nodeInfo: { processEvent: [] },
+    },
+  ],
+  4: [
+    {
+      type: 'circle',
+      color: '#F8625C',
+      text: '结束节点',
+      icon: '#icon-jieshuzhiliao',
+      bgcColor: '#FFD6D6',
+      isLast: true,
+      isUserDefined: false,
+    },
+  ],
+};
+export const formProps: FormProps = {
+  labelCol: { span: 3, offset: 0 },
+  labelAlign: 'right',
+  layout: 'horizontal',
+  size: 'default',
+  schemas: [
+    {
+      key: '524ced0c9c9544bc9bdc1817ca367c97',
+      field: 'code',
+      label: '编码',
+      type: 'input',
+      component: 'Input',
+      colProps: { span: 8 },
+      defaultValue: '',
+      componentProps: {
+        width: '100%',
+        span: '',
+        defaultValue: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        respNewRow: false,
+        placeholder: '请输入编码',
+        prefix: '',
+        suffix: '',
+        addonBefore: '',
+        addonAfter: '',
+        disabled: true,
+        allowClear: false,
+        showLabel: true,
+        required: false,
+        rules: [],
+        events: {},
+        isSave: false,
+        isShow: true,
+        scan: false,
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: '77e8bdcb9c914c6fa60dbcce9a2710bd',
+      field: 'fullName',
+      label: '名称',
+      type: 'input',
+      component: 'Input',
+      colProps: { span: 8 },
+      defaultValue: '',
+      componentProps: {
+        width: '100%',
+        span: '',
+        defaultValue: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        respNewRow: false,
+        placeholder: '请输入名称',
+        prefix: '',
+        suffix: '',
+        addonBefore: '',
+        addonAfter: '',
+        disabled: false,
+        allowClear: false,
+        showLabel: true,
+        required: true,
+        rules: [],
+        events: {},
+        isSave: false,
+        isShow: true,
+        scan: false,
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: 'ce59b928624a4277992077bd11f54e70',
+      field: 'pipelineCode',
+      label: '管道',
+      type: 'input',
+      component: 'Input',
+      colProps: { span: 8 },
+      defaultValue: '',
+      componentProps: {
+        width: '100%',
+        span: '',
+        defaultValue: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        respNewRow: false,
+        placeholder: '请输入管道',
+        prefix: '',
+        suffix: '',
+        addonBefore: '',
+        addonAfter: '',
+        disabled: false,
+        allowClear: false,
+        showLabel: true,
+        required: false,
+        rules: [],
+        events: {},
+        isSave: false,
+        isShow: true,
+        scan: false,
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: '35d7ebba2f774104b1a65bb413be7171',
+      field: 'enterprise',
+      label: '所属企业',
+      type: 'input',
+      component: 'Input',
+      colProps: { span: 8 },
+      defaultValue: '',
+      componentProps: {
+        width: '100%',
+        span: '',
+        defaultValue: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        respNewRow: false,
+        placeholder: '请输入所属企业',
+        prefix: '',
+        suffix: '',
+        addonBefore: '',
+        addonAfter: '',
+        disabled: false,
+        allowClear: false,
+        showLabel: true,
+        required: false,
+        rules: [],
+        events: {},
+        isSave: false,
+        isShow: true,
+        scan: false,
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: 'bb99efb1079b4fa592709168337ff6ea',
+      field: 'contact',
+      label: '联系人',
+      type: 'input',
+      component: 'Input',
+      colProps: { span: 8 },
+      defaultValue: '',
+      componentProps: {
+        width: '100%',
+        span: '',
+        defaultValue: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        respNewRow: false,
+        placeholder: '请输入联系人',
+        prefix: '',
+        suffix: '',
+        addonBefore: '',
+        addonAfter: '',
+        disabled: false,
+        allowClear: false,
+        showLabel: true,
+        required: false,
+        rules: [],
+        events: {},
+        isSave: false,
+        isShow: true,
+        scan: false,
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: '1b5409d6b370442883f9be51ae5b95fa',
+      field: 'tel',
+      label: '电话',
+      type: 'input',
+      component: 'Input',
+      colProps: { span: 8 },
+      defaultValue: '',
+      componentProps: {
+        width: '100%',
+        span: '',
+        defaultValue: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        respNewRow: false,
+        placeholder: '请输入电话',
+        prefix: '',
+        suffix: '',
+        addonBefore: '',
+        addonAfter: '',
+        disabled: false,
+        allowClear: false,
+        showLabel: true,
+        required: false,
+        rules: [],
+        events: {},
+        isSave: false,
+        isShow: true,
+        scan: false,
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: '9af15ec64d8b414d89e06c368fb9782e',
+      field: 'email',
+      label: '邮箱',
+      type: 'input',
+      component: 'Input',
+      colProps: { span: 8 },
+      defaultValue: '',
+      componentProps: {
+        width: '100%',
+        span: '',
+        defaultValue: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        respNewRow: false,
+        placeholder: '请输入邮箱',
+        prefix: '',
+        suffix: '',
+        addonBefore: '',
+        addonAfter: '',
+        disabled: false,
+        allowClear: false,
+        showLabel: true,
+        required: false,
+        rules: [],
+        events: {},
+        isSave: false,
+        isShow: true,
+        scan: false,
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: 'fa55f80f74364d5b95ed2d7a77f20e55',
+      field: 'regionCode',
+      label: '行政区域',
+      type: 'select',
+      component: 'XjrSelect',
+      colProps: { span: 8 },
+      componentProps: {
+        width: '100%',
+        span: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        respNewRow: false,
+        placeholder: '请选择下拉选择',
+        sepTextField: '',
+        showLabel: true,
+        showSearch: false,
+        clearable: false,
+        disabled: false,
+        mode: '',
+        staticOptions: [
+          { key: 1, label: 'Option 1', value: 'Option 1' },
+          { key: 2, label: 'Option 2', value: 'Option 2' },
+          { key: 3, label: 'Option 3', value: 'Option 3' },
+        ],
+        defaultSelect: '',
+        datasourceType: 'staticData',
+        labelField: 'label',
+        valueField: 'value',
+        apiConfig: {
+          path: 'CodeGeneration/selection',
+          method: 'GET',
+          apiId: '93d735dcb7364a0f8102188ec4d77ac7',
+        },
+        dicOptions: [],
+        required: false,
+        rules: [],
+        events: {},
+        isShow: true,
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: '56e88c926247465caf62c6c52747205d',
+      field: 'addr',
+      label: '地址',
+      type: 'textarea',
+      component: 'InputTextArea',
+      colProps: { span: 24 },
+      defaultValue: '',
+      componentProps: {
+        width: '100%',
+        span: '',
+        defaultValue: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        respNewRow: true,
+        placeholder: '请输入地址',
+        rows: 1,
+        autoSize: false,
+        showCount: false,
+        disabled: false,
+        showLabel: true,
+        allowClear: false,
+        required: false,
+        isShow: true,
+        rules: [],
+        events: {},
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: '7623b9d5d6b9486a82aa24b0ec9e3cea',
+      field: 'addrMail',
+      label: '通讯地址',
+      type: 'textarea',
+      component: 'InputTextArea',
+      colProps: { span: 24 },
+      defaultValue: '',
+      componentProps: {
+        width: '100%',
+        span: '',
+        defaultValue: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        respNewRow: true,
+        placeholder: '请输入通讯地址',
+        rows:1,
+        autoSize: false,
+        showCount: false,
+        disabled: false,
+        showLabel: true,
+        allowClear: false,
+        required: false,
+        isShow: true,
+        rules: [],
+        events: {},
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: 'c04dc1935ca5453d8e725b786c00db9a',
+      field: 'ownSign',
+      label: '自有接收站上载点标识',
+      type: 'select',
+      component: 'XjrSelect',
+      colProps: { span: 8 },
+      componentProps: {
+        width: '100%',
+        span: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        respNewRow: false,
+        placeholder: '请选择下拉选择',
+        sepTextField: '',
+        showLabel: true,
+        showSearch: false,
+        clearable: false,
+        disabled: false,
+        mode: '',
+        staticOptions: [
+          { key: 1, label: 'Option 1', value: 'Option 1' },
+          { key: 2, label: 'Option 2', value: 'Option 2' },
+          { key: 3, label: 'Option 3', value: 'Option 3' },
+        ],
+        datasourceType: 'dic',
+        params: { itemId: '1978056598125330433' },
+        labelField: 'name',
+        valueField: 'value',
+        apiConfig: {
+          path: 'CodeGeneration/selection',
+          method: 'GET',
+          apiId: '93d735dcb7364a0f8102188ec4d77ac7',
+        },
+        dicOptions: [],
+        required: true,
+        rules: [],
+        events: {},
+        isShow: true,
+        itemId: '1978056598125330433',
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: 'c2584f0fcb784b63ad608f7ba0d3a04a',
+      field: 'staCodeLng',
+      label: 'LNG气源地',
+      type: 'select',
+      component: 'XjrSelect',
+      colProps: { span: 8 },
+      componentProps: {
+        width: '100%',
+        span: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        respNewRow: false,
+        placeholder: '请选择下拉选择',
+        sepTextField: '',
+        showLabel: true,
+        showSearch: false,
+        clearable: false,
+        disabled: false,
+        mode: '',
+        staticOptions: [
+          { key: 1, label: 'Option 1', value: 'Option 1' },
+          { key: 2, label: 'Option 2', value: 'Option 2' },
+          { key: 3, label: 'Option 3', value: 'Option 3' },
+        ],
+        defaultSelect: '',
+        datasourceType: 'staticData',
+        labelField: 'label',
+        valueField: 'value',
+        apiConfig: {
+          path: 'CodeGeneration/selection',
+          method: 'GET',
+          apiId: '93d735dcb7364a0f8102188ec4d77ac7',
+        },
+        dicOptions: [],
+        required: false,
+        rules: [],
+        events: {},
+        isShow: true,
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: '044b5cb475004d46899e0e1f3fc826b2',
+      field: 'ownLineSign',
+      label: '自有管道沿线下载点标识',
+      type: 'select',
+      component: 'XjrSelect',
+      colProps: { span: 8 },
+      componentProps: {
+        width: '100%',
+        span: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        respNewRow: false,
+        placeholder: '请选择下拉选择',
+        sepTextField: '',
+        showLabel: true,
+        showSearch: false,
+        clearable: false,
+        disabled: false,
+        mode: 'multiple',
+        staticOptions: [
+          { key: 1, label: 'Option 1', value: 'Option 1' },
+          { key: 2, label: 'Option 2', value: 'Option 2' },
+          { key: 3, label: 'Option 3', value: 'Option 3' },
+        ],
+        defaultSelect: '',
+        datasourceType: 'api',
+        labelField: 'label',
+        valueField: 'value',
+        apiConfig: {
+          path: 'CodeGeneration/selection',
+          method: 'GET',
+          apiId: '93d735dcb7364a0f8102188ec4d77ac7',
+        },
+        dicOptions: [],
+        required: false,
+        rules: [],
+        events: {},
+        isShow: true,
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: '64151ad43b6741c999b3c095dc0bb4e2',
+      field: 'sort',
+      label: '显示顺序',
+      type: 'number',
+      component: 'InputNumber',
+      colProps: { span: 8 },
+      defaultValue: 0,
+      componentProps: {
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        width: '100%',
+        span: '',
+        defaultValue: 0,
+        step: 1,
+        disabled: false,
+        showLabel: true,
+        controls: true,
+        required: false,
+        subTotal: false,
+        isShow: true,
+        rules: [],
+        events: {},
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: '28770702f60641f9a110635f175bdf30',
+      field: 'valid',
+      label: '有效标识',
+      type: 'select',
+      component: 'XjrSelect',
+      colProps: { span: 8 },
+      componentProps: {
+        width: '100%',
+        span: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        respNewRow: false,
+        placeholder: '请选择下拉选择',
+        sepTextField: '',
+        showLabel: true,
+        showSearch: false,
+        clearable: false,
+        disabled: true,
+        mode: '',
+        staticOptions: [
+          { key: 1, label: 'Option 1', value: 'Option 1' },
+          { key: 2, label: 'Option 2', value: 'Option 2' },
+          { key: 3, label: 'Option 3', value: 'Option 3' },
+        ],
+        defaultSelect: 'Y',
+        datasourceType: 'dic',
+        params: { itemId: '1978057078528327681' },
+        labelField: 'name',
+        valueField: 'value',
+        apiConfig: {
+          path: 'CodeGeneration/selection',
+          method: 'GET',
+          apiId: '93d735dcb7364a0f8102188ec4d77ac7',
+        },
+        dicOptions: [],
+        required: false,
+        rules: [],
+        events: {},
+        isShow: true,
+        itemId: '1978057078528327681',
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: '3e94c7cdbf4a4fdbbe50955225a2e548',
+      field: 'note',
+      label: '备注',
+      type: 'textarea',
+      component: 'InputTextArea',
+      colProps: { span: 24 },
+      defaultValue: '',
+      componentProps: {
+        width: '100%',
+        span: '',
+        defaultValue: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        respNewRow: true,
+        placeholder: '请输入备注',
+        rows: 4,
+        autoSize: false,
+        showCount: false,
+        disabled: false,
+        showLabel: true,
+        allowClear: false,
+        required: false,
+        isShow: true,
+        rules: [],
+        events: {},
+        style: { width: '100%' },
+      },
+    },
+  ],
+  showActionButtonGroup: false,
+  buttonLocation: 'center',
+  actionColOptions: { span: 8 },
+  showResetButton: false,
+  showSubmitButton: false,
+  hiddenComponent: [],
+};

src/views/mdm/PipeGasDownloadPoint/components/workflowPermission.ts

@@ -0,0 +1,242 @@
+export const permissionList = [
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '编码',
+    fieldId: 'code',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: '524ced0c9c9544bc9bdc1817ca367c97',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '名称',
+    fieldId: 'fullName',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: '77e8bdcb9c914c6fa60dbcce9a2710bd',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '管道',
+    fieldId: 'pipelineCode',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: 'ce59b928624a4277992077bd11f54e70',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '所属企业',
+    fieldId: 'enterprise',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: '35d7ebba2f774104b1a65bb413be7171',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '联系人',
+    fieldId: 'contact',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: 'bb99efb1079b4fa592709168337ff6ea',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '电话',
+    fieldId: 'tel',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: '1b5409d6b370442883f9be51ae5b95fa',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '邮箱',
+    fieldId: 'email',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: '9af15ec64d8b414d89e06c368fb9782e',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '行政区域',
+    fieldId: 'regionCode',
+    isSubTable: false,
+    showChildren: true,
+    type: 'select',
+    key: 'fa55f80f74364d5b95ed2d7a77f20e55',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '地址',
+    fieldId: 'addr',
+    isSubTable: false,
+    showChildren: true,
+    type: 'textarea',
+    key: '56e88c926247465caf62c6c52747205d',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '通讯地址',
+    fieldId: 'addrMail',
+    isSubTable: false,
+    showChildren: true,
+    type: 'textarea',
+    key: '7623b9d5d6b9486a82aa24b0ec9e3cea',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '自有接收站上载点标识',
+    fieldId: 'ownSign',
+    isSubTable: false,
+    showChildren: true,
+    type: 'select',
+    key: 'c04dc1935ca5453d8e725b786c00db9a',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: 'LNG气源地',
+    fieldId: 'staCodeLng',
+    isSubTable: false,
+    showChildren: true,
+    type: 'select',
+    key: 'c2584f0fcb784b63ad608f7ba0d3a04a',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '自有管道沿线下载点标识',
+    fieldId: 'ownLineSign',
+    isSubTable: false,
+    showChildren: true,
+    type: 'select',
+    key: '044b5cb475004d46899e0e1f3fc826b2',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '显示顺序',
+    fieldId: 'sort',
+    isSubTable: false,
+    showChildren: true,
+    type: 'number',
+    key: '64151ad43b6741c999b3c095dc0bb4e2',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '有效标识',
+    fieldId: 'valid',
+    isSubTable: false,
+    showChildren: true,
+    type: 'select',
+    key: '28770702f60641f9a110635f175bdf30',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '备注',
+    fieldId: 'note',
+    isSubTable: false,
+    showChildren: true,
+    type: 'textarea',
+    key: '3e94c7cdbf4a4fdbbe50955225a2e548',
+    children: [],
+  },
+];

src/views/mdm/PipeGasDownloadPoint/index.vue

@@ -0,0 +1,366 @@
+<template>
+  <PageWrapper dense fixedHeight contentFullHeight contentClass="flex">
+      <BasicTable @register="registerTable" ref="tableRef"   @row-dbClick="dbClickRow">
+       
+        <template #toolbar>
+          <template v-for="button in tableButtonConfig" :key="button.code">
+            <a-button v-if="button.isDefault" :type="button.type" @click="buttonClick(button.code)">
+              <template #icon><Icon :icon="button.icon" /></template>
+              {{ button.name }}
+            </a-button>
+            <a-button v-else :type="button.type">
+              <template #icon><Icon :icon="button.icon" /></template>
+              {{ button.name }}
+            </a-button>
+          </template>
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.dataIndex === 'action'">
+            <TableAction :actions="getActions(record)" />
+          </template>
+        </template>
+      </BasicTable>
+   <PipeGasDownloadPointModal @register="registerModal" @success="handleSuccess" />
+  <DataLog :logId="logId" :logPath="logPath" v-model:visible="modalVisible"/>
+  </PageWrapper>
+</template>
+<script lang="ts" setup>
+  const modalVisible = ref(false);
+  const logId = ref('')
+  const logPath = ref('/mdm/pipeGasDownloadPoint/datalog');
+  import { DataLog } from '/@/components/pcitc';
+  import { ref, computed, onMounted, onUnmounted, createVNode, 
+
+} from 'vue';
+  
+  import { Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import { BasicTable, useTable, TableAction, ActionItem } from '/@/components/Table';
+  import { getLngBStationPngPage, deleteLngBStationPng} from '/@/api/mdm/PipeGasDownloadPoint';
+  import { PageWrapper } from '/@/components/Page';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { useI18n } from '/@/hooks/web/useI18n';
+  import { usePermission } from '/@/hooks/web/usePermission';
+  import { useFormConfig } from '/@/hooks/web/useFormConfig';
+  import { useRouter } from 'vue-router';
+  import { setIndexFlowStatus } from '/@/utils/flow/index'
+  import { getLngBStationPng,enableLngBStationPng,disableLngBStationPng } from '/@/api/mdm/PipeGasDownloadPoint';
+  import { useModal } from '/@/components/Modal';
+  import PipeGasDownloadPointModal from './components/PipeGasDownloadPointModal.vue';
+  import {formConfig, searchFormSchema, columns } from './components/config';
+  import Icon from '/@/components/Icon/index';
+  import useEventBus from '/@/hooks/event/useEventBus';
+  import { cloneDeep } from 'lodash-es';
+  
+  const { bus, CREATE_FLOW, FLOW_PROCESSED, FORM_LIST_MODIFIED } = useEventBus();
+
+  const { notification } = useMessage();
+  const { t } = useI18n();
+  defineEmits(['register']);
+  const { filterColumnAuth, filterButtonAuth } = usePermission();
+  const { mergeColumns,mergeSearchFormSchema,mergeButtons } = useFormConfig();
+
+  const filterColumns = cloneDeep(filterColumnAuth(columns));
+  const customConfigColums =ref(filterColumns);
+  const customSearchFormSchema =ref(searchFormSchema);
+  const selectedKeys = ref<string[]>([]);
+  const tableRef = ref();
+  //所有按钮
+  const buttons = ref([{"name":"新增","code":"add","icon":"ant-design:plus-outlined","isDefault":true,"isUse":true},{"name":"编辑","code":"edit","icon":"ant-design:form-outlined","isDefault":true,"isUse":true},{"name":"启用","code":"enable","icon":"ant-design:form-outlined","isDefault":true,"isUse":true},{"name":"作废","code":"disable","icon":"ant-design:stop-outlined","isDefault":true,"isUse":true},{"name":"刷新","code":"refresh","icon":"ant-design:reload-outlined","isDefault":true,"isUse":true},{"name":"查看","code":"view","icon":"ant-design:eye-outlined","isDefault":true,"isUse":true},{"name":"数据日志","code":"datalog","icon":"ant-design:profile-outlined","isDefault":true,"isUse":true},{"name":"删除","code":"delete","icon":"ant-design:delete-outlined","isDefault":true,"isUse":true}]);
+  //展示在列表内的按钮
+  const actionButtons = ref<string[]>(['view', 'edit','datalog', 'copyData', 'delete', 'startwork','flowRecord']);
+  const buttonConfigs = computed(()=>{
+    return filterButtonAuth(buttons.value);
+  })
+
+  const tableButtonConfig = computed(() => {
+    return buttonConfigs.value?.filter((x) => !actionButtons.value.includes(x.code));
+  });
+
+  const actionButtonConfig = computed(() => {
+    return buttonConfigs.value?.filter((x) => actionButtons.value.includes(x.code));
+  });
+
+  const btnEvent = {add : handleAdd,edit : handleEdit,enable : handleEnable,disable : handleDisable,refresh : handleRefresh,view : handleView,datalog : handleDatalog,delete : handleDelete,}
+
+  const { currentRoute } = useRouter();
+  const router = useRouter();
+  const formIdComputedRef = ref();
+  formIdComputedRef.value = currentRoute.value.meta.formId
+  const schemaIdComputedRef = ref();
+  schemaIdComputedRef.value = currentRoute.value.meta.schemaId
+  const [registerModal, { openModal }] = useModal();
+  const formName='管道气上下载点';
+  const [registerTable, { reload,   }] = useTable({
+    title: '' || (formName + '列表'),
+    api: getLngBStationPngPage,
+    rowKey: 'id',
+    columns: customConfigColums,
+    formConfig: {
+      rowProps: {
+        gutter: 16,
+      },
+      schemas: customSearchFormSchema,
+      fieldMapToTime: [],
+      showResetButton: false,
+    },
+    beforeFetch: (params) => {
+      return { ...params, FormId: formIdComputedRef.value, PK: 'id' };
+    },
+    afterFetch: (res) => {
+      tableRef.value.setToolBarWidth();
+      
+    },
+    useSearchForm: true,
+    showTableSetting: true,
+    
+    striped: false,
+    actionColumn: {
+      width: 160,
+      title: '操作',
+      dataIndex: 'action',
+      slots: { customRender: 'action' },
+    },
+    tableSetting: {
+      size: false,
+      setting: false,
+    },
+    
+  });
+  
+  function dbClickRow(record) {
+    if (!actionButtonConfig?.value.some(element => element.code == 'view')) {
+      return;
+    }
+    const { processId, taskIds, schemaId } = record.workflowData || {}; 
+    if (taskIds && taskIds.length) {
+      router.push({
+        path: '/flow/' + schemaId + '/' + (processId || '') + '/approveFlow',
+        query: {
+          taskId: taskIds[0],
+          formName: formName,
+          formId:currentRoute.value.meta.formId
+        }
+      });
+    } else if (schemaId && !taskIds && processId) {
+      router.push({
+        path: '/flow/' + schemaId + '/' + processId + '/approveFlow',
+        query: {
+          readonly: 1,
+          taskId: '',
+          formName: formName,
+          formId:currentRoute.value.meta.formId
+        }
+      });
+    } else {
+      router.push({
+        path: '/form/PipeGasDownloadPoint/' + record.id + '/viewForm',
+        query: {
+          formPath: 'mdm/PipeGasDownloadPoint',
+          formName: formName,
+          formId:currentRoute.value.meta.formId
+        }
+      });
+    }
+  }
+
+  function buttonClick(code) {
+    
+    btnEvent[code]();
+  }
+  function handleDatalog (record: Recordable) {
+    modalVisible.value = true
+    logId.value = record.id
+    
+  }
+  
+  function handleAdd() {
+    if (schemaIdComputedRef.value) {
+      router.push({
+        path: '/flow/' + schemaIdComputedRef.value + '/0/createFlow'
+      });
+    } else {
+      router.push({
+        path: '/form/PipeGasDownloadPoint/0/createForm',
+        query: {
+          formPath: 'mdm/PipeGasDownloadPoint',
+          formName: formName,
+          formId:currentRoute.value.meta.formId
+        }
+      });
+    }
+  }
+  
+  function handleEdit(record: Recordable) {
+    
+    router.push({
+      path: '/form/PipeGasDownloadPoint/' + record.id + '/updateForm',
+      query: {
+          formPath: 'mdm/PipeGasDownloadPoint',
+          formName: formName,
+          formId:currentRoute.value.meta.formId
+      }
+    });
+  }
+  function handleDelete(record: Recordable) {
+    deleteList([record.id]);
+  }
+    
+          function handleEnable() {
+            if (!selectedKeys.value.length) {
+              notification.warning({
+                message: 'Tip',
+                description: t('请选择需要启用的数据'),
+              });
+              return;
+            }
+
+            let ids = selectedKeys.value;
+            Modal.confirm({
+              title: '提示信息',
+              icon: createVNode(ExclamationCircleOutlined),
+              content: '是否确认启用？',
+              okText: '确认',
+              cancelText: '取消',
+              onOk() {
+                enableLngBStationPng(ids).then((_) => {
+                  handleSuccess();
+                  notification.success({
+                    message: 'Tip',
+                    description: t('启用成功！'),
+                  });
+                });
+              },
+              onCancel() {},
+            });
+            
+          }
+          function handleDisable() {
+            if (!selectedKeys.value.length) {
+              notification.warning({
+                message: 'Tip',
+                description: t('请选择需要禁用的数据'),
+              });
+              return;
+            }
+            let ids = selectedKeys.value;
+            Modal.confirm({
+              title: '提示信息',
+              icon: createVNode(ExclamationCircleOutlined),
+              content: '是否确认禁用？',
+              okText: '确认',
+              cancelText: '取消',
+              onOk() {
+                disableLngBStationPng(ids).then((_) => {
+                  handleSuccess();
+                  notification.success({
+                    message: 'Tip',
+                    description: t('禁用成功！'),
+                  });
+                });
+              },
+              onCancel() {},
+            });
+          }
+  function deleteList(ids) {
+    Modal.confirm({
+      title: '提示信息',
+      icon: createVNode(ExclamationCircleOutlined),
+      content: '是否确认删除？',
+      okText: '确认',
+      cancelText: '取消',
+      onOk() {
+        deleteLngBStationPng(ids).then((_) => {
+          handleSuccess();
+          notification.success({
+            message: 'Tip',
+            description: t('删除成功！'),
+          });
+        });
+      },
+      onCancel() {},
+    });
+  }
+  function handleRefresh() {
+    reload();
+  }
+  function handleSuccess() {
+    
+    reload();
+  }
+  
+  function handleView(record: Recordable) {
+      
+      dbClickRow(record);
+      
+  }
+  onMounted(() => {
+    
+    if (schemaIdComputedRef.value) {
+      bus.on(FLOW_PROCESSED, handleRefresh);
+      bus.on(CREATE_FLOW, handleRefresh);
+    } else {
+      bus.on(FORM_LIST_MODIFIED, handleRefresh);
+    }
+    
+    // 合并渲染覆盖配置中的列表配置，包括展示字段配置、搜索字段配置、按钮配置
+    mergeCustomListRenderConfig();
+  });
+  onUnmounted(() => {
+    if (schemaIdComputedRef.value) {
+      bus.off(FLOW_PROCESSED, handleRefresh);
+      bus.off(CREATE_FLOW, handleRefresh);
+    } else {
+      bus.off(FORM_LIST_MODIFIED, handleRefresh);
+    }
+  });
+  function getActions(record: Recordable):ActionItem[] {
+    
+    const actionsList: ActionItem[] = actionButtonConfig.value?.map((button) => {
+      if (!record.workflowData?.processId) {
+        return {
+          icon: button?.icon,
+          tooltip: button?.name,
+          color: button.code === 'delete' ? 'error' : undefined,
+          onClick: btnEvent[button.code].bind(null, record),
+        };
+      } else {
+        if (button.code === 'view') {
+          return {
+            icon: button?.icon,
+            tooltip: button?.name,
+            onClick: btnEvent[button.code].bind(null, record),
+          };
+        } else {
+          return {};
+        }
+      }
+    });
+    return actionsList;
+  }
+  async function mergeCustomListRenderConfig(){
+    if (formConfig.useCustomConfig) {
+       let formId=currentRoute.value.meta.formId;
+       //1.合并展示字段配置
+       let cols= await mergeColumns(customConfigColums.value,formId);
+       customConfigColums.value=cols;
+       //2.合并搜索字段配置
+       let sFormSchema= await mergeSearchFormSchema(customSearchFormSchema.value,formId);
+       customSearchFormSchema.value=sFormSchema;
+       //3.合并按钮配置
+       let btns= await mergeButtons(buttons.value,formId);
+       buttons.value=btns;
+    }
+  };
+</script>
+<style lang="less" scoped>
+  :deep(.ant-table-selection-col) {
+    width: 50px;
+  }
+  .show{
+    display: flex;
+  }
+  .hide{
+    display: none !important;
+  }
+</style>

src/views/mdm/PipelineGgasLine/components/Form.vue

@@ -0,0 +1,262 @@
+<template>
+  <SimpleForm
+    ref="systemFormRef"
+    :formProps="data.formDataProps"
+    :formModel="{}"
+    :isWorkFlow="props.fromPage!=FromPageType.MENU"
+  />
+</template>
+<script lang="ts" setup>
+  import { reactive, ref,onBeforeMount,onMounted,watch } from 'vue';
+  import { formProps, formEventConfigs ,formConfig} from './config';
+  import SimpleForm from '/@/components/SimpleForm/src/SimpleForm.vue';
+  import { addLngBPngLine, getLngBPngLine, updateLngBPngLine, deleteLngBPngLine, getIngStation } from '/@/api/mdm/PipelineGgasLine';
+  import { cloneDeep } from 'lodash-es';
+  import { FormDataProps } from '/@/components/Designer/src/types';
+  import { usePermission } from '/@/hooks/web/usePermission';
+  import { useFormConfig } from '/@/hooks/web/useFormConfig';
+  import { FromPageType } from '/@/enums/workflowEnum';
+  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 { mergeFormSchemas,mergeFormEventConfigs } = useFormConfig();
+  const { currentRoute } = useRouter();
+
+  const RowKey = 'id';
+  const emits = defineEmits(['changeUploadComponentIds','loadingCompleted', 'form-mounted']);
+  const props = defineProps({
+    fromPage: {
+      type: Number,
+      default: FromPageType.MENU,
+    },
+  });
+  const systemFormRef = ref({
+    
+  });
+  const data: { formDataProps: FormDataProps } = reactive({
+    formDataProps: {schemas:[]} as FormDataProps,
+  });
+  const state = reactive({
+    formModel: {},
+  });
+  
+  let customFormEventConfigs=[];
+  
+
+watch(
+  () => getFormModel(),
+  (newVal) => {
+    if (newVal.ownSign === 'Y') {
+      data.formDataProps.schemas?.forEach(v => {
+        if (v.field === 'staCodeLng') {
+          v.componentProps.disabled = false
+          v.componentProps.required = true
+        }
+      })
+    } else {
+      data.formDataProps.schemas?.forEach(v => {
+        if (v.field === 'staCodeLng') {
+          v.componentProps.disabled = true
+          v.componentProps.required = false
+        }
+      })
+    }
+
+  },
+  { deep: true }
+);
+
+  onMounted(async () => {
+    const a = await getIngStation({ownSign :'Y', valid : 'Y'})
+    const b = a.map(v => {
+      return {
+        label: v.fullName,
+        value: v.code
+      }
+    })
+    formProps.schemas?.forEach(v => {
+        if (v.field === 'staCodeLng') {
+          v.componentProps.staticOptions = b
+        }
+      })
+    try {
+      // 合并渲染覆盖配置中的字段配置、表单事件配置
+      await mergeCustomFormRenderConfig();
+      
+      if (props.fromPage == FromPageType.MENU) {
+        setMenuPermission();
+        await createFormEvent(customFormEventConfigs, state.formModel,
+          systemFormRef.value,
+          formProps.schemas); //表单事件：初始化表单
+        await loadFormEvent(customFormEventConfigs, state.formModel,
+          systemFormRef.value,
+          formProps.schemas); //表单事件：加载表单
+      } else if (props.fromPage == FromPageType.FLOW) {
+        emits('loadingCompleted'); //告诉系统表单已经加载完毕
+        // loadingCompleted后 工作流页面直接利用Ref调用setWorkFlowForm方法
+      } else if (props.fromPage == FromPageType.PREVIEW) {
+        // 预览 无需权限，表单事件也无需执行
+      } else if (props.fromPage == FromPageType.DESKTOP) {
+        // 桌面设计 表单事件需要执行
+        emits('loadingCompleted'); //告诉系统表单已经加载完毕
+        await createFormEvent(customFormEventConfigs, state.formModel,
+          systemFormRef.value,
+          formProps.schemas); //表单事件：初始化表单
+        await loadFormEvent(customFormEventConfigs, state.formModel,
+          systemFormRef.value,
+          formProps.schemas); //表单事件：加载表单
+      }
+      emits('form-mounted', formProps);
+    } catch (error) {
+
+    }
+  });
+  
+
+  async function mergeCustomFormRenderConfig() {
+     let cloneProps=cloneDeep(formProps);
+     let fEventConfigs=cloneDeep(formEventConfigs);
+      if (formConfig.useCustomConfig) {
+         if(props.fromPage !== FromPageType.FLOW){
+              let formPath=currentRoute.value.query.formPath;
+              //1.合并字段配置
+              cloneProps.schemas=await mergeFormSchemas({formSchema:cloneProps.schemas!,formPath:formPath});
+              //2.合并表单事件配置
+              fEventConfigs=await mergeFormEventConfigs({formEventConfigs:fEventConfigs,formPath:formPath});
+         }
+      }
+     data.formDataProps=cloneProps;
+     customFormEventConfigs=fEventConfigs;
+  }
+  
+  // 根据菜单页面权限，设置表单属性（必填，禁用，显示）
+  function setMenuPermission() {
+    data.formDataProps.schemas = filterFormSchemaAuth(data.formDataProps.schemas!);
+  }
+
+  // 校验form 通过返回表单数据
+  async function validate() {
+    let values = [];
+    try {
+      values = await systemFormRef.value?.validate();
+      //添加隐藏组件
+      if (data.formDataProps.hiddenComponent?.length) {
+        data.formDataProps.hiddenComponent.forEach((component) => {
+          values[component.bindField] = component.value;
+        });
+      }
+    } finally {
+    }
+    return values;
+  }
+  // 根据行唯一ID查询行数据，并设置表单数据   【编辑】
+  async function setFormDataFromId(rowId, skipUpdate) {
+    try {
+      const record = await getLngBPngLine(rowId);
+      if (skipUpdate) {
+          return record;
+      }
+      setFieldsValue(record);
+      state.formModel = record;
+      await getFormDataEvent(customFormEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：获取表单数据
+      return record;  
+    } catch (error) {
+
+    }
+  }
+  // 辅助设置表单数据
+  function setFieldsValue(record) {
+    systemFormRef.value.setFieldsValue(record);
+  }
+  // 重置表单数据
+  async function resetFields() {
+    await systemFormRef.value.resetFields();
+  }
+  //  设置表单数据全部为Disabled  【查看】
+  async function setDisabledForm(isDisabled) {
+    data.formDataProps.schemas = changeSchemaDisabled(cloneDeep(data.formDataProps.schemas),isDisabled);
+  }
+  // 获取行键值
+  function getRowKey() {
+    return RowKey;
+  }
+  // 更新api表单数据
+  async function update({ values, rowId }) {
+    try {
+      values[RowKey] = rowId;
+      state.formModel = values;
+      let saveVal = await updateLngBPngLine(values);
+      await submitFormEvent(customFormEventConfigs, state.formModel,
+        systemFormRef.value,
+        formProps.schemas); //表单事件：提交表单
+      return saveVal;
+    } catch (error) {}
+  }
+  // 新增api表单数据
+  async function add(values) {
+    try {
+      state.formModel = values;
+      let saveVal = await addLngBPngLine(values);
+      await submitFormEvent(customFormEventConfigs, state.formModel,
+        systemFormRef.value,
+        formProps.schemas); //表单事件：提交表单
+      return saveVal;
+    } catch (error) {}
+  }
+  // 根据工作流页面权限，设置表单属性（必填，禁用，显示）
+  async function setWorkFlowForm(obj: WorkFlowFormParams) {
+    try {
+      const cloneProps=cloneDeep(formProps);
+      customFormEventConfigs=cloneDeep(formEventConfigs);
+      if (formConfig.useCustomConfig) {
+        const parts = obj.formConfigKey.split('_');
+        const formId=parts[1];
+        cloneProps.schemas=await mergeFormSchemas({formSchema:cloneProps.schemas!,formId:formId});
+        customFormEventConfigs=await mergeFormEventConfigs({formEventConfigs:customFormEventConfigs,formId:formId});
+      }
+      
+      let flowData = changeWorkFlowForm(cloneProps, obj);
+      let { buildOptionJson, uploadComponentIds, formModels, isViewProcess } = flowData;
+      data.formDataProps = buildOptionJson;
+      emits('changeUploadComponentIds', uploadComponentIds); //工作流中必须保存上传组件id【附件汇总需要】
+      if (isViewProcess) {
+        setDisabledForm(); //查看
+      }
+      state.formModel = formModels;
+      if(formModels[RowKey]) {
+        setFormDataFromId(formModels[RowKey], false)
+      } else {
+        setFieldsValue(formModels)
+      }
+    } catch (error) {}
+    await createFormEvent(customFormEventConfigs, state.formModel,
+      systemFormRef.value,
+      formProps.schemas); //表单事件：初始化表单
+    await loadFormEvent(customFormEventConfigs, state.formModel,
+      systemFormRef.value,
+      formProps.schemas); //表单事件：加载表单
+  }
+  function getFormModel() {
+      return systemFormRef.value.formModel
+  }
+  async function handleDelete(id) {
+      return await deleteLngBPngLine([id]);
+  }
+  defineExpose({
+    setFieldsValue,
+    resetFields,
+    validate,
+    add,
+    update,
+    setFormDataFromId,
+    setDisabledForm,
+    setMenuPermission,
+    setWorkFlowForm,
+    getRowKey,
+    getFormModel,
+    handleDelete
+  });
+</script>

src/views/mdm/PipelineGgasLine/components/PipelineGgasLineModal.vue

@@ -0,0 +1,110 @@
+<template>
+
+    <BasicModal v-bind="$attrs" @register="registerModal" :title="getTitle" @ok="handleSubmit" @cancel="handleClose" :paddingRight="15" :bodyStyle="{ minHeight: '400px !important' }">
+      <ModalForm ref="formRef" :fromPage="FromPageType.MENU" />
+    </BasicModal>
+
+</template>
+<script lang="ts" setup>
+  import { ref, computed, reactive } from 'vue';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { useI18n } from '/@/hooks/web/useI18n';
+  import { formProps } from './config';
+  import ModalForm from './Form.vue';
+  import { FromPageType } from '/@/enums/workflowEnum';
+
+  const emit = defineEmits(['success', 'register']);
+
+  const { notification } = useMessage();
+  const formRef = ref();
+  const state = reactive({
+    formModel: {},
+    isUpdate: true,
+    isView: false,
+    isCopy: false,
+    rowId: '',
+  });
+
+  const { t } = useI18n();
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    state.isUpdate = !!data?.isUpdate;
+    state.isView = !!data?.isView;
+    state.isCopy = !!data?.isCopy;
+
+    setModalProps({
+      destroyOnClose: true,
+      maskClosable: false,
+      showCancelBtn: !state.isView,
+      showOkBtn: !state.isView,
+      canFullscreen: true,
+      width: 900,
+    });
+    if (state.isUpdate || state.isView || state.isCopy) {
+      state.rowId = data.id;
+      if (state.isView) {
+        await formRef.value.setDisabledForm();
+      }
+      await formRef.value.setFormDataFromId(state.rowId);
+    } else {
+      formRef.value.resetFields();
+    }
+  });
+
+  const getTitle = computed(() => (state.isView ? '查看' : !state.isUpdate ? '新增' : '编辑'));
+
+  async function saveModal() {
+    let saveSuccess = false;
+    try {
+      const values = await formRef.value?.validate();
+      //添加隐藏组件
+      if (formProps.hiddenComponent?.length) {
+        formProps.hiddenComponent.forEach((component) => {
+          values[component.bindField] = component.value;
+        });
+      }
+      if (values !== false) {
+        try {
+          if (!state.isUpdate || state.isCopy) {
+            saveSuccess = await formRef.value.add(values);
+          } else {
+            saveSuccess = await formRef.value.update({ values, rowId: state.rowId });
+          }
+          return saveSuccess;
+        } catch (error) {}
+      }
+    } catch (error) {
+      return saveSuccess;
+    }
+  }
+
+  async function handleSubmit() {
+    try {
+      const saveSuccess = await saveModal();
+      setModalProps({ confirmLoading: true });
+      if (saveSuccess) {
+        if (!state.isUpdate || state.isCopy) {
+          //false 新增
+          notification.success({
+            message: 'Tip',
+            description: t('新增成功！'),
+          }); //提示消息
+        } else {
+          notification.success({
+            message: 'Tip',
+            description: t('修改成功！'),
+          }); //提示消息
+        }
+        closeModal();
+        formRef.value.resetFields();
+        emit('success');
+      }
+    } finally {
+      setModalProps({ confirmLoading: false });
+    }
+  }
+    
+  function handleClose() {
+    formRef.value.resetFields();
+  }
+</script>

src/views/mdm/PipelineGgasLine/components/config.ts

@@ -0,0 +1,482 @@
+import { FormProps, FormSchema } from '/@/components/Form';
+import { BasicColumn } from '/@/components/Table';
+
+export const formConfig = {
+  useCustomConfig: false,
+};
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'fullName',
+    label: '名称',
+    component: 'Input',
+  },
+  {
+    field: 'valid',
+    label: '有效标志',
+    component: 'XjrSelect',
+    componentProps: {
+      datasourceType: 'dic',
+      params: { itemId: '1978057078528327681' },
+      labelField: 'name',
+      valueField: 'value',
+
+      getPopupContainer: () => document.body,
+    },
+  },
+  // {
+  //   field: 'code',
+  //   label: '编码',
+  //   component: 'Input',
+  // },
+  // {
+  //   field: 'ownSign',
+  //   label: '自有管道标识',
+  //   component: 'XjrSelect',
+  //   componentProps: {
+  //     datasourceType: 'dic',
+  //     params: { itemId: '1978056598125330433' },
+  //     labelField: 'name',
+  //     valueField: 'value',
+
+  //     getPopupContainer: () => document.body,
+  //   },
+  // },
+  // {
+  //   field: 'staCodeLng',
+  //   label: '自有接收站',
+  //   component: 'XjrSelect',
+  //   componentProps: {
+  //     datasourceType: 'staticData',
+  //     staticOptions: [
+  //       { key: 1, label: 'Option 1', value: 'Option 1' },
+  //       { key: 2, label: 'Option 2', value: 'Option 2' },
+  //       { key: 3, label: 'Option 3', value: 'Option 3' },
+  //     ],
+  //     labelField: 'label',
+  //     valueField: 'value',
+
+  //     getPopupContainer: () => document.body,
+  //   },
+  // },
+  // {
+  //   field: 'sort',
+  //   label: '显示顺序',
+  //   component: 'InputNumber',
+  //   componentProps: {
+  //     style: { width: '100%' },
+  //   },
+  // },
+  // {
+  //   field: 'note',
+  //   label: '备注',
+  //   component: 'Input',
+  // },
+];
+
+export const columns: BasicColumn[] = [
+  {
+    dataIndex: 'code',
+    title: '编码',
+    componentType: 'input',
+    align: 'left',
+
+    sorter: true,
+  },
+
+  {
+    dataIndex: 'fullName',
+    title: '名称',
+    componentType: 'input',
+    align: 'left',
+
+    sorter: true,
+  },
+
+  {
+    dataIndex: 'ownSign',
+    title: '自有管道标识',
+    componentType: 'select',
+    align: 'left',
+
+    sorter: true,
+  },
+
+  {
+    dataIndex: 'staCodeLng',
+    title: '自有接收站',
+    componentType: 'select',
+    align: 'left',
+
+    customRender: ({ record }) => {
+      const staticOptions = [
+        { key: 1, label: 'Option 1', value: 'Option 1' },
+        { key: 2, label: 'Option 2', value: 'Option 2' },
+        { key: 3, label: 'Option 3', value: 'Option 3' },
+      ];
+      return staticOptions.filter((x) => x.value === record.staCodeLng)[0]?.label;
+    },
+
+    sorter: true,
+  },
+
+  {
+    dataIndex: 'valid',
+    title: '有效标志',
+    componentType: 'select',
+    align: 'left',
+
+    sorter: true,
+  },
+
+  {
+    dataIndex: 'note',
+    title: '备注',
+    componentType: 'textarea',
+    align: 'left',
+
+    sorter: true,
+  },
+
+  // {
+  //   dataIndex: 'sort',
+  //   title: '显示顺序',
+  //   componentType: 'number',
+  //   align: 'left',
+
+  //   sorter: true,
+  // },
+];
+//表单事件
+export const formEventConfigs = {
+  0: [
+    {
+      type: 'circle',
+      color: '#2774ff',
+      text: '开始节点',
+      icon: '#icon-kaishi',
+      bgcColor: '#D8E5FF',
+      isUserDefined: false,
+    },
+    {
+      color: '#F6AB01',
+      icon: '#icon-chushihua',
+      text: '初始化表单',
+      bgcColor: '#f9f5ea',
+      isUserDefined: false,
+      nodeInfo: { processEvent: [] },
+    },
+  ],
+  1: [
+    {
+      color: '#B36EDB',
+      icon: '#icon-shujufenxi',
+      text: '获取表单数据',
+      detail: '(新增无此操作)',
+      bgcColor: '#F8F2FC',
+      isUserDefined: false,
+      nodeInfo: { processEvent: [] },
+    },
+  ],
+  2: [
+    {
+      color: '#F8625C',
+      icon: '#icon-jiazai',
+      text: '加载表单',
+      bgcColor: '#FFF1F1',
+      isUserDefined: false,
+      nodeInfo: { processEvent: [] },
+    },
+  ],
+  3: [
+    {
+      color: '#6C6AE0',
+      icon: '#icon-jsontijiao',
+      text: '提交表单',
+      bgcColor: '#F5F4FF',
+      isUserDefined: false,
+      nodeInfo: { processEvent: [] },
+    },
+  ],
+  4: [
+    {
+      type: 'circle',
+      color: '#F8625C',
+      text: '结束节点',
+      icon: '#icon-jieshuzhiliao',
+      bgcColor: '#FFD6D6',
+      isLast: true,
+      isUserDefined: false,
+    },
+  ],
+};
+export const formProps: FormProps = {
+  labelCol: { span: 3, offset: 0 },
+  labelAlign: 'right',
+  layout: 'horizontal',
+  size: 'default',
+  schemas: [
+    {
+      key: '4983b1d691ef4e9aa1f8e112c292c1ac',
+      field: 'code',
+      label: '编码',
+      type: 'input',
+      component: 'Input',
+      colProps: { span: 8 },
+      defaultValue: '',
+      componentProps: {
+        width: '100%',
+        span: '',
+        defaultValue: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        respNewRow: false,
+        placeholder: '请输入编码',
+        prefix: '',
+        suffix: '',
+        addonBefore: '',
+        addonAfter: '',
+        disabled: true,
+        allowClear: false,
+        showLabel: true,
+        required: false,
+        rules: [],
+        events: {},
+        isSave: false,
+        isShow: true,
+        scan: false,
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: '5ee1b814f4664fa2896178d66f61ee71',
+      field: 'fullName',
+      label: '名称',
+      type: 'input',
+      component: 'Input',
+      colProps: { span: 8 },
+      defaultValue: '',
+      componentProps: {
+        width: '100%',
+        span: '',
+        defaultValue: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        respNewRow: false,
+        placeholder: '请输入名称',
+        prefix: '',
+        suffix: '',
+        addonBefore: '',
+        addonAfter: '',
+        disabled: false,
+        allowClear: false,
+        showLabel: true,
+        required: true,
+        rules: [],
+        events: {},
+        isSave: false,
+        isShow: true,
+        scan: false,
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: 'bfb15152131e4e7a8702c887373de3f6',
+      field: 'ownSign',
+      label: '自有管道标识',
+      type: 'select',
+      component: 'XjrSelect',
+      colProps: { span: 8 },
+      componentProps: {
+        width: '100%',
+        span: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        respNewRow: false,
+        placeholder: '请选择下拉选择',
+        sepTextField: '',
+        showLabel: true,
+        showSearch: false,
+        clearable: false,
+        disabled: false,
+        mode: '',
+        staticOptions: [
+          { key: 1, label: 'Option 1', value: 'Option 1' },
+          { key: 2, label: 'Option 2', value: 'Option 2' },
+          { key: 3, label: 'Option 3', value: 'Option 3' },
+        ],
+        datasourceType: 'dic',
+        params: { itemId: '1978056598125330433' },
+        labelField: 'name',
+        valueField: 'value',
+        apiConfig: {
+          path: 'CodeGeneration/selection',
+          method: 'GET',
+          apiId: '93d735dcb7364a0f8102188ec4d77ac7',
+        },
+        dicOptions: [],
+        required: true,
+        rules: [],
+        events: {},
+        isShow: true,
+        itemId: '1978056598125330433',
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: 'ee787e31eaee4de6ba49d2a397f28536',
+      field: 'staCodeLng',
+      label: '自有接收站',
+      type: 'select',
+      component: 'XjrSelect',
+      colProps: { span: 8 },
+      componentProps: {
+        width: '100%',
+        span: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        respNewRow: false,
+        placeholder: '请选择下拉选择',
+        sepTextField: '',
+        showLabel: true,
+        showSearch: false,
+        clearable: false,
+        disabled: false,
+        mode: '',
+        staticOptions: [
+          // { key: 1, label: 'Option 1', value: 'Option 1' },
+          // { key: 2, label: 'Option 2', value: 'Option 2' },
+          // { key: 3, label: 'Option 3', value: 'Option 3' },
+        ],
+        defaultSelect: '',
+        datasourceType: 'staticData',
+        labelField: 'label',
+        valueField: 'value',
+        apiConfig: {
+          path: 'CodeGeneration/selection',
+          method: 'GET',
+          apiId: '93d735dcb7364a0f8102188ec4d77ac7',
+        },
+        dicOptions: [],
+        required: false,
+        rules: [],
+        events: {},
+        isShow: true,
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: '0d2af48c353b48ac9700e26b76e7d704',
+      field: 'sort',
+      label: '显示顺序',
+      type: 'number',
+      component: 'InputNumber',
+      colProps: { span: 8 },
+      defaultValue: null,
+      componentProps: {
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        width: '100%',
+        span: '',
+        defaultValue: null,
+        step: 1,
+        disabled: false,
+        showLabel: true,
+        controls: true,
+        required: false,
+        subTotal: false,
+        isShow: true,
+        min:0,
+        rules: [],
+        events: {},
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: '552b20d281d64157b0a30463f581fb1a',
+      field: 'valid',
+      label: '有效标志',
+      type: 'select',
+      component: 'XjrSelect',
+      colProps: { span: 8 },
+      componentProps: {
+        width: '100%',
+        span: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        respNewRow: false,
+        placeholder: '请选择下拉选择',
+        sepTextField: '',
+        showLabel: true,
+        showSearch: false,
+        clearable: false,
+        disabled: true,
+        mode: '',
+        staticOptions: [
+          { key: 1, label: 'Option 1', value: 'Option 1' },
+          { key: 2, label: 'Option 2', value: 'Option 2' },
+          { key: 3, label: 'Option 3', value: 'Option 3' },
+        ],
+        defaultSelect: 'Y',
+        datasourceType: 'dic',
+        params: { itemId: '1978057078528327681' },
+        labelField: 'name',
+        valueField: 'value',
+        apiConfig: {
+          path: 'CodeGeneration/selection',
+          method: 'GET',
+          apiId: '93d735dcb7364a0f8102188ec4d77ac7',
+        },
+        dicOptions: [],
+        required: false,
+        rules: [],
+        events: {},
+        isShow: true,
+        itemId: '1978057078528327681',
+        style: { width: '100%' },
+      },
+    },
+    {
+      key: 'b29e52b5ef4e495f85e9815ef53c713d',
+      field: 'note',
+      label: '备注',
+      type: 'textarea',
+      component: 'InputTextArea',
+      colProps: { span: 24 },
+      defaultValue: '',
+      componentProps: {
+        width: '100%',
+        span: '',
+        defaultValue: '',
+        labelWidthMode: 'fix',
+        labelFixWidth: 120,
+        responsive: false,
+        respNewRow: true,
+        placeholder: '请输入备注',
+        rows: 4,
+        autoSize: false,
+        showCount: false,
+        disabled: false,
+        showLabel: true,
+        allowClear: false,
+        required: false,
+        isShow: true,
+        rules: [],
+        events: {},
+        style: { width: '100%' },
+      },
+    },
+  ],
+  showActionButtonGroup: false,
+  buttonLocation: 'center',
+  actionColOptions: { span: 8 },
+  showResetButton: false,
+  showSubmitButton: false,
+  hiddenComponent: [],
+};

src/views/mdm/PipelineGgasLine/components/workflowPermission.ts

@@ -0,0 +1,107 @@
+export const permissionList = [
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '编码',
+    fieldId: 'code',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: '4983b1d691ef4e9aa1f8e112c292c1ac',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '名称',
+    fieldId: 'fullName',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: '5ee1b814f4664fa2896178d66f61ee71',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '自有管道标识',
+    fieldId: 'ownSign',
+    isSubTable: false,
+    showChildren: true,
+    type: 'select',
+    key: 'bfb15152131e4e7a8702c887373de3f6',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '自有接收站',
+    fieldId: 'staCodeLng',
+    isSubTable: false,
+    showChildren: true,
+    type: 'select',
+    key: 'ee787e31eaee4de6ba49d2a397f28536',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '显示顺序',
+    fieldId: 'sort',
+    isSubTable: false,
+    showChildren: true,
+    type: 'number',
+    key: '0d2af48c353b48ac9700e26b76e7d704',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '有效标志',
+    fieldId: 'valid',
+    isSubTable: false,
+    showChildren: true,
+    type: 'select',
+    key: '552b20d281d64157b0a30463f581fb1a',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '备注',
+    fieldId: 'note',
+    isSubTable: false,
+    showChildren: true,
+    type: 'textarea',
+    key: 'b29e52b5ef4e495f85e9815ef53c713d',
+    children: [],
+  },
+];

src/views/mdm/PipelineGgasLine/index.vue

@@ -0,0 +1,372 @@
+<template>
+  <PageWrapper dense fixedHeight contentFullHeight contentClass="flex">
+      <BasicTable @register="registerTable" ref="tableRef"   @row-dbClick="dbClickRow">
+       
+        <template #toolbar>
+          <template v-for="button in tableButtonConfig" :key="button.code">
+            <a-button v-if="button.isDefault" :type="button.type" @click="buttonClick(button.code)">
+              <template #icon><Icon :icon="button.icon" /></template>
+              {{ button.name }}
+            </a-button>
+            <a-button v-else :type="button.type">
+              <template #icon><Icon :icon="button.icon" /></template>
+              {{ button.name }}
+            </a-button>
+          </template>
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.dataIndex === 'action'">
+            <TableAction :actions="getActions(record)" />
+          </template>
+        </template>
+      </BasicTable>
+   <PipelineGgasLineModal @register="registerModal" @success="handleSuccess" />
+  <DataLog :logId="logId" :logPath="logPath" v-model:visible="modalVisible"/>
+  </PageWrapper>
+</template>
+<script lang="ts" setup>
+  const modalVisible = ref(false);
+  const logId = ref('')
+  const logPath = ref('/mdm/pipelineGgasLine/datalog');
+  import { DataLog } from '/@/components/pcitc';
+  import { ref, computed, onMounted, onUnmounted, createVNode, 
+
+} from 'vue';
+  
+  import { Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import { BasicTable, useTable, TableAction, ActionItem } from '/@/components/Table';
+  import { getLngBPngLinePage, deleteLngBPngLine} from '/@/api/mdm/PipelineGgasLine';
+  import { PageWrapper } from '/@/components/Page';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { useI18n } from '/@/hooks/web/useI18n';
+  import { usePermission } from '/@/hooks/web/usePermission';
+  import { useFormConfig } from '/@/hooks/web/useFormConfig';
+  import { useRouter } from 'vue-router';
+  import { setIndexFlowStatus } from '/@/utils/flow/index'
+  import { getLngBPngLine,enableLngBPngLine,disableLngBPngLine } from '/@/api/mdm/PipelineGgasLine';
+  import { useModal } from '/@/components/Modal';
+  import PipelineGgasLineModal from './components/PipelineGgasLineModal.vue';
+  import {formConfig, searchFormSchema, columns } from './components/config';
+  import Icon from '/@/components/Icon/index';
+  import useEventBus from '/@/hooks/event/useEventBus';
+  import { cloneDeep } from 'lodash-es';
+  
+  const { bus, CREATE_FLOW, FLOW_PROCESSED, FORM_LIST_MODIFIED } = useEventBus();
+
+  const { notification } = useMessage();
+  const { t } = useI18n();
+  defineEmits(['register']);
+  const { filterColumnAuth, filterButtonAuth } = usePermission();
+  const { mergeColumns,mergeSearchFormSchema,mergeButtons } = useFormConfig();
+
+  const filterColumns = cloneDeep(filterColumnAuth(columns));
+  const customConfigColums =ref(filterColumns);
+  const customSearchFormSchema =ref(searchFormSchema);
+  const selectedKeys = ref<string[]>([]);
+  const tableRef = ref();
+  //所有按钮
+  const buttons = ref([{"name":"新增","code":"add","icon":"ant-design:plus-outlined","isDefault":true,"isUse":true},{"name":"编辑","code":"edit","icon":"ant-design:form-outlined","isDefault":true,"isUse":true},{"name":"启用","code":"enable","icon":"ant-design:form-outlined","isDefault":true,"isUse":true},{"name":"作废","code":"disable","icon":"ant-design:stop-outlined","isDefault":true,"isUse":true},{"name":"刷新","code":"refresh","icon":"ant-design:reload-outlined","isDefault":true,"isUse":true},{"name":"查看","code":"view","icon":"ant-design:eye-outlined","isDefault":true,"isUse":true},{"name":"数据日志","code":"datalog","icon":"ant-design:profile-outlined","isDefault":true,"isUse":true},{"name":"删除","code":"delete","icon":"ant-design:delete-outlined","isDefault":true,"isUse":true}]);
+  //展示在列表内的按钮
+  const actionButtons = ref<string[]>(['view', 'edit','datalog', 'copyData', 'delete', 'startwork','flowRecord']);
+  const buttonConfigs = computed(()=>{
+    return filterButtonAuth(buttons.value);
+  })
+
+  const tableButtonConfig = computed(() => {
+    return buttonConfigs.value?.filter((x) => !actionButtons.value.includes(x.code));
+  });
+
+  const actionButtonConfig = computed(() => {
+    return buttonConfigs.value?.filter((x) => actionButtons.value.includes(x.code));
+  });
+
+  const btnEvent = {add : handleAdd,edit : handleEdit,enable : handleEnable,disable : handleDisable,refresh : handleRefresh,view : handleView,datalog : handleDatalog,delete : handleDelete,}
+
+  const { currentRoute } = useRouter();
+  const router = useRouter();
+  const formIdComputedRef = ref();
+  formIdComputedRef.value = currentRoute.value.meta.formId
+  const schemaIdComputedRef = ref();
+  schemaIdComputedRef.value = currentRoute.value.meta.schemaId
+  const [registerModal, { openModal }] = useModal();
+  const formName='管道气管线';
+  const [registerTable, { reload,   }] = useTable({
+    title: '' || (formName + '列表'),
+    api: getLngBPngLinePage,
+    rowKey: 'id',
+    columns: customConfigColums,
+    formConfig: {
+      rowProps: {
+        gutter: 16,
+      },
+      schemas: customSearchFormSchema,
+      fieldMapToTime: [],
+      showResetButton: true,
+    },
+    beforeFetch: (params) => {
+      return { ...params, FormId: formIdComputedRef.value, PK: 'id' };
+    },
+    afterFetch: (res) => {
+      tableRef.value.setToolBarWidth();
+      
+    },
+    useSearchForm: true,
+    showTableSetting: true,
+    
+    striped: false,
+    actionColumn: {
+      width: 160,
+      title: '操作',
+      dataIndex: 'action',
+      slots: { customRender: 'action' },
+    },
+    rowSelection: {
+      type: 'checkbox',
+      onChange: onSelectChange
+    },
+    tableSetting: {
+      size: false,
+      setting: false,
+    },
+    
+  });
+  function onSelectChange(rowKeys: string[]) {
+    selectedKeys.value = rowKeys;
+  }
+  function dbClickRow(record) {
+    if (!actionButtonConfig?.value.some(element => element.code == 'view')) {
+      return;
+    }
+    const { processId, taskIds, schemaId } = record.workflowData || {}; 
+    if (taskIds && taskIds.length) {
+      router.push({
+        path: '/flow/' + schemaId + '/' + (processId || '') + '/approveFlow',
+        query: {
+          taskId: taskIds[0],
+          formName: formName,
+          formId:currentRoute.value.meta.formId
+        }
+      });
+    } else if (schemaId && !taskIds && processId) {
+      router.push({
+        path: '/flow/' + schemaId + '/' + processId + '/approveFlow',
+        query: {
+          readonly: 1,
+          taskId: '',
+          formName: formName,
+          formId:currentRoute.value.meta.formId
+        }
+      });
+    } else {
+      router.push({
+        path: '/form/PipelineGgasLine/' + record.id + '/viewForm',
+        query: {
+          formPath: 'mdm/PipelineGgasLine',
+          formName: formName,
+          formId:currentRoute.value.meta.formId
+        }
+      });
+    }
+  }
+
+  function buttonClick(code) {
+    
+    btnEvent[code]();
+  }
+  function handleDatalog (record: Recordable) {
+    modalVisible.value = true
+    logId.value = record.id
+    
+  }
+  
+  function handleAdd() {
+    if (schemaIdComputedRef.value) {
+      router.push({
+        path: '/flow/' + schemaIdComputedRef.value + '/0/createFlow'
+      });
+    } else {
+      router.push({
+        path: '/form/PipelineGgasLine/0/createForm',
+        query: {
+          formPath: 'mdm/PipelineGgasLine',
+          formName: formName,
+          formId:currentRoute.value.meta.formId
+        }
+      });
+    }
+  }
+  
+  function handleEdit(record: Recordable) {
+    
+    router.push({
+      path: '/form/PipelineGgasLine/' + record.id + '/updateForm',
+      query: {
+          formPath: 'mdm/PipelineGgasLine',
+          formName: formName,
+          formId:currentRoute.value.meta.formId
+      }
+    });
+  }
+  function handleDelete(record: Recordable) {
+    deleteList([record.id]);
+  }
+    
+          function handleEnable() {
+            if (!selectedKeys.value.length) {
+              notification.warning({
+                message: 'Tip',
+                description: t('请选择需要启用的数据'),
+              });
+              return;
+            }
+
+            let ids = selectedKeys.value;
+            Modal.confirm({
+              title: '提示信息',
+              icon: createVNode(ExclamationCircleOutlined),
+              content: '是否确认启用？',
+              okText: '确认',
+              cancelText: '取消',
+              onOk() {
+                enableLngBPngLine(ids).then((_) => {
+                  handleSuccess();
+                  notification.success({
+                    message: 'Tip',
+                    description: t('启用成功！'),
+                  });
+                });
+              },
+              onCancel() {},
+            });
+            
+          }
+          function handleDisable() {
+            if (!selectedKeys.value.length) {
+              notification.warning({
+                message: 'Tip',
+                description: t('请选择需要禁用的数据'),
+              });
+              return;
+            }
+            let ids = selectedKeys.value;
+            Modal.confirm({
+              title: '提示信息',
+              icon: createVNode(ExclamationCircleOutlined),
+              content: '是否确认禁用？',
+              okText: '确认',
+              cancelText: '取消',
+              onOk() {
+                disableLngBPngLine(ids).then((_) => {
+                  handleSuccess();
+                  notification.success({
+                    message: 'Tip',
+                    description: t('禁用成功！'),
+                  });
+                });
+              },
+              onCancel() {},
+            });
+          }
+  function deleteList(ids) {
+    Modal.confirm({
+      title: '提示信息',
+      icon: createVNode(ExclamationCircleOutlined),
+      content: '是否确认删除？',
+      okText: '确认',
+      cancelText: '取消',
+      onOk() {
+        deleteLngBPngLine(ids).then((_) => {
+          handleSuccess();
+          notification.success({
+            message: 'Tip',
+            description: t('删除成功！'),
+          });
+        });
+      },
+      onCancel() {},
+    });
+  }
+  function handleRefresh() {
+    reload();
+  }
+  function handleSuccess() {
+    
+    reload();
+  }
+  
+  function handleView(record: Recordable) {
+      
+      dbClickRow(record);
+      
+  }
+  onMounted(() => {
+    
+    if (schemaIdComputedRef.value) {
+      bus.on(FLOW_PROCESSED, handleRefresh);
+      bus.on(CREATE_FLOW, handleRefresh);
+    } else {
+      bus.on(FORM_LIST_MODIFIED, handleRefresh);
+    }
+    
+    // 合并渲染覆盖配置中的列表配置，包括展示字段配置、搜索字段配置、按钮配置
+    mergeCustomListRenderConfig();
+  });
+  onUnmounted(() => {
+    if (schemaIdComputedRef.value) {
+      bus.off(FLOW_PROCESSED, handleRefresh);
+      bus.off(CREATE_FLOW, handleRefresh);
+    } else {
+      bus.off(FORM_LIST_MODIFIED, handleRefresh);
+    }
+  });
+  function getActions(record: Recordable):ActionItem[] {
+    
+    const actionsList: ActionItem[] = actionButtonConfig.value?.map((button) => {
+      if (!record.workflowData?.processId) {
+        return {
+          icon: button?.icon,
+          tooltip: button?.name,
+          color: button.code === 'delete' ? 'error' : undefined,
+          onClick: btnEvent[button.code].bind(null, record),
+        };
+      } else {
+        if (button.code === 'view') {
+          return {
+            icon: button?.icon,
+            tooltip: button?.name,
+            onClick: btnEvent[button.code].bind(null, record),
+          };
+        } else {
+          return {};
+        }
+      }
+    });
+    return actionsList;
+  }
+  async function mergeCustomListRenderConfig(){
+    if (formConfig.useCustomConfig) {
+       let formId=currentRoute.value.meta.formId;
+       //1.合并展示字段配置
+       let cols= await mergeColumns(customConfigColums.value,formId);
+       customConfigColums.value=cols;
+       //2.合并搜索字段配置
+       let sFormSchema= await mergeSearchFormSchema(customSearchFormSchema.value,formId);
+       customSearchFormSchema.value=sFormSchema;
+       //3.合并按钮配置
+       let btns= await mergeButtons(buttons.value,formId);
+       buttons.value=btns;
+    }
+  };
+</script>
+<style lang="less" scoped>
+  :deep(.ant-table-selection-col) {
+    width: 50px;
+  }
+  .show{
+    display: flex;
+  }
+  .hide{
+    display: none !important;
+  }
+</style>

src/views/mdm/Port/components/Form.vue

@@ -0,0 +1,210 @@
+<template>
+    <SimpleForm ref="systemFormRef" :formProps="data.formDataProps" :formModel="{}" :isWorkFlow="props.fromPage != FromPageType.MENU" />
+</template>
+<script lang="ts" setup>
+    import { reactive, ref, onMounted } from 'vue';
+    import { formProps, formEventConfigs, formConfig } from './config';
+    import SimpleForm from '/@/components/SimpleForm/src/SimpleForm.vue';
+    import { addLngBPort, getLngBPort, updateLngBPort, deleteLngBPort } from '/@/api/mdm/Port';
+    import { cloneDeep } from 'lodash-es';
+    import { FormDataProps } from '/@/components/Designer/src/types';
+    import { usePermission } from '/@/hooks/web/usePermission';
+    import { useFormConfig } from '/@/hooks/web/useFormConfig';
+    import { FromPageType } from '/@/enums/workflowEnum';
+    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';
+    import { getTreeData } from '/@/api/mdm/CountryRegion';
+
+    const { filterFormSchemaAuth } = usePermission();
+    const { mergeFormSchemas, mergeFormEventConfigs } = useFormConfig();
+    const { currentRoute } = useRouter();
+
+    const RowKey = 'id';
+    const emits = defineEmits(['changeUploadComponentIds', 'loadingCompleted', 'form-mounted']);
+    const props = defineProps({
+        fromPage: {
+            type: Number,
+            default: FromPageType.MENU
+        }
+    });
+    const systemFormRef = ref();
+    const data: { formDataProps: FormDataProps } = reactive({
+        formDataProps: { schemas: [] } as FormDataProps
+    });
+    const state = reactive({
+        formModel: {}
+    });
+
+    let customFormEventConfigs = [];
+
+    onMounted(async () => {
+        try {
+            const treeData = await getTreeData({});
+            formProps.schemas?.forEach((v) => {
+                if (v.field == 'regionCode') {
+                    v.componentProps.options = treeData;
+                }
+            });
+
+            // 合并渲染覆盖配置中的字段配置、表单事件配置
+            await mergeCustomFormRenderConfig();
+
+            if (props.fromPage == FromPageType.MENU) {
+                setMenuPermission();
+                await createFormEvent(customFormEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：初始化表单
+                await loadFormEvent(customFormEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：加载表单
+            } else if (props.fromPage == FromPageType.FLOW) {
+                emits('loadingCompleted'); //告诉系统表单已经加载完毕
+                // loadingCompleted后 工作流页面直接利用Ref调用setWorkFlowForm方法
+            } else if (props.fromPage == FromPageType.PREVIEW) {
+                // 预览 无需权限，表单事件也无需执行
+            } else if (props.fromPage == FromPageType.DESKTOP) {
+                // 桌面设计 表单事件需要执行
+                emits('loadingCompleted'); //告诉系统表单已经加载完毕
+                await createFormEvent(customFormEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：初始化表单
+                await loadFormEvent(customFormEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：加载表单
+            }
+            emits('form-mounted', formProps);
+        } catch (error) {}
+    });
+
+    async function mergeCustomFormRenderConfig() {
+        let cloneProps = cloneDeep(formProps);
+        let fEventConfigs = cloneDeep(formEventConfigs);
+        if (formConfig.useCustomConfig) {
+            if (props.fromPage !== FromPageType.FLOW) {
+                let formPath = currentRoute.value.query.formPath;
+                //1.合并字段配置
+                cloneProps.schemas = await mergeFormSchemas({ formSchema: cloneProps.schemas!, formPath: formPath });
+                //2.合并表单事件配置
+                fEventConfigs = await mergeFormEventConfigs({ formEventConfigs: fEventConfigs, formPath: formPath });
+            }
+        }
+        data.formDataProps = cloneProps;
+        customFormEventConfigs = fEventConfigs;
+    }
+
+    // 根据菜单页面权限，设置表单属性（必填，禁用，显示）
+    function setMenuPermission() {
+        data.formDataProps.schemas = filterFormSchemaAuth(data.formDataProps.schemas!);
+    }
+
+    // 校验form 通过返回表单数据
+    async function validate() {
+        let values = [];
+        try {
+            values = await systemFormRef.value?.validate();
+            //添加隐藏组件
+            if (data.formDataProps.hiddenComponent?.length) {
+                data.formDataProps.hiddenComponent.forEach((component) => {
+                    values[component.bindField] = component.value;
+                });
+            }
+        } finally {
+        }
+        return values;
+    }
+    // 根据行唯一ID查询行数据，并设置表单数据   【编辑】
+    async function setFormDataFromId(rowId, skipUpdate) {
+        try {
+            const record = await getLngBPort(rowId);
+            const res = { ...record, regionCode: (record.regionCode || '').split(',') };
+            if (skipUpdate) {
+                return res;
+            }
+            setFieldsValue(res);
+            state.formModel = res;
+            await getFormDataEvent(customFormEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：获取表单数据
+            return res;
+        } catch (error) {
+            console.log(error);
+        }
+    }
+    // 辅助设置表单数据
+    function setFieldsValue(record) {
+        systemFormRef.value.setFieldsValue(record);
+    }
+    // 重置表单数据
+    async function resetFields() {
+        await systemFormRef.value.resetFields();
+    }
+    //  设置表单数据全部为Disabled  【查看】
+    async function setDisabledForm(isDisabled) {
+        data.formDataProps.schemas = changeSchemaDisabled(cloneDeep(data.formDataProps.schemas), isDisabled);
+    }
+    // 获取行键值
+    function getRowKey() {
+        return RowKey;
+    }
+    // 更新api表单数据
+    async function update({ values, rowId }) {
+        try {
+            values[RowKey] = rowId;
+            state.formModel = values;
+            let saveVal = await updateLngBPort({ ...values, regionCode: (values.regionCode || []).join(',') });
+            await submitFormEvent(customFormEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：提交表单
+            return saveVal;
+        } catch (error) {}
+    }
+    // 新增api表单数据
+    async function add(values) {
+        try {
+            state.formModel = values;
+            let saveVal = await addLngBPort({ ...values, regionCode: (values.regionCode || []).join(',') });
+
+            await submitFormEvent(customFormEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：提交表单
+            return saveVal;
+        } catch (error) {}
+    }
+    // 根据工作流页面权限，设置表单属性（必填，禁用，显示）
+    async function setWorkFlowForm(obj: WorkFlowFormParams) {
+        try {
+            const cloneProps = cloneDeep(formProps);
+            customFormEventConfigs = cloneDeep(formEventConfigs);
+            if (formConfig.useCustomConfig) {
+                const parts = obj.formConfigKey.split('_');
+                const formId = parts[1];
+                cloneProps.schemas = await mergeFormSchemas({ formSchema: cloneProps.schemas!, formId: formId });
+                customFormEventConfigs = await mergeFormEventConfigs({ formEventConfigs: customFormEventConfigs, formId: formId });
+            }
+
+            let flowData = changeWorkFlowForm(cloneProps, obj);
+            let { buildOptionJson, uploadComponentIds, formModels, isViewProcess } = flowData;
+            data.formDataProps = buildOptionJson;
+            emits('changeUploadComponentIds', uploadComponentIds); //工作流中必须保存上传组件id【附件汇总需要】
+            if (isViewProcess) {
+                setDisabledForm(); //查看
+            }
+            state.formModel = formModels;
+            if (formModels[RowKey]) {
+                setFormDataFromId(formModels[RowKey], false);
+            } else {
+                setFieldsValue(formModels);
+            }
+        } catch (error) {}
+        await createFormEvent(customFormEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：初始化表单
+        await loadFormEvent(customFormEventConfigs, state.formModel, systemFormRef.value, formProps.schemas); //表单事件：加载表单
+    }
+    function getFormModel() {
+        return systemFormRef.value.formModel;
+    }
+    async function handleDelete(id) {
+        return await deleteLngBPort([id]);
+    }
+    defineExpose({
+        setFieldsValue,
+        resetFields,
+        validate,
+        add,
+        update,
+        setFormDataFromId,
+        setDisabledForm,
+        setMenuPermission,
+        setWorkFlowForm,
+        getRowKey,
+        getFormModel,
+        handleDelete
+    });
+</script>

src/views/mdm/Port/components/PortModal.vue

@@ -0,0 +1,108 @@
+<template>
+    <BasicModal v-bind="$attrs" @register="registerModal" :title="getTitle" @ok="handleSubmit" @cancel="handleClose" :paddingRight="15" :bodyStyle="{ minHeight: '400px !important' }">
+        <ModalForm ref="formRef" :fromPage="FromPageType.MENU" />
+    </BasicModal>
+</template>
+<script lang="ts" setup>
+    import { ref, computed, reactive } from 'vue';
+    import { BasicModal, useModalInner } from '/@/components/Modal';
+    import { useMessage } from '/@/hooks/web/useMessage';
+    import { useI18n } from '/@/hooks/web/useI18n';
+    import { formProps } from './config';
+    import ModalForm from './Form.vue';
+    import { FromPageType } from '/@/enums/workflowEnum';
+
+    const emit = defineEmits(['success', 'register']);
+
+    const { notification } = useMessage();
+    const formRef = ref();
+    const state = reactive({
+        formModel: {},
+        isUpdate: true,
+        isView: false,
+        isCopy: false,
+        rowId: ''
+    });
+
+    const { t } = useI18n();
+    const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+        state.isUpdate = !!data?.isUpdate;
+        state.isView = !!data?.isView;
+        state.isCopy = !!data?.isCopy;
+
+        setModalProps({
+            destroyOnClose: true,
+            maskClosable: false,
+            showCancelBtn: !state.isView,
+            showOkBtn: !state.isView,
+            canFullscreen: true,
+            width: 900
+        });
+        if (state.isUpdate || state.isView || state.isCopy) {
+            state.rowId = data.id;
+            if (state.isView) {
+                await formRef.value.setDisabledForm();
+            }
+            await formRef.value.setFormDataFromId(state.rowId);
+        } else {
+            formRef.value.resetFields();
+        }
+    });
+
+    const getTitle = computed(() => (state.isView ? '查看' : !state.isUpdate ? '新增' : '编辑'));
+
+    async function saveModal() {
+        let saveSuccess = false;
+        try {
+            const values = await formRef.value?.validate();
+            //添加隐藏组件
+            if (formProps.hiddenComponent?.length) {
+                formProps.hiddenComponent.forEach((component) => {
+                    values[component.bindField] = component.value;
+                });
+            }
+            if (values !== false) {
+                try {
+                    if (!state.isUpdate || state.isCopy) {
+                        saveSuccess = await formRef.value.add(values);
+                    } else {
+                        saveSuccess = await formRef.value.update({ values, rowId: state.rowId });
+                    }
+                    return saveSuccess;
+                } catch (error) {}
+            }
+        } catch (error) {
+            return saveSuccess;
+        }
+    }
+
+    async function handleSubmit() {
+        try {
+            const saveSuccess = await saveModal();
+            setModalProps({ confirmLoading: true });
+            if (saveSuccess) {
+                if (!state.isUpdate || state.isCopy) {
+                    //false 新增
+                    notification.success({
+                        message: 'Tip',
+                        description: t('新增成功！')
+                    }); //提示消息
+                } else {
+                    notification.success({
+                        message: 'Tip',
+                        description: t('修改成功！')
+                    }); //提示消息
+                }
+                closeModal();
+                formRef.value.resetFields();
+                emit('success');
+            }
+        } finally {
+            setModalProps({ confirmLoading: false });
+        }
+    }
+
+    function handleClose() {
+        formRef.value.resetFields();
+    }
+</script>

src/views/mdm/Port/components/config.ts

@@ -0,0 +1,640 @@
+import { FormProps, FormSchema } from '/@/components/Form';
+import { BasicColumn } from '/@/components/Table';
+
+export const formConfig = {
+    useCustomConfig: false
+};
+
+export const searchFormSchema: FormSchema[] = [
+    {
+        field: 'fullName',
+        label: '名称',
+        component: 'Input'
+    },
+    {
+        field: 'valid',
+        label: '有效标志',
+        component: 'XjrSelect',
+        componentProps: {
+            datasourceType: 'dic',
+            params: { itemId: '1978057078528327681' },
+            labelField: 'name',
+            valueField: 'value',
+
+            getPopupContainer: () => document.body
+        }
+    }
+];
+
+export const columns: BasicColumn[] = [
+    {
+        dataIndex: 'code',
+        title: '编码',
+        componentType: 'input',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'fullName',
+        title: '名称',
+        componentType: 'input',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'shortName',
+        title: '简称',
+        componentType: 'input',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'regionCode',
+        title: '所属国家和地区',
+        componentType: 'cascader',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'valid',
+        title: '有效标志',
+        componentType: 'select',
+        align: 'left',
+
+        sorter: true
+    },
+
+    {
+        dataIndex: 'note',
+        title: '备注',
+        componentType: 'textarea',
+        align: 'left',
+
+        sorter: true
+    }
+];
+//表单事件
+export const formEventConfigs = {
+    0: [
+        {
+            type: 'circle',
+            color: '#2774ff',
+            text: '开始节点',
+            icon: '#icon-kaishi',
+            bgcColor: '#D8E5FF',
+            isUserDefined: false
+        },
+        {
+            color: '#F6AB01',
+            icon: '#icon-chushihua',
+            text: '初始化表单',
+            bgcColor: '#f9f5ea',
+            isUserDefined: false,
+            nodeInfo: { processEvent: [] }
+        }
+    ],
+    1: [
+        {
+            color: '#B36EDB',
+            icon: '#icon-shujufenxi',
+            text: '获取表单数据',
+            detail: '(新增无此操作)',
+            bgcColor: '#F8F2FC',
+            isUserDefined: false,
+            nodeInfo: { processEvent: [] }
+        }
+    ],
+    2: [
+        {
+            color: '#F8625C',
+            icon: '#icon-jiazai',
+            text: '加载表单',
+            bgcColor: '#FFF1F1',
+            isUserDefined: false,
+            nodeInfo: { processEvent: [] }
+        }
+    ],
+    3: [
+        {
+            color: '#6C6AE0',
+            icon: '#icon-jsontijiao',
+            text: '提交表单',
+            bgcColor: '#F5F4FF',
+            isUserDefined: false,
+            nodeInfo: { processEvent: [] }
+        }
+    ],
+    4: [
+        {
+            type: 'circle',
+            color: '#F8625C',
+            text: '结束节点',
+            icon: '#icon-jieshuzhiliao',
+            bgcColor: '#FFD6D6',
+            isLast: true,
+            isUserDefined: false
+        }
+    ]
+};
+export const formProps: FormProps = {
+    labelCol: { span: 3, offset: 0 },
+    labelAlign: 'right',
+    layout: 'horizontal',
+    size: 'default',
+    schemas: [
+        {
+            key: 'ea4fcc80a1dd40219bcc8e28b7052655',
+            field: 'code',
+            label: '编码',
+            type: 'input',
+            component: 'Input',
+            colProps: { span: 24 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请输入编码',
+                maxlength: null,
+                prefix: '',
+                suffix: '',
+                addonBefore: '',
+                addonAfter: '',
+                disabled: true,
+                allowClear: false,
+                showLabel: true,
+                required: false,
+                rules: [],
+                events: {},
+                isSave: false,
+                isShow: true,
+                scan: false,
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '1b3bf1efab214701a9588b4cfb9dfd5c',
+            field: 'fullName',
+            label: '名称',
+            type: 'input',
+            component: 'Input',
+            colProps: { span: 16 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请输入名称',
+                maxlength: null,
+                prefix: '',
+                suffix: '',
+                addonBefore: '',
+                addonAfter: '',
+                disabled: false,
+                allowClear: false,
+                showLabel: true,
+                required: true,
+                rules: [],
+                events: {},
+                isSave: false,
+                isShow: true,
+                scan: false,
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '0dcc7f43f9e34f1b87cc2f730417b3e0',
+            field: 'shortName',
+            label: '简称',
+            type: 'input',
+            component: 'Input',
+            colProps: { span: 8 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请输入简称',
+                maxlength: null,
+                prefix: '',
+                suffix: '',
+                addonBefore: '',
+                addonAfter: '',
+                disabled: false,
+                allowClear: true,
+                showLabel: true,
+                required: true,
+                rules: [],
+                events: {},
+                isSave: false,
+                isShow: true,
+                scan: false,
+                style: { width: '100%' }
+            }
+        },
+        {
+            field: 'regionCode',
+            label: '所属国家和地区',
+            type: 'cascader',
+            component: 'Cascader',
+            colProps: { span: 16 },
+            componentProps: {
+                options: [],
+                fieldNames: { label: 'fullName', value: 'code', children: 'children' },
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请选择',
+                maxlength: null,
+                prefix: '',
+                suffix: '',
+                addonBefore: '',
+                addonAfter: '',
+                disabled: false,
+                allowClear: false,
+                showLabel: true,
+                required: false,
+                rules: [],
+                events: {},
+                isSave: false,
+                isShow: true,
+                scan: false,
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: 'cd46b163fa8345809ab5d579d96f40f2',
+            field: 'capacity',
+            label: '吞吐量',
+            type: 'number',
+            component: 'InputNumber',
+            colProps: { span: 8 },
+            defaultValue: null,
+            componentProps: {
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                width: '100%',
+                span: '',
+                defaultValue: 0.0,
+                formatter(value: number) {
+                    if (!value) return '';
+                    console.log(value);
+
+                    // 3. 保留4位小数（toFixed会自动四舍五入）
+                    const fixedNum = parseFloat(value).toFixed(4); // 结果为字符串，如 "12345.6700"、"-1234.5679"
+
+                    // 4. 分割整数部分和小数部分
+                    const [integerPart, decimalPart] = fixedNum.split('.');
+
+                    // 5. 处理整数部分：添加千分位分隔符
+                    // 正则解释：\B 匹配非单词边界，(?=(\d{3})+(?!\d)) 正向预查每3位数字
+                    const formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+
+                    // 6. 拼接整数、小数部分，返回结果
+                    return `${formattedInteger}.${decimalPart}`;
+                    // return value.toLocaleString('zh-CN', {
+                    //     minimumFractionDigits: 4,
+                    //     maximumFractionDigits: 4
+                    // });
+                },
+                min: null,
+                max: null,
+                step: 0.0001,
+                maxlength: '',
+                disabled: false,
+                showLabel: true,
+                controls: true,
+                required: false,
+                subTotal: false,
+                isShow: true,
+                rules: [],
+                events: {},
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '16e52805d5334759be1d2f40d517efa6',
+            field: 'longitude',
+            label: '连线经度',
+            type: 'number',
+            component: 'InputNumber',
+            colProps: { span: 8 },
+            defaultValue: null,
+            componentProps: {
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                width: '100%',
+                precision: '2',
+                span: '',
+                defaultValue: null,
+                min: null,
+                max: null,
+                step: 0.01,
+                maxlength: 2,
+                disabled: false,
+                showLabel: true,
+                controls: true,
+                required: false,
+                subTotal: false,
+                isShow: true,
+                rules: [],
+                events: {},
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '6b1a921de60d4676be79074cefe0327a',
+            field: 'latitude',
+            label: '连线纬度',
+            type: 'number',
+            component: 'InputNumber',
+            colProps: { span: 8 },
+            defaultValue: null,
+            componentProps: {
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                precision: '2',
+
+                width: '100%',
+                span: '',
+                defaultValue: null,
+                min: null,
+                max: null,
+                step: 0.01,
+                maxlength: 2,
+                disabled: false,
+                showLabel: true,
+                controls: true,
+                required: false,
+                subTotal: false,
+                isShow: true,
+                rules: [],
+                events: {},
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '68e573db83d941efb9a5687f84726b6b',
+            field: 'limit1',
+            label: '限制1',
+            type: 'textarea',
+            component: 'InputTextArea',
+            colProps: { span: 24 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: true,
+                placeholder: '请输入限制1',
+                maxlength: null,
+                rows: 4,
+                autoSize: false,
+                showCount: true,
+                disabled: false,
+                showLabel: true,
+                allowClear: false,
+                required: false,
+                isShow: true,
+                rules: [],
+                events: {},
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '34c007fd1d9544ecb3a5ecea5d7f7b1b',
+            field: 'limit2',
+            label: '限制2',
+            type: 'textarea',
+            component: 'InputTextArea',
+            colProps: { span: 24 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: true,
+                placeholder: '请输入限制2',
+                maxlength: null,
+                rows: 4,
+                autoSize: false,
+                showCount: true,
+                disabled: false,
+                showLabel: true,
+                allowClear: false,
+                required: false,
+                isShow: true,
+                rules: [],
+                events: {},
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '9099e3d919a64dfe860719c34fcaf37d',
+            field: 'limit3',
+            label: '限制3',
+            type: 'textarea',
+            component: 'InputTextArea',
+            colProps: { span: 24 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: true,
+                placeholder: '请输入限制3',
+                maxlength: null,
+                rows: 4,
+                autoSize: false,
+                showCount: true,
+                disabled: false,
+                showLabel: true,
+                allowClear: false,
+                required: false,
+                isShow: true,
+                rules: [],
+                events: {},
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '16fbe387e5c6471b9be06524f4766f10',
+            field: 'limit4',
+            label: '限制4',
+            type: 'textarea',
+            component: 'InputTextArea',
+            colProps: { span: 24 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: true,
+                placeholder: '请输入限制4',
+                maxlength: null,
+                rows: 4,
+                autoSize: false,
+                showCount: true,
+                disabled: false,
+                showLabel: true,
+                allowClear: false,
+                required: false,
+                isShow: true,
+                rules: [],
+                events: {},
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: 'ef6536972cc54e21b09b4f5637730d0b',
+            field: 'sort',
+            label: '显示顺序',
+            type: 'number',
+            component: 'InputNumber',
+            colProps: { span: 8 },
+            defaultValue: null,
+            componentProps: {
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                width: '100%',
+                span: '',
+                defaultValue: null,
+                min: 0,
+                max: null,
+                step: 1,
+                maxlength: '',
+                disabled: false,
+                showLabel: true,
+                controls: true,
+                required: false,
+                subTotal: false,
+                isShow: true,
+                rules: [],
+                events: {},
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: '03f1a079e8544b77a793460306207f41',
+            field: 'valid',
+            label: '有效标志',
+            type: 'select',
+            component: 'XjrSelect',
+            colProps: { span: 8 },
+            componentProps: {
+                width: '100%',
+                span: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: false,
+                placeholder: '请选择有效标志',
+                sepTextField: '',
+                showLabel: true,
+                showSearch: false,
+                clearable: false,
+                disabled: true,
+                mode: 'multiple',
+                staticOptions: [
+                    { key: 1, label: 'Option 1', value: 'Option 1' },
+                    { key: 2, label: 'Option 2', value: 'Option 2' },
+                    { key: 3, label: 'Option 3', value: 'Option 3' }
+                ],
+                defaultSelect: null,
+                datasourceType: 'dic',
+                params: { itemId: '1978057078528327681' },
+                labelField: 'name',
+                valueField: 'value',
+                apiConfig: {
+                    path: 'CodeGeneration/selection',
+                    method: 'GET',
+                    apiId: '93d735dcb7364a0f8102188ec4d77ac7'
+                },
+                dicOptions: [],
+                required: false,
+                rules: [],
+                events: {},
+                isShow: true,
+                itemId: '1978057078528327681',
+                style: { width: '100%' }
+            }
+        },
+        {
+            key: 'e15f5901160a49e9969fdd7d61e00053',
+            field: 'note',
+            label: '备注',
+            type: 'textarea',
+            component: 'InputTextArea',
+            colProps: { span: 24 },
+            defaultValue: '',
+            componentProps: {
+                width: '100%',
+                span: '',
+                defaultValue: '',
+                labelWidthMode: 'fix',
+                labelFixWidth: 120,
+                responsive: false,
+                respNewRow: true,
+                placeholder: '请输入备注',
+                maxlength: null,
+                rows: 4,
+                autoSize: false,
+                showCount: false,
+                disabled: false,
+                showLabel: true,
+                allowClear: false,
+                required: false,
+                isShow: true,
+                rules: [],
+                events: {},
+                style: { width: '100%' }
+            }
+        }
+    ],
+    showActionButtonGroup: false,
+    buttonLocation: 'center',
+    actionColOptions: { span: 24 },
+    showResetButton: false,
+    showSubmitButton: false,
+    hiddenComponent: []
+};

src/views/mdm/Port/components/workflowPermission.ts

@@ -0,0 +1,212 @@
+export const permissionList = [
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '编码',
+    fieldId: 'code',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: 'ea4fcc80a1dd40219bcc8e28b7052655',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '名称',
+    fieldId: 'fullName',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: '1b3bf1efab214701a9588b4cfb9dfd5c',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '简称',
+    fieldId: 'shortName',
+    isSubTable: false,
+    showChildren: true,
+    type: 'input',
+    key: '0dcc7f43f9e34f1b87cc2f730417b3e0',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '所属国家和地区',
+    fieldId: 'regionCode',
+    isSubTable: false,
+    showChildren: true,
+    type: 'cascader',
+    key: '6020d6d0bab849089148eba1d194931a',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '吞吐量',
+    fieldId: 'capacity',
+    isSubTable: false,
+    showChildren: true,
+    type: 'number',
+    key: 'cd46b163fa8345809ab5d579d96f40f2',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '连线经度',
+    fieldId: 'longitude',
+    isSubTable: false,
+    showChildren: true,
+    type: 'number',
+    key: '16e52805d5334759be1d2f40d517efa6',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '连线纬度',
+    fieldId: 'latitude',
+    isSubTable: false,
+    showChildren: true,
+    type: 'number',
+    key: '6b1a921de60d4676be79074cefe0327a',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '限制1',
+    fieldId: 'limit1',
+    isSubTable: false,
+    showChildren: true,
+    type: 'textarea',
+    key: '68e573db83d941efb9a5687f84726b6b',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '限制2',
+    fieldId: 'limit2',
+    isSubTable: false,
+    showChildren: true,
+    type: 'textarea',
+    key: '34c007fd1d9544ecb3a5ecea5d7f7b1b',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '限制3',
+    fieldId: 'limit3',
+    isSubTable: false,
+    showChildren: true,
+    type: 'textarea',
+    key: '9099e3d919a64dfe860719c34fcaf37d',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '限制4',
+    fieldId: 'limit4',
+    isSubTable: false,
+    showChildren: true,
+    type: 'textarea',
+    key: '16fbe387e5c6471b9be06524f4766f10',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '显示顺序',
+    fieldId: 'sort',
+    isSubTable: false,
+    showChildren: true,
+    type: 'number',
+    key: 'ef6536972cc54e21b09b4f5637730d0b',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '有效标志',
+    fieldId: 'valid',
+    isSubTable: false,
+    showChildren: true,
+    type: 'select',
+    key: '03f1a079e8544b77a793460306207f41',
+    children: [],
+  },
+  {
+    required: true,
+    view: true,
+    edit: true,
+    disabled: false,
+    isSaveTable: false,
+    tableName: '',
+    fieldName: '备注',
+    fieldId: 'note',
+    isSubTable: false,
+    showChildren: true,
+    type: 'textarea',
+    key: 'e15f5901160a49e9969fdd7d61e00053',
+    children: [],
+  },
+];

src/views/mdm/Port/index.vue

@@ -0,0 +1,366 @@
+<template>
+    <PageWrapper dense fixedHeight contentFullHeight contentClass="flex">
+        <BasicTable @register="registerTable" ref="tableRef" @row-db-click="dbClickRow" @selection-change="selectionChange">
+            <template #toolbar>
+                <template v-for="button in tableButtonConfig" :key="button.code">
+                    <a-button v-if="button.isDefault" :type="button.type" @click="buttonClick(button.code)">
+                        <template #icon><Icon :icon="button.icon" /></template>
+                        {{ button.name }}
+                    </a-button>
+                    <a-button v-else :type="button.type">
+                        <template #icon><Icon :icon="button.icon" /></template>
+                        {{ button.name }}
+                    </a-button>
+                </template>
+            </template>
+            <template #bodyCell="{ column, record }">
+                <template v-if="column.dataIndex === 'action'">
+                    <TableAction :actions="getActions(record)" />
+                </template>
+            </template>
+        </BasicTable>
+        <PortModal @register="registerModal" @success="handleSuccess" />
+        <DataLog :logId="logId" :logPath="logPath" v-model:visible="modalVisible" />
+    </PageWrapper>
+</template>
+<script lang="ts" setup>
+    import { ref, computed, onMounted, onUnmounted, createVNode } from 'vue';
+
+    import { Modal } from 'ant-design-vue';
+    import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+    import { BasicTable, useTable, TableAction, ActionItem } from '/@/components/Table';
+    import { getLngBPortPage, deleteLngBPort, enableLngBPort, disableLngBPort } from '/@/api/mdm/Port';
+    import { PageWrapper } from '/@/components/Page';
+    import { useMessage } from '/@/hooks/web/useMessage';
+    import { useI18n } from '/@/hooks/web/useI18n';
+    import { usePermission } from '/@/hooks/web/usePermission';
+    import { useFormConfig } from '/@/hooks/web/useFormConfig';
+    import { useRouter } from 'vue-router';
+    import { setIndexFlowStatus } from '/@/utils/flow/index';
+    import { getLngBPort } from '/@/api/mdm/Port';
+    import { useModal } from '/@/components/Modal';
+    import PortModal from './components/PortModal.vue';
+    import { formConfig, searchFormSchema, columns } from './components/config';
+    import Icon from '/@/components/Icon/index';
+    import useEventBus from '/@/hooks/event/useEventBus';
+    import { cloneDeep } from 'lodash-es';
+    import { DataLog } from '/@/components/pcitc';
+    const modalVisible = ref(false);
+    const logId = ref('');
+    const logPath = ref('/mdm/port/datalog');
+    const { bus, CREATE_FLOW, FLOW_PROCESSED, FORM_LIST_MODIFIED } = useEventBus();
+
+    const { notification } = useMessage();
+    const { t } = useI18n();
+    defineEmits(['register']);
+    const { filterColumnAuth, filterButtonAuth } = usePermission();
+    const { mergeColumns, mergeSearchFormSchema, mergeButtons } = useFormConfig();
+
+    const filterColumns = cloneDeep(filterColumnAuth(columns));
+    const customConfigColums = ref(filterColumns);
+    const customSearchFormSchema = ref(searchFormSchema);
+
+    const tableRef = ref();
+    //所有按钮
+    const buttons = ref([
+        { isUse: true, name: '新增', code: 'add', icon: 'ant-design:plus-outlined', isDefault: true, type: 'primary' },
+        { isUse: true, name: '编辑', code: 'edit', icon: 'ant-design:form-outlined', isDefault: true },
+        { isUse: true, name: '启用', code: 'enable', icon: 'ant-design:form-outlined', isDefault: true, type: 'primary' },
+        { isUse: true, name: '作废', code: 'disable', icon: 'ant-design:stop-outlined', isDefault: true, type: 'dashed' },
+        { isUse: true, name: '刷新', code: 'refresh', icon: 'ant-design:reload-outlined', isDefault: true },
+        { isUse: true, name: '查看', code: 'view', icon: 'ant-design:eye-outlined', isDefault: true },
+        { isUse: true, name: '数据日志', code: 'datalog', icon: 'ant-design:profile-outlined', isDefault: true },
+        { isUse: true, name: '删除', code: 'delete', icon: 'ant-design:delete-outlined', isDefault: true }
+    ]);
+    //展示在列表内的按钮
+    const actionButtons = ref<string[]>(['view', 'edit', 'datalog', 'copyData', 'delete', 'startwork', 'flowRecord']);
+    const buttonConfigs = computed(() => {
+        return filterButtonAuth(buttons.value);
+    });
+
+    const tableButtonConfig = computed(() => {
+        return buttonConfigs.value?.filter((x) => !actionButtons.value.includes(x.code));
+    });
+
+    const actionButtonConfig = computed(() => {
+        return buttonConfigs.value?.filter((x) => actionButtons.value.includes(x.code));
+    });
+
+    const btnEvent = { add: handleAdd, edit: handleEdit, enable: handleEnable, disable: handleDisable, refresh: handleRefresh, view: handleView, datalog: handleDatalog, delete: handleDelete };
+    const selectedKeys = ref([]);
+
+    const { currentRoute } = useRouter();
+    const router = useRouter();
+    const formIdComputedRef = ref();
+    formIdComputedRef.value = currentRoute.value.meta.formId;
+    const schemaIdComputedRef = ref();
+    schemaIdComputedRef.value = currentRoute.value.meta.schemaId;
+    const [registerModal, { openModal }] = useModal();
+    const formName = '港口';
+    const [registerTable, { reload }] = useTable({
+        title: '' || formName + '列表',
+        api: getLngBPortPage,
+        rowKey: 'id',
+        columns: customConfigColums,
+        formConfig: {
+            rowProps: {
+                gutter: 16
+            },
+            schemas: customSearchFormSchema,
+            fieldMapToTime: [],
+            showResetButton: false
+        },
+        beforeFetch: (params) => {
+            return { ...params, FormId: formIdComputedRef.value, PK: 'id' };
+        },
+        afterFetch: (res) => {
+            tableRef.value.setToolBarWidth();
+        },
+        useSearchForm: true,
+        showTableSetting: true,
+        rowSelection: {
+            type: 'checkbox'
+        },
+        striped: false,
+        actionColumn: {
+            width: 160,
+            title: '操作',
+            dataIndex: 'action',
+            slots: { customRender: 'action' }
+        },
+        tableSetting: {
+            size: false,
+            setting: false
+        }
+    });
+
+    function dbClickRow(record) {
+        if (!actionButtonConfig?.value.some((element) => element.code == 'view')) {
+            return;
+        }
+        const { processId, taskIds, schemaId } = record.workflowData || {};
+        if (taskIds && taskIds.length) {
+            router.push({
+                path: '/flow/' + schemaId + '/' + (processId || '') + '/approveFlow',
+                query: {
+                    taskId: taskIds[0],
+                    formName: formName,
+                    formId: currentRoute.value.meta.formId
+                }
+            });
+        } else if (schemaId && !taskIds && processId) {
+            router.push({
+                path: '/flow/' + schemaId + '/' + processId + '/approveFlow',
+                query: {
+                    readonly: 1,
+                    taskId: '',
+                    formName: formName,
+                    formId: currentRoute.value.meta.formId
+                }
+            });
+        } else {
+            router.push({
+                path: '/form/Port/' + record.id + '/viewForm',
+                query: {
+                    formPath: 'mdm/Port',
+                    formName: formName,
+                    formId: currentRoute.value.meta.formId
+                }
+            });
+        }
+    }
+
+    function buttonClick(code) {
+        btnEvent[code]();
+    }
+
+    function handleAdd() {
+        if (schemaIdComputedRef.value) {
+            router.push({
+                path: '/flow/' + schemaIdComputedRef.value + '/0/createFlow'
+            });
+        } else {
+            router.push({
+                path: '/form/Port/0/createForm',
+                query: {
+                    formPath: 'mdm/Port',
+                    formName: formName,
+                    formId: currentRoute.value.meta.formId
+                }
+            });
+        }
+    }
+
+    function handleEdit(record: Recordable) {
+        router.push({
+            path: '/form/Port/' + record.id + '/updateForm',
+            query: {
+                formPath: 'mdm/Port',
+                formName: formName,
+                formId: currentRoute.value.meta.formId
+            }
+        });
+    }
+    function handleDelete(record: Recordable) {
+        deleteList([record.id]);
+    }
+
+    function handleEnable() {
+        if (!selectedKeys.value.length) {
+            notification.warning({
+                message: 'Tip',
+                description: t('请选择需要启用的数据')
+            });
+            return;
+        }
+
+        let ids = selectedKeys.value;
+        Modal.confirm({
+            title: '提示信息',
+            icon: createVNode(ExclamationCircleOutlined),
+            content: '是否确认启用？',
+            okText: '确认',
+            cancelText: '取消',
+            onOk() {
+                enableLngBPort(ids).then((_) => {
+                    handleSuccess();
+                    notification.success({
+                        message: 'Tip',
+                        description: t('启用成功！')
+                    });
+                });
+            },
+            onCancel() {}
+        });
+    }
+    function handleDisable() {
+        if (!selectedKeys.value.length) {
+            notification.warning({
+                message: 'Tip',
+                description: t('请选择需要禁用的数据')
+            });
+            return;
+        }
+        let ids = selectedKeys.value;
+        Modal.confirm({
+            title: '提示信息',
+            icon: createVNode(ExclamationCircleOutlined),
+            content: '是否确认禁用？',
+            okText: '确认',
+            cancelText: '取消',
+            onOk() {
+                disableLngBPort(ids).then((_) => {
+                    handleSuccess();
+                    notification.success({
+                        message: 'Tip',
+                        description: t('禁用成功！')
+                    });
+                });
+            },
+            onCancel() {}
+        });
+    }
+    function selectionChange(selected) {
+        selectedKeys.value = selected.keys;
+    }
+    function deleteList(ids) {
+        Modal.confirm({
+            title: '提示信息',
+            icon: createVNode(ExclamationCircleOutlined),
+            content: '是否确认删除？',
+            okText: '确认',
+            cancelText: '取消',
+            onOk() {
+                deleteLngBPort(ids).then((_) => {
+                    handleSuccess();
+                    notification.success({
+                        message: 'Tip',
+                        description: t('删除成功！')
+                    });
+                });
+            },
+            onCancel() {}
+        });
+    }
+    function handleRefresh() {
+        reload();
+    }
+    function handleSuccess() {
+        reload();
+    }
+    function handleDatalog(record: Recordable) {
+        modalVisible.value = true;
+        logId.value = record.id;
+    }
+
+    function handleView(record: Recordable) {
+        dbClickRow(record);
+    }
+    onMounted(() => {
+        if (schemaIdComputedRef.value) {
+            bus.on(FLOW_PROCESSED, handleRefresh);
+            bus.on(CREATE_FLOW, handleRefresh);
+        } else {
+            bus.on(FORM_LIST_MODIFIED, handleRefresh);
+        }
+
+        // 合并渲染覆盖配置中的列表配置，包括展示字段配置、搜索字段配置、按钮配置
+        mergeCustomListRenderConfig();
+    });
+    onUnmounted(() => {
+        if (schemaIdComputedRef.value) {
+            bus.off(FLOW_PROCESSED, handleRefresh);
+            bus.off(CREATE_FLOW, handleRefresh);
+        } else {
+            bus.off(FORM_LIST_MODIFIED, handleRefresh);
+        }
+    });
+    function getActions(record: Recordable): ActionItem[] {
+        const actionsList: ActionItem[] = actionButtonConfig.value?.map((button) => {
+            if (!record.workflowData?.processId) {
+                return {
+                    icon: button?.icon,
+                    tooltip: button?.name,
+                    color: button.code === 'delete' ? 'error' : undefined,
+                    onClick: btnEvent[button.code].bind(null, record)
+                };
+            } else {
+                if (button.code === 'view') {
+                    return {
+                        icon: button?.icon,
+                        tooltip: button?.name,
+                        onClick: btnEvent[button.code].bind(null, record)
+                    };
+                } else {
+                    return {};
+                }
+            }
+        });
+        return actionsList;
+    }
+    async function mergeCustomListRenderConfig() {
+        if (formConfig.useCustomConfig) {
+            let formId = currentRoute.value.meta.formId;
+            //1.合并展示字段配置
+            let cols = await mergeColumns(customConfigColums.value, formId);
+            customConfigColums.value = cols;
+            //2.合并搜索字段配置
+            let sFormSchema = await mergeSearchFormSchema(customSearchFormSchema.value, formId);
+            customSearchFormSchema.value = sFormSchema;
+            //3.合并按钮配置
+            let btns = await mergeButtons(buttons.value, formId);
+            buttons.value = btns;
+        }
+    }
+</script>
+<style lang="less" scoped>
+    :deep(.ant-table-selection-col) {
+        width: 50px;
+    }
+    .show {
+        display: flex;
+    }
+    .hide {
+        display: none !important;
+    }
+</style>

src/views/mdm/PriceTerms/index.vue

@@ -20,6 +20,7 @@
             </template>
         </BasicTable>
         <PriceTermsModal @register="registerModal" @success="handleSuccess" />
+        <DataLog :logId="logId" :logPath="logPath" v-model:visible="modalVisible" />
     </PageWrapper>
 </template>
 <script lang="ts" setup>
@@ -43,7 +44,10 @@
     import Icon from '/@/components/Icon/index';
     import useEventBus from '/@/hooks/event/useEventBus';
     import { cloneDeep } from 'lodash-es';
-
+    import { DataLog } from '/@/components/pcitc';
+    const modalVisible = ref(false);
+    const logId = ref('');
+    const logPath = ref('/mdm/priceTerms/datalog');
     const { bus, CREATE_FLOW, FLOW_PROCESSED, FORM_LIST_MODIFIED } = useEventBus();
 
     const { notification } = useMessage();
@@ -289,7 +293,10 @@
     function handleView(record: Recordable) {
         dbClickRow(record);
     }
-    function handleDatalog() {}
+    function handleDatalog(record: Recordable) {
+        modalVisible.value = true;
+        logId.value = record.id;
+    }
 
     onMounted(() => {
         if (schemaIdComputedRef.value) {

src/views/mdm/TaxRate/components/config.ts

@@ -289,7 +289,7 @@ export const formProps: FormProps = {
         width: '100%',
         span: '',
         defaultValue: null,
-        min: null,
+        min: 0,
         max: null,
         step: 1,
         maxlength: null,

src/views/mdm/TaxRate/index.vue

@@ -21,13 +21,17 @@
         </template>
       </BasicTable>
    <TaxRateModal @register="registerModal" @success="handleSuccess" />
+   <DataLog :logId="logId" :logPath="logPath" v-model:visible="modalVisible"/>
   </PageWrapper>
 </template>
 <script lang="ts" setup>
   import { ref, computed, onMounted, onUnmounted, createVNode, 
-
-} from 'vue';
-  
+    
+  } from 'vue';
+  const modalVisible = ref(false);
+  const logId = ref('')
+  const logPath = ref('/mdm/taxRate/datalog');
+  import { DataLog } from '/@/components/pcitc';
   import { Modal } from 'ant-design-vue';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
   import { BasicTable, useTable, TableAction, ActionItem } from '/@/components/Table';
@@ -130,8 +134,9 @@
   function onSelectChange(rowKeys: string[]) {
     selectedKeys.value = rowKeys;
   }
-  function handleDatalog () {
-    
+  function handleDatalog (record: Recordable) {
+    modalVisible.value = true
+    logId.value = record.id
   }
   function dbClickRow(record) {
     if (!actionButtonConfig?.value.some(element => element.code == 'view')) {