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

@@ -5,6 +5,7 @@
                 :data="data"
                 :option="option"
                 :page.sync="page"
                 :permission="permissionList"
                 @on-load="getList"
                 @row-update="rowUpdate"
                 @row-save="rowSave"
@@ -18,6 +19,7 @@
            <el-button size="small"
                       plain
                       type="primary"
                       v-if="permissionList.apply"
                       icon="el-icon-zoom-in"
                       @click="applyRangeSearch">查看使用范围
            </el-button>
@@ -37,6 +39,7 @@

  <script>
  import { getPage,add,update,remove,getApplyRange } from '../../api/omd/status';
  import {mapGetters} from "vuex";
  export default {
    name: "status",
    data(){
@@ -56,8 +59,11 @@
        ],
        form:{},
        option:{
          height:'auto',
          calcHeight:20,
          headerAlign:'center',
          align: 'center',
          columnBtn:false,
          border: true,
          index: true,
          searchMenuSpan:5,
@@ -65,19 +71,30 @@
          stripe:true,
          column:[
            {
              label: '',
              label: '选择',
              prop: 'radio',
              width: 120
              width: 120,
              display: false
            },
            {
              label:'英文名称',
              prop: 'id',
              search: true
              search: true,
              rules: [{
                required: true,
                message: '英文名称不能为空',
                trigger: 'blur'
              }]
            },
            {
              label:'中文名称',
              prop:'name',
              search:true,
              rules: [{
                required: true,
                message: '中文名称不能为空',
                trigger: 'blur'
              }]
            },
            {
              label: '描述',
@@ -89,18 +106,29 @@
        applyRangeData: []
      }
    },
    computed:{
      ...mapGetters(["permission"]),
      permissionList(){
        return{
          addBtn:this.vaildData(this.permission.modeling_status.status_add,false),
          apply:this.vaildData(this.permission.modeling_status.status_apply,false),
          delBtn:this.vaildData(this.permission.modeling_status.status_delete,false),
          editBtn:this.vaildData(this.permission.modeling_status.status_edit,false),
        }
      }
    },
    methods:{
      rowClick(row){
        this.selectRow = row.$index;
        this.selectRowData = row;
      },
      applyRangeSearch(){
        if (!this.selectRow && this.selectRow != 0){
          console.log(this.selectRow);
        if (this.selectRow === ''){
          this.$message({
            type:"warning",
            message: "请先选择属性"
          })
          return
        }
        getApplyRange(this.selectRowData.id).then(res => {
          this.applyRangeData = res.data.data;
@@ -149,10 +177,22 @@
        })
      },
      searchChange(params, done) {
        if (done) done();
        this.params = params;
        this.loading = true;
        this.page.currentPage = 1;
        this.getList();
        const p = {};
        if(params.id){
          p["id_like"] = params.id;
        }
        if(params.name){
          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;
          done();
        })
        this.$message.success('搜索成功')
      },
      refreshChange() {