From 2d7b538d72f1d3904da8367aa08cb53cb0c11210 Mon Sep 17 00:00:00 2001
From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU>
Date: 星期二, 14 十月 2025 16:54:31 +0800
Subject: [PATCH] 按键优化
---
components/mold.vue | 16 +++++++++++-----
1 files changed, 11 insertions(+), 5 deletions(-)
diff --git a/components/mold.vue b/components/mold.vue
index 0ac4180..e9c08b0 100644
--- a/components/mold.vue
+++ b/components/mold.vue
@@ -37,7 +37,11 @@
<button class="btn-blue" @click="searchTool" :disabled="loadingTools">鎼滅储</button>
</view>
<view class="tool-list">
- <button v-for="tool in filteredTools" :key="tool.no" class="tool-btn" @click="selectTool(tool)">
+ <button v-for="tool in filteredTools"
+ :key="tool.no"
+ class="tool-btn"
+ :class="{ active: activeToolNo === tool.no }"
+ @click="selectTool(tool)">
{{ tool.no }} | {{ tool.name }}
</button>
</view>
@@ -112,6 +116,7 @@
return {
machineNo: '',//鏈哄彴缂栫爜
workOrderNo: '',//宸ュ崟鍙�
+ activeToolNo: '', // 褰撳墠閫変腑鐨勫垁鍏风紪鍙�
pageIndex: 1,
pageSize: 18,
total: 0,
@@ -223,6 +228,7 @@
this.selectedToolNo = tool.no;
this.toolName = tool.name;
this.toolModel = tool.model;
+ this.activeToolNo = tool.no; // 璁板綍閫変腑
},
confirmTool() {
this.showToolDialog = false;
@@ -558,17 +564,17 @@
box-sizing: border-box;
margin: 5px 1% 5px 0;
padding: 8px 16px;
- background: #fff; /* 甯告�佺櫧鑹� */
+ background: #00A2E9;
border: 1px solid #ccc;
border-radius: 4px;
cursor: pointer;
- color: #333; /* 甯告�佹繁鑹插瓧 */
+ color: #333;
text-align: left;
transition: background 0.15s, color 0.15s;
}
- .tool-btn:active {
- background: #e0e0e0; /* 鎸変笅鍙樼伆 */
+ .tool-btn.active {
+ background: #e0e0e0; /* 閫変腑鏃跺彉鐏� */
color: #888;
}
--
Gitblit v1.9.3