田源
2025-01-09 d7e3c8a813f8f85c89c06782f1e36e8089ffc31b
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<template>
  <el-dialog title="查看应用范围" :visible.sync="showDialog" append-to-body @close="closeDialog" width="65%"
    style="height: 115vh;">
    <basic-container>
      <avue-crud ref="crud" :data="rangeData" :option="option">
      </avue-crud>
    </basic-container>
  </el-dialog>
</template>
 
<script>
export default {
  name: "Versionpackage.vue",
  props: {
    rangeData: {
      type: Array
    },
 
  },
  data() {
    return {
      showDialog: false,
      option: {
        height: 300,
        headerAlign: 'center',
        align: 'center',
        border: true,
        menu: false,
        index: true,
        addBtn: false,
        indexFixed: false,
        menuFixed: false,
        header: false,
        highlightCurrentRow: true,
        column: [{
          label: '英文名称',
          prop: 'id'
        },
        {
          label: '中文名称',
          prop: 'name',
        },
        {
          label: '所属领域',
          prop: 'domainText',
        },{
          label: '数据表名',
          prop: 'tableName',
          width: 200
        },
        {
          label: '说明',
          prop: 'descirption',
        },
        ]
      }
    }
  },
  methods: {
    closeDialog() { 
      this.rangeData = [];
      this.showDialog = false;
    },
  }
}
</script>
 
<style scoped>
</style>