From 53de04f28e81d70e7bdf21a7dd657abf58177582 Mon Sep 17 00:00:00 2001
From: gongchunyi <deslre0381@gmail.com>
Date: 星期二, 13 一月 2026 15:01:03 +0800
Subject: [PATCH] 删除重复的物料属性下拉列表
---
src/views/standard/standardLibrary/index.vue | 363 ++++++++++++++++++++++++++-------------------------
1 files changed, 188 insertions(+), 175 deletions(-)
diff --git a/src/views/standard/standardLibrary/index.vue b/src/views/standard/standardLibrary/index.vue
index 6de2f11..28059ee 100644
--- a/src/views/standard/standardLibrary/index.vue
+++ b/src/views/standard/standardLibrary/index.vue
@@ -3,184 +3,186 @@
<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"
- suffix-icon="el-icon-search" @blur="searchFilter" @clear="searchFilter"></el-input>
- </el-col>
- <el-col v-if="checkPermi(['standard:standardLibrary:add'])" :span="4"
- style="text-align: center; line-height: 30px">
- <el-button circle icon="el-icon-plus" size="mini" type="primary" @click="addDia = true"></el-button>
- </el-col>
- </el-row>
- <el-tree ref="tree" v-loading="treeLoad" :allow-drop="allowDrop" :data="list"
- :default-expanded-keys="expandedKeys" :draggable="true" :filter-node-method="filterNode"
- :props="{ children: 'children', label: 'label' }" highlight-current node-key="label" style="
+ <el-row>
+ <el-col :span="20">
+ <el-input v-model="search" clearable placeholder="杈撳叆鍏抽敭瀛楄繘琛屾悳绱�" size="small" style="margin-bottom: 5px"
+ suffix-icon="el-icon-search" @blur="searchFilter" @clear="searchFilter"></el-input>
+ </el-col>
+ <el-col v-if="checkPermi(['standard:standardLibrary:add'])" :span="4"
+ style="text-align: center; line-height: 30px">
+ <el-button circle icon="el-icon-plus" size="mini" type="primary" @click="addDia = true"></el-button>
+ </el-col>
+ </el-row>
+ <el-tree ref="tree" v-loading="treeLoad" :allow-drop="allowDrop" :data="list"
+ :default-expanded-keys="expandedKeys" :draggable="true" :filter-node-method="filterNode"
+ :props="{ children: 'children', label: 'label' }" highlight-current node-key="label" style="
height: calc(100% - 30px);
overflow-y: scroll;
scrollbar-width: none;
- " @node-click="handleNodeClick"
- @node-drop="handleDrop">
- <div slot-scope="{ node, data }" class="custom-tree-node" style="width: calc(100% - 15px)">
- <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
- ? data.code === '[1]'
- ? 'el-icon-folder-opened'
- : 'el-icon-folder'
- : 'el-icon-tickets'
- }`"></i>
- {{data.label}}
+ " @node-click="handleNodeClick" @node-drop="handleDrop">
+ <div slot-scope="{ node, data }" class="custom-tree-node" style="width: calc(100% - 15px)">
+ <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
+ ? data.code === '[1]'
+ ? 'el-icon-folder-opened'
+ : 'el-icon-folder'
+ : 'el-icon-tickets'
+ }`"></i>
+ {{ data.label }}
+ </div>
+ <div v-if="(node.data.children === null || node.data.children === undefined)" style="width:50px">
+ <el-button 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="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>
+ </div>
+ </div>
</div>
- <div v-if="(node.data.children === null || node.data.children === undefined)" style="width:50px">
- <el-button 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="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>
- </div>
- </div>
+ </el-tree>
</div>
- </el-tree>
- </div>
</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
- }}</el-col>
- <el-col :span="4">
- <el-button v-if="isShowCopy" size="small" style="position: absolute; right: 20px; top: 1px" type="primary"
- @click="openCopyDia">鎵归噺澶嶅埗</el-button>
- </el-col>
- </el-row>
- <el-row v-loading="tableLoad" class="standard_table">
- <el-table ref="standard" :data="standardList" class="el-table" header-row-class-name="header-class" height="220"
- :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }" border
- highlight-current-row style="width: 100%; height: 220px !important" tooltip-effect="dark"
- @row-click="rowClick">
- <el-table-column label="鏍囧噯缂栧彿" prop="code" show-overflow-tooltip width="200">
- <template slot-scope="scope">
- <span style="color: red; font-size: 14px">{{
- scope.row["code"]
- }}</span>
- </template>
- </el-table-column>
- <el-table-column label="鏍囧噯鍚嶇О" prop="name" show-overflow-tooltip></el-table-column>
- <el-table-column label="澶囨敞" prop="remark" show-overflow-tooltip></el-table-column>
- </el-table>
- </el-row>
- <el-row v-loading="tableLoad2" class="product_table">
- <el-table id="templateParamTable" ref="productTable" v-loading="productTableLoading" :data="productList"
- :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }" border
- :fit="true" :row-class-name="tableRowClassName" class="productTable"
- header-row-class-name="header-class" height="100%" row-key="id" stripe style="width: 100%"
- tooltip-effect="dark" @select="upProductSelect" @selection-change="handleSelectionChange"
- @select-all="handleAll">
- <el-table-column type="selection" width="50"> </el-table-column>
- <el-table-column label="浜у搧" min-width="100" prop="sample" show-overflow-tooltip></el-table-column>
- <el-table-column label="鍨嬪彿" min-width="100" prop="model" show-overflow-tooltip></el-table-column>
- <el-table-column label="妫�楠岄」鍒嗙被" min-width="140" prop="inspectionItemClass"
- show-overflow-tooltip></el-table-column>
- <el-table-column label="妫�楠岄」" min-width="140" prop="inspectionItem" show-overflow-tooltip></el-table-column>
- <el-table-column label="妫�楠岄」瀛愰」" min-width="140" prop="inspectionItemSubclass"
- show-overflow-tooltip></el-table-column>
- <el-table-column label="瀛愬疄楠屽" prop="sonLaboratory" show-overflow-tooltip width="130"></el-table-column>
- <el-table-column label="瑕佹眰鍊�" min-width="200px" prop="ask">
- <template slot-scope="scope">
- <el-input v-if="
- checkPermi(['standard:standardLibrary:upStandardProduct'])
- " v-model="scope.row.ask" :autosize="{ minRows: 1, maxRows: 3 }" clearable placeholder="瑕佹眰鍊�" size="small"
- type="textarea" @change="(value) => upStandardProductList(value, scope.row.id)"></el-input>
- <span v-else>{{ scope.row.ask }}</span>
- </template>
- </el-table-column>
- <el-table-column label="瑕佹眰鎻忚堪" min-width="220px" prop="tell">
- <template slot-scope="scope">
- <el-input v-if="
- checkPermi(['standard:standardLibrary:upStandardProduct'])
- " v-model="scope.row.tell" :autosize="{ minRows: 1, maxRows: 3 }" clearable placeholder="瑕佹眰鎻忚堪"
- size="small" type="textarea" @change="(value) => upStandardProductListOfTell(value, scope.row.id)
- "></el-input>
- <span v-else>{{ scope.row.ask }}</span>
- </template>
- </el-table-column>
- <el-table-column label="璇曢獙鏂规硶" prop="method" width="200">
- <template slot-scope="scope">
- <el-select v-if="
- checkPermi(['standard:standardLibrary:upStandardProduct'])
- " v-model="scope.row.methodS" clearable placeholder="璇曢獙鏂规硶" size="small" @change="(value) => upStandardProductListOfMethodS(value, scope.row.id)
- ">
- <el-option v-for="(a, i) in scope.row.method &&
- JSON.parse(scope.row.method)" :key="i" :label="a" :value="a"></el-option>
- </el-select>
- <span v-else>{{ scope.row.methodS }}</span>
- </template>
- </el-table-column>
- <el-table-column label="鏉′欢" min-width="140" prop="radius" show-overflow-tooltip>
- <template slot-scope="scope">
- <el-select v-if="
- checkPermi(['standard:standardLibrary:upStandardProduct'])
- " v-model="scope.row.radius" clearable placeholder="鏉′欢" size="small" @change="(value) => upStandardProductListOfRadius(value, scope.row.id)
- ">
- <el-option v-for="(a, i) in scope.row.radiusList &&
- JSON.parse(scope.row.radiusList)" :key="i" :label="a" :value="a"></el-option>
- </el-select>
- <span v-else>{{ scope.row.radius }}</span>
- </template>
- </el-table-column>
- <el-table-column label="璁￠噺鍗曚綅" prop="unit" show-overflow-tooltip width="100"></el-table-column>
- <el-table-column label="鍗曚环(鍏�)" prop="price" width="120">
- <template slot-scope="scope">
- <el-input v-if="
- checkPermi(['standard:standardLibrary:upStandardProduct'])
- " v-model="scope.row.price" placeholder="鍗曚环(鍏�)" size="small" @change="(value) => upStandardProductListOfPrice(value, scope.row.id)
- ">
- </el-input>
- <span v-else>{{ scope.row.price }}</span>
- </template>
- </el-table-column>
- <el-table-column label="宸ユ椂绯绘暟" prop="manHour" width="120">
- <template slot-scope="scope">
- <el-input v-if="
- checkPermi(['standard:standardLibrary:upStandardProduct'])
- " v-model="scope.row.manHour" placeholder="鍗曚环(鍏�)" size="small" @change="(value) => upStandardProductListOfManHour(value, scope.row.id)
- ">
- </el-input>
- <span v-else>{{ scope.row.manHour }}</span>
- </template>
- </el-table-column>
- <el-table-column label="宸ユ椂鍒嗙粍" prop="manHourGroup" show-overflow-tooltip width="100"></el-table-column>
- <el-table-column label="妯℃澘" prop="templateId" width="200">
- <template slot-scope="scope">
- <el-select v-model="scope.row.templateId" :disabled="!checkPermi(['standard:standardLibrary:upStandardProduct'])
- " filterable size="small" @change="(value) =>
- upStandardProductListOfTemplate(value, scope.row.id)
+ <el-row class="title" style="width: 100%">
+ <el-col :span="20" style="font-size: 14px; color: #999">{{
+ displaySelectTree
+ }}</el-col>
+ <el-col :span="4">
+ <el-button v-if="isShowCopy" size="small" style="position: absolute; right: 20px; top: 1px" type="primary"
+ @click="openCopyDia">鎵归噺澶嶅埗</el-button>
+ </el-col>
+ </el-row>
+ <el-row v-loading="tableLoad" class="standard_table">
+ <el-table ref="standard" :data="standardList" class="el-table" header-row-class-name="header-class"
+ height="220" :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }" border highlight-current-row
+ style="width: 100%; height: 220px !important" tooltip-effect="dark" @row-click="rowClick">
+ <el-table-column label="鏍囧噯缂栧彿" prop="code" show-overflow-tooltip width="200">
+ <template slot-scope="scope">
+ <span style="color: red; font-size: 14px">{{
+ scope.row["code"]
+ }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column label="鏍囧噯鍚嶇О" prop="name" show-overflow-tooltip></el-table-column>
+ <el-table-column label="澶囨敞" prop="remark" show-overflow-tooltip></el-table-column>
+ </el-table>
+ </el-row>
+ <el-row v-loading="tableLoad2" class="product_table">
+ <el-table id="templateParamTable" ref="productTable" v-loading="productTableLoading" :data="productList"
+ :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }" border :fit="true"
+ :row-class-name="tableRowClassName" class="productTable" header-row-class-name="header-class"
+ height="100%" row-key="id" stripe style="width: 100%" tooltip-effect="dark" @select="upProductSelect"
+ @selection-change="handleSelectionChange" @select-all="handleAll">
+ <el-table-column type="selection" width="50"> </el-table-column>
+ <el-table-column label="浜у搧" min-width="100" prop="sample" show-overflow-tooltip></el-table-column>
+ <el-table-column label="鍨嬪彿" min-width="100" prop="model" show-overflow-tooltip></el-table-column>
+ <el-table-column label="妫�楠岄」鍒嗙被" min-width="140" prop="inspectionItemClass"
+ show-overflow-tooltip></el-table-column>
+ <el-table-column label="妫�楠岄」" min-width="140" prop="inspectionItem"
+ show-overflow-tooltip></el-table-column>
+ <el-table-column label="妫�楠岄」瀛愰」" min-width="140" prop="inspectionItemSubclass"
+ show-overflow-tooltip></el-table-column>
+ <el-table-column label="瀛愬疄楠屽" prop="sonLaboratory" show-overflow-tooltip width="130"></el-table-column>
+ <el-table-column label="瑕佹眰鍊�" min-width="200px" prop="ask">
+ <template slot-scope="scope">
+ <el-input v-if="
+ checkPermi(['standard:standardLibrary:upStandardProduct'])
+ " v-model="scope.row.ask" :autosize="{ minRows: 1, maxRows: 3 }" clearable placeholder="瑕佹眰鍊�"
+ size="small" type="textarea"
+ @change="(value) => upStandardProductList(value, scope.row.id)"></el-input>
+ <span v-else>{{ scope.row.ask }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column label="瑕佹眰鎻忚堪" min-width="220px" prop="tell">
+ <template slot-scope="scope">
+ <el-input v-if="
+ checkPermi(['standard:standardLibrary:upStandardProduct'])
+ " v-model="scope.row.tell" :autosize="{ minRows: 1, maxRows: 3 }" clearable placeholder="瑕佹眰鎻忚堪"
+ size="small" type="textarea" @change="(value) => upStandardProductListOfTell(value, scope.row.id)
+ "></el-input>
+ <span v-else>{{ scope.row.ask }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column label="璇曢獙鏂规硶" prop="method" width="200">
+ <template slot-scope="scope">
+ <el-select v-if="
+ checkPermi(['standard:standardLibrary:upStandardProduct'])
+ " v-model="scope.row.methodS" clearable placeholder="璇曢獙鏂规硶" size="small" @change="(value) => upStandardProductListOfMethodS(value, scope.row.id)
">
- <el-option v-for="(a, ai) in templateList" :key="ai" :label="a.name" :value="a.id"></el-option>
- </el-select>
- </template>
- </el-table-column>
- <el-table-column label="鍖洪棿" prop="section" show-overflow-tooltip width="120"></el-table-column>
- <el-table-column label="鎿嶄綔" prop="section" width="160">
- <template slot-scope="scope">
- <el-button type="text" @click="sectionUp(scope.row)" :disabled="!checkPermi(['standard:standardLibrary:upStandardProduct'])
- ">鍖洪棿璁剧疆</el-button>
- <el-button type="text" :disabled="!checkPermi(['standard:standardLibrary:upStandardProduct'])
- " @click="bindSupplierDensitySecond(scope.row)">缁戝畾鍘傚</el-button>
- </template>
- </el-table-column>
- </el-table>
- <!-- <el-pagination :current-page="currentPage" :page-size="300" :total="total" layout="total"
+ <el-option v-for="(a, i) in scope.row.method &&
+ JSON.parse(scope.row.method)" :key="i" :label="a" :value="a"></el-option>
+ </el-select>
+ <span v-else>{{ scope.row.methodS }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column label="鏉′欢" min-width="140" prop="radius" show-overflow-tooltip>
+ <template slot-scope="scope">
+ <el-select v-if="
+ checkPermi(['standard:standardLibrary:upStandardProduct'])
+ " v-model="scope.row.radius" clearable placeholder="鏉′欢" size="small" @change="(value) => upStandardProductListOfRadius(value, scope.row.id)
+ ">
+ <el-option v-for="(a, i) in scope.row.radiusList &&
+ JSON.parse(scope.row.radiusList)" :key="i" :label="a" :value="a"></el-option>
+ </el-select>
+ <span v-else>{{ scope.row.radius }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column label="璁￠噺鍗曚綅" prop="unit" show-overflow-tooltip width="100"></el-table-column>
+ <el-table-column label="鍗曚环(鍏�)" prop="price" width="120">
+ <template slot-scope="scope">
+ <el-input v-if="
+ checkPermi(['standard:standardLibrary:upStandardProduct'])
+ " v-model="scope.row.price" placeholder="鍗曚环(鍏�)" size="small" @change="(value) => upStandardProductListOfPrice(value, scope.row.id)
+ ">
+ </el-input>
+ <span v-else>{{ scope.row.price }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column label="宸ユ椂绯绘暟" prop="manHour" width="120">
+ <template slot-scope="scope">
+ <el-input v-if="
+ checkPermi(['standard:standardLibrary:upStandardProduct'])
+ " v-model="scope.row.manHour" placeholder="鍗曚环(鍏�)" size="small" @change="(value) => upStandardProductListOfManHour(value, scope.row.id)
+ ">
+ </el-input>
+ <span v-else>{{ scope.row.manHour }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column label="宸ユ椂鍒嗙粍" prop="manHourGroup" show-overflow-tooltip width="100"></el-table-column>
+ <el-table-column label="妯℃澘" prop="templateId" width="200">
+ <template slot-scope="scope">
+ <el-select v-model="scope.row.templateId" :disabled="!checkPermi(['standard:standardLibrary:upStandardProduct'])
+ " filterable size="small" @change="(value) =>
+ upStandardProductListOfTemplate(value, scope.row.id)
+ ">
+ <el-option v-for="(a, ai) in templateList" :key="ai" :label="a.name" :value="a.id"></el-option>
+ </el-select>
+ </template>
+ </el-table-column>
+ <el-table-column label="鍖洪棿" prop="section" show-overflow-tooltip width="120"></el-table-column>
+ <el-table-column label="鎿嶄綔" prop="section" width="160">
+ <template slot-scope="scope">
+ <el-button type="text" @click="sectionUp(scope.row)" :disabled="!checkPermi(['standard:standardLibrary:upStandardProduct'])
+ ">鍖洪棿璁剧疆</el-button>
+ <el-button type="text" :disabled="!checkPermi(['standard:standardLibrary:upStandardProduct'])
+ " @click="bindSupplierDensitySecond(scope.row)">缁戝畾鍘傚</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <!-- <el-pagination :current-page="currentPage" :page-size="300" :total="total" layout="total"
style="position: absolute; right: 16px; bottom: 1px" @current-change="handleCurrentChange">
</el-pagination> -->
- <p style="text-align: right;margin-right: 20px;color: #333;">鍏眥{ total }}鏉�</p>
- </el-row>
- </div>
+ <p style="text-align: right;margin-right: 20px;color: #333;">鍏眥{ total }}鏉�</p>
+ </el-row>
+ </div>
</pane>
</splitpanes>
@@ -221,7 +223,7 @@
<el-dialog :close-on-click-modal="false" :visible.sync="sectionUpDia" title="鍖洪棿璁剧疆" width="80%">
<div class="body" style="padding: 5px 0">
<el-table :data="sectionList" border height="350px" style="width: 100%"
- :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }">
+ :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }">
<el-table-column align="center" label="搴忓彿" type="index" width="70">
</el-table-column>
<el-table-column align="center" label="鍖洪棿">
@@ -284,7 +286,7 @@
@closeBindPartDialog="closeBindSupplierDensityDialog">
</bindSupplierDensityDialogAsk>
<BatchCopy v-if="batchCopyDia" ref="BatchCopy" :selectTree1="selectTree" :standardId="standardId"
- @refreshList="refreshList"></BatchCopy>
+ @refreshList="refreshList" @close="batchCopyDia = false"></BatchCopy>
</div>
</template>
@@ -397,6 +399,15 @@
moreSelects: [],
};
},
+ computed: {
+ displaySelectTree() {
+ if (!this.selectTree) return "";
+ return this.selectTree
+ .split(" - ")
+ .filter((item) => item !== "null")
+ .join(" - ");
+ },
+ },
mounted() {
this.selectEnumByCategoryForFactory();
this.selectStandardTreeList();
@@ -499,7 +510,7 @@
}
},
// 璋冪敤tree杩囨护鏂规硶 涓枃鑻辫繃婊�
- filterNode (value, data, node) {
+ filterNode(value, data, node) {
if (!value) {銆�銆�銆�銆�//濡傛灉鏁版嵁涓虹┖锛屽垯杩斿洖true,鏄剧ず鎵�鏈夌殑鏁版嵁椤�
return true
}
@@ -508,7 +519,7 @@
return this.chooseNode(val, data, node) // 璋冪敤杩囨护浜屽眰鏂规硶
},
// 杩囨护鐖惰妭鐐� / 瀛愯妭鐐� (濡傛灉杈撳叆鐨勫弬鏁版槸鐖惰妭鐐逛笖鑳藉尮閰嶏紝鍒欒繑鍥炶鑺傜偣浠ュ強鍏朵笅鐨勬墍鏈夊瓙鑺傜偣锛涘鏋滃弬鏁版槸瀛愯妭鐐癸紝鍒欒繑鍥炶鑺傜偣鐨勭埗鑺傜偣銆俷ame鏄腑鏂囧瓧绗︼紝enName鏄嫳鏂囧瓧绗�.
- chooseNode (value, data, node) {
+ chooseNode(value, data, node) {
if (data.label.indexOf(value) !== -1) {
return true
}
@@ -555,9 +566,7 @@
let data = this.selectTree.split(" - ");
let data2 = "";
for (let index = data.length - 1; index >= 0; index--) {
- if (data[index] && data[index] !== 'null') {
- data2 += " - " + data[index];
- }
+ data2 += " - " + data[index];
}
this.selectTree = data2.replace(" - ", "");
if (node.childNodes.length === 0) {
@@ -571,7 +580,11 @@
},
getNodeParent(val) {
if (val.parent != null) {
- this.selectTree += " - " + val.label;
+ if (val.data.children === null) {
+ this.selectTree += " - " + val.label + " - " + "null";
+ } else {
+ this.selectTree += " - " + val.label;
+ }
this.getNodeParent(val.parent);
}
},
--
Gitblit v1.9.3