#

whycq

2024-03-07 2e2e3388e99a6ac5db426b84c1fb76da3dec31aa

 Monitor-APP/pages/home/home.vue

@@ -6,11 +6,9 @@
                <view class="head">
               <view class="head-left" @click="ejected()"></view>
               <view class="head-mid">
                  <text style="z-index: 999;">立体库入库看板</text>
                  <text style="z-index: 999;">补货单列表</text>
               </view>
               <view class="head-right"></view>
					
                   
                </view>
                <!-- 日历 -->
                <!-- <view class="time-tools">{{calendar}}</view> -->
@@ -24,13 +22,14 @@
                            <view class="text-content">
                                <!-- head -->
                                <view class="swiper-head">
                                    <view style="width: 10%;">序号</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 class="item-box1" style="width: 5%;">序号</view>
                                    <view class="item-box1" style="width: 20%;">品番</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">
@@ -39,11 +38,11 @@
                                    vertical 滑动方向是否为纵向 
                                    display-multiple-items 同时显示的滑块数量 -->
                                    <swiper class="swiper-body-main" vertical="true" 
                                    display-multiple-items="8"
                                    circular="true" :autoplay="true" :interval="3000" :duration="1000">
                                    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%;" >{{i+1}}</view>
                                            <view class="item-box" style="width: 25%;">{{item.maktx}}</view>
                                            <view class="item-box" style="width: 5%;" >{{i+1}}</view>
                                            <view class="item-box" style="width: 20%;">{{item.maktx}}</view>
                                            <view class="item-box" style="width: 15%;">{{item.storeReplenishment}}</view>
                                            <view class="item-box" style="width: 15%;">
                                    
@@ -51,18 +50,22 @@
                                    <text v-if="item.inspectSts == 'inspectRed'">{{item.storeAdd}}</text>
                                 </view>
                                            <view class="item-box" style="width: 15%;">
                                    <text class="beBatch1" v-if="item.beBatch == 2 && item.inspectSts == 'inspectWhite'">
                                    <text class="beBatch1" v-if="item.beBatch == 2 ">
                                       {{item.beBatch$}}
                                    </text>
                                    <text class="beBatch2" v-if="item.beBatch != 2 && item.inspectSts == 'inspectWhite'">
                                    <text class="beBatch2" v-if="item.beBatch != 2 ">
                                       {{item.beBatch$}}
                                    </text>
                                    <text class="beBatch3" v-if="item.inspectSts != 'inspectWhite'">
                                    <!-- <text class="beBatch3" v-if="item.inspectSts != 'inspectWhite'">
                                       {{item.beBatch$}}
                                    </text>
                                    </text> -->
                                 </view>
                                 <view class="item-box" style="width: 10%;">{{item.appeTime$}}</view>
                                 <view class="item-box" style="width: 9.5%;">{{item.overTime$ ? item.overTime$ : '--'}}</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>
                                        </swiper-item>
                                    </swiper>
                                </view>
@@ -140,7 +143,21 @@
                </view>
            </view>
        </view>
    </view>
      <!-- 确认是否操作 -->
      <view>
         <uni-popup ref="inputDialog" type="dialog">
            <uni-popup-dialog :type="msgType" :title="dialogTitle" :content="dialogContent" @confirm="dialogConfirm"
                           @close="dialogClose"></uni-popup-dialog>
         </uni-popup>
      </view>
      <!-- 操作成功失败弹窗 -->
      <view>
         <!-- 提示信息弹窗 -->
         <uni-popup ref="message" type="message">
            <uni-popup-message :type="messageType" :message="messageText" :duration="3000"></uni-popup-message>
         </uni-popup>
      </view>
   </view>
</template>
 
