#

whycq

2024-03-21 4dc72b22acac30fa642999a845d708feacc28100

 Monitor-APP/pages/home/home.vue

@@ -8,7 +8,7 @@
                  <view class="logo"></view>
               </view>
               <view class="head-mid">
                  <text style="z-index: 999;">补货单列表</text>
                  <text style="z-index: 999;">出库单列表</text>
               </view>
               <view class="head-right">
                  <view class="time-tools">{{calendar}}</view>
@@ -26,14 +26,14 @@
                            <view class="text-content">
                                <!-- head -->
                                <view class="swiper-head">
                                    <view class="item-box1" style="width: 10%;">工单编号</view>
                                    <view class="item-box1" style="width: 15%;">品番</view>
                                    <view class="item-box1" style="width: 15%;">待补货数量</view>
                           <view class="item-box1" style="width: 15%;">已补货数量</view>
                           <view class="item-box1" style="width: 15%;">补货状态</view>
                           <view class="item-box1" style="width: 10%;">创建时间</view>
                           <view class="item-box1" style="width: 10%;">预计完成时间</view>
                           <view class="item-box1" style="width: 9.5%;">操作</view>
                                    <view class="item-box1" style="width: 10%;">呼叫编号</view>
                                    <view class="item-box1" style="width: 15%;">呼叫产线</view>
                                    <view class="item-box1" style="width: 15%;">产线代码</view>
                           <view class="item-box1" style="width: 15%;">呼叫工单</view>
                           <view class="item-box1" style="width: 15%;">任务名称</view>
                           <view class="item-box1" style="width: 10%;">出库单状态</view>
                           <view class="item-box1" style="width: 10%;">呼叫时间</view>
                           <view class="item-box1" style="width: 9.5%;">最晚送达时间</view>
                                </view>
                                <!-- body -->
                                <view class="swiper-body">
@@ -43,33 +43,31 @@
                                    display-multiple-items 同时显示的滑块数量 -->
                                    <swiper class="swiper-body-main" vertical="true" 
                                    display-multiple-items="10"
                                    circular="true" :autoplay="true" :interval="3000" :duration="1000" disable-touch='true'>
                                        <swiper-item :class="item.inspectSts" class="swiper-item"  v-for="(item,i) in swiperList" :key="i">
                                            <view class="item-box" style="width: 10%;" >{{item.suppCode ? item.suppCode : '--'}}</view>
                                            <view class="item-box" style="width: 15%;">{{item.maktx}}</view>
                                            <view class="item-box" style="width: 15%;">{{item.storeReplenishment}}</view>
                                    circular="true" :autoplay="false" :interval="3000" :duration="1000" disable-touch='true'>
                                        <swiper-item class="swiper-item"  v-for="(item,i) in swiperList" :key="i">
                                            <view class="item-box" style="width: 10%;" >{{item.callNo ? item.callNo : '--'}}</view>
                                            <view class="item-box" style="width: 15%;">{{item.callLine}}</view>
                                            <view class="item-box" style="width: 15%;">{{item.callLineNo}}</view>
                                            <view class="item-box" style="width: 15%;">
                                    
                                    <text style="color: #25E51E ;"  v-if="item.inspectSts == 'inspectWhite'">{{item.storeAdd}}</text>
                                    <text v-if="item.inspectSts == 'inspectRed'">{{item.storeAdd}}</text>
                                    <text v-if="item.inspectSts == 'inspectRed'">{{item.callOrder}}</text>
                                 </view>
                                            <view class="item-box" style="width: 15%;">
                                    <text class="beBatch1" v-if="item.beBatch == 2 ">
                                       {{item.beBatch$}}
                                            
                                 <view class="item-box" style="width: 15%;">{{item.callName}}</view>
                                 <view class="item-box" style="width: 10%;">
                                    <text class="beBatch1" v-if="item.callSettle == 2 ">
                                       {{item.callSettle$}}
                                    </text>
                                    <text class="beBatch2" v-if="item.beBatch != 2 ">
                                       {{item.beBatch$}}
                                    <text class="beBatch2" v-if="item.callSettle != 2 ">
                                       {{item.callSettle$}}
                                    </text>
                                    <!-- <text class="beBatch3" v-if="item.inspectSts != 'inspectWhite'">
                                       {{item.beBatch$}}
                                    </text> -->
                                 </view>
                                 <view class="item-box" style="width: 10%;">{{item.appeTime$}}</view>
                                 <view class="item-box" style="width: 10%;">{{item.appeTime$}}</view>
                                 <view class="item-box" style="width: 9.5%;">
                                    <button class="start-btn" size="mini" v-if="item.beBatch == 1" @click="complete(item.matnr)">开始</button>
                                    <button class="end-btn" size="mini" v-if="item.beBatch == 2" @click="cancel(item.matnr)">完成</button>
                                 </view>
                                 <view class="item-box" style="width: 10%;">{{item.callTime$}}</view>
                                 <view class="item-box" style="width: 9.5%;">{{item.lastTime$}}</view>
                                        </swiper-item>
                              <view style="height: 1px;"></view>
                                    </swiper>
@@ -162,6 +160,13 @@
            <uni-popup-message :type="messageType" :message="messageText" :duration="3000"></uni-popup-message>
         </uni-popup>
      </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>
</template>
 
@@ -171,6 +176,9 @@
    export default {
        data() {
            return {
            newModeClass: 'slide-top',
            errorBoardShow: false,
            carInfo: [],
            type: 'center',
            msgType: 'success',
            messageType: 'success',
@@ -272,6 +280,7 @@
            // this.getError2()
            this.getDate2()
            this.getInfo3()
            this.getCarInfo()
            // this.getInfo4()
            // this.controller()
         },1000)
@@ -289,6 +298,39 @@
        },
        methods: {
         // 日历 服务器
         // 异常信息
         getCarInfoTest() {
            let that = this
            var result = ycqdata.carError
            var res = result.data
            that.carInfoModel(res)
         },
         getCarInfo() {
            let that = this
            uni.request({
               url: that.commonUrl + "/mobile/error/list2",
               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.tsakNo1}-${k.errName}`
                  infoList.push(str)
               }
               this.carInfo = infoList
               this.errorBoardShow = true
            } else {
               this.errorBoardShow = false
            }
         },
         getDate2() {
            let that = this
            if(that.commonUrl == 'undefined') {
@@ -389,11 +431,10 @@
         getInfo3() {
            let that = this
            uni.request({
                url: that.commonUrl + "/open/loc/query/auth/v1",
                url: that.commonUrl + "/mobile/order/list",
                method:"GET",
                data: {ledId:that.baseLedId},
               data: {},
                success(result) {
                  // console.log(result);
                    var res = result.data
                  for (let k of res.data) {
                     if (k.inspect == 1) {
@@ -1089,4 +1130,25 @@
   .popup {
      
   }
</style>
   .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>