1.样式更新

南骏 池

2025-03-20 14b1756e21ba4401ce5916f035576804f4be5878

 H5/LLJ/Add.aspx

@@ -30,7 +30,9 @@
            }

            .si-container {
                padding: 0.16rem;
/*                padding: 0.16rem;*/
                padding: 8px 12px;
                height: 0.6rem;
            }

            /* 状态显示组 */
@@ -74,7 +76,7 @@
                align-items: center;
                padding-left: 0.16rem;
                background: #fff;
                font-weight: bold;
                //font-weight: bold;
            }

            /* 状态类型修饰符 */
@@ -102,6 +104,7 @@
                overflow: hidden;
                background: #fff;
                box-shadow: 0 0.02rem 0.04rem rgba(0,0,0,0.05);
                padding: 8px 12px;
            }

            .si-input__left {
@@ -144,15 +147,16 @@
                justify-content: center; /* 新增居中 */
                background: #e3edf7;
                padding-right: 0.16rem;
                padding: 8px 12px;
            }

            /* Vant输入框深度定制 */
            :deep(.si-input-field .van-field__control) {
            /*:deep(.si-input-field .van-field__control) {
                height: 0.6rem !important;
                font-size: 0.20rem !important;
                line-height: 0.23rem !important;
                color: #333;
            }
            }*/

            .van-icon-popup {
                font-size: 0.5rem;
@@ -208,7 +212,7 @@
            .input-container {
                flex: 1;
                display: flex;
                gap: 20px; /* 控制两个输入组之间的间距 */
                gap: 2px; /* 控制两个输入组之间的间距 */
                align-items: center;
                 background: #e3edf7;
            }
@@ -218,6 +222,7 @@
                align-items: center;
                gap: 8px;
                flex: 1; /* 使两个输入组均分剩余空间 */
                padding: 8px 12px;
            }

            .si-input-field {
@@ -379,6 +384,14 @@
                              <van-field label="样本数" colon="true" v-model="jymxData.ybsl" readonly ></van-field>
                              <%--<van-field label="预览结果" colon="true" v-model="jymxData.result" readonly ></van-field>--%>
                              <%--<van-field label="结果录入" colon="true" v-model="resultValue"  placeholder="请输入OK-数字或NG-数字"></van-field>--%>
                              
                              <van-field label="检测结果" colon="true" readonly >
                                   <template #input>
                                       <van-tag round plain v-if="jymxData.fcheckResu === '合格'" type="success">合格</van-tag>
                                       <van-tag round plain v-else-if="jymxData.fcheckResu === '不合格'" type="danger">不合格</van-tag>
                                       <van-tag round plain v-else type="warning">检验中</van-tag>
                                   </template>
                                </van-field>
                              <template>
                                  <div class="si-input-box">
                                    <!-- 左侧标题 -->
@@ -398,10 +411,13 @@
                                          class="input-tag"
                                        >OK</van-tag>
                                        <van-field
                                           :ref="'okValue_' + tabActive"
                                          v-model="okValue"
                                          class="si-input-field"
                                          placeholder="请输入OK数量"
                                          :border="false"
                                          @keyup.enter.native="getInputOK"
                                            @input="handleNumberInput1"
                                        />
                                      </div>

@@ -415,23 +431,19 @@
                                          class="input-tag"
                                        >NG</van-tag>
                                        <van-field
                                            :ref="'ngValue_' + tabActive"
                                          v-model="ngValue"
                                          class="si-input-field"
                                          placeholder="请输入NG数量"
                                          :border="false"
                                         @keyup.enter.native="getInputNG"
                                            @input="handleNumberInput2"
                                        />
                                      </div>
                                    </div>
                                  </div>
                                </template>

                              <van-field label="检测结果" colon="true" readonly >
                                   <template #input>
                                       <van-tag round plain v-if="jymxData.fcheckResu === '合格'" type="success">合格</van-tag>
                                       <van-tag round plain v-else-if="jymxData.fcheckResu === '不合格'" type="danger">不合格</van-tag>
                                       <van-tag round plain v-else type="warning">检验中</van-tag>
                                   </template>
                                </van-field>
                            </van-cell-group>
                    </template>
                   <!-- StatsInput.vue -->
@@ -443,16 +455,17 @@
                            <div class="si-status__left">
                              <span class="si-status__label">合格数</span>
                            </div>
                            <div  class="si-status__right">256</div>
                            <div  class="si-status__right">{{okNum}}</div>
                          </div>

                          <div class="si-status-box si-status--error">
                            <div class="si-status__left">
                              <span class="si-status__label">不合格数</span>
                            </div>
                            <div class="si-status__right">32</div>
                            <div class="si-status__right">{{ngNum}}</div>
                          </div>
                        </div>
                       </div>
                    </template>
                    <template>
                              <!-- 输入框 -->
@@ -462,14 +475,16 @@
                                </div>
                                <div class="si-status__right">
                                  <van-field
                                      :ref="'inputValue' + tabActive"
                                    v-model="inputValue"
                                    placeholder="请输入"
                                    :border="false"
                                    class="si-input-field"
                                    @input="handleNumberInput3"
                                      @keyup.enter.native="getInputTZZ"
                                  />
                                </div>
                              </div>
                            </div>
                    </template>
                            <van-row type="flex" justify="center">
                                 <van-col span="10" center class="text-left padding-left">检验项目</van-col>
@@ -538,5 +553,5 @@
  <%--<comback ></comback>--%>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" Runat="Server">
 <script src="../Js/LLJ/Add.js?<%=1192 %>"></script>
 <script src="../Js/LLJ/Add.js?<%=11993 %>"></script>
</asp:Content>