1.样式确认。

南骏 池

2025-03-20 55442ddb05bdadb4672b5de0ce2a1dc6ec78ded3

 H5/LLJ/Add.aspx

@@ -197,6 +197,37 @@
              width: 100%;
              display: block;
            }


/*            .si-input-box {
                display: flex;
                align-items: center;
                padding: 12px 16px;
            }*/

            .input-container {
                flex: 1;
                display: flex;
                gap: 20px; /* 控制两个输入组之间的间距 */
                align-items: center;
                 background: #e3edf7;
            }

            .input-group {
                display: flex;
                align-items: center;
                gap: 8px;
                flex: 1; /* 使两个输入组均分剩余空间 */
            }

            .si-input-field {
                flex: 1; /* 输入框占据剩余空间 */
                width: 100%; /* 控制最大宽度 */
                background: #f7f8fa;
                border-radius: 4px;
                padding: 8px 12px;
            }

        </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
@@ -343,10 +374,57 @@
                              <van-field label="下限" colon="true" v-model="jymxData.fdownAllow" readonly ></van-field>
                              <van-field label="标准值" colon="true" v-model="jymxData.fstand" readonly ></van-field>
                              <van-field label="上限" colon="true" v-model="jymxData.fupAllow" readonly ></van-field>
                              <van-field label="AC数" colon="true" v-model="jymxData.facQty" readonly ></van-field>
                              <%--<van-field label="AC数" colon="true" v-model="jymxData.facQty" readonly ></van-field>--%>
                              <van-field label="RE数" colon="true" v-model="jymxData.freQty" readonly ></van-field>
                              <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" v-model="resultValue"  placeholder="请输入OK-数字或NG-数字"></van-field>--%>
                              <template>
                                  <div class="si-input-box">
                                    <!-- 左侧标题 -->
                                    <div class="si-input__left">
                                      <span class="si-input__label">结果录入</span>
                                    </div>

                                    <!-- 水平排列的输入容器 -->
                                    <div class="input-container">
                                      <!-- OK输入组 -->
                                      <div class="input-group">
                                        <van-tag 
                                          left 
                                          round 
                                          plain 
                                          type="success" 
                                          class="input-tag"
                                        >OK</van-tag>
                                        <van-field
                                          v-model="okValue"
                                          class="si-input-field"
                                          placeholder="请输入OK数量"
                                          :border="false"
                                        />
                                      </div>

                                      <!-- NG输入组 -->
                                      <div class="input-group">
                                        <van-tag
                                          left
                                          round
                                          plain
                                          type="danger"
                                          class="input-tag"
                                        >NG</van-tag>
                                        <van-field
                                          v-model="ngValue"
                                          class="si-input-field"
                                          placeholder="请输入NG数量"
                                          :border="false"
                                        />
                                      </div>
                                    </div>
                                  </div>
                                </template>

                              <van-field label="检测结果" colon="true" readonly >
                                   <template #input>
                                       <van-tag round plain v-if="jymxData.fcheckResu === '合格'" type="success">合格</van-tag>
@@ -460,5 +538,5 @@
  <%--<comback ></comback>--%>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" Runat="Server">
 <script src="../Js/LLJ/Add.js?<%=1191 %>"></script>
 <script src="../Js/LLJ/Add.js?<%=1192 %>"></script>
</asp:Content>