Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/versioning/index.vue

@@ -9,19 +9,36 @@
      @selection-change="selectChange"
      @row-click="rowClickHandler">
      <template slot="menuLeft" slot-scope="scope">
        <el-button icon="el-icon-plus" plain size="small" type="primary" @click="addClickHandler">创建</el-button>
        <el-button icon="el-icon-download" plain size="small" type="primary" @click="exportClickHandler">导出
        <el-button v-if="permissionList.addBtn" class="button-custom-icon" plain size="small" type="primary"
                   @click="addClickHandler">
          <icon-show :name="permissionList.addBtn.source"></icon-show>
          创建
        </el-button>
        <el-button icon="el-icon-upload2" plain size="small" type="primary" @click="uploadClickHandler">导入
        <el-button v-if="permissionList.viewTheScopeBtn" class="button-custom-icon" plain size="small" type="primary"
                   @click="checkViewClickHandler">
          <icon-show :name="permissionList.viewTheScopeBtn.source"></icon-show>
          查看使用范围
        </el-button>
        <el-button icon="el-icon-view" plain size="small" type="primary"
                   @click="checkViewClickHandler">查看使用范围
        <el-button v-if="permissionList.importBtn" class="button-custom-icon" plain size="small" type="primary"
                   @click="uploadClickHandler">
          <icon-show :name="permissionList.importBtn.source"></icon-show>
          导入
        </el-button>
        <el-button v-if="permissionList.exportBtn" class="button-custom-icon" plain size="small" type="primary"
                   @click="exportClickHandler">
          <icon-show :name="permissionList.exportBtn.source"></icon-show>
          导出
        </el-button>
      </template>
      <template slot="menu" slot-scope="scope">
        <el-button icon="el-icon-edit" size="small" type="text" @click="editClickHandler(scope.row)">编辑
      <template slot="menu" slot-scope="{row,index}">
        <el-button v-if="permissionList.editBtn" size="small" type="text"
                   @click="editClickHandler(row)">
          <icon-show :name="permissionList.editBtn.source"></icon-show>
          编辑
        </el-button>
        <el-button icon="el-icon-delete" size="small" type="text" @click="delClickHandler(scope.row)">删除
        <el-button v-if="permissionList.delBtn" size="small" type="text" @click="delClickHandler(row)">
          <icon-show :name="permissionList.delBtn.source"></icon-show>
          删除
        </el-button>
      </template>
    </avue-crud>
@@ -32,12 +49,12 @@
      :visible.sync="visible"
      append-to-body="true"
      class="avue-dialog"
      width="40%"
      width="800px"
      @close="visibleCloseHandler"
    >
      <el-form ref="form" size="small" :model="form" :rules="rules" label-width="95px">
      <el-form ref="form" :model="form" :rules="rules" label-width="95px" size="small">
        <el-row>
          <el-col :span="12">
          <el-col :span="24">
            <el-form-item label="名称：" prop="id">
              <el-input v-model="form.id"></el-input>
            </el-form-item>
@@ -80,8 +97,8 @@
        </el-row>
      </el-form>
      <span slot="footer" class="dialog-footer">
         <el-button @click="visibleCloseHandler">取 消</el-button>
         <el-button type="primary" @click="addSaveHandler">确 定</el-button>
         <el-button size="small" type="primary" @click="addSaveHandler">确 定</el-button>
         <el-button size="small" @click="visibleCloseHandler">取 消</el-button>
        </span>
    </el-dialog>

@@ -122,6 +139,7 @@
} from "@/api/modeling/version/api";
import func from "@/util/func";
import basicOption from "@/util/basic-option";
import {mapGetters} from "vuex";

export default {
  name: "index",
@@ -189,6 +207,7 @@
        searchMenuSpan: 8,
        refreshBtn: false,
        selection: false,
        header: false,
        column: [
          {
            label: '名称',
@@ -271,6 +290,19 @@
      selectList: [],
      lastIndex: null,
    }
  },
  computed: {
    ...mapGetters(["permission"]),
    permissionList() {
      return {
        addBtn: this.vaildData(this.permission[this.$route.query.id].ADD, false),
        delBtn: this.vaildData(this.permission[this.$route.query.id].DELETE, false),
        editBtn: this.vaildData(this.permission[this.$route.query.id].EDIT, false),
        exportBtn: this.vaildData(this.permission[this.$route.query.id].EXPORT, false),
        importBtn: this.vaildData(this.permission[this.$route.query.id].IMPORT, false),
        viewTheScopeBtn: this.vaildData(this.permission[this.$route.query.id].SEARCH, false),
      };
    },
  },
  created() {
    this.getTableList();
@@ -416,7 +448,6 @@
        this.checkViewData = this.checkViewDataSearch;
        return done();
      }
      ;

      this.checkViewData = this.checkViewDataSearch.filter(item => {
        return item.source && item.source.includes(source);
@@ -446,7 +477,7 @@
          this.lastIndex = newIndex;
        },
        () => {
          this.selectList = [];
          this.selectList = [row];
        }
      );
    },
@@ -461,39 +492,8 @@
    overflow: auto !important;
  }

  .headerCon {
    .el-button {
      width: 82px;
    }
  .el-input-number--small {
    width: 100%;
  }
}

.headerCon {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;

  .el-button + .el-button {
    margin-left: 5px;
  }

  .el-button {
    margin-top: 5px;
  }
}

.headerCon > .el-button:nth-child(4) {
  margin-left: 0;
}

.headerCon > .el-button:nth-child(7) {
  margin-left: 0;
}

.smallBtn {
  width: 82px;
  text-align: center;
  padding-left: 4.5px;
}

</style>