#

whycq

2024-02-23 8c3b2fb69cb5f30db9f7e26bd09efb8e0e1bb444

 pages/project/jmAGV/home.vue

@@ -1,35 +1,37 @@
<template>
   <view class="container">
      <view class="btn-box">
         <button>呼叫空盘头</button>
      <!-- 左 -->
      <view class="zcard">
         <view class="zcard-flex">
            <view class="button-nk" v-for="item in groundSiteList" @click="click(item,'left')">{{item.name}}</view>
         </view>
      </view>

      <view class="btn-box">
         <button>呼叫空盘头</button>
      <!-- 右 -->
      <view class="zcard">
         <view class="zcard-flex">
            <view class="button-nk" style="background-color: brown;" v-for="item in traySiteList" @click="click(item,'right')">{{item.name}}</view>
         </view>
      </view>
      
      <view class="btn-box">
         <button>呼叫空盘头</button>
      <view>
         <uni-popup ref="revise" type="dialog">
            <view class="popup">
               <view>{{text}}</view>
               <view class="button-nk" @click="upTray()">{{btnTitle1}}</view>
               <view class="button-nk" @click="downTray">{{btnTitle2}}</view>
            </view>
         </uni-popup>
      </view>
      
      <view class="btn-box">
         <button>呼叫空盘头</button>
      </view>
		
      <view class="btn-box">
         <button>呼叫空盘头</button>
      </view>
		
      <view class="btn-box">
         <button>呼叫空盘头</button>
      </view>
      <view class="btn-box">
         <button>呼叫空盘头</button>
      </view>
		
      <view class="btn-box">
         <button>呼叫空盘头</button>
      </view>
      <!-- <view>
         <uni-popup ref="revise2" type="dialog">
            <view class="popup2">
               <view>123</view>
               <view class="button-nk" @click="inHouse">托盘-仓库(入库)</view>
               <view class="button-nk" @click="outHouse">仓库-托盘(出库)</view>
            </view>
         </uni-popup>
      </view> -->
   </view>
</template>

@@ -37,10 +39,75 @@
   export default {
      data() {
         return {
				
            baseUrl: '',
            token: '',
            groundSiteList: [
               {name: '1号地面站',code:'1-C1',traget: '1-A1'},
               {name: '2号地面站',code:'2-C1'},
               {name: '3号地面站',code:'3-C1'},
               {name: '4号地面站',code:'4-C1'},
               {name: '5号地面站',code:'5-C1'},
               {name: '6号地面站',code:'6-C1'},
               {name: '7号地面站',code:'7-C1'},
               {name: '8号地面站',code:'8-C1'},
               {name: '9号地面站',code:'9-C1'},
               {name: '10号地面站',code:'10-C1'}
            ],
            traySiteList: [
               {name: '1号托盘站',code:'1-A1'},
               {name: '2号托盘站',code:'2-A1'},
               {name: '3号托盘站',code:'3-A1'},
               {name: '4号托盘站',code:'4-A1'},
               {name: '5号托盘站',code:'5-A1'},
               {name: '6号托盘站',code:'6-A1'},
               {name: '7号托盘站',code:'7-A1'},
               {name: '8号托盘站',code:'8-A1'},
               {name: '9号托盘站',code:'9-A1'},
               {name: '10号托盘站',code:'10-A1'}
            ],
            item: '',
            text: '',
            btnTitle1: '',
            btnTitle2: ''
         }
      },
      onShow() {
         let network = uni.getStorageSync('Network')
         this.baseUrl = `http://${network[0].ip}:${network[0].port}/${network[0].address}` 
         this.token = uni.getStorageSync('token');
      },
      methods: {
         click(item,type) {
            this.item = item
            this.text = item.name
            if (type == 'left') {
               this.btnTitle1 = '地面站放置托盘(上架)'
               this.btnTitle2 = '地面站放置托盘(上架)'
            } else {
               this.btnTitle1 = '托盘-仓库(入库)'
               this.btnTitle2 = '仓库-托盘(出库)'
            }
            this.$refs.revise.open(type)
         },
         upTray() {
            let _this = this 
            uni.request({
               url: `${_this.baseUrl}/agv/inBound`,
               data: {
                  originLocal: _this.item.code,
                  targetLocal: _this.item.traget,
                  type: 'load'
               },
               header: { 'token': uni.getStorageSync('token') },
               method: 'POST',
               success(res) {
                  console.log(res);
               }
            })
         },
         downTray() {
				
         }
         
      }
   }
@@ -48,14 +115,69 @@

<style>
   .container {
      height: 90vh;
      background-color: aqua;
      height: 100%;
      /* background-color: aqua; */
      display: grid;
      grid-template-columns: 50% 50%;

   }
   .btn-box {
      margin: 5%;
      /* margin: 1%; */
      background-color: azure;
   }
	
   .zcard {
      margin: 10px 100px;
      /* background-color: blanchedalmond; */
   }
   .zcard-flex {
      /* background-color: coral; */
      width: 100%;
      height: 100%;
      display: flex;
      flex-wrap: wrap;
      /* flex-direction: column; */
      justify-content: space-around;
      align-items: center;
   }
   .button-nk {
      margin: 10rpx;
      padding: 20rpx 70rpx;
      /* background-color: azure; */
      min-width: 200rpx;
      /* margin: 0 auto; */
      height: 50px;
      text-align: center;
      line-height: 50px;
      font-size: 20px;
      background-color: #409EFF;
      color: #ECF0F1;
      border-radius: 7px;
      box-shadow: inset 4px 4px 4px rgba(0, 0, 0, .3),
         inset -4px -4px 4px rgba(255, 255, 255, .4),
         -4px -4px 5px rgba(0, 0, 0, .4);
   }
   .button-nk:active {
      transform: translateY(2px) scale(0.99, 0.99);
      box-shadow: inset 4px 4px 4px rgba(0, 0, 0, .3),
         inset -4px -4px 8px rgba(255, 255, 255, .7),
         -5px -5px 5px rgba(0, 0, 0, .3);
   }
   .popup {
      background-color: #eee;
      width: 30vw;
      height: 100%;
      padding: 0 10vw;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
   }
   .popup2 {
      background-color: #eee;
      width: 30vw;
      height: 100%;
      padding: 0 10vw;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
   }
</style>