标准库的选择树显示优化，去除null的显示

deslrey

7 小时以前 1f138c929cbec68a018f9ebcd16af35bcc9bb179

 src/views/standard/standardLibrary/index.vue

@@ -1,6 +1,8 @@
<template>
  <div class="standard">
    <div class="left">
    <splitpanes class="default-theme">
      <pane size="20">
        <div class="left">
      <el-row>
        <el-col :span="20">
          <el-input v-model="search" clearable placeholder="输入关键字进行搜索" size="small" style="margin-bottom: 5px"
@@ -20,8 +22,8 @@
        " @node-click="handleNodeClick"
               @node-drop="handleDrop">
        <div slot-scope="{ node, data }" class="custom-tree-node" style="width: calc(100% - 15px)">
          <div style="display: flex;align-items: center;flex-wrap: nowrap;flex-direction: row;justify-content: space-between;">
            <div style="width: calc(100% - 50px);text-overflow: ellipsis;white-space: nowrap;"
          <div :title="data.label" style="display: flex;align-items: center;flex-wrap: nowrap;flex-direction: row;justify-content: space-between;">
            <div style="width: calc(100% - 50px);white-space: nowrap;text-overflow: ellipsis;"
                 :style="`overflow:${(node.data.children === null || node.data.children === undefined)?'clip':'visible'}`"
            >
              <i :class="`node_i ${data.children != undefined
@@ -41,50 +43,12 @@
              </el-button>
            </div>
          </div>




<!--          <div style="display: inline-block;width: calc(100% - 60px);text-overflow: ellipsis;white-space: nowrap;" :style="`overflow:${(node.data.children === null || node.data.children === undefined)?'clip':'visible'}`">-->
<!--              <i :class="`node_i ${data.children != undefined-->
<!--                ? data.code === '[1]'-->
<!--                  ? 'el-icon-folder-opened'-->
<!--                  : 'el-icon-folder'-->
<!--                : 'el-icon-tickets'-->
<!--                }`"></i>-->
<!--              {{ data.label }}-->
<!--          </div>-->
<!--          <span v-if="(node.data.children === null || node.data.children === undefined)" style="text-align: right">-->
<!--              <el-button style="width:20px" v-if="checkPermi(['standard:standardLibrary:delStandardTree'])" size="mini" type="text" @click.stop="editTreeName(node.data)">-->
<!--                <i class="el-icon-edit"></i>-->
<!--              </el-button>-->
<!--              <el-button style="width:20px;margin-left: 0" size="mini" v-if="checkPermi(['standard:standardLibrary:delStandardTree'])" type="text" @click.stop="remove(node, data)">-->
<!--                <i class="el-icon-delete"></i>-->
<!--              </el-button>-->
<!--          </span>-->
<!--          <el-row style="width: 100%">-->
<!--            <el-col :class="{ sort: node.level > 3 }" :span="19" :title="data.label" style="text-align: left">-->

<!--            </el-col>-->
<!--            <el-col v-if="-->
<!--              checkPermi(['standard:standardLibrary:delStandardTree']) &&-->
<!--              (node.data.children === null ||-->
<!--                node.data.children === undefined)-->
<!--            " :span="2" style="text-align: right">-->

<!--            </el-col>-->
<!--            <el-col v-if="-->
<!--              checkPermi(['standard:standardLibrary:delStandardTree']) &&-->
<!--              (node.data.children === null ||-->
<!--                node.data.children === undefined)-->
<!--            " :span="2" style="text-align: right">-->

<!--            </el-col>-->
<!--          </el-row>-->
        </div>
      </el-tree>
    </div>
    <div class="right">
      </pane>
      <pane size="80">
        <div class="right">
      <el-row class="title" style="width: 100%">
        <el-col :span="20" style="font-size: 14px; color: #999">{{
          selectTree
@@ -217,6 +181,8 @@
        <p style="text-align: right;margin-right: 20px;color: #333;">共{{ total }}条</p>
      </el-row>
    </div>
      </pane>
    </splitpanes>

    <el-dialog :visible.sync="addDia" title="分类添加" width="400px">
      <div class="body">
@@ -346,12 +312,17 @@
} from "@/api/standard/standardLibrary";
import bindSupplierDensityDialogAsk from "./components/bindSupplierDensityDialogAsk.vue";
import BatchCopy from "./components/BatchCopy.vue";
import { Splitpanes, Pane } from "splitpanes";
import "splitpanes/dist/splitpanes.css";

export default {
  name: 'StandardLibrary',
  components: {
    BatchCopy,
    bindSupplierDensityDialogAsk,
    draggable,
    Splitpanes,
    Pane,
  },
  dicts: ["sys_factory", "sys_sub_lab", "sys_samp_type"],
  data() {
@@ -584,7 +555,9 @@
      let data = this.selectTree.split(" - ");
      let data2 = "";
      for (let index = data.length - 1; index >= 0; index--) {
        data2 += " - " + data[index];
        if (data[index] && data[index] !== 'null') {
          data2 += " - " + data[index];
        }
      }
      this.selectTree = data2.replace(" - ", "");
      if (node.childNodes.length === 0) {
@@ -598,11 +571,7 @@
    },
    getNodeParent(val) {
      if (val.parent != null) {
        if (val.data.children === null) {
          this.selectTree += " - " + val.label + " - " + "null";
        } else {
          this.selectTree += " - " + val.label;
        }
        this.selectTree += " - " + val.label;
        this.getNodeParent(val.parent);
      }
    },
@@ -1245,8 +1214,8 @@
}

.left {
  width: 330px;
  height: calc(100% - 40px - 10px);
  width: 100%;
  height: 100%;
  background-color: white;
  padding: 15px;
}
@@ -1282,9 +1251,8 @@
}

.right {
  margin-left: 5px;
  width: calc(100% - 350px);
  height: calc(100% - 40px);
  width: 100%;
  height: 100%;
}

.right .title {