| | |
| | | <view style="flex: 1;">剩余数量</view> |
| | | </view> --> |
| | | <view class="swiper-head"> |
| | | <view style="flex: 2;">托盘码:{{infoText.barcode}}</view> |
| | | <view style="flex: 2;">托盘码:{{infoText.barcode}} <br /> 订单号</view> |
| | | <view style="flex: 2;">商品编号</view> |
| | | <view style="flex: 2;">箱码</view> |
| | | <view style="flex: 2;">商品名称</view> |
| | |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <!-- 小车异常 --> |
| | | <view class="board"> |
| | | <uni-transition ref="ani" custom-class="transition" :mode-class="newModeClass" :show="errorBoardShow"> |
| | | <view class="error-board" > |
| | | <text v-for="item in carInfo">{{item}}</text> |
| | | </view> |
| | | </uni-transition> |
| | | </view> |
| | | |
| | | <view style="color: #FFF;position: fixed;bottom: 10px;left: 10px;" v-show="timeOut"> |
| | | 连接超时: {{times}} s |
| | | </view> |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | newModeClass: 'slide-top', |
| | | errorBoardShow: false, |
| | | carInfo: [], |
| | | series: [], |
| | | homeViewShow: true, |
| | | infoViewShow: false , |
| | |
| | | this.getUrl() |
| | | this.getInfo() |
| | | this.getError() |
| | | this.getCarInfo() |
| | | // this.getCarInfoTest() |
| | | // this.getInfo2() |
| | | // this.getError2() |
| | | this.controller() |
| | |
| | | },600000) |
| | | }, |
| | | methods: { |
| | | changeErrorShow() { |
| | | this.errorBoardShow = !this.errorBoardShow |
| | | }, |
| | | getCarInfoTest() { |
| | | let that = this |
| | | var result = ycqdata.carError |
| | | var res = result.data |
| | | that.carInfoModel(res) |
| | | }, |
| | | getCarInfo() { |
| | | let that = this |
| | | uni.request({ |
| | | url: that.commonUrl + "/monitor/device/error", |
| | | method:"GET", |
| | | success(result) { |
| | | var res = result.data |
| | | that.carInfoModel(res) |
| | | } |
| | | }) |
| | | }, |
| | | carInfoModel(res) { |
| | | let infoList = [] |
| | | if (res.code == 200 && res.data != '') { |
| | | let str = '' |
| | | for (let k of res.data) { |
| | | str = `${k.deviceNo}号${k.device}-${k.errorMsg}` |
| | | infoList.push(str) |
| | | } |
| | | this.carInfo = infoList |
| | | this.errorBoardShow = true |
| | | } else { |
| | | this.errorBoardShow = false |
| | | } |
| | | }, |
| | | timeOuts() { |
| | | console.log(this.times); |
| | | }, |
| | |
| | | that.currDate = res.year + "/" + res.month + "/" + res.day |
| | | }, |
| | | fail(res) { |
| | | console.log(res); |
| | | } |
| | | |
| | | }) |
| | |
| | | .textred{ |
| | | color: red; |
| | | } |
| | | |
| | | .board { |
| | | position: absolute; |
| | | top: 0; |
| | | right: 0; |
| | | /* background-color: #aa00ff; */ |
| | | height: 13vh; |
| | | width: 100%; |
| | | /* box-shadow: rgba(0,0,0,.35) 0px 5px 15px; */ |
| | | } |
| | | .error-board { |
| | | margin: .2rem; |
| | | height: 11vh; |
| | | background-color: #F56C6C; |
| | | box-shadow: rgba(0,0,0,.35) 0px 5px 15px; |
| | | border-radius: .2rem; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-around; |
| | | font-size: 2rem; |
| | | } |
| | | </style> |