wans

src/views/custom/form/CustomForm.vue

@@ -9,6 +9,9 @@
           @select="onSelect"
           :selectedKeys="selectedKeys"
           :treeData="treeData"
+          :replaceFields="{
+            children:'children', title:'title', key:'value'
+          }"
         />
       </a-col>
       <a-col :span="18">
@@ -173,7 +176,7 @@ export default {
       },
       selectedRowKeys: [],
       selectedRows: [],
-
+      selectedKeys: [],
       options: {
         alert: { show: true, clear: () => { this.selectedRowKeys = [] } },
         rowSelection: {

src/views/custom/form/modules/Detail.vue

@@ -7,28 +7,45 @@
         </span>
       </a-col>
     </a-row>
-    <detail-list title="" :col="2">
-      <detail-list-item term="报废单  调拨单。。。">{{ model.type }}</detail-list-item>
-      <detail-list-item term="表单json">{{ model.jsonString }}</detail-list-item>
-      <detail-list-item term="流程ID">{{ model.flowId }}</detail-list-item>
+    <title-divider title="基础信息" width="90px"></title-divider>
+    <detail-list :col="2">
+      <detail-list-item term="表单名称">{{ model.name }}</detail-list-item>
+      <detail-list-item term="表单类型">{{ this.typeMap[model.type ] }}</detail-list-item>
+      <detail-list-item term="模板分类">{{ this.categoryMap[model.category ] }}</detail-list-item>
       <detail-list-item term="备注">{{ model.remark }}</detail-list-item>
-      <detail-list-item term="创建人ID">{{ model.createdUserId }}</detail-list-item>
-      <detail-list-item term="更新人ID">{{ model.updateUserId }}</detail-list-item>
-      <detail-list-item term="更新人">{{ model.updateUserName }}</detail-list-item>
-      <detail-list-item term="更新时间">{{ model.updateTime }}</detail-list-item>
+      <detail-list-item term="创建人">{{ model.createdUserName }}</detail-list-item>
+      <detail-list-item term="创建时间">{{ model.createdTime }}</detail-list-item>
     </detail-list>
+    <title-divider title="表单配置" width="90px"></title-divider>
+    <a-card>
+      <a-form
+        :labelCol="BaseTool.Constant.labelCol"
+        :wrapperCol="BaseTool.Constant.wrapperCol">
+        <a-row>
+          <MComponent
+            class="hover"
+            v-for="item in formComponentConfig.components"
+            :key="item.id"
+            :config="formComponentConfig.config"
+            :detail="item"
+          />
+        </a-row>
+      </a-form>
+    </a-card>
   </a-card>
 </template>
 
 <script>
 import DetailList from '@/components/tools/DetailList'
+import MComponent from './component/modules/Component.vue'
 const DetailListItem = DetailList.Item
 
 export default {
   name: 'CustomFormDetail',
   components: {
     DetailList,
-    DetailListItem
+    DetailListItem,
+    MComponent
   },
   data () {
     return {
@@ -38,26 +55,23 @@ export default {
       visible: false,
       // 下拉框map
       model: {
-        'type': null,
-        'jsonString': null,
-        'flowId': null,
-        'remark': null,
-        'createdUserId': null,
-        'updateUserId': null,
-        'updateUserName': null,
-        'updateTime': null
-      }
+      },
+      categoryMap: {},
+      typeMap: {},
+      formComponentConfig: {}
     }
   },
   created () {
     // 下拉框map
-
+    this.typeMap = this.DictCache.getLabelByValueMapByType(this.DictCache.TYPE.CUSTOM_FORM_TYPE)
+    this.categoryMap = this.DictCache.getLabelByValueMapByType(this.DictCache.TYPE.CATEGORY_TYPE)
   },
   methods: {
     base (record) {
       this.visible = true
       this.modalTitle = '详情'
       this.model = record
+      this.formComponentConfig = JSON.parse(record.jsonString)
     },
     handleCancel () {
       this.visible = false