添加AGV全点位移动

api/materialManagement/MmAgvLocation.js

@@ -0,0 +1,12 @@
+import request from '@/utils/request'
+import upload from '@/utils/upload'
+
+// 查询AGV点位 areaCode = 0 查全部
+export function queryMmAgvLocation(params) {
+	return request({
+		url: '/mes/mm/MmAgvLocation/list',
+		method: 'get',
+		params
+	})
+}
+

pages.json

@@ -248,6 +248,13 @@
 				"navigationBarTitleText" : "车间进料",
 				"enablePullDownRefresh" : false
 			}
+		},
+		{
+			"path" : "pages/materialManagement/AGVRemoteControl/AGVRemoteControl",
+			"style" : 
+			{
+				"navigationBarTitleText" : "AGV全点位移动"
+			}
 		}
 	]
 

pages/materialManagement/AGVRemoteControl/AGVRemoteControl.vue

@@ -0,0 +1,276 @@
+<template>
+	<view class="common-nav-container">
+		<!-- 功能筛选区 -->
+		<uni-card :is-shadow="false" is-full>
+			<uni-forms label-width="100">
+				<!-- 选择小车 -->
+				<uni-forms-item label="AGV小车">
+					<uni-data-select v-model="agvCode" :localdata="agvChouseOptions" :clear="false"></uni-data-select>
+				</uni-forms-item>
+				<!-- 点位筛选 -->
+				<uni-forms-item label="点位筛选">
+					<uni-data-select v-model="areaCode" :localdata="areaOptions" :clear="false"
+						@change="getDict"></uni-data-select>
+				</uni-forms-item>
+				<!-- 起始点位 -->
+				<uni-forms-item label="起始点位">
+					<uni-data-select v-model="start_point" :localdata="locationOptions"
+						:clear="false"></uni-data-select>
+				</uni-forms-item>
+				<!-- 结束点位 -->
+				<uni-forms-item label="结束点位">
+					<uni-data-select v-model="end_point" :localdata="locationOptions" :clear="false"></uni-data-select>
+				</uni-forms-item>
+				<!-- 任务状态 -->
+				<uni-forms-item label="当前任务">
+					<view v-if="reqCode === ''">
+						<u-tag text="无任务" size="large" type="info"></u-tag>
+					</view>
+					<view v-else>
+						<u-tag :text="reqCode" size="large" type="primary"></u-tag>
+					</view>
+				</uni-forms-item>
+				<!-- 按钮区域 -->
+				<u-row customStyle="margin-bottom: 10px" :gutter="40">
+					<u-col span="6">
+						<u-button :disabled="loading" :loading="loading" shape="circle" type="success" text="执行任务" @click="doStartAgv"></u-button>
+					</u-col>
+					<u-col span="6">
+						<u-button :disabled="loading" :loading="loading" shape="circle" type="error" text="取消任务" @click="doStopAgv"></u-button>
+					</u-col>
+				</u-row>
+				<view style="margin-top: 60px;">
+					<u-button :disabled="loading" :loading="loading" shape="circle" type="info" text="清空任务记录" @click="clearTask"></u-button>
+				</view>
+			</uni-forms>
+		</uni-card>
+		<u-toast ref="uToast"></u-toast>
+	</view>
+</template>
+
+<script>
+	import {
+		go_workshop,
+		emergency_doStopAgv
+	} from '@/api/materialManagement/MaterialRequsition.js';
+	import {
+		queryMmAgvLocation
+	} from '@/api/materialManagement/MmAgvLocation.js';
+	export default {
+		data() {
+			return {
+				loading: false,
+				// 区域区分
+				areaCode: 0,
+				areaOptions: [{
+						value: 0,
+						text: '全部'
+					},
+					{
+						value: 2,
+						text: '毛坯'
+					},
+					{
+						value: 3,
+						text: '成品'
+					},
+					{
+						value: 4,
+						text: '一楼'
+					},
+					{
+						value: 5,
+						text: '二楼'
+					},
+				],
+				// 开始点位
+				start_point: '',
+				// 结束点位
+				end_point: '',
+				// AGV点位地址
+				locationOptions: [],
+				// 任务code
+				reqCode: '',
+				// AGV小车选择列表
+				agvChouseOptions: [{
+						value: '1743',
+						text: '涂装1号AGV'
+					},
+					{
+						value: '1744',
+						text: '涂装2号AGV'
+					}
+				],
+				// AGV小车选择
+				agvCode: '1743'
+			};
+		},
+		watch: {},
+		filters: {},
+		mounted() {
+			// this.init();
+		},
+		onShow() {
+			this.init();
+		},
+		methods: {
+			init() {
+				this.loading = true;
+				this.getDict();
+				this.getTaskStorage();
+				this.loading = false;
+			},
+			getDict() {
+				const query = {
+					pageNum: 1,
+					pageSize: 1000,
+					areaCode: this.areaCode
+				}
+				queryMmAgvLocation(query).then((res) => {
+					const {
+						code,
+						data
+					} = res;
+					if (code === 200) {
+						this.locationOptions = this.formatDict(data.result);
+						if (this.start_point === '' && this.locationOptions.length > 0) {
+							this.start_point = this.locationOptions[0].value;
+						}
+						if (this.end_point === '' && this.locationOptions.length > 0) {
+							this.end_point = this.locationOptions[0].value;
+						}
+					}
+				});
+			},
+			formatDict(list) {
+				try {
+					const newList = list.map(item => {
+						return {
+							value: item.coordinate,
+							text: item.coordinate
+						}
+					})
+					return newList;
+				} catch (e) {
+					this.$refs.uToast.show({
+						type: 'error',
+						message: '字典数据解析异常!' + e.message
+					});
+					return [];
+				}
+			},
+			// 任务启动
+			doStartAgv() {
+				if (this.loading) {
+					return;
+				}
+				if (this.start_point == '' || this.end_point == '') {
+					this.$refs.uToast.show({
+						type: 'error',
+						message: '起点或者终点不能为空'
+					});
+					return;
+				}
+				const query = {
+					start_point: this.start_point,
+					end_point: this.end_point,
+					agvCode: this.agvCode
+				};
+				this.loading = true;
+				setTimeout(() => {
+					this.loading = false;
+				}, 30000);
+				go_workshop(query).then((res) => {
+					if (res.code == 200) {
+						try {
+							let json = JSON.parse(res.data);
+							this.reqCode = json.data;
+							this.$refs.uToast.show({
+								type: 'success',
+								message: 'agv起动成功' + this.reqCode
+							});
+							this.saveTaskStorage();
+						} catch (e) {
+							this.$refs.uToast.show({
+								type: 'error',
+								message: 'agv起动失败：' + this.reqCode
+							});
+						}
+					}
+					this.loading = false;
+				});
+			},
+			// 取消任务
+			doStopAgv() {
+				if (this.loading) {
+					return;
+				}
+				if (this.reqCode === '') {
+					this.$refs.uToast.show({
+						type: 'error',
+						message: '无任务编号，无法取消！'
+					});
+					return;
+				}
+				const query = {
+					reqCode: this.reqCode
+				};
+				this.loading = true;
+				setTimeout(() => {
+					this.loading = false;
+				}, 30000);
+				emergency_doStopAgv(query).then((res) => {
+					if (res.code == 200) {
+						this.reqCode = '';
+						this.$refs.uToast.show({
+							type: 'success',
+							message: '成功取消任务：' + res.data
+						});
+						this.cancelTaskStorage();
+					}
+					this.loading = false;
+				});
+			},
+			// 保存任务缓存
+			saveTaskStorage() {
+				try {
+					const data = {
+						start_point: this.start_point,
+						end_point: this.end_point,
+						agvCode: this.agvCode,
+						reqCode: this.reqCode
+					}
+					uni.setStorageSync('AGVRemoteControlTaskData', JSON.stringify(data))
+				} catch (err) {
+
+				}
+			},
+			// 获取任务缓存
+			getTaskStorage() {
+				try {
+					const data = JSON.parse(uni.getStorageSync('AGVRemoteControlTaskData'));
+					if (data != null) {
+						this.start_point = data.start_point;
+						this.end_point = data.end_point;
+						this.agvCode = data.agvCode;
+						this.reqCode = data.reqCode;
+					}
+				} catch (err) {
+
+				}
+			},
+			// 清空任务缓存
+			cancelTaskStorage() {
+				uni.removeStorageSync('taskData');
+			},
+			// 清空任务记录
+			clearTask() {
+				this.cancelTaskStorage();
+				this.reqCode = '';
+			}
+		}
+	};
+</script>
+
+<style scoped>
+</style>

