PropertyApp/components/car/barrier-gate-control.vue

<template>
	<view>
		<view class="cu-list grid" :class="'col-2'">
			<view class="cu-item" @click="_todoMachine(item)" v-for="(item,index) in machines" :key="index">
				<view>
					<image src="/static/image/barrier.png" style="width: 80upx;height: 80upx;"></image>
				</view>
				<text>{{item.machineName}}</text>
			</view>
		</view>

		<view class="cu-modal bottom-modal" :class="showModel?'show':''">
			<view class="cu-dialog">
				<scroll-view scroll-y style="height: 520upx; " class="padding">
					<view>
						<button class=" line-blue" @click="_openDoor()">开闸</button>
					</view>
					<view class="margin-top ">
						<button class="line-blue" @click="_closeDoor()">关闸</button>
					</view>
					<!-- #ifdef H5 -->
					<view class="margin-top">
						<button class="line-blue" @click="_viewBarrierVideo()">视频</button>
					</view>
					<!-- #endif -->
					<view class="margin-top" v-if="curMachine.direction == '3306'">
						<button class="line-blue" @click="_inParkArea()">进场</button>
					</view>

					<view class="margin-top" v-else>
						<button class="line-blue" @click="_outParkArea()">出场</button>
					</view>
				</scroll-view>
				<view class="btn-box padding">
					<button class="line-red" @click="cancel()">取消</button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		getParkingAreaMachines,
		openDoor,
		closeDoor
	} from '../../api/car/carApi.js';
import { getCommunityId } from '../../api/community/community.js';
	import {
		getIotOpenApi,
		postIotOpenApi
	} from '../../api/machine/machineApi.js';
	export default {
		name: "barrierGateControl",
		data() {
			return {
				paNumm: '',
				machines: [],
				showModel: false,
				curMachine: {}

			};
		},
		methods: {
			_loadMachines: function(_paNum) {
				this.paNum = _paNum;
				let _that = this;
				getIotOpenApi(this, {
					page: 1,
					row: 50,
					paNum: _paNum,
					communityId: this.getCommunityId(),
					iotApiCode: 'listParkingAreaMachinesBmoImpl',
				}).then(_data => {
					_that.machines = _data.data;
				})
			},

			_todoMachine: function(_machine) {
				this.curMachine = _machine;
				this.showModel = true;
			},
			cancel: function() {
				this.curMachine = {};
				this.showModel = false;
			},
			_openDoor: function() {
				let _that = this;
				if (!this.curMachine.machineId) {
					uni.showToast({
						icon: 'none',
						title: '未选择摄像头'
					});
					return;
				}

				postIotOpenApi(this, {
					communityId: this.getCommunityId(),
					machineCode: this.curMachine.machineCode,
					state: "1500",
					stateName: "开门",
					url: "/machine/openDoor",
					iotApiCode: 'openBarrierDoorBmoImpl',
					userRole: "staff"
				}).then(_data => {
					uni.showToast({
						icon: 'none',
						title: _data.msg
					});
					if (_data.code == 0) {
						_that.cancel()
					}
				})

			},
			_closeDoor: function() {
				let _that = this;
				if (!this.curMachine.machineId) {
					uni.showToast({
						icon: 'none',
						title: '未选择摄像头'
					});
					return;
				}

				postIotOpenApi(this, {
					communityId: this.getCommunityId(),
					machineCode: this.curMachine.machineCode,
					state: "1500",
					stateName: "关门",
					url: "/machine/closeDoor",
					iotApiCode: 'closeBarrierDoorBmoImpl',
					userRole: "staff"
				}).then(_data => {
					uni.showToast({
						icon: 'none',
						title: _data.msg
					});
					if (_data.code == 0) {
						_that.cancel()
					}
				})
			},
			_viewBarrierVideo:function(){
				let _that = this;
				if (!this.curMachine.machineId) {
					uni.showToast({
						icon: 'none',
						title: '未选择摄像头'
					});
					return;
				}
				
				uni.navigateTo({
					url:'/pages/car/barrierVideo?machineId='+this.curMachine.machineId+'&communityId='+getCommunityId()
				})
			},
			_inParkArea: function() {
				let _that = this;
				if (!_that.curMachine.machineId) {
					uni.showToast({
						icon: 'none',
						title: '未选择摄像头'
					});
					return;
				}
				let _curMachine = _that.curMachine;
				this.cancel();
				uni.navigateTo({
					url: '/pages/car/carInParkingArea?machineId=' + _curMachine.machineId +
						'&machineCode=' + _curMachine.machineCode + 'paNum=' + _that.paNum + "&boxId=" +
						_curMachine.boxId
				})
			},
			_outParkArea: function() {
				let _that = this;
				if (!this.curMachine.machineId) {
					uni.showToast({
						icon: 'none',
						title: '未选择摄像头'
					});
					return;
				}
				let _curMachine = _that.curMachine;
				this.cancel();
				uni.navigateTo({
					url: '/pages/car/carOutParkingArea?machineId=' + _curMachine.machineId +
						"&machineCode=" + _curMachine.machineCode + "paNum=" + this.paNum + "&boxId=" +
						_curMachine.boxId
				})
			}
		}
	}
</script>

<style lang="scss">


</style>