From 387fdc6d364145a1445ca9d5809614f865091d0d Mon Sep 17 00:00:00 2001
From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU>
Date: 星期五, 31 十月 2025 16:44:15 +0800
Subject: [PATCH] 优化
---
components/mold.vue | 116 ++++++++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 105 insertions(+), 11 deletions(-)
diff --git a/components/mold.vue b/components/mold.vue
index 152c4f3..7238f47 100644
--- a/components/mold.vue
+++ b/components/mold.vue
@@ -4,26 +4,29 @@
<view class="top-section-grid">
<view class="form-cell">
<label class="form-label">鍒�鍏风紪鍙凤細</label>
- <input class="input" v-model="selectedToolNo" placeholder="璇烽�氳繃鍒�鍏风洰褰曢�夋嫨" disabled />
+ <input class="input small-font" v-model="selectedToolNo" placeholder="璇烽�氳繃鍒�鍏风洰褰曢�夋嫨" disabled />
<button class="btn-blue" @click="openToolDialog" :disabled="loadingTools">鍒�鍏风洰褰�</button>
</view>
<view class="form-cell">
<label class="form-label">璁剧疆浣跨敤涓婇檺锛�</label>
- <input class="input" type="number" v-model="useLimitInput" placeholder="姣忔鎹㈠垁鍚庢墜濉�" :disabled="!selectedToolNo || loadingForm" />
+ <input class="input small-font" type="number" v-model="useLimitInput" placeholder="姣忔鎹㈠垁鍚庢墜濉�" :disabled="!selectedToolNo || loadingForm" />
</view>
<!-- 鏂板锛氬鍛芥瘮棰勮鍊艰緭鍏ユ -->
<view class="form-cell">
<label class="form-label">瀵垮懡姣旈璀﹀�硷細</label>
- <input class="input"
- v-model="lifeWarnInput"
- placeholder="濡�0.9鎴�90(%)"
- :disabled="!selectedToolNo || loadingForm" />
+ <view class="input-with-suffix">
+ <input class="input small-font"
+ v-model="lifeWarnInput"
+ placeholder="濡�0.9鎴�90"
+ :disabled="!selectedToolNo || loadingForm" />
+ <span class="input-suffix">%</span>
+ </view>
</view>
<view class="form-cell">
<label class="form-label">鍒�鍏峰悕绉帮細</label>
- <input class="input" v-model="toolName" placeholder="鍒�鍏峰甫鍑�" disabled />
+ <input class="input small-font" v-model="toolName" placeholder="鍒�鍏峰甫鍑�" disabled />
<label class="form-label" style="margin-left: 16px;">瑙勬牸鍨嬪彿锛�</label>
- <input class="input" v-model="toolModel" placeholder="鍒�鍏峰甫鍑�" disabled />
+ <input class="input small-font" v-model="toolModel" placeholder="鍒�鍏峰甫鍑�" disabled />
</view>
</view>
@@ -138,7 +141,14 @@
loadingForm: false,
submitting: false,
_searchTimer: null,
- workOrderCurrentCjNum: null // 宸ュ崟褰撳墠鏁伴噰
+ workOrderCurrentCjNum: null, // 宸ュ崟褰撳墠鏁伴噰
+
+ // 鑷姩淇濆瓨鐩稿叧
+ autoSaveTimer: null,
+ isDirty: false, // 琛ㄥ崟鏄惁鏈夋湭淇濆瓨鍙樻洿
+ autoSaveIntervalMs: 5 * 60 * 1000, // 榛樿 5 鍒嗛挓
+ autoSaveEnabled: true,
+ autoSaveActionName: 'handleUpTool' // 鑷姩瑙﹀彂鐨勬柟娉曞悕锛屽彲鏀逛负鑷畾涔変繚瀛樻柟娉�
};
},
computed: {
@@ -146,7 +156,56 @@
return Math.max(1, Math.ceil(this.total / this.pageSize) || 1);
}
},
+ watch: {
+ // 鏍囪鑴忔暟鎹細鎸夐渶鐩戝惉瀛楁鍙樺寲
+ selectedToolNo() { this.isDirty = true; },
+ useLimitInput() { this.isDirty = true; },
+ lifeWarnInput() { this.isDirty = true; },
+ toolName() { this.isDirty = true; },
+ toolModel() { this.isDirty = true; }
+ },
methods: {
+ // 鑷姩淇濆瓨锛氬惎鍔�
+ startAutoSave() {
+ if (!this.autoSaveEnabled) return;
+ this.stopAutoSave();
+ this.autoSaveTimer = setInterval(() => {
+ this.autoSaveTick();
+ }, this.autoSaveIntervalMs);
+ },
+ // 鑷姩淇濆瓨锛氬仠姝�
+ stopAutoSave() {
+ if (this.autoSaveTimer) {
+ clearInterval(this.autoSaveTimer);
+ this.autoSaveTimer = null;
+ }
+ },
+ // 鑷姩淇濆瓨锛氭瘡娆″畾鏃舵墽琛屾椂鐨勯�昏緫
+ async autoSaveTick() {
+ if (!this.autoSaveEnabled) return;
+ if (!this.isDirty) return;
+ if (this.submitting || this.loadingForm) return;
+
+ const fn = this.autoSaveActionName && typeof this[this.autoSaveActionName] === 'function'
+ ? this[this.autoSaveActionName]
+ : null;
+ if (!fn) {
+ console.warn('鑷姩淇濆瓨锛氭湭鎵惧埌鏂规硶', this.autoSaveActionName);
+ return;
+ }
+
+ try {
+ this.submitting = true;
+ await fn.call(this); // 璋冪敤淇濆瓨鏂规硶锛堜緥濡� handleUpTool锛�
+ // 濡傛灉淇濆瓨鎴愬姛锛屾竻鑴忔爣璁帮紙淇濆瓨鏂规硶鍐呴儴鑻ュけ璐ユ病鏈夋姏鍑哄彲淇濇寔姝ゆ柟寮忥級
+ this.isDirty = false;
+ } catch (e) {
+ console.error('鑷姩淇濆瓨澶辫触锛�', e);
+ } finally {
+ this.submitting = false;
+ }
+ },
+
// 鏂板锛氬鍛芥瘮棰勮鍊煎綊涓�鍖� (杩斿洖 0~1 鎴� null)
normalizeLifeWarn(v) {
if (v == null) return null;
@@ -247,7 +306,7 @@
if (tool.lifeWarn !== undefined && tool.lifeWarn !== null) {
// 鏍煎紡鍖栦负鐧惧垎姣斿瓧绗︿覆
const warn = Number(tool.lifeWarn);
- this.lifeWarnInput = warn <= 1 ? `${(warn * 100).toFixed(0)}%` : `${warn.toFixed(0)}%`;
+ this.lifeWarnInput = warn <= 1 ? (warn * 100).toFixed(0) : warn.toFixed(0);
} else {
this.lifeWarnInput = '';
}
@@ -322,6 +381,7 @@
} catch (err) {
console.error(err);
this.$showMessage('涓婂垁鎻愪氦澶辫触锛岃妫�鏌ョ綉缁�');
+ throw err; // 鎶涘嚭浠ヤ究鑷姩淇濆瓨閫昏緫鎹曡幏骞朵繚鐣� isDirty
} finally {
this.submitting = false;
}
@@ -373,6 +433,7 @@
} catch (err) {
console.error(err);
this.$showMessage('涓嬪垁鎻愪氦澶辫触锛岃妫�鏌ョ綉缁�');
+ throw err;
} finally {
this.submitting = false;
}
@@ -383,6 +444,7 @@
this.toolModel = '';
this.useLimitInput = '';
this.lifeWarnInput = ''; // 鏂板锛氭竻绌�
+ this.isDirty = false;
},
async fetchFormData() {
if (!this.workOrderNo || !this.machineNo) {
@@ -511,7 +573,7 @@
// 鏂板锛氳嚜鍔ㄥ～鍏呭鍛芥瘮棰勮鍊�
if (order.modlLifeWorning !== undefined && order.modlLifeWorning !== null) {
const warn = Number(order.modlLifeWorning);
- this.lifeWarnInput = warn <= 1 ? `${(warn * 100).toFixed(0)}%` : `${warn.toFixed(0)}%`;
+ this.lifeWarnInput = warn <= 1 ? (warn * 100).toFixed(0) : warn.toFixed(0);
} else {
this.lifeWarnInput = '';
}
@@ -560,6 +622,13 @@
} else {
console.warn('鏈哄彴鍙锋垨宸ュ崟鍙蜂负绌猴紝鏃犳硶鑾峰彇琛ㄥ崟鏁版嵁');
}
+
+ // 鍚姩鑷姩淇濆瓨瀹氭椂鍣�
+ this.startAutoSave();
+ },
+ beforeDestroy() {
+ // 娓呯悊瀹氭椂鍣紝闃叉鍐呭瓨娉勬紡
+ this.stopAutoSave();
}
};
</script>
@@ -597,6 +666,11 @@
border-radius: 6px;
background: #f8f8f8;
}
+
+ /* 鏂板锛氬皬瀛椾綋鏍峰紡 */
+ .input.small-font {
+ font-size: 1vw; /* 璋冨皬瀛椾綋 */
+ }
.form-select {
width: 12vw;
@@ -863,4 +937,24 @@
.tool-desc {
margin-top: 2vh;
}
+
+ .input-with-suffix {
+ position: relative;
+ display: flex;
+ align-items: center;
+ }
+
+ .input-with-suffix .input {
+ width: 10vw;
+ margin-right: 8px;
+ padding-right: 24px; /* 涓哄悗缂�鐣欏嚭绌洪棿 */
+ }
+
+ .input-suffix {
+ position: absolute;
+ right: 16px; /* 璋冩暣鍒拌緭鍏ユ鍐呭彸渚� */
+ color: #666;
+ font-size: 0.9vw;
+ pointer-events: none; /* 闃叉骞叉壈杈撳叆 */
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.3