|  |  | 
 |  |  | .swiper-body-main { | 
 |  |  |     width: 100%; | 
 |  |  |     height: 100%; | 
 |  |  |     padding-bottom: 2px; | 
 |  |  | 	 | 
 |  |  |     /* background-color: #00a8ff; */ | 
 |  |  | } | 
 |  |  | .swiper-item { | 
 |  |  | 
 |  |  |     flex-wrap: wrap; | 
 |  |  |     align-items: center; | 
 |  |  |     text-align: start; | 
 |  |  |     border-bottom: 2px solid #000; | 
 |  |  |     background-color: rgba(0, 0, 0, .2); | 
 |  |  | } | 
 |  |  | .swiper-item:nth-child(2n-1) { | 
 |  |  |     /* background-color: rgba(255, 255, 255, .1); */ | 
 |  |  |     background-color: rgba(255, 255, 127, 0.1); | 
 |  |  | } | 
 |  |  | .swiper-item:first-child { | 
 |  |  |     background-color: rgba(255, 85, 0, 1.0); | 
 |  |  | } | 
 |  |  | .swiper-item:nth-child(2) { | 
 |  |  |     background-color: rgba(211, 70, 0, 1.0); | 
 |  |  | } | 
 
 |  |  | 
 |  |  |                                     vertical 滑动方向是否为纵向  | 
 |  |  |                                     display-multiple-items 同时显示的滑块数量 --> | 
 |  |  |                                     <swiper class="swiper-body-main" vertical="true"  | 
 |  |  |                                     display-multiple-items="3" | 
 |  |  |                                     display-multiple-items="6" | 
 |  |  |                                     circular="true" :autoplay="true" :interval="3000" :duration="2000"> | 
 |  |  |                                         <swiper-item class="swiper-item" v-for="(item,i) in swiperList" :key="i"> | 
 |  |  |                                             <view style="width: 30%;">{{i+1}} / {{swiperList.length}}</view> | 
 |  |  | 
 |  |  |                                             <view style="width: 30%;">出库: {{item.count}} / 总数: {{item.total}}</view> | 
 |  |  |                                             <view style="width: 40%;">规格: {{item.specs}}</view> | 
 |  |  |                                             <view style="width: 30%;">备注: {{item.memo}}</view> | 
 |  |  | 											 | 
 |  |  |                                             <!-- 11 --> | 
 |  |  |                                         </swiper-item> | 
 |  |  |                                     </swiper> | 
 |  |  | 
 |  |  |                 </view> | 
 |  |  |             </view> | 
 |  |  |         </view> | 
 |  |  |         <view style="color: #FFF;position: fixed;bottom: 10px;left: 10px;" v-show="timeOut"> | 
 |  |  |         <view style="color: #FFF;position: fixed;bottom: 10px;left: 10px;" v-show="timeOuts"> | 
 |  |  |             连接超时: {{times}} s | 
 |  |  |         </view> | 
 |  |  |     </view> | 
 |  |  | 
 |  |  |                     barcode: "" | 
 |  |  |                 }, | 
 |  |  |                 swiperList: [], | 
 |  |  |                 timeOut: false, | 
 |  |  |                 timeOuts: false, | 
 |  |  |                 times: 0, | 
 |  |  |                 currDate: '' | 
 |  |  |             } | 
 |  |  | 
 |  |  |                 this.getOther() | 
 |  |  |                 // this.getDate() | 
 |  |  |                 this.getDate2() | 
 |  |  |                 this.getInfo() | 
 |  |  |                 this.getError() | 
 |  |  |                 // this.getInfo2() | 
 |  |  |                 // this.getError2() | 
 |  |  |                 // this.getInfo() | 
 |  |  |                 // this.getError() | 
 |  |  |                 this.getInfo2() | 
 |  |  |                 this.getError2() | 
 |  |  |                 this.getUrl() | 
 |  |  |                 this.controller() | 
 |  |  |                 // 测试用 | 
 |  |  | 
 |  |  |                     method:"GET", | 
 |  |  |                     data: {ledId:that.baseLedId}, | 
 |  |  |                     success(result) { | 
 |  |  |                         that.timeOut = false | 
 |  |  |                         that.timeOuts = false | 
 |  |  |                         that.times = 0 | 
 |  |  |                         var    res = result.data | 
 |  |  |                         if (res.data && res.data !== "") { | 
 |  |  | 
 |  |  |                         } | 
 |  |  |                     }, | 
 |  |  |                     fail(err) { | 
 |  |  |                         that.timeOut = true | 
 |  |  |                         that.timeOuts = true | 
 |  |  |                         that.times = that.times+3 | 
 |  |  |                         that.infoType = 0 | 
 |  |  |                     } | 
 |  |  | 
 |  |  |                     data: {ledId:that.baseLedId}, | 
 |  |  |                     method:"GET", | 
 |  |  |                     success(result) { | 
 |  |  |                         that.timeOut = false | 
 |  |  |                         that.timeOuts = false | 
 |  |  |                         that.times = 0 | 
 |  |  |                         var    res = result.data | 
 |  |  |                         if (res.data && res.data !== "") { | 
 |  |  | 
 |  |  |                         } | 
 |  |  |                     }, | 
 |  |  |                     fail(err) { | 
 |  |  |                         that.timeOut = true | 
 |  |  |                         that.timeOuts = true | 
 |  |  |                         that.infoType = 0 | 
 |  |  |                     } | 
 |  |  |                 }) | 
 
 |  |  | 
 |  |  |                         "count": 40.0, | 
 |  |  |                         "specs": "gcslxwt", | 
 |  |  |                         "info": "浙江中扬", | 
 |  |  |                         "bz": "", | 
 |  |  |                         "bz": "红色", | 
 |  |  |                         "total" : 200 | 
 |  |  |                     }, | 
 |  |  |                     { | 
 |  |  | 
 |  |  |                         "count": 40.0, | 
 |  |  |                         "specs": "gcslxwt", | 
 |  |  |                         "info": "浙江中扬", | 
 |  |  |                         "bz": "", | 
 |  |  |                         "bz": "红色", | 
 |  |  |                         "total" : 200 | 
 |  |  |                     }, | 
 |  |  |                     { | 
 |  |  | 
 |  |  |                         "count": 40.0, | 
 |  |  |                         "specs": "gcslxwt", | 
 |  |  |                         "info": "浙江中扬", | 
 |  |  |                         "bz": "", | 
 |  |  |                         "total" : 200 | 
 |  |  |                     }, | 
 |  |  |                     { | 
 |  |  |                         "matnr": "LPJ.SLJ.XG.037", | 
 |  |  |                         "maknx": "工程塑料下弯头", | 
 |  |  |                         "batch": null, | 
 |  |  |                         "count": 40.0, | 
 |  |  |                         "specs": "gcslxwt", | 
 |  |  |                         "info": "浙江中扬", | 
 |  |  |                         "bz": "17号框", | 
 |  |  |                         "bz": "红色", | 
 |  |  |                         "total" : 200 | 
 |  |  |                     } | 
 |  |  |                 ], | 
 
 |  |  | 
 |  |  |                 this.getOther(); | 
 |  |  |                 // 其他信息 | 
 |  |  |                 this.getDate(); | 
 |  |  |                 this.getPakin(); | 
 |  |  |                 this.getError(); | 
 |  |  |                 // this.getYYY(); | 
 |  |  |                 // this.getEEE(); | 
 |  |  |                 // this.getPakin(); | 
 |  |  |                 // this.getError(); | 
 |  |  |                 this.getYYY(); | 
 |  |  |                 this.getEEE(); | 
 |  |  |                 this.animation() | 
 |  |  |                 this.getUrl() | 
 |  |  |             },1000) |