#

whycq

2024-03-02 5bb7cf9fe664549b382da52e15069ff2bd980151

 Monitor-APP/pages/home/home.vue

@@ -4,7 +4,8 @@
        <uni-transition :duration="duration" :mode-class="infoMode" :show="infoViewShow">
            <view class="home-view">
                <view class="head">
                    <text>入库屏</text>
               <image src="../../static/head.png" mode="" class="head-image"></image>
                    <text style="z-index: 999;">入库屏</text>
                </view>
                <!-- 日历 -->
                <view class="time-tools">{{calendar}}</view>
@@ -19,12 +20,12 @@
                                <!-- head -->
                                <view class="swiper-head">
                                    <view style="width: 10%;">序号</view>
                                    <view style="width: 15%;">品番</view>
                                    <view style="width: 10%;">待补货数量</view>
                                    <view style="width: 15%;">补货状态</view>
                                    <view style="width: 10%;">已补货数量</view>
                           <view style="width: 20%;">工单生成时间</view>
                           <view style="width: 20%;">补货截止时间</view>
                                    <view style="width: 25%;">品番</view>
                                    <view style="width: 15%;">待补货数量</view>
                             <view style="width: 15%;">已补货数量</view>
                             <view style="width: 15%;">补货状态</view>
                           <view style="width: 10%;">工单创建时间</view>
                           <view style="width: 10%;">预计完成时间</view>
                                </view>
                                <!-- body -->
                                <view class="swiper-body">
@@ -35,14 +36,21 @@
                                    <swiper class="swiper-body-main" vertical="true" 
                                    display-multiple-items="8"
                                    circular="true" :autoplay="true" :interval="3000" :duration="1000">
                                        <swiper-item class="swiper-item" v-for="(item,i) in swiperList" :key="i">
                                            <view style="width: 10%;">No:{{i+1}}</view>
                                            <view style="width: 15%;">{{item.matnr}}</view>
                                            <view style="width: 10%;">{{item.itnum1}}</view>
                                            <view style="width: 15%;">{{item.itnum2}}</view>
                                            <view style="width: 10%;">{{item.itnum3}}</view>
                                 <view style="width: 20%;">{{item.itnum4}}</view>
                                 <view style="width: 20%;">{{item.itnum5}}</view>
                                        <swiper-item :class="item.inspectSts" class="swiper-item"  v-for="(item,i) in swiperList" :key="i">
                                            <view style="width: 10%;">{{i+1}}</view>
                                            <view style="width: 25%;">{{item.maktx}}</view>
                                            <view style="width: 15%;">{{item.storeReplenishment}}</view>
                                            <view style="width: 15%;color: chartreuse;">{{item.storeAdd}}</view>
                                            <view style="width: 15%;">
                                    <text class="beBatch1" v-if="item.beBatch == 2">
                                       {{item.beBatch$}}
                                    </text>
                                    <text class="beBatch2" v-if="item.beBatch != 2">
                                       {{item.beBatch$}}
                                    </text>
                                 </view>
                                 <view style="width: 10%;">{{item.appeTime$}}</view>
                                 <view style="width: 10%;">{{item.overTime$ ? item.overTime$ : '--'}}</view>
                                        </swiper-item>
                                    </swiper>
                                </view>
@@ -185,7 +193,17 @@
                    count: "",
                    error: ""
                },
                swiperList: []
                swiperList: [
               {
                  maktx: 1,
                  storeReplenishment: '123123',
                  storeAdd: '123123',
                  beBatch$: '123',
                  appeTime$: '2024年3月1日 21点14分',
                  overTime$: '2024年3月1日 21点14分'
               }
            ],
            inspect: 'inspectRed'
            }
        },
        onShow() {
@@ -215,8 +233,9 @@
            // this.getUrl()
            // this.getInfo()
            // this.getError()
            this.getInfo2()
            this.getError2()
            // this.getInfo2()
            // this.getError2()
            // this.getInfo3()
            // this.controller()
         },1000)
         
@@ -224,12 +243,12 @@
         //    this.changeErrorShow()
         // },5000)
         
         setInterval(()=>{
            this.getServerData()
            this.initlineChart()
            this.initPieChart()
            this.getOther()
         },600000)
         // setInterval(()=>{
         //    this.getServerData()
         //    this.initlineChart()
         //    this.initPieChart()
         //    this.getOther()
         // },600000)
        },
        methods: {
         // 日历 服务器
@@ -288,6 +307,25 @@
                    that.infoType = 0
                }
            },
         getInfo3() {
            let that = this
            uni.request({
                url: that.commonUrl + "/open/loc/query/auth/v1",
                method:"GET",
                data: {ledId:that.baseLedId},
                success(result) {
                    var res = result.data
                  for (let k of res.data) {
                     if (k.inspect == 1) {
                        k['inspectSts'] = 'inspectWhite' 
                     } else {
                        k['inspectSts'] = 'inspectRed' 
                     }
                  }
                   that.swiperList = res.data
                }
            })
         },
            getError2 () {
                let that = this
                let result = ycqdata.dataError2
@@ -612,8 +650,9 @@
    .home-view {
        width: 100vw;
        min-height: 100vh;
        background-image: url(../../static/background.png);
        background-size: 100vw 100vh;
       /* background-image: url(../../static/head.png);
        background-size: 50vw 10vh;
      background-repeat: no-repeat; */
    }
    .home-right {
        width: 50vw;
@@ -634,6 +673,11 @@
        justify-content: center;
        transform: scale(0.7);
    }
   .head-image {
      width: 80%;
      position: absolute;
      z-index: 1;
   }
    .time-tools {
        position: absolute;
        right: 2%;
@@ -643,7 +687,7 @@
    }
    .button-left {
        position: absolute;
        background-image: url(../../static/right.png);
        background-image: url(../../static/headleft.png);
        background-size: 100% 100%;
        top: 1.8%;
        left: 21.3%;
@@ -883,4 +927,26 @@
        height: 20%;font-size: 8vh;
        justify-content: center;
    }
   .beBatch1 {
      padding: 18rpx;
      background-color: #fec652;
      height: 60rpx;
      text-align: center;
      line-height: 60rpx;
      border-radius: 10rpx;
   }
   .beBatch2 {
      padding: 18rpx;
      background-color: #60b86b;
      height: 60rpx;
      text-align: center;
      line-height: 60rpx;
      border-radius: 10rpx;
   }
   .inspectRed {
      background-color: rgba(235, 104, 84, .6);
   }
   .inspectWhite {
      background-color: rgba(255, 255, 255, .4);
   }
</style>