利福德二期电视机出库改多条数据出库

野心家

2025-04-16 f70c471ce5c4edae80199ab0950dd1e66b36cedb

利福德二期电视机出库改多条数据出库

 Monitor-APP/pages/home/home.vue

@@ -232,62 +232,63 @@
            </view>
        </uni-transition>
        <!-- 全板/拣料信息 -->
        <uni-transition :duration="duration" :mode-class="infoMode" :show="infoViewShow">
            <view class="home-view">
                <view class="head">
                    <text>{{infoText.title}}</text>
                </view>
                <!-- 日历 -->
                <view class="time-tools">{{calendar}}</view>
                <view class="button-left" @click="ejected()"></view>
                <view class="button-right" @click="ejected()"></view>
                <!-- 主体 -->
                <view class="info-main">
                    <view class="info-box">
                        <y-box>
                            <!-- 文本容器 -->
                            <view class="text-content" v-for="item in swiperList">
                                <view>目标站：{{infoText.staNo}}</view>
                                <view>商品编码：{{item.matnr}}</view>
                                <view>商品名称：{{item.maknx}}</view>
                                <view>规格：{{item.specs}}</view>
                                <view>图号：{{item.model ? item.model :''}}</view>
                                <view>数量：{{item.count}} / {{item.total ? item.total : '--'}}</view>



                                <!-- head -->
                                <!-- <view class="swiper-head">
                                    <view style="width: 20%;">目标站：{{infoText.staNo}}</view>
                                    <view style="width: 30%;">商品编号</view>
                                    <view style="width: 20%;">商品名称</view>
                                    <view style="width: 20%;">规格</view>
                                    <view style="width: 10%;">数量</view>
                                </view> -->
                                <!-- body -->
                                <!-- <view class="swiper-body"> -->
                                <!-- swiper 一些说明
                                    circular 是否采用衔接滑动，即播放到末尾后重新回到开头
                                    vertical 滑动方向是否为纵向 
                                    display-multiple-items 同时显示的滑块数量 -->
                                <!-- <swiper class="swiper-body-main" vertical="true" 
                                    display-multiple-items="8"
                                    circular="true" :autoplay="true" :interval="3000" :duration="1000">
                                        <swiper-item class="swiper-item" v-for="(item,i) in swiperList" :key="i">
                                            <view style="width: 20%;">No:{{i+1}}</view>
                                            <view style="width: 30%;">{{item.matNo}}</view>
                                            <view style="width: 20%;">{{item.maknx}}</view>
                                            <view style="width: 20%;">{{item.specs}}</view>
                                            <view style="width: 10%;">{{item.count}}</view>
                                        </swiper-item>
                                    </swiper>
                                </view> -->
                            </view>
                        </y-box>
                    </view>
                </view>
            </view>
        </uni-transition>
    <uni-transition :duration="duration" :mode-class="infoMode" :show="infoViewShow">
      <view class="home-view">
        <view class="head">
          <text>{{infoText.title}}</text>
        </view>
        <!-- 日历 -->
        <view class="time-tools">{{calendar}}</view>
        <view class="button-left" @click="ejected()"></view>
        <view class="button-right" @click="ejected()"></view>
        <!-- 主体 -->
        <view class="info-main">
          <view class="info-box">
            <y-box>
              <!-- 文本容器 -->
              <view class="text-content">
                <!-- head -->
                <!-- <view class="swiper-head">
                  <view style="flex: 1;">作业数量：{{infoText.barcode}}</view>
                  <view style="flex: 1;">剩余数量</view>
                </view> -->
                <view class="swiper-head" v-show="swiperList.length > 0">
                  <view style="flex: 2;">托盘码：{{infoText.barcode}} <br /> 订单号</view>
                  <view style="flex: 2;">{{infoText.title2}} <br />商品编号</view>
                  <view style="flex: 2;">商品名称</view>
                                    <view style="flex: 2;">图号</view>
                  <view style="flex: 5;">规格</view>
                  <view style="flex: 1;">作业数量</view>
                  <view style="flex: 1;">剩余数量</view>
                </view>
                <!-- body -->
                <view class="swiper-body">
                  <!-- swiper 一些说明
                  circular 是否采用衔接滑动，即播放到末尾后重新回到开头
                  vertical 滑动方向是否为纵向
                  display-multiple-items 同时显示的滑块数量 -->
                  <swiper class="swiper-body-main" vertical="true" display-multiple-items="15"
                          circular="true" :autoplay="true" :interval="3000" :duration="1000">
                    <swiper-item class="swiper-item" v-for="(item,i) in swiperList" :key="i"
                                 :style="item.color">
                      <view style="flex: 2;word-break: break-all;">
                        {{item.orderNo ? item.orderNo : '--'}}
                      </view>
                      <view style="flex: 2;">{{item.matnr}}</view>
                      <view style="flex: 2;">{{item.maknx}}</view>
                                            <view style="flex: 2;">{{item.model}}</view>
                      <view style="flex: 5;">{{item.specs}}</view>
                      <view style="flex: 1;">{{item.count}}</view>
                      <view style="flex: 1;">{{item.total}}</view>
                    </swiper-item>
                  </swiper>
                </view>
              </view>
            </y-box>
          </view>
        </view>
      </view>
    </uni-transition>
        <!-- 异常信息 -->
        <uni-transition :duration="duration" :mode-class="errorInfoMode" :show="errorInfoViewShow">
            <view class="error-info-view">