表单标题拼接表单编号和生效日期

src/business/platform/form/formrender/dynamic-form/dynamic-form.vue

@@ -11,6 +11,7 @@
           :class="titlePosition"
         >
           {{ formDef.processName || formDef.attrs.title_field || formDef.name }}
+          {{ formReference }}
           <span v-if="formDef && formDef.flowName">{{ formDef.flowName }}</span>
           <relevance-table
             v-if="
@@ -114,6 +115,7 @@ import DynamicFormCollapse from './dynamic-form-collapse'
 import DynamicFormTable from './dynamic-form-table'
 import DynamicFormTableItem from './dynamic-form-table-item'
 import DynamicFormTableBlock from './dynamic-form-table-block'
+import { getSetting } from '@/utils/query'
 // import templateList from '@/views/platform/data/dataTemplate/template-list.vue'
 
 Vue.component('ibps-dynamic-form-item', DynamicFormItem)
@@ -208,7 +210,8 @@ export default {
       invalidFields: {},
       activeStep: 0,
       titleList: [],
-      record: []
+      record: [],
+      formReference: ''
     }
   },
   computed: {
@@ -342,6 +345,22 @@ export default {
     //     }
     // }
   },
+  async beforeMount() {
+    const { appendTitle } = (await getSetting('system')) || {
+      appendTitle: true
+    }
+    if (appendTitle) {
+      const res = await this.$common.request('query', {
+        key: 'cxbdkeydydbdbh',
+        params: [this.formDef.key]
+      })
+      const { data = [] } = res.variables || {}
+      this.formReference =
+        data.length > 0
+          ? `${data[0].bian_hao_} ${data[0].sheng_xiao_ri_qi_}`
+          : ''
+    }
+  },
   mounted() {
     // 初始化脚本
     // this.$nextTick(() => {