From 1f138c929cbec68a018f9ebcd16af35bcc9bb179 Mon Sep 17 00:00:00 2001
From: deslrey <deslre0381@gmail.com>
Date: 星期二, 13 一月 2026 09:15:38 +0800
Subject: [PATCH] 标准库的选择树显示优化，去除null的显示
---
src/views/standard/standardLibrary/index.vue | 78 +++++++++++---------------------------
1 files changed, 23 insertions(+), 55 deletions(-)
diff --git a/src/views/standard/standardLibrary/index.vue b/src/views/standard/standardLibrary/index.vue
index 37c25a7..6de2f11 100644
--- a/src/views/standard/standardLibrary/index.vue
+++ b/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 {
--
Gitblit v1.9.3