1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<template> 
  <div> 
    <el-button @click="visible = true">测试</el-button> 
    <el-button @click="visible1 = true">相似项查询</el-button> 
    <FormTemplateDialog 
      :visible.sync="visible" 
      :type="this.type" 
      :templateOid="this.templateOid" 
      :codeClassifyOid="this.codeClassifyOid" 
      :codeRuleOid="this.codeRuleOid" 
      :disabledProp="disabledProp" 
      :rowOid="rowOid" 
      @submit="submit" 
    ></FormTemplateDialog> 
    <ResembleQueryDialog 
      :visible.sync="visible1" 
      :type="this.type" 
      :templateOid="this.templateOid" 
      :codeClassifyOid="this.codeClassifyOid" 
      :codeRuleOid="this.codeRuleOid" 
    ></ResembleQueryDialog> 
  </div> 
</template> 
 
<script> 
import ResembleQueryDialog from '@/components/FormTemplate/ResembleQueryDialog.vue'; 
export default { 
  name: "FormTempalteTest", 
  components: { ResembleQueryDialog }, 
  data() { 
    return { 
      visible: false, 
      visible1: false, 
      // 默认禁用的表元素 
      disabledProp: ["id"], 
      // 表单类型 
      type: "add", 
      templateOid: "78B8C7C5-A042-0B96-FE6D-65421451782A", 
      codeClassifyOid: "4524E801-6CC6-92E8-1AC3-2AB9604E8F96", 
      codeRuleOid: "B95872A6-9CEA-D490-8F1B-9D26548CAF96", 
      rowOid: '6EF696C3-CD87-0E7C-1EA1-8DE3913A95C9' 
    }; 
  }, 
  methods: { 
    submit(data) { 
      console.log(data); 
    } 
  } 
}; 
</script>