From 42bf8e8f07c0ed4288e8c847978112af0615d041 Mon Sep 17 00:00:00 2001
From: 南骏 池 <chiffly@163.com>
Date: 星期四, 29 五月 2025 17:34:04 +0800
Subject: [PATCH] 1.生成表格
---
H5/Js/IPQC_SJ/Add.js | 84 +++++++++++++++++++++++++++++++++++++++++
1 files changed, 83 insertions(+), 1 deletions(-)
diff --git a/H5/Js/IPQC_SJ/Add.js b/H5/Js/IPQC_SJ/Add.js
index 7db3472..936290a 100644
--- a/H5/Js/IPQC_SJ/Add.js
+++ b/H5/Js/IPQC_SJ/Add.js
@@ -2,6 +2,36 @@
el: '#app',
data: function () {
return {
+ tableData: [], // 鐢熸垚鐨勮〃鏍兼暟鎹�
+ formTbData: { // 琛ㄥ崟鏁版嵁
+ temperatureData: {} // 瀛樺偍娓╁害鏁版嵁
+ },
+ headers: [],
+ showZr: false,
+ waterOptions: [
+ { value: '甯告俯姘�', text: '甯告俯姘�' },
+ { value: '0鈩�', text: '0鈩�' },
+ { value: '5鈩�', text: '5鈩�' },
+ { value: '15鈩�', text: '15鈩�' },
+ { value: '35鈩�', text: '35鈩�' },
+ { value: '55鈩�', text: '55鈩�' },
+ { value: '75鈩�', text: '75鈩�' },
+ { value: '100鈩�', text: '100鈩�' }
+ ],
+ flowOptions: [
+ { value: '100ml', text: '100ml' },
+ { value: '200ml', text: '200ml' },
+ { value: '300ml', text: '300ml' },
+ { value: '400ml', text: '400ml' },
+ { value: '500ml', text: '500ml' },
+ { value: '600ml', text: '600ml' },
+ { value: '700ml', text: '700ml' },
+ { value: '800ml', text: '800ml' },
+ { value: '900ml', text: '900ml' },
+ { value: '1000ml', text: '1000ml' }
+ ],
+ selectedWater: [],// 宸查�夋按娓╁��
+ selectedFlow: [], // 宸查�夋祦閲忓��
isLoading: false,
userInfo: {
"loginGuid": '',
@@ -85,6 +115,18 @@
.replace(/(\..*)\./g, '$1') // 2. 绂佹澶氫釜灏忔暟鐐�
.replace(/^\./g, '');
},
+
+
+ openZrPopup() {
+ this.showZr = true;
+ },
+ closeZrPopup() {
+ this.showZr = false;
+ this.selectedWater = []; // 鍏抽棴鏃舵竻绌洪�夋嫨
+ this.selectedFlow = []; // 鍏抽棴鏃舵竻绌洪�夋嫨
+ },
+
+
//閽堝娌℃湁涓婁笅闄愬�肩殑鏁版嵁锛屽彧闇�閫夋嫨鍚堟牸鎴栦笉鍚堟牸.鎸夐挳瑙﹀彂
handleQualified(isQualified) {
var input = "";
@@ -478,5 +520,45 @@
that.init();//鍒锋柊妫�楠岄」鐩�
})
},
+ createTb() {
+ // 娓呯┖鏃ф暟鎹�
+ this.tableData = [];
+ this.formTbData.temperatureData = {};
+
+ // 鏍￠獙閫夋嫨
+ if (this.selectedWater.length === 0 || this.selectedFlow.length === 0) {
+ this.$toast.fail('璇峰厛閫夋嫨姘存俯鍜屾祦閲�');
+ return;
+ }
+
+ // 鐢熸垚琛ㄥご
+ const headers = ['璁惧畾娓╁害','瀹為檯娓╁害', ...this.selectedFlow.sort().map(f => f )];
+ this.headers = headers;
+ console.log(this.headers);
+ // 鐢熸垚琛屾暟鎹�
+ this.tableData = this.selectedWater.sort((a,b) => a - b).map(water => {
+ const row = {
+ temperature: water === '甯告俯姘�' ? water : water,
+ values: Object.fromEntries( // 浣跨敤瀵硅薄浠ｆ浛鏁扮粍
+ this.selectedFlow.map(flow => [flow, ''])
+ )
+ };
+
+ // 鍒濆鍖栬〃鍗曟暟鎹粨鏋�
+ this.$set(this.formTbData.temperatureData, water, {});
+ this.selectedFlow.forEach(flow => {
+ this.$set(this.formTbData.temperatureData[water], flow, '');
+ });
+
+ return row;
+ });
+
+ // 鑷姩婊氬姩鍒拌〃鏍煎尯鍩�
+ setTimeout(() => {
+ const tableEl = document.getElementById('temperature-table');
+ if (tableEl) tableEl.scrollIntoView({ behavior: 'smooth' });
+ }, 100);
+ console.log(this.formTbData);
+ },
}
-})
\ No newline at end of file
+})
--
Gitblit v1.9.3