1.流量*水温表格生成，可输入

南骏 池

2025-05-30 790d5f4ed220eb76f28682b057799a57c62c9c94

1.流量*水温表格生成，可输入

 H5/IPQC_SJ/Add.aspx

@@ -94,7 +94,7 @@
            .van-field__control {
                text-align: center;
                padding: 4px 8px;
                border: 1px solid #ccc;
/*                border: 1px solid #ccc;*/
                border-radius: 4px;
            }
         
@@ -472,7 +472,7 @@
              style="margin-top: 8px;"
            >生成表格</van-button>
            </van-cell-group>
            <div v-if="tableData.length > 0" id="temperature-table" style="margin-top: 20px;">
            <div v-if="tableTbData.length > 0" id="temperature-table" style="margin-top: 20px;">
              <van-cell-group>
                  <!-- 表头 -->
                  <van-cell>
@@ -486,10 +486,18 @@
                  </van-cell>
                  
                  <!-- 数据行 -->
                  <div v-for="(row, rowIndex) in tableData" :key="rowIndex">
                  <div v-for="(row, rowIndex) in tableTbData" :key="rowIndex">
                    <div class="grid-row">
                        <!-- 水温列 -->
                        <div style="width: 100px">{{ row.temperature }}</div>
                        <!-- 实际温度列 -->
                        <div style="width: 100px">
                          <van-field 
                              v-model="formTbData.temperatureData[row.temperature].temp"
                              placeholder="输入温度值"
                              type="number"
                          />
                      </div>
                        <!-- 动态列 -->
                        <div v-for="(header, colIndex) in headers.slice(2)" 
                             :key="colIndex" 
@@ -513,7 +521,7 @@
  <%--<comback ></comback>--%>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" Runat="Server">
 <script src="../Js/IPQC_SJ/Add.js?<%=111112111145 %>"></script>
 <script src="../Js/IPQC_SJ/Add.js?<%=111112111146 %>"></script>
</asp:Content>



 H5/Js/IPQC_SJ/Add.js

@@ -2,9 +2,9 @@
    el: '#app',
    data: function () {
        return {
            tableData: [],      // 生成的表格数据
            tableTbData: [],      // "制热性能"生成的表格数据
            formTbData: {         // 表单数据
            temperatureData: {} // 存储温度数据
            temperatureData: {} // 存储的实际温度、实际流量数据
            },
            headers: [],
            showZr: false,
@@ -25,9 +25,8 @@
                { value: '70℃', text: '70℃' },
                { value: '50℃', text: '50℃' },
                { value: '微冷', text: '微冷' }
            ],
            ],//水温选项
            flowOptions: [
                // 新增特殊选项
                { value: '50ml', text: '50ml' },
                { value: '120ml', text: '120ml' },
                { value: '150ml', text: '150ml' },
@@ -40,11 +39,9 @@
                { value: '550ml', text: '550ml' },
                { value: '750ml', text: '750ml' },
                { value: '999ml', text: '999ml' },
                
                // 时间流量选项
                { value: '1min', text: '一分钟流量' },
                { value: '3min', text: '三分钟流量' }
            ],
            ],//流量选项
            selectedWater: [],// 已选水温值
            selectedFlow: [],   // 已选流量值
            isLoading: false,
@@ -537,7 +534,7 @@
        },
        createTb() {
            // 清空旧数据
            this.tableData = [];
            this.tableTbData = [];
            this.formTbData.temperatureData = {};
    
            // 校验选择
@@ -556,7 +553,7 @@
            this.headers = headers;
            console.log(this.headers);
            // 生成行数据
            this.tableData = this.selectedWater.sort((a,b) => a - b).map(water => {
            this.tableTbData = this.selectedWater.sort((a,b) => a - b).map(water => {
                const row = {
                    temperature: water === '常温水' ? water : water,
                    values: Object.fromEntries([
@@ -567,7 +564,7 @@
                
                // 初始化表单数据结构
                this.$set(this.formTbData.temperatureData, water, {});
                // 添加固定字段初始化
                // 添加固定字段”实际温度“初始化
                this.$set(this.formTbData.temperatureData[water], 'temp', '');
                this.selectedFlow.forEach(flow => {
                    this.$set(this.formTbData.temperatureData[water], flow, '');

 IPQC_SJ/Add.aspx