搭建项目

pages/DispatchManage/RGVStatus.vue

@@ -0,0 +1,72 @@
+<template>
+	<view class="zd_container">
+		<!-- <nav-bar title="RGV状态查询"></nav-bar> -->
+		<nav-bar :title="title"></nav-bar>
+		<view class="zd_content">
+			<view class="zd_wrapper grid-wraper">
+				<view class="slide_new">
+					<table>
+						<thead>
+							<tr>
+								<th>设备编码</th>
+								<th>设备名称</th>
+								<th>X坐标</th>
+								<th>Y坐标</th>
+								<th>电量</th>
+								<th>故障名称</th>
+								<th>楼层</th>
+								<th>木箱号</th>
+								<th>是否有货</th>
+							</tr>
+						</thead>
+						<tbody>
+							<tr v-for="(e, i) in dataList" :key="i">
+								<td>{{e.device_code}}</td>
+								<td>{{e.device_name}}</td>
+								<td>{{e.x}}</td>
+								<td>{{e.y}}</td>
+								<td>{{e.power}}</td>
+								<td>{{e.error_name}}</td>
+								<td>{{e.map_id}}</td>
+								<td>{{e.pallet}}</td>
+								<td>{{['无货', '有货'][Number(e.move)]}}</td>
+							</tr>
+						</tbody>
+					</table>
+				</view>
+			</view>
+		</view>
+		<view class="zd-row submitbar">
+			<button class="zd-col-22 btn-submit btn-success letter-30" @tap="_rgvStatusQuery">查询</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	import NavBar from '@/components/NavBar.vue'
+	import {rgvStatusQuery} from '@/utils/getData2.js'
+	export default {
+		components: {
+			NavBar
+		},
+		data() {
+			return {
+				title: '',
+				dataList: []
+			};
+		},
+		onLoad (options) {
+			this.title = options.title
+		},
+		created () {
+			this._rgvStatusQuery()
+		},
+		methods: {
+			/** 初始化查询 */
+			async _rgvStatusQuery () {
+				let res = await rgvStatusQuery()
+				this.dataList = [...res.data]	
+			}
+		}
+	}
+</script>