From 42bf8e8f07c0ed4288e8c847978112af0615d041 Mon Sep 17 00:00:00 2001
From: 南骏 池 <chiffly@163.com>
Date: 星期四, 29 五月 2025 17:34:04 +0800
Subject: [PATCH] 1.生成表格
---
H5/IPQC_SJ/Add.aspx | 31 ++++++++++++++++---------------
H5/Js/IPQC_SJ/Add.js | 20 ++++++++++----------
2 files changed, 26 insertions(+), 25 deletions(-)
diff --git a/H5/IPQC_SJ/Add.aspx b/H5/IPQC_SJ/Add.aspx
index d7d8e2d..c2d9738 100644
--- a/H5/IPQC_SJ/Add.aspx
+++ b/H5/IPQC_SJ/Add.aspx
@@ -486,21 +486,22 @@
</van-cell>
<!-- 鏁版嵁琛� -->
- <van-cell v-for="(row, rowIndex) in tableData" :key="rowIndex">
- <div class="grid-row">
- <div style="width: 100px">{{ row.temperature }}</div>
- <div v-for="(cell, colIndex) in row.values"
- :key="colIndex"
- class="input-cell">
- <van-field
- v-model="formData.temperatureData[row.temperature.replace('鈩�','')][cell.flow]"
- type="number"
- input-align="center"
- placeholder="鈩�"
- :style="{ width: '80px' }"/>
- </div>
- </div>
- </van-cell>
+ <div v-for="(row, rowIndex) in tableData" :key="rowIndex">
+ <div class="grid-row">
+ <!-- 姘存俯鍒� -->
+ <div style="width: 100px">{{ row.temperature }}</div>
+ <!-- 鍔ㄦ�佸垪 -->
+ <div v-for="(header, colIndex) in headers.slice(2)"
+ :key="colIndex"
+ style="flex: 1">
+ <van-field
+ v-model="formTbData.temperatureData[row.temperature][header]"
+ :placeholder="`杈撳叆${header}鍊糮"
+ type="number"
+ />
+ </div>
+ </div>
+ </div>
</van-cell-group>
</div>
</div>
diff --git a/H5/Js/IPQC_SJ/Add.js b/H5/Js/IPQC_SJ/Add.js
index f63bff6..936290a 100644
--- a/H5/Js/IPQC_SJ/Add.js
+++ b/H5/Js/IPQC_SJ/Add.js
@@ -3,7 +3,7 @@
data: function () {
return {
tableData: [], // 鐢熸垚鐨勮〃鏍兼暟鎹�
- formData: { // 琛ㄥ崟鏁版嵁
+ formTbData: { // 琛ㄥ崟鏁版嵁
temperatureData: {} // 瀛樺偍娓╁害鏁版嵁
},
headers: [],
@@ -523,7 +523,7 @@
createTb() {
// 娓呯┖鏃ф暟鎹�
this.tableData = [];
- this.formData.temperatureData = {};
+ this.formTbData.temperatureData = {};
// 鏍￠獙閫夋嫨
if (this.selectedWater.length === 0 || this.selectedFlow.length === 0) {
@@ -534,21 +534,20 @@
// 鐢熸垚琛ㄥご
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: this.selectedFlow.map(flow => ({
- flow: flow,
- value: '' // 鍒濆绌哄��
- }))
+ values: Object.fromEntries( // 浣跨敤瀵硅薄浠ｆ浛鏁扮粍
+ this.selectedFlow.map(flow => [flow, ''])
+ )
};
- // 鍒濆鍖栬〃鍗曟暟鎹�
- this.formData.temperatureData[water] = {};
+ // 鍒濆鍖栬〃鍗曟暟鎹粨鏋�
+ this.$set(this.formTbData.temperatureData, water, {});
this.selectedFlow.forEach(flow => {
- this.formData.temperatureData[water][flow] = '';
+ this.$set(this.formTbData.temperatureData[water], flow, '');
});
return row;
@@ -559,6 +558,7 @@
const tableEl = document.getElementById('temperature-table');
if (tableEl) tableEl.scrollIntoView({ behavior: 'smooth' });
}, 100);
+ console.log(this.formTbData);
},
}
})
--
Gitblit v1.9.3