1.IQC列表界面优化

南骏 池

2025-03-17 5f592a0fdbafd5d1febcc39e087324907b7e1b13

1.IQC列表界面优化

 H5/LLJ/List.aspx

@@ -5,7 +5,9 @@
            .bg-info {
                background-color: #fff;
            }
        </style>

            </style>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
        <van-nav-bar
@@ -14,9 +16,9 @@
          left-arrow
          @click-left="GoBack()"
        ></van-nav-bar>
        <div>
            <van-tabs v-model="current" @click="onClickTab">
              <van-tab title="未检验">
        <div class ="content-wrapper">
<%--            <van-tabs v-model="current" @click="onClickTab">
              <van-tab title="未检验">--%>
                  <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
                      <van-list
                        v-model="loading"
@@ -29,7 +31,7 @@
                               <van-cell :title="item.releaseNo" is-link :url="'Add.aspx?id='+item.guid+'&lotNo='+item.lotNo+'&releaseNo='+item.releaseNo" ></van-cell>
                               <van-field label="到货单号" colon="true" v-model="item.lotNo" readonly ></van-field>
                                 <!-- 自定义字段用于显示两个标识 -->
                                <van-field label="标识" colon="true" readonly>
                                <van-field label="标识" colon="true" readonly >
                                  <template #input>
                                    <div class="checkbox-container">
                                      委外<van-checkbox v-model="item.ftype" disabled></van-checkbox>
@@ -39,23 +41,30 @@
                                </van-field>
<%--                                 <van-checkbox v-model="item.ftype" disabled>委外</van-checkbox>
                                 <van-checkbox v-model="item.urgentFlag == 1" disabled>急料标识</van-checkbox>--%>
                               <van-field label="创建时间" colon="true" v-model="item.createDate" readonly ></van-field>
                               <van-field label="创建人" colon="true" v-model="item.createBy" readonly ></van-field>
                               <%--<van-field label="创建时间" colon="true" v-model="item.createDate" readonly ></van-field>
                               <van-field label="创建人" colon="true" v-model="item.createBy" readonly ></van-field>--%>
                               <van-field label="物料编码" colon="true" v-model="item.itemNo" readonly ></van-field>
                               <van-field label="物料名称" colon="true" v-model="item.itemName" readonly ></van-field>
                               <van-field label="规格型号" colon="true" v-model="item.itemModel" readonly ></van-field>
                               <van-field label="数量" colon="true" v-model="item.fcovertQty" readonly ></van-field>
                               <%--<van-field label="规格型号" colon="true" v-model="item.itemModel" readonly ></van-field>--%>
                               <%--<van-field label="数量" colon="true" v-model="item.fcovertQty" readonly ></van-field>--%>
                               <van-field label="供应商" colon="true" v-model="item.suppName" readonly ></van-field>
                               <van-field label="检验人" colon="true" v-model="item.fcheckBy" readonly ></van-field>
                               <van-field label="检测结果" colon="true" v-model="item.fcheckResu" readonly ></van-field>
                               <%--<van-field label="检验人" colon="true" v-model="item.fcheckBy" readonly ></van-field>--%>
                               
                               <van-field label="检测结果" colon="true" readonly >
                                  <template #input>
                                      <van-tag v-if="item.fcheckResu === '不合格'" type="danger">不合格</van-tag>
                                      <van-tag v-else-if="item.fcheckResu === '检验中'" type="warning">检验中</van-tag>
                                      <van-tag v-else type="success">合格</van-tag>
                                  </template>
                               </van-field>
                             </van-cell-group>
                           </div>
                        </van-cell>
                      </van-list>
                  </van-pull-refresh>
              </van-tab>
              <van-tab title="已检验">
                  <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
<%--              </van-tab>
              <van-tab title="已检验">--%>
                  <%--<van-pull-refresh v-model="refreshing" @refresh="onRefresh">
                    <van-list
                      v-model="loading"
                      :finished="finished"
@@ -73,10 +82,10 @@
                                      急料<van-checkbox v-model="item.urgentFlag" disabled></van-checkbox>
                                    </div>
                                  </template>
                                </van-field>
                                </van-field>--%>
                               <%--<van-checkbox v-model="item.ftype" disabled>委外</van-checkbox>
                               <van-checkbox v-model="item.urgentFlag == 1" disabled>急料标识</van-checkbox>--%>
                             <van-field label="创建时间" colon="true" v-model="item.createDate" readonly ></van-field>
<%--                             <van-field label="创建时间" colon="true" v-model="item.createDate" readonly ></van-field>
                             <van-field label="创建人" colon="true" v-model="item.createBy" readonly ></van-field>
                             <van-field label="物料编码" colon="true" v-model="item.itemNo" readonly ></van-field>
                             <van-field label="物料名称" colon="true" v-model="item.itemName" readonly ></van-field>
@@ -89,9 +98,9 @@
                         </div>
                      </van-cell>
                    </van-list>
                </van-pull-refresh>
              </van-tab>
            </van-tabs>
                </van-pull-refresh>--%>
<%--              </van-tab>
            </van-tabs>--%>
        </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder3" Runat="Server">

 Images/Style.css

@@ -370,9 +370,32 @@
/* 当屏幕宽度大于600px且小于或等于1024px时应用的样式 */
@media (min-width: 601px) and (max-width: 1600px) {
    .van-cell {
        font-size: .28rem; /* 中等字体大小 */
        font-size: .25rem; /* 中等字体大小 */
        line-height: .45rem;
        padding: .025rem .0900rem; /* 中等内边距 */
    }

    /* 减少左侧标题的字体大小并使颜色更淡 */
    .van-field__label {
        color: #9c9898; /* 更淡的颜色 */
        margin-right: 0rem;
        font-size: .20rem; /* 字体大小减小 */
    }

    /* 增加右侧输入区域的字体大小并加深颜色 */
    .van-cell__value {
        color: #333; /* 深色 */
        font-size: .30rem; /* 字体大小增大 */
    }

    .van-cell--clickable {
        cursor: pointer;
        font-size: .30rem; /* 字体大小增大 */
        font-weight: bold; /* 字体加粗 */
    }

    .van-checkbox__icon {
        font-size: 0.28rem;
    }
}

@@ -423,7 +446,7 @@
    display: flex; /* 使用 Flexbox 布局 */
    justify-content: space-between; /* 左右平均分布 */
    align-items: center; /* 垂直居中对齐 */
    padding: 0 16px; /* 内边距与 van-field 保持一致 */
    padding: 0 0px; /* 内边距与 van-field 保持一致 */
}

    /* 调整 checkbox 的样式 */

 Mst.master

@@ -14,7 +14,7 @@
    <script src="/scripts/config.js?<%=1234 %>"></script>
    <link href="/scripts/vant/vant.css" rel="stylesheet" />
    <script src="/scripts/vant/vant.js"></script>
    <link href="/Images/Style.css?<%=164 %>" rel="stylesheet" />
    <link href="/Images/Style.css?<%=167 %>" rel="stylesheet" />
    <script src="/Scripts/uni.webview.1.5.2.js"></script>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>