Source/UBCS-WEB/src/views/modeling/Versionpackage.vue

@@ -1,89 +1,69 @@
<template>
  <basic-container>
    <avue-crud ref="crud"
               v-model="form"
               :data="data"
               :option="option"
               @on-load="getList"
               @refresh-change="refreshChange"
               @search-change="searchChange"
    >
    </avue-crud>
  </basic-container>
  <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",
  data(){
    return {
  props: {
    rangeData: {
      type: Array
    },

      data:[
        {
          name:"测试1",
          source:"测试1",
          shows:"测试1"
        },
        {
          name:"测试2",
          source:"测试2",
          shows:"测试2"
        },
        {
          name:"测试3",
          source:"测试3",
          shows:"测试3"
        },
        {
          name:"测试4",
          source:"测试4",
          shows:"测试4"
        },
      ],
      form:{},
      option:{
        height:300,
        headerAlign:'center',
  },
  data() {
    return {
      showDialog: false,
      option: {
        height: 300,
        headerAlign: 'center',
        align: 'center',
        border: true,
        menu: false,
        index: true,
        searchMenuSpan:6,
        addBtn:false,
        indexFixed:false,
        menuFixed:false,
        column:[
          {
            label:"名称",
            prop:"name",
          },
          {
            label:"来源",
            prop:"source",
            search:true
          },
          {
            label:"说明",
            prop:"shows",
          },
        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:{

    //搜索
    searchChange(params, done) {
      if (done) done();
      this.params = params;
      this.page.currentPage = 1;
      this.getList();
      this.$message.success('搜索成功')
  methods: {
    closeDialog() { 
      this.rangeData = [];
      this.showDialog = false;
    },
  }
}
</script>

<style scoped>

</style>