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

@@ -11,36 +11,41 @@
               @row-del="rowDel"
               @refresh-change="refreshChange"
               @search-reset="searchChange"
               @search-change="searchChange">
               @search-change="searchChange"
               @row-click="rowClick">
      <template slot="menuLeft">
        <el-tooltip class="item" effect="dark" content="查找版本规则使用范围" placement="top">
          <el-button size="small"
                     plain
                     type="primary"
                     icon="el-icon-zoom-in"
                     @click="handleSearch">查看使用范围
                     @click="applyRangeSearch">查看使用范围
          </el-button>
        </el-tooltip>
      </template>>
      </template>
      <template slot="radio"
                  slot-scope="{row}">
                      <el-radio v-model="selectRow"
                          :label="row.$index">&nbsp;
                      </el-radio>
                </template>
    </avue-crud>
    <el-dialog title="查看使用范围"
               append-to-body
               :visible.sync="packageSearchBox"
               width="1200px">
      <versionpackage></versionpackage>
    </el-dialog>
    <versionpackage :rangeData="applyRangeData" ref="applyRange"></versionpackage>
  </basic-container>

</template>

<script>
import { getPage,add,update,remove } from '../../api/omd/revisionRule';
import { getPage,add,update,remove,getAppayRange } from '../../api/omd/revisionRule';
export default {
  name: "Version",
  data(){
    return {
      //查看使用范围
      packageSearchBox:false,
      // 点击数据
      selectRow: '',
      selectRowData: {},
      //分页数据
      page: {
        pageSize: 10,
@@ -56,7 +61,14 @@
        border: true,
        index: true,
        searchMenuSpan:5,
        highlightCurrentRow: true,
        stripe:true,
        column:[
          {
            label: '',
            prop: 'radio',
            width: 120
          },
          {
            label:'英文名称',
            prop: 'id'
@@ -92,12 +104,31 @@
            type:"textarea"
          }
        ]
      }
      },
      applyRangeData: []
    }
  },
  methods:{
    handleSearch(){
      this.packageSearchBox=true
    // 行点击
    rowClick(row){
      this.selectRow = row.$index;
      this.selectRowData = row;
    },
    // 查看应用范围
    applyRangeSearch(){
      if (!this.selectRow && this.selectRow != 0){
        console.log(this.selectRow);
          this.$message({
            type:"warning",
            message: "请先选择属性"
          })
        }
      getAppayRange(this.selectRowData.id).then(res => {
         this.applyRangeData = res.data.data;
         this.$refs.applyRange.rangeData = this.applyRangeData;
         this.$refs.applyRange.showDialog = true;
      })
      // this.packageSearchBox=true
    },
    getList() {
      this.loading = true;