| | |
| | | <swiper class="manu-body-main" vertical="true" |
| | | display-multiple-items="6" |
| | | circular="true" :autoplay="true" :interval="3000" :duration="2000"> |
| | | <swiper-item class="manu-item" v-for="(item,i) in swiperList" :key="i"> |
| | | <view style="width: 30%;">{{item.maknx}}</view> |
| | | <view style="width: 20%;">{{item.owner}}</view> |
| | | <view style="width: 30%;">{{item.matnr}}</view> |
| | | <view style="width: 20%;">{{item.specs}}</view> |
| | | <view style="width: 10%;">{{item.orderNo}}</view> |
| | | <swiper-item class="manu-item" v-for="(item,i) in boundInfoList" :key="i"> |
| | | <view style="width: 30%;">{{item.orderNo}}</view> |
| | | <view style="width: 20%;">{{item.docType}}</view> |
| | | <view style="width: 30%;">{{item.outTime}}</view> |
| | | <view style="width: 20%;">{{item.outTime}}</view> |
| | | <view style="width: 10%;">{{item.useTime}}</view> |
| | | </swiper-item> |
| | | </swiper> |
| | | </view> |
| | | </view> |
| | | <view style="height: 20px;width: 100%;display: flex;flex-direction: column;align-items: flex-end;"> |
| | | <view style="height: 20px;width: 100%;display: flex;flex-direction: column;align-items: flex-end;font-size: 1.5vh"> |
| | | <view>累计用时: {{mTime}}</view> |
| | | </view> |
| | | </view> |
| | |
| | | <view class="mian-item"> |
| | | <view class="mian-item-box"> |
| | | <view style="width: 100%;height: 100%;"> |
| | | <view style="height: 35%;"> |
| | | <view style="height: 30%;"> |
| | | <!-- 折线图 --> |
| | | <y-box> |
| | | <view class="box-item"> |
| | |
| | | <!-- 百分比 --> |
| | | <view class="flex-col" style="align-items: flex-end;justify-content: flex-end;" > |
| | | <!-- style="justify-content: flex-end;position: absolute;top: 0;right: 1vw;text-align: right;" --> |
| | | <text class="item-title">31</text> |
| | | <text class="item-subTitle">今日订单数</text> |
| | | <text class="item-subTitle" style="font-size: 1.5vh;">今日入库:10</text> |
| | | <text class="item-subTitle" style="font-size: 1.5vh;">今日出库:20</text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | </y-box> |
| | | </view> |
| | | <view style="height: 2%;"></view> |
| | | <view style="height: 21%;"> |
| | | <view style="height: 26%;"> |
| | | <y-box> |
| | | <view class="flex-col" style="width: 100%;height: 100%;font-size: 4vh;justify-content: center;"> |
| | | <view class="flex-col" style="width: 100%;height: 30vh;align-items: flex-start;font-size: 1vw"> |
| | |
| | | <swiper class="manu-body-main" vertical="true" |
| | | display-multiple-items="3" |
| | | circular="true" :autoplay="true" :interval="3000" :duration="2000"> |
| | | <swiper-item class="manu-item" v-for="(item,i) in swiperList" :key="i"> |
| | | <view style="width: 20%;">{{item.maknx}}</view> |
| | | <view style="width: 20%;">{{item.owner}}</view> |
| | | <view style="width: 20%;">{{item.matnr}}</view> |
| | | <view style="width: 20%;">{{item.specs}}</view> |
| | | <view style="width: 20%;">{{item.orderNo}}</view> |
| | | <swiper-item class="manu-item" v-for="(item,i) in deviceInfoList" :key="i"> |
| | | <view style="width: 20%;">{{item.errCode}}</view> |
| | | <view style="width: 20%;">{{item.errContext}}</view> |
| | | <view style="width: 20%;">{{item.errTime}}</view> |
| | | <view style="width: 20%;">{{item.reTime}}</view> |
| | | <view style="width: 20%;">{{item.stopTime}}</view> |
| | | </swiper-item> |
| | | </swiper> |
| | | </view> |
| | | </view> |
| | | <view style="height: 20px;width: 100%;display: flex;flex-direction: column;align-items: flex-end;font-size: 1.2 vh;"> |
| | | <view style="height: 20px;width: 100%;display: flex;flex-direction: column;align-items: flex-end;font-size: 1.5vh;"> |
| | | <view>累计用时: {{mTime}}</view> |
| | | </view> |
| | | </view> |
| | |
| | | vertical 滑动方向是否为纵向 |
| | | display-multiple-items 同时显示的滑块数量 --> |
| | | <swiper class="swiper-body-main" vertical="true" |
| | | display-multiple-items="3" |
| | | circular="true" :autoplay="true" :interval="3000" :duration="2000"> |
| | | display-multiple-items="5" |
| | | circular="true" :autoplay="true" :interval="3000" :duration="8000"> |
| | | <swiper-item class="swiper-item" v-for="(item,i) in swiperList" :key="i"> |
| | | <view style="width: 20%;">{{i+1}} / {{swiperList.length}}</view> |
| | | <!-- <view style="width: 30%;">料号: {{item.matnr}}</view> --> |
| | |
| | | |
| | | |
| | | <view style="width: 30%;">出库: {{item.count}} / 总数: {{item.total}}</view> |
| | | <view style="width: 40%;">规格: {{item.specs}}</view> |
| | | <view style="width: 20%;">规格: {{item.specs}}</view> |
| | | <view style="width: 20%;">备注: {{item.memo}}</view> |
| | | <view style="width: 30%;">单据号: {{item.orderNo}}</view> |
| | | |
| | | |
| | |
| | | barcode: "" |
| | | }, |
| | | swiperList: [], |
| | | boundInfoList: [], |
| | | deviceInfoList: [], |
| | | timeOut: false, |
| | | times: 0, |
| | | currDate: '', |
| | |
| | | this.getInfo2() |
| | | this.getError2() |
| | | this.getUrl() |
| | | // this.controller() |
| | | this.getBoundInfoTest() |
| | | this.getDeviceInfoTest() |
| | | this.controller() |
| | | // 测试用 |
| | | |
| | | },1000) |
| | |
| | | this.chartsDataLine1=JSON.parse(JSON.stringify(this.chartsData.Line)) |
| | | this.chartsDataPie2=JSON.parse(JSON.stringify(this.chartsData.Pie)) |
| | | }, |
| | | // 获取出入库统计数据 |
| | | getBoundInfoTest() { |
| | | let that = this |
| | | var result = ycqdata.boundInfoTest |
| | | var res = result.data |
| | | that.boundInfoList = res.data |
| | | }, |
| | | // 获取设备故障数据 |
| | | getDeviceInfoTest() { |
| | | let that = this |
| | | var result = ycqdata.deviceInfoTest |
| | | var res = result.data |
| | | that.deviceInfoList = res.data |
| | | }, |
| | | // 获取错误信息 |
| | | getInfo2() { |
| | | let that = this |
| | |
| | | return; |
| | | } |
| | | // infoType1:只有拣料等信息 |
| | | that.infoText.title = res.data[0].title |
| | | that.infoType = 1 |
| | | if (res.data[0].ioType === 101) { |
| | | that.infoText.title = '全板出库' |
| | | } else if(res.data[0].ioType === 103) { |
| | | that.infoText.title = '检料出库' |
| | | } else if(res.data[0].ioType === 107) { |
| | | that.infoText.title = '盘点出库' |
| | | } else if(res.data[0].ioType === 1) { |
| | | that.infoText.title = '入库' |
| | | } else if(res.data[0].ioType === 10) { |
| | | that.infoText.title = '空托入库' |
| | | } else if(res.data[0].ioType === 110) { |
| | | that.infoText.title = '空托出库' |
| | | } |
| | | // if (res.data[0].ioType === 101) { |
| | | // that.infoText.title = '全板出库' |
| | | // } else if(res.data[0].ioType === 103) { |
| | | // that.infoText.title = '检料出库' |
| | | // } else if(res.data[0].ioType === 107) { |
| | | // that.infoText.title = '盘点出库' |
| | | // } else if(res.data[0].ioType === 1) { |
| | | // that.infoText.title = '入库' |
| | | // } else if(res.data[0].ioType === 10) { |
| | | // that.infoText.title = '空托入库' |
| | | // } else if(res.data[0].ioType === 110) { |
| | | // that.infoText.title = '空托出库' |
| | | // } |
| | | that.infoText.barcode = res.data[0].barcode |
| | | that.infoText.workNo = res.data[0].workNo |
| | | that.infoText.sourceLocNo = res.data[0].sourceLocNo |