版本规则-查看应用范围判空

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

@@ -15,37 +15,38 @@
               @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"
        <el-tooltip class="item" content="查找版本规则使用范围" effect="dark" placement="top">
          <el-button v-if="permissionList.apply"
                     icon="el-icon-zoom-in"
                     v-if="permissionList.apply"
                     plain
                     size="small"
                     type="primary"
                     @click="applyRangeSearch">查看使用范围
          </el-button>
        </el-tooltip>
      </template>
      <template slot="radio"
                  slot-scope="{row}">
                      <el-radio v-model="selectRow"
                          :label="row.$index">&nbsp;
                      </el-radio>
                </template>
                slot-scope="{row}">
        <el-radio v-model="selectRow"
                  :label="row.$index">&nbsp;
        </el-radio>
      </template>
    </avue-crud>
    <versionpackage :rangeData="applyRangeData" ref="applyRange"></versionpackage>
    <versionpackage ref="applyRange" :rangeData="applyRangeData"></versionpackage>
  </basic-container>

</template>

<script>
import { getPage,add,update,remove,getAppayRange } from '../../api/omd/revisionRule';
import {getPage, add, update, remove, getAppayRange} from '../../api/omd/revisionRule';
import {mapGetters} from "vuex";

export default {
  name: "Version",
  data(){
  data() {
    return {
      //查看使用范围
      packageSearchBox:false,
      packageSearchBox: false,
      // 点击数据
      selectRow: '',
      selectRowData: {},
@@ -55,29 +56,28 @@
        currentPage: 1,
        total: 100
      },
      data:[
      ],
      form:{},
      option:{
        height:'auto',
        headerAlign:'center',
      data: [],
      form: {},
      option: {
        height: 'auto',
        headerAlign: 'center',
        align: 'center',
        border: true,
        index: true,
        searchMenuSpan:5,
        searchMenuSpan: 5,
        highlightCurrentRow: true,
        stripe:true,
        viewBtn:false,
        columnBtn:false,
        column:[
        stripe: true,
        viewBtn: false,
        columnBtn: false,
        column: [
          {
            label: '选择',
            prop: 'radio',
            width: 120,
            display:false
            display: false
          },
          {
            label:'英文名称',
            label: '英文名称',
            prop: 'id',
            editDisabled: true,
            rules: [
@@ -89,9 +89,9 @@
            ]
          },
          {
            label:"中文名称",
            prop:"name",
            search:true,
            label: "中文名称",
            prop: "name",
            search: true,
            required: true,
            rules: [
              {
@@ -107,10 +107,10 @@
          // },
          {
            label: "初始值",
            prop:"startCode",
            prop: "startCode",
            type: 'number',
            min:1,
            max:99999,
            min: 1,
            max: 99999,
            rules: [
              {
                required: true,
@@ -123,8 +123,8 @@
            label: "步长",
            prop: "serialStep",
            type: 'number',
            min:1,
            max:99999,
            min: 1,
            max: 99999,
            rules: [
              {
                required: true,
@@ -143,50 +143,52 @@
          // },
          {
            label: "描述",
            prop:"description",
            type:"textarea"
            prop: "description",
            type: "textarea"
          }
        ]
      },
      applyRangeData: []
    }
  },
  computed:{
  computed: {
    ...mapGetters(["permission"]),
    permissionList(){
      return{
        addBtn:this.vaildData(this.permission.modeling_Version.version_add,false),
        apply:this.vaildData(this.permission.modeling_Version.version_applyopen,false),
        delBtn:this.vaildData(this.permission.modeling_Version.version_delete,false),
        editBtn:this.vaildData(this.permission.modeling_Version.version_edit,false),
    permissionList() {
      return {
        addBtn: this.vaildData(this.permission.modeling_Version.version_add, false),
        apply: this.vaildData(this.permission.modeling_Version.version_applyopen, false),
        delBtn: this.vaildData(this.permission.modeling_Version.version_delete, false),
        editBtn: this.vaildData(this.permission.modeling_Version.version_edit, false),
      }
    }
  },
  methods:{
  methods: {
    // 行点击
    rowClick(row){
    rowClick(row) {
      this.selectRow = row.$index;
      this.selectRowData = row;
    },
    // 查看应用范围
    applyRangeSearch(){
      if (!this.selectRowData && this.selectRowData.length != 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;
      })
    applyRangeSearch() {
      if (!this.selectRow) {
        this.$message({
          type: "warning",
          message: "请先选择属性"
        })
        return
      }
        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;
      getPage(this.page.currentPage,this.page.pageSize,this.params).then(res => {
      getPage(this.page.currentPage, this.page.pageSize, this.params).then(res => {
        const data = res.data.data
        this.loading = false;
        this.page.total = data.total;
@@ -224,22 +226,22 @@
        type: 'warning'
      }).then(() => {
        console.log(row);
        return remove({oid : row.oid})
        return remove({oid: row.oid})
      }).then(() => {
        this.$message.success('删除成功')
        this.getList();
      })
    },
    searchChange(params, done) {
      var p = {"name_like" : params.name}
      getPage(this.page.currentPage,this.page.pageSize,p).then(res => {
      var p = {"name_like": params.name}
      getPage(this.page.currentPage, this.page.pageSize, p).then(res => {
        const data = res.data.data
        this.loading = false;
        this.page.total = data.total;
        this.data = data.records;
      });
      if (done) {
       done();
        done();
      }
    },
    refreshChange() {