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

@@ -11,35 +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,getAppayRange } from '../../api/omd/revisionRule';
export default {
  name: "Version",
  data(){
    return {
      //查看使用范围
      packageSearchBox:false,
      // 点击数据
      selectRow: '',
      selectRowData: {},
      //分页数据
      page: {
        pageSize: 10,
@@ -47,36 +53,6 @@
        total: 100
      },
      data:[
        {
          name:"测试1",
          tag:"测试",
          char:"测试",
          Initial:"测试",
          Step:"测试",
          prefix:"测试",
          suffix:"测试",
          desc:"测试"
        },
        {
          name:"测试2",
          tag:"测试",
          char:"测试",
          Initial:"测试",
          Step:"测试",
          prefix:"测试",
          suffix:"测试",
          desc:"测试"
        },
        {
          name:"测试3",
          tag:"测试",
          char:"测试",
          Initial:"测试",
          Step:"测试",
          prefix:"测试",
          suffix:"测试",
          desc:"测试"
        }
      ],
      form:{},
      option:{
@@ -85,68 +61,119 @@
        border: true,
        index: true,
        searchMenuSpan:5,
        highlightCurrentRow: true,
        stripe:true,
        viewBtn:false,
        columnBtn:false,
        column:[
          {
            label:"名称",
            prop:"name",
            search:true,
            label: '选择',
            prop: 'radio',
            width: 120,
            display:false
          },
          {
            label: "标签",
            prop:"tag"
            label:'英文名称',
            prop: 'id',
            editDisabled: true,
            rules: [
              {
                required: true,
                message: '英文名称不能为空',
                trigger: 'blur'
              }
            ]
          },
          {
            label:"中文名称",
            prop:"name",
            search:true,
            required: true,
            rules: [
              {
                required: true,
                message: '中文名称不能为空',
                trigger: 'blur'
              }
            ]
          },
          {
            label:"跳跃字符",
            prop:"char"
            prop: "skipCode"
          },
          {
            label: "初始值",
            prop:"Initial"
            prop:"startCode",
            rules: [
              {
                required: true,
                message: '初始值不能为空',
                trigger: 'blur'
              }
            ]
          },
          {
            label:"步长",
            prop:"Step"
            label: "步长",
            prop: "serialStep",
            rules: [
              {
                required: true,
                message: '步长不能为空',
                trigger: 'blur'
              }
            ]
          },
          {
            label: "前缀",
            prop:"prefix"
            prop:"prefixCode"
          },
          {
            label: "后缀",
            prop: "suffix"
            prop: "suffixCode"
          },
          {
            label: "描述",
            prop:"desc",
            prop:"description",
            type:"textarea"
          }
        ]
      }
      },
      applyRangeData: []
    }
  },
  methods:{
    handleSearch(){
      this.packageSearchBox=true
    // 行点击
    rowClick(row){
      this.selectRow = row.$index;
      this.selectRowData = row;
    },
    // getList() {
    //   this.loading = true;
    //   const data = Object.assign({
    //     pageNum: this.page.currentPage,
    //     pageSize: this.page.pageSize,
    //   }, this.params)
    //   this.data = [];
    //   getList(data).then(res => {
    //     const data = res.data.data
    //     this.loading = false;
    //     this.page.total = data.total;
    //     const result = data.list;
    //     this.data = result;
    //   })
    // },
    // 查看应用范围
    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;
      getPage(this.page.currentPage,this.page.pageSize,this.params).then(res => {
        const data = res.data.data
        this.loading = false;
        this.page.total = data.total;
        this.data = data.records;
      })
    },
    rowSave(row, done, loading) {
      add(Object.assign({
        createUser: this.userInfo.name
      }, row)).then(() => {
      add(row).then(() => {
        this.$message.success('新增成功')
        done();
        this.getList();
@@ -155,9 +182,7 @@
      })
    },
    rowUpdate(row, index, done, loading) {
      update(Object.assign({
        updateUser: this.userInfo.name
      }, row)).then(() => {
      update(row).then(() => {
        this.$message.success('修改成功')
        done()
        this.getList();
@@ -171,18 +196,24 @@
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        return del(row.id)
        console.log(row);
        return remove({oid : row.oid})
      }).then(() => {
        this.$message.success('删除成功')
        this.getList();
      })
    },
    searchChange(params, done) {
      if (done) done();
      this.params = params;
      this.page.currentPage = 1;
      this.getList();
      this.$message.success('搜索成功')
      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();
      }
    },
    refreshChange() {
      this.getList();