pages/materialManagement/materialManagement.css

@@ -1,5 +1,9 @@
 .home-container {
 	width: 360px;
 	height: 594px;
+	padding: 10px;
 	background-color: white;
+}
+.u-grid-style{
+	margin-bottom: 10px;
 }

pages/materialManagement/materialManagement.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="home-container">
 		<u--text text="生产投料" size="36" bold></u--text>
-		<u-grid :border="true" @click="gridCheck" col="4">
+		<u-grid :border="false" @click="gridCheck" col="4" class="u-grid-style">
 			<u-grid-item v-if="item.type === 1" v-for="(item,index) in gridItemList" :key="index" :name="item.url">
 				<u-icon color="#ff9900" :customStyle="{paddingTop:20+'rpx'}" :name="item.icon" :size="128"></u-icon>
 				<text class="grid-text">{{item.name}}</text>
@@ -9,20 +9,26 @@
 		</u-grid>
 
 		<u--text text="成品入库" size="36" bold></u--text>
-		<u-grid :border="true" @click="gridCheck" col="4">
+		<u-grid :border="false" @click="gridCheck" col="4" class="u-grid-style">
 			<u-grid-item v-if="item.type === 2" v-for="(item,index) in gridItemList" :key="index" :name="item.url">
 				<u-icon color="#2979ff" :customStyle="{paddingTop:20+'rpx'}" :name="item.icon" :size="128"></u-icon>
 				<text class="grid-text">{{item.name}}</text>
 			</u-grid-item>
 		</u-grid>
 		<u--text text="包装箱" size="36" bold></u--text>
