From 4aa106fc8ea7b8a0013a1a05094a4618dce00cd4 Mon Sep 17 00:00:00 2001
From: yyb <995253665@qq.com>
Date: 星期三, 15 四月 2026 13:13:06 +0800
Subject: [PATCH] 新增产品定性下拉选项功能,优化产品选择对话框,调整字段布局和表格显示,提升用户交互体验
---
src/views/basicData/product/index.vue | 30 +++++++++++++++++++++++++-----
1 files changed, 25 insertions(+), 5 deletions(-)
diff --git a/src/views/basicData/product/index.vue b/src/views/basicData/product/index.vue
index 26d3600..e8b0d0b 100644
--- a/src/views/basicData/product/index.vue
+++ b/src/views/basicData/product/index.vue
@@ -6,6 +6,7 @@
v-model="search"
style="width: 210px"
placeholder="杈撳叆鍏抽敭瀛楄繘琛屾悳绱�"
+ @input="searchFilter"
@change="searchFilter"
@clear="searchFilter"
clearable
@@ -163,6 +164,18 @@
</el-form-item>
</el-col>
</el-row>
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="鍗曚綅锛�" prop="unit">
+ <el-input
+ v-model="modelForm.unit"
+ placeholder="璇疯緭鍏ュ崟浣�"
+ clearable
+ @keydown.enter.prevent
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
</el-form>
<template #footer>
<div class="dialog-footer">
@@ -211,6 +224,10 @@
prop: "thickness",
// 鍒楄〃灞曠ず鏃剁粺涓�淇濈暀 15 浣嶅皬鏁�
formatData: (val) => formatThicknessTo15(val),
+ },
+ {
+ label: "鍗曚綅",
+ prop: "unit",
},
{
dataType: "action",
@@ -445,13 +462,15 @@
//濡傛灉鏁版嵁涓虹┖锛屽垯杩斿洖true,鏄剧ず鎵�鏈夌殑鏁版嵁椤�
return true;
}
- // 鏌ヨ鍒楄〃鏄惁鏈夊尮閰嶆暟鎹紝灏嗗�煎皬鍐欙紝鍖归厤鑻辨枃鏁版嵁
- let val = value.toLowerCase();
+ // 鍏抽敭瀛椾笌鑺傜偣 label 鍧囨寜灏忓啓姣旇緝锛岃嫳鏂囨ā绯婂尮閰嶄笉鍖哄垎澶у皬鍐欙紙濡� LOW / low 鍙尮閰� Low-E锛�
+ const val = String(value).trim().toLowerCase();
+ if (!val) return true;
return chooseNode(val, data, node); // 璋冪敤杩囨护浜屽眰鏂规硶
};
// 杩囨护鐖惰妭鐐� / 瀛愯妭鐐� (濡傛灉杈撳叆鐨勫弬鏁版槸鐖惰妭鐐逛笖鑳藉尮閰嶏紝鍒欒繑鍥炶鑺傜偣浠ュ強鍏朵笅鐨勬墍鏈夊瓙鑺傜偣锛涘鏋滃弬鏁版槸瀛愯妭鐐癸紝鍒欒繑鍥炶鑺傜偣鐨勭埗鑺傜偣銆俷ame鏄腑鏂囧瓧绗︼紝enName鏄嫳鏂囧瓧绗�.
const chooseNode = (value, data, node) => {
- if (data.label.indexOf(value) !== -1) {
+ const labelLower = String(data.label ?? "").toLowerCase();
+ if (labelLower.indexOf(value) !== -1) {
return true;
}
const level = node.level;
@@ -464,8 +483,9 @@
// 閬嶅巻褰撳墠鑺傜偣鐨勭埗鑺傜偣
let index = 0;
while (index < level - 1) {
- // 濡傛灉鍖归厤鍒扮洿鎺ヨ繑鍥烇紝姝ゅname鍊兼槸涓枃瀛楃锛宔nName鏄嫳鏂囧瓧绗︺�傚垽鏂尮閰嶄腑鑻辨枃杩囨护
- if (parentData.data.label.indexOf(value) !== -1) {
+ // 濡傛灉鍖归厤鍒扮洿鎺ヨ繑鍥烇紱涓� filterNode 涓�鑷达紝鏍囩涓庡叧閿瓧鍧囨寜灏忓啓姣旇緝锛岃嫳鏂囨ā绯婂尮閰嶄笉鍖哄垎澶у皬鍐�
+ const parentLabelLower = String(parentData.data.label ?? "").toLowerCase();
+ if (parentLabelLower.indexOf(value) !== -1) {
return true;
}
// 鍚﹀垯鐨勮瘽鍐嶅線涓婁竴灞傚仛鍖归厤
--
Gitblit v1.9.3