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

南骏 池

2025-05-30 790d5f4ed220eb76f28682b057799a57c62c9c94

 H5/IPQC_SJ/Add.aspx

@@ -31,6 +31,73 @@
              border-radius: 4px;
            }


            /* 标题样式 */
            .custom-label .van-cell__title {
              font-size: 0.28rem !important;
              line-height: 1.0;
              color: #fff !important;
              background-color: #1989fa; /* 品牌蓝色 */
              padding: 0.1rem 0.1rem;
              border-radius: 0.12rem;
              margin: 0.1rem 0;
            }

            /* 复选框组容器 */
            .checkbox-group-wrapper {
              padding: 0 0.1rem;
              margin: 0.15rem 0;
            }

            /* 复选框文字样式 */
            .van-checkbox__label {
              font-size: 0.20rem !important;
              line-height: 0.85;
              color: #333;
              margin-left: 0.1rem;
            }

            /* 复选框排列优化 */
            .van-checkbox-group--horizontal {
              display: flex;
              flex-wrap: wrap;
              gap: 0.2rem 0.3rem; /* 行列间距 */
            }

            /* 复选框图标调整 */
            .van-checkbox__icon {
              font-size: 0.2rem;
              vertical-align: middle;

            }

            /* 选中状态样式 */
            .van-checkbox--checked .van-checkbox__label {
              color: #1989fa;
            }

            .grid-header, .grid-row {
                display: flex;
                gap: 8px;
                padding: 4px 0;
                border-bottom: 1px solid #ebedf0;
                font-size: 0.20rem;
            }

            .input-cell {
                flex: 1;
                display: flex;
                justify-content: center;
                font-size: 0.20rem;
            }

            .van-field__control {
                text-align: center;
                padding: 4px 8px;
/*                border: 1px solid #ccc;*/
                border-radius: 4px;
            }
         
        </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
@@ -106,6 +173,8 @@
                    <van-tag type="primary" style="font-size:15px" @click="updateRemarks(formData.guid)">输入</van-tag>
                  </template>
              </van-field>
              <!-- 新增炙热性能按钮 -->
              <van-tag type="primary" style="font-size:15px" @click="openZrPopup">炙热性能</van-tag>
            <van-dialog v-model="showDialog" title="不合格描述" :show-cancel-button="false"  @confirm="remarksConfirm">
              <van-field
                v-model="remarks"
@@ -349,7 +418,102 @@
            </div>
          </van-popup>


          <!-- 新增炙热性能弹窗 -->
          <van-popup 
          v-model="showZr" 
          closeable
          overlay="true"
          round
          close-icon="close"
          class="van-icon-popup"
          position="right" 
          :style="{ 
              width: '100%',
              height: '100%',
              boxShadow: '-2px 0 12px rgba(0, 0, 0, 0.1)'
          }"
          @click-close-icon="closeZrPopup">
          <div class="content-wrapper-jymx">
            <!-- 弹窗内容区 -->
            <van-cell-group>
              <div><van-cell title="水温选择" class="custom-label" /></div>
              <div class="checkbox-group-wrapper">
                <van-checkbox-group 
                  v-model="selectedWater" 
                  :max="5"
                  direction="horizontal">
                  <van-checkbox 
                    v-for="(item, index) in waterOptions" 
                    :key="index" 
                    :name="item.value">
                    {{ item.text }}
                  </van-checkbox>
                </van-checkbox-group>
              </div>
              
              <div><van-cell title="流量选择" class="custom-label" /></div>
              <div class="checkbox-group-wrapper">
                <van-checkbox-group 
                  v-model="selectedFlow" 
                  :max="5"
                  direction="horizontal">
                  <van-checkbox 
                    v-for="(item, index) in flowOptions" 
                    :key="index" 
                    :name="item.value">
                    {{ item.text }}
                  </van-checkbox>
                </van-checkbox-group>
              </div>
              <van-button 
              block 
              type="danger" 
              @click="createTb" 
              style="margin-top: 8px;"
            >生成表格</van-button>
            </van-cell-group>
            <div v-if="tableTbData.length > 0" id="temperature-table" style="margin-top: 20px;">
              <van-cell-group>
                  <!-- 表头 -->
                  <van-cell>
                      <div class="grid-header">
                          <div v-for="(header, index) in [headers[0], ...headers.slice(1)]" 
                               :key="index" 
                               :style="index === 0 ? 'width: 100px' : 'flex: 1'">
                              {{ header }}
                          </div>
                      </div>
                  </van-cell>
                  
                  <!-- 数据行 -->
                  <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" 
                             style="flex: 1">
                            <van-field 
                                v-model="formTbData.temperatureData[row.temperature][header]"
                                :placeholder="`输入${header}值`"
                                type="number"
                            />
                        </div>
                    </div>
                </div>
              </van-cell-group>
          </div>
          </div>
          </van-popup>

</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder3" Runat="Server">
@@ -357,5 +521,10 @@
  <%--<comback ></comback>--%>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" Runat="Server">
 <script src="../Js/IPQC_SJ/Add.js?<%=11111211114 %>"></script>
 <script src="../Js/IPQC_SJ/Add.js?<%=111112111146 %>"></script>
</asp:Content>