-		<u-grid :border="true" @click="gridCheck" col="4">
+		<u-grid :border="false" @click="gridCheck" col="4" class="u-grid-style">
 			<u-grid-item v-if="item.type === 3" v-for="(item,index) in gridItemList" :key="index" :name="item.url">
 				<u-icon color="#00ff00" :customStyle="{paddingTop:20+'rpx'}" :name="item.icon" :size="128"></u-icon>
 				<text class="grid-text">{{item.name}}</text>
 			</u-grid-item>
 		</u-grid>
-
+		<u--text text="AGV控制" size="36" bold></u--text>
+		<u-grid :border="false" @click="gridCheck" col="4" class="u-grid-style">
+			<u-grid-item v-if="item.type === 4" v-for="(item,index) in gridItemList" :key="index" :name="item.url">
+				<u-icon color="#ff5500" :customStyle="{paddingTop:20+'rpx'}" :name="item.icon" :size="128"></u-icon>
+				<text class="grid-text">{{item.name}}</text>
+			</u-grid-item>
+		</u-grid>
 	</view>
 </template>
 
@@ -61,6 +67,12 @@
 						url: '/pages/materialManagement/package/package',
 						type: 3,
 					},
+					{
+						name: '全点位移动',
+						icon: 'coupon-fill',
+						url: '/pages/materialManagement/AGVRemoteControl/AGVRemoteControl',
+						type: 4,
+					},
 				]
 			}
 		},