1.表格样式确定

南骏 池

2025-05-30 145545d402d3c9e5bd10cd7c0ecd6bc3ff8ddb81

 H5/IPQC_SJ/Add.aspx

@@ -75,6 +75,35 @@
            .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;
            }

            /* 新增局部样式 */
            .temperature-input .van-field__control,
            .flow-input .van-field__control {
                font-size: 0.16rem !important;
                color: blue !important;
            }
         
        </style>
</asp:Content>
@@ -443,7 +472,57 @@
                  </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" style="display: flex; align-items: center; justify-content: center;">
                          <div v-for="(header, index) in [headers[0], ...headers.slice(1)]" 
                               :key="index" 
                               :style="`${index === 0 ? 'flex: 2' : 'flex: 2'}; display: flex; align-items: center; justify-content: center;`">
                              {{ header }}
                          </div>
                      </div>
                  </van-cell>
                  
                  <!-- 数据行 -->
                  <div v-for="(row, rowIndex) in tableTbData" :key="rowIndex">
                    <div class="grid-row">
                        <!-- 水温列 -->
                        <div style="flex: 2; text-align: center; display: flex; align-items: center; justify-content: center;">{{ row.temperature }}</div>
                        <!-- 实际温度列 -->
                        <div style="flex: 2">
                          <van-field 
                              class="temperature-input"
                              style="font-size: 0.16rem !important; color: blue !important;"
                              v-model="formTbData.temperatureData[row.temperature].temp"
                              placeholder="输入温度值"
                              type="number"
                          />
                        </div>
                        <!-- 动态列 -->
                        <div v-for="(header, colIndex) in headers.slice(2)" 
                             :key="colIndex" 
                             style="flex: 2">
                            <van-field 
                                class="flow-input"
                                style="font-size: 0.16rem !important; color: blue !important;"
                                v-model="formTbData.temperatureData[row.temperature][header]"
                                :placeholder="`输入${header}值`"
                                type="number"
                            />
                        </div>
                    </div>
                </div>
              </van-cell-group>
          </div>
          </div>
          </van-popup>

@@ -453,8 +532,10 @@
  <%--<comback ></comback>--%>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" Runat="Server">
 <script src="../Js/IPQC_SJ/Add.js?<%=111112111144 %>"></script>
 <script src="../Js/IPQC_SJ/Add.js?<%=111112111146 %>"></script>
</asp:Content>