1.样式1

南骏 池

2025-03-14 2f6c0d658b15685742384057ca4c860d7654dcf8

 H5/Scll.aspx

@@ -1,123 +1,200 @@
<%@ Page Title="生产领料" Language="C#" MasterPageFile="~/Mst.master" AutoEventWireup="true" CodeFile="Scll.aspx.cs" Inherits="H5_Scll" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <style>
        .bg-info {
            background-color: #fff;
        }
        .van-col {
        font-size: 12px; /* 调整字体大小 */
        word-wrap: break-word;
        word-break: break-all;
        }
        .blue-text {
            color: #1989fa; /* 设置字体颜色为蓝色 */
            font-weight: bold; /* 字体加粗 */
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
    <van-nav-bar
  title="生产领料"
  left-text="返回"
  left-arrow
  @click-left="GoBack()"
></van-nav-bar>
    <div class="mySolid">
        <van-cell-group>
  <van-field 
    ref="daa001"
    v-model="modeInfo.daa001"
    label="工单单号"
    clearable 
     placeholder="请扫码"
    :right-icon-size="19"
     v-focus.noKeyboard
    @keyup.enter.native="getModel" autofocus="true"
  ></van-field>
  <van-field
    v-model="modeInfo.planNo"
   label="任务单号"
   clearable 
   :right-icon-size="19"
   placeholder="任务单号"
   disabled
></van-field>
 <van-field
   ref="barcode"
   v-model="scanInfo.barcode"
  label="物料条码"
   clearable 
 placeholder="请扫码"
  :right-icon-size="19"
  v-focus.noKeyboard
  @keyup.enter.native="getScan"
></van-field>
   <van-field
  v-model="scanInfo.barcodeNum"
  label="条码数量"
  placeholder="条码数量"
  disabled
></van-field>
  <van-field
    ref="splitNum"
    v-model="scanInfo.splitNum"
    center
    clearable
    label="发料数量"
    placeholder="发料数量" 
  >
    <van-button slot="button" type="info" size="small"  plain @click="getChaiFen">
      条码拆分
    </van-button>
  </van-field>
</van-cell-group>
    </div>
  <van-tabs color="#000" title-active-color="#0283EF">
  <van-tab title="待发物料" class="mySolid font">
  <style>
/* 全局样式优化 */
.content-wrapper {
    margin: 8px;
    background: #f8f9fa;
    border-radius: 8px;
    padding: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

    <van-row>
        <van-col span="8" class="text-left padding-left">物料</van-col>
        <van-col span="8" class="text-left padding-left">规格</van-col>
        <van-col span="3">待扫</van-col>
        <van-col span="5">推荐库位</van-col>
    </van-row>
    <van-row v-for="(itm,index) in ItemDetail.items" :key="index">
        <van-col span="8" class="text-left padding-left">
            <div class="blue-text">{{itm.itemNo}}</div>
            <div>{{itm.itemName}}</div>
        </van-col>
        <van-col span="8" class="text-left padding-left">
            <div>{{itm.itemModel}}</div>
        </van-col>
        <van-col span="3" class="blue-text">{{itm.dsQty}}</van-col>
        <van-col span="5">{{itm.recoKw}}</van-col>
    </van-row>
  </van-tab>
   <van-tab title="已领物料" class="mySolid font">
         <van-row>
/* 表单字段分隔线 */
.van-cell-group .van-cell:not(:last-child)::after {
    border-bottom: 1px solid #eee !important;
    left: 0;
    right: 0;
}

.mySolid .van-row {
    border-bottom: .00267rem solid #b1b1b1;
}

/* 标签颜色设置 */
.van-field__label {
    color: #7c7a7a;
    flex-basis: 28%;
}

/* 数据文本颜色 */
.van-field__value,
.van-field__control {
    color: #333;
}

/* 行容器样式 */
.van-tab__panel .van-row {
    padding: 2px 0;
    margin: 2px 0;
    position: relative;
    border-bottom: 1px solid #eee;
}

/* 数据列样式 */
.van-col {
    padding: 2px 2px;
    margin: 2px 0;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    background: white;
    font-size: 12px;
    line-height: 1.6;
    box-sizing: border-box;
}

/* 特殊文本样式 */
.blue-text {
    color: #1989fa;
    font-weight: 500;
}

/* 响应式优化 */
@media (max-width: 375px) {
    .van-field__label {
        flex-basis: 30%;
        font-size: 12px;
    }
    .van-col {
        padding: 2px 1px;
        margin: 1px 0;
        font-size: 11px;
    }
    .van-tab__panel .van-row {
        padding: 1px 0;
        margin: 1px 0;
    }
}
</style>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
    <div class="content-wrapper">
        <van-nav-bar
            title="生产领料"
            left-text="返回"
            left-arrow
            @click-left="GoBack()">
        </van-nav-bar>

        <div class="mySolid">
            <van-cell-group>
                <van-field 
                    ref="daa001"
                    v-model="modeInfo.daa001"
                    label="工单单号"
                    clearable 
                    placeholder="请扫码"
                    :right-icon-size="19"
                    v-focus.noKeyboard
                    @keyup.enter.native="getModel" 
                    autofocus="true">
                </van-field>
                
                <van-field
                    v-model="modeInfo.planNo"
                    label="任务单号"
                    clearable 
                    :right-icon-size="19"
                    placeholder="任务单号"
                    disabled>
                </van-field>
                
                <van-field
                    ref="barcode"
                    v-model="scanInfo.barcode"
                    label="物料条码"
                    clearable 
                    placeholder="请扫码"
                    :right-icon-size="19"
                    v-focus.noKeyboard
                    @keyup.enter.native="getScan">
                </van-field>
                
                <van-field
                    v-model="scanInfo.barcodeNum"
                    label="条码数量"
                    placeholder="条码数量"
                    disabled>
                </van-field>
                
                <van-field
                    ref="splitNum"
                    v-model="scanInfo.splitNum"
                    center
                    clearable
                    label="发料数量"
                    placeholder="发料数量">
                    <van-button 
                        slot="button" 
                        type="info" 
                        size="small"  
                        plain 
                        @click="getChaiFen">
                        条码拆分
                    </van-button>
                </van-field>
            </van-cell-group>
        </div>

        <van-tabs color="#000" title-active-color="#0283EF">
            <van-tab title="待发物料" class="mySolid font">
                <van-row>
                    <van-col span="8" class="text-left padding-left">物料</van-col>
        <van-col span="8" class="text-left padding-left">规格</van-col>
             <van-col span="3">需领数</van-col>
            <van-col span="5">已领数</van-col>
        </van-row>
        <van-row  v-for="(itm,index) in ItemDetail.ysitems" :key="index">
                   <van-col span="8" class="text-left padding-left">
            <div class="blue-text">{{itm.itemNo}}</div>
            <div>{{itm.itemName}}</div>
        </van-col>
        <van-col span="8" class="text-left padding-left">
            <div>{{itm.itemModel}}</div>
        </van-col>
            <van-col span="3">{{itm.fQty}}</van-col>
           <van-col span="5" class="blue-text">{{itm.sQty}}</van-col>
       </van-row>
   </van-tab>
</van-tabs>
                    <van-col span="8" class="text-left padding-left">规格</van-col>
                    <van-col span="3">待扫</van-col>
                    <van-col span="5">推荐库位</van-col>
                </van-row>
                <van-row v-for="(itm,index) in ItemDetail.items" :key="index">
                    <van-col span="8" class="text-left padding-left">
                        <div class="blue-text">{{itm.itemNo}}</div>
                        <div>{{itm.itemName}}</div>
                    </van-col>
                    <van-col span="8" class="text-left padding-left">
                        <div>{{itm.itemModel}}</div>
                    </van-col>
                    <van-col span="3" class="blue-text">{{itm.dsQty}}</van-col>
                    <van-col span="5">{{itm.recoKw}}</van-col>
                </van-row>
            </van-tab>

            <van-tab title="已领物料" class="mySolid font">
                <van-row>
                    <van-col span="8" class="text-left padding-left">物料</van-col>
                    <van-col span="8" class="text-left padding-left">规格</van-col>
                    <van-col span="3">需领数</van-col>
                    <van-col span="5">已领数</van-col>
                </van-row>
                <van-row v-for="(itm,index) in ItemDetail.ysitems" :key="index">
                    <van-col span="8" class="text-left padding-left">
                        <div class="blue-text">{{itm.itemNo}}</div>
                        <div>{{itm.itemName}}</div>
                    </van-col>
                    <van-col span="8" class="text-left padding-left">
                        <div>{{itm.itemModel}}</div>
                    </van-col>
                    <van-col span="3">{{itm.fQty}}</van-col>
                    <van-col span="5" class="blue-text">{{itm.sQty}}</van-col>
                </van-row>
            </van-tab>
        </van-tabs>
    </div>
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder3" Runat="Server">
    <comloading  v-if="isLoading"></comloading>
    <%--<comback ></comback>--%>
    <comloading v-if="isLoading"></comloading>
</asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" Runat="Server">
    <script src="Js/Scll.js?<%=123335 %>"></script>
</asp:Content>
    <script src="Js/Scll.js?<%=123336 %>"></script>
</asp:Content>