野心家
2025-04-16 f70c471ce5c4edae80199ab0950dd1e66b36cedb
Monitor-APP/pages/home/home.vue
@@ -246,42 +246,43 @@
               <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>
              <view class="text-content">
                        <!-- 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 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"> -->
                <view class="swiper-body">
                        <!-- swiper 一些说明
                           circular 是否采用衔接滑动,即播放到末尾后重新回到开头
                           vertical 滑动方向是否为纵向 
                           display-multiple-items 同时显示的滑块数量 -->
                        <!-- <swiper class="swiper-body-main" vertical="true"
                           display-multiple-items="8"
                  <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">
                                 <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 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>
                     </view>
                  </y-box>
               </view>