8-28

XiaoRuby

2023-08-28 8231542d77a49f80a49434be6ca8bfb3ae9e1efe

 src/views/standardLibrary/index.vue

@@ -25,6 +25,22 @@
        <div class="table-header">
          <div class="serve-btn">
            <span class="tipMsg">{{ msg !== "" ? msg : "" }}</span>
            <el-select
              v-model="versionValue"
              @change="changeSelect"
              placeholder="请选择版本号"
            >
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
            <el-button type="primary" @click="addVersionFun"
              >新增版本号</el-button
            >
            <el-button
              type="primary"
              icon="el-icon-plus"
@@ -161,12 +177,16 @@
  addSpecifications,
  deleteListApi,
  blurUpdateApi,
  getVersion,
  addVersion,
} from "@/api/standardLibrary";

import { selectproductModelApi } from "@/api/basicData/index";
export default {
  data() {
    return {
      options: [],
      versionValue: "",
      deleteList: [],
      msg: "",
      isAllSelect: false,
@@ -199,7 +219,50 @@
  created() {
    this.getStandardTree();
  },
  mounted() {},
  methods: {
    async initSelect() {
      this.options = [];
      this.versionValue = "";
      const response = await getVersion({
        specificationsId: this.selectData.id,
      });
      if (response.code === 200 && response.data.length > 0) {
        this.getTableByClick(this.selectData, response.data[0]);
        for (let i = 0; i < response.data.length; i++) {
          this.options.push({
            value: response.data[i],
            label: "V" + response.data[i],
          });
          this.versionValue = response.data[0];
        }
      }
    },
    changeSelect() {
      this.tableData = [];
      this.getTableByClick(this.selectData, this.versionValue);
    },
    async insertVersion() {
      const resp = await addVersion({ specificationsId: this.selectData.id });
      if (resp.code === 200) {
        this.initSelect();
        this.$message({
          type: "success",
          message: resp.message,
        });
      }
    },
    addVersionFun() {
      this.$confirm("确认添加新的版本号吗?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          this.insertVersion();
        })
        .catch(() => {});
    },
    filterNode(value, data) {
      if (!value) return true;
      return data.name.indexOf(value) !== -1;
@@ -253,7 +316,8 @@
        this.getParentData(node.parent, node.data.name);
        // 存下选中节点
        this.selectData = data;
        this.getTableByClick(data);
        this.getTableByClick(data, this.versionValue);
        this.initSelect();
      }
      if (!("children" in data)) {
        return;
@@ -268,9 +332,10 @@
        this.getParentData(node.parent, this.msg);
      }
    },
    async getTableByClick(data) {
    async getTableByClick(data, versionVal) {
      await getProductList({
        specificationsId: data.id,
        version: versionVal,
      }).then((res) => {
        res.data.forEach((i) => {
          if (i.name === undefined) {
@@ -292,10 +357,9 @@
      this.$router.push(`/standardLibrary/SpecificationDetails/${row.id}`);
    },
    renderContent(h, { node, data, store }) {
      // console.log('data', data)
      // console.log('node', node)
      // 判断是否是父节点或文件夹
      const isFolder = "children" in data;
      console.log(`output->data`, isFolder);
      return (
        <span class="tree-node">
          {isFolder ? (
@@ -351,7 +415,7 @@
        addTypeArr: [],
      };
      this.getStandardTree();
      this.getTableByClick(this.selectData);
      this.getTableByClick(this.selectData, this.versionValue);
    },
    changeCascader(data) {
      this.addTreeForm.addTypeArr = data;
@@ -442,13 +506,13 @@
      });
    },
    handleSelectionChange(val) {
      this.deleteList = []
      this.deleteList = [];
      val.forEach((v) => {
        if(v.id !== undefined){
          this.deleteList.push(v.id)
        if (v.id !== undefined) {
          this.deleteList.push(v.id);
        }
      })
      console.log(`output->this.deleteList`,this.deleteList)
      });
      console.log(`output->this.deleteList`, this.deleteList);
    },
    // 表格树全部选中配置  结束
    deleteListClick() {
@@ -457,7 +521,7 @@
          message: res.message,
          type: "success",
        });
        this.getTableByClick(this.selectData);
        this.getTableByClick(this.selectData, this.versionValue);
      });
    },
    async requiredOnfocus(scope) {
@@ -472,7 +536,7 @@
          message: res.message,
          type: "success",
        });
        this.getTableByClick(this.selectData);
        this.getTableByClick(this.selectData, this.versionValue);
      });
    },
  },
@@ -608,6 +672,9 @@
  width: 100%;
  padding-bottom: 6px;
  text-align: right;
  .el-select {
    margin-right: 10px;
  }
}
.tipMsg {
  float: left;