<script>
@@ -149,6 +166,15 @@
    export default {
        data() {
            return {
            type: 'center',
            msgType: 'success',
            messageType: 'success',
            messageText: '这是一条成功提示',
            dialogTitle: '',
            value: '',
            dialogContent: '确认开始该笔补货物料？',
            matnr: '',
            dialogType: 0,
                series: [],
                homeViewShow: false,
                infoViewShow: true    ,
@@ -240,8 +266,8 @@
            // this.getError()
            // this.getInfo2()
            // this.getError2()
            // this.getInfo3()
            this.getInfo4()
            this.getInfo3()
            // this.getInfo4()
            // this.controller()
         },1000)
         
@@ -275,6 +301,48 @@
               fail(res) {
               }
               
            })
         },
         // 开始按钮
         complete(matnr) {
            this.matnr = matnr
            this.dialogTitle = `品番：${matnr}`
            this.dialogType = 1
            this.dialogContent = '确认开始该笔补货物料？'
            this.$refs.inputDialog.open()
         },
         // 结束按钮
         cancel(matnr) {
            this.matnr = matnr
            this.dialogTitle = `品番：${matnr}`
            this.dialogType = 2
            this.dialogContent = '确认完成该笔补货物料？'
            this.$refs.inputDialog.open()
         },
         // 弹窗取消
         dialogClose() {
            this.$refs.inputDialog.close()
         },
         // 弹窗确认
         dialogConfirm() {
            let that = this
            uni.request({
                url: that.commonUrl + "/LocDetlReplenishmentController/hand/control/re",
                method:"GET",
                data: {matnr:that.matnr,type: that.dialogType},
                success(result) {
                  console.log(result);
                    var res = result.data
                  if (res.code === 200) {
                     that.messageType = 'success'
                     that.messageText = `操作成功`
                     that.$refs.message.open()
                  } else {
                     that.messageType = 'error'
                     that.messageText = res.msg
                     that.$refs.message.open()
                  }
                }
            })
         },
            getUrl() {
@@ -320,6 +388,7 @@
                method:"GET",
                data: {ledId:that.baseLedId},
                success(result) {
                  // console.log(result);
                    var res = result.data
                  for (let k of res.data) {
                     if (k.inspect == 1) {
@@ -660,7 +729,7 @@
    .container{
        width: 100vw;
        min-height: 100vh;
        background-color: #13151d;
        background-color: #083870;
        color: #fff;
        text-align: center;
        
@@ -851,6 +920,7 @@
    .info-box {
        width: 98%;
        height: 98%;
      background-color: #032246;
    }
    /* 异常信息 */
    .error-info-view {
@@ -956,20 +1026,18 @@
        justify-content: center;
    }
   .beBatch1 {
      padding: 18rpx;
      color: #F3720D;
      height: 60rpx;
      text-align: center;
      line-height: 60rpx;
      border-radius: 10rpx;
      color: #ffba02;
      padding: 4rpx 10rpx;
      background-color: #fff8e6;
      font-weight: bold;
      border-radius: 2rpx;
   }
   .beBatch2 {
      padding: 18rpx;
      color: #25E51E ;
      height: 60rpx;
      text-align: center;
      line-height: 60rpx;
      border-radius: 10rpx;
      color: #ff5454;
      padding: 4rpx 10rpx;
      background-color: #ffeded;
      font-weight: bold;
      border-radius: 2rpx;
   }
   .inspectRed {
      color: #F10F0F;
@@ -977,11 +1045,31 @@
   .inspectWhite {
      color: #FFF;
   }
   .item-box1 {
      height: 98%;
      display: flex;
      align-items: center;
      justify-content: center;
      border-left: 1px solid #7db2f7;
   }
   .item-box {
      height: 98%;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #18167c;
      border: 1px solid #074a9a;
   }
   .start-btn {
      color: #FFF;
      background-color: #13ce66;
      transform: scale(0.7);
   }
   .end-btn {
      color: #FFF;
      background-color: #1890ff;
      transform: scale(0.7);
   }
   .popup {
		
   }
</style>