From 233fdc1cc07df94e54036fa421addf1e17cdff83 Mon Sep 17 00:00:00 2001 From: whycq <10027870+whycq@user.noreply.gitee.com> Date: 星期三, 28 二月 2024 10:58:12 +0800 Subject: [PATCH] # --- pages/project/jmAGV/home.vue | 270 ++++++++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 240 insertions(+), 30 deletions(-) diff --git a/pages/project/jmAGV/home.vue b/pages/project/jmAGV/home.vue index 832bf8c..6533e3e 100644 --- a/pages/project/jmAGV/home.vue +++ b/pages/project/jmAGV/home.vue @@ -1,35 +1,38 @@ <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 v-show="outType" class="button-nk" @click="downTray1">{{btnTitle3}}</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 +40,162 @@ export default { data() { return { - + baseUrl: '', + token: '', + groundSiteList: [ + {name: '1鍙峰湴闈㈢珯',code:'1-C1',traget: '1-A1',type: 'foolr'}, + {name: '2鍙峰湴闈㈢珯',code:'2-C1',traget: '2-A1',type: 'foolr'}, + {name: '3鍙峰湴闈㈢珯',code:'3-C1',traget: '3-A1',type: 'foolr'}, + {name: '4鍙峰湴闈㈢珯',code:'4-C1',traget: '4-A1',type: 'foolr'}, + {name: '5鍙峰湴闈㈢珯',code:'5-C1',traget: '5-A1',type: 'foolr'}, + {name: '6鍙峰湴闈㈢珯',code:'6-C1',traget: '6-A1',type: 'foolr'}, + {name: '7鍙峰湴闈㈢珯',code:'7-C1',traget: '7-A1',type: 'foolr'}, + {name: '8鍙峰湴闈㈢珯',code:'8-C1',traget: '8-A1',type: 'foolr'}, + {name: '9鍙峰湴闈㈢珯',code:'9-C1',traget: '9-A1',type: 'foolr'}, + {name: '10鍙峰湴闈㈢珯',code:'10-C1',traget: '10-A1',type: 'foolr'} + ], + traySiteList: [ + {name: '1鍙锋墭鐩樼珯',code:'KW-1',type: 'tray'}, + {name: '2鍙锋墭鐩樼珯',code:'KW-2',type: 'tray'}, + {name: '3鍙锋墭鐩樼珯',code:'KW-3',type: 'tray'}, + {name: '4鍙锋墭鐩樼珯',code:'KW-4',type: 'tray'}, + {name: '5鍙锋墭鐩樼珯',code:'KW-5',type: 'tray'}, + {name: '6鍙锋墭鐩樼珯',code:'KW-6',type: 'tray'}, + {name: '7鍙锋墭鐩樼珯',code:'KW-7',type: 'tray'}, + {name: '8鍙锋墭鐩樼珯',code:'KW-8',type: 'tray'}, + {name: '9鍙锋墭鐩樼珯',code:'KW-9',type: 'tray'}, + {name: '10鍙锋墭鐩樼珯',code:'KW-10',type: 'tray'} + ], + item: '', + text: '', + btnTitle1: '', + btnTitle2: '', + btnTitle3: '', + outType: '', + stationType: 'load' } }, + 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.outType = false + this.btnTitle1 = '鍦伴潰绔欐斁缃墭鐩�(涓婃灦)' + this.btnTitle2 = '鎵樼洏绔欏彇缃湴闈�(涓嬫灦)' + } else { + this.outType = true + this.btnTitle1 = '鎵樼洏-浠撳簱(鍏ュ簱)' + this.btnTitle2 = '浠撳簱-绌烘墭鐩�(鍑哄簱)' + this.btnTitle3 = '浠撳簱-婊℃墭鐩�(鍑哄簱)' + } + this.$refs.revise.open(type) + }, + upTray() { + let _this = this + let type = '',originLocal = '',targetLocal = ''; + if (this.item.type == 'foolr') { + type = 'load', // 涓婃灦 + originLocal = this.item.code, + targetLocal = this.item.traget + } else { + type = 'in' // 鍏ュ簱 + originLocal = this.item.code, + targetLocal = 'KW-J' + } + // this.text = originLocal + targetLocal + uni.request({ + url: `${_this.baseUrl}/agv/requestTask`, + data: { + originLocal: originLocal, + targetLocal: targetLocal, + type: type + }, + header: { 'token': uni.getStorageSync('token') }, + method: 'POST', + success(res) { + res = res.data + if (res.code === 200) { + this.$refs.revise.close() + uni.showToast({ title: '鎿嶄綔鎴愬姛', icon: "none", position: 'top' }) + } else { + uni.showToast({ title: res.msg, icon: "none", position: 'top' }) + } + + } + }) + }, + downTray() { + let _this = this + let type = '',originLocal = '',targetLocal = ''; + if (this.item.type == 'foolr') { + type = 'unload', // 涓嬫灦 + originLocal = this.item.traget, + targetLocal = this.item.code + } else { + type = 'out1' // 鍑哄簱 + originLocal = 'KW-C' + targetLocal = this.item.code + } + // this.text = originLocal + targetLocal + uni.request({ + url: `${_this.baseUrl}/agv/requestTask`, + data: { + originLocal: originLocal, + targetLocal: targetLocal, + type: type + }, + header: { 'token': uni.getStorageSync('token') }, + method: 'POST', + success(res) { + res = res.data + if (res.code === 200) { + this.$refs.revise.close() + uni.showToast({ title: '鎿嶄綔鎴愬姛', icon: "none", position: 'top' }) + } else { + uni.showToast({ title: res.msg, icon: "none", position: 'top' }) + } + } + }) + }, + downTray1() { + let _this = this + let type = '',originLocal = '',targetLocal = ''; + if (this.item.type == 'foolr') { + type = 'unload', // 涓嬫灦 + originLocal = this.item.traget, + targetLocal = this.item.code + } else { + type = 'out2' // 鍑哄簱 + originLocal = 'KW-C' + targetLocal = this.item.code + } + // this.text = originLocal + targetLocal + uni.request({ + url: `${_this.baseUrl}/agv/requestTask`, + data: { + originLocal: originLocal, + targetLocal: targetLocal, + type: type + }, + header: { 'token': uni.getStorageSync('token') }, + method: 'POST', + success(res) { + res = res.data + if (res.code === 200) { + this.$refs.revise.close() + uni.showToast({ title: '鎿嶄綔鎴愬姛', icon: "none", position: 'top' }) + } else { + uni.showToast({ title: res.msg, icon: "none", position: 'top' }) + } + } + }) + } } } @@ -48,14 +203,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> -- Gitblit v1.9.1