From cdde6ae90b01e8aff9c58f0cae807dbc6aed09ea Mon Sep 17 00:00:00 2001 From: JenniferW <1627055433@qq.com> Date: Tue, 25 Nov 2025 14:09:24 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/order/index.js | 36 +- src/views/order/intention/search.vue | 3050 +++++++++++--------------- 2 files changed, 1265 insertions(+), 1821 deletions(-) diff --git a/src/api/order/index.js b/src/api/order/index.js index 3845de8..5313aad 100644 --- a/src/api/order/index.js +++ b/src/api/order/index.js @@ -1,5 +1,23 @@ import request from '@/utils/request' +// 智能搜索接口 - 根据输入内容获取对应的key和value +export function searchHint(query) { + return request({ + url: '/products/search/smart', + method: 'get', + params: query + }) +} + +// 查询 - 在所有字段中搜索相似内容，可模糊可精确 +export function search(data) { + return request({ + url: '/products/search/fuzzy', + method: 'post', + data: data + }) +} + // 查询 - 关键差异信息推荐 export function differenceWords(data) { return request({ @@ -9,24 +27,6 @@ export function differenceWords(data) { }) } -// 查询 - 在所有字段中搜索相似内容，可模糊可精确 -export function logout(data) { - return request({ - url: '/products/search/fuzzy', - method: 'post', - data: data - }) -} - - -// 智能搜索接口 - 根据输入内容获取对应的key和value -export function getInfo(query) { - return request({ - url: '/products/search/smart', - method: 'get', - params: query - }) -} // 参数对比 export function compare(query) { diff --git a/src/views/order/intention/search.vue b/src/views/order/intention/search.vue index 936976a..eb8de75 100644 --- a/src/views/order/intention/search.vue +++ b/src/views/order/intention/search.vue @@ -3,201 +3,193 @@
-
-
-

品号查询

-
- -
-
- - - - -
+ +
+

品号查询

+
- -
+
+ +
+ - -
-
- 您输入的条件可能属于以下字段： -
-
+ + +
+ +
+ +
+
+ 您输入的条件可能属于以下字段： +
- [字段] - [值] - {{ item.label }} - : - + [字段] + {{ field.label }} + :
- - - - 查询 - -
- - -
- 以下商品列表中，关键差异信息: - +
- {{ item.label }} - - + [字段] + [值] + {{ item.label }} + : +
- -
+ + + + 查询 + +
+ + +
+ 以下商品列表中，关键差异信息: + + {{ item.label }} + + +
+ + +
+ + {{ cond.fieldLabel }}: + {{ + cond.value + }} + 精准 + + + + 清除所有 + +
+ + +
+
选择精准查询参数：
+
{{ cond.fieldLabel }}: - {{ cond.value }} - - 精准 + {{ cond.value }} - - - 清除所有 - -
- - -
-
选择精准查询参数：
-
- - {{ cond.fieldLabel }}: - {{ cond.value }} - -
-
- + +
+ 参数
对比 +
-
+ +
- +
-
- - - - -
- - {{ showOnlyDifferences ? "显示全部" : "仅看不同项" }} - -
- - -
- - - - - - - - -
- - - - -
- 您选择的品号为：{{ selectedProductNumber }} -
- - - - - -
- 正式环境中提供语音输入检索功能，demo中仅做示意。 -
- -
+ + + + +
+ + {{ showOnlyDifferences ? "显示全部" : "仅看不同项" }} + +
+ + +
+ + + + + + + +
+ + + + +
+ 您选择的品号为：{{ selectedProductNumber }} +
+ + + + + +
+ 正式环境中提供语音输入检索功能，demo中仅做示意。 +
+ +
+ +// 对比弹窗样式 +.compare-filter-options { + margin-bottom: 16px; + + .el-button { + padding: 8px 16px; + } +} + +.compare-table-wrap { + overflow-x: auto; + margin-bottom: 16px; +} + +.param-col { + background: #f5f7fa; + font-weight: 500; +} + +.new-tag { + margin-right: 8px; + + .new-tag-img { + width: 24px; + height: 24px; + vertical-align: middle; + } +} + +.different-value { + color: #f56c6c; + font-weight: 500; +} + +// 确认弹窗样式 +.confirm-message { + font-size: 16px; + color: #333; + text-align: center; + padding: 24px 0; +} + +// 语音弹窗样式 +.voice-popup-content { + font-size: 14px; + color: #666; + padding: 16px 0; + text-align: center; +} + +// 通用样式补充 +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +:deep(.el-empty) { + --el-empty-padding: 40px 0; +} + +:deep(.el-tag) { + --el-tag-padding: 4px 10px; +} + +:deep(.el-input) { + --el-input-height: 40px; +} + \ No newline at end of file