zy-asrs.git - Gitblit

			@@ -5,6 +5,7 @@
			<meta charset="UTF-8">
			<title>堆垛机设备</title>
			<link rel="stylesheet" href="../../static/css/element.css">
			<link rel="stylesheet" href="../../static/css/element-ui.css">
			<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
			<script type="text/javascript" src="../../static/js/common.js"></script>
			<script type="text/javascript" src="../../static/js/vue.min.js"></script>
			@@ -12,306 +13,359 @@
			</head>

			<body>
			<div id="app" style="display: flex;justify-content: center;flex-wrap: wrap;">
			<div style="width: 100%;">
			<el-table border ref="singleTable" :data="tableData" highlight-current-row @row-click="handleRowClick"
			max-height="350" style="width: 100%">
			<el-table-column property="crnNo" label="堆垛机">
			</el-table-column>
			<el-table-column property="workNo" label="工作号">
			</el-table-column>
			<el-table-column property="statusType" label="模式">
			</el-table-column>
			<el-table-column property="wrkStatus$" label="任务状态">
			</el-table-column>
			<el-table-column property="deviceStatus" label="设备状态">
			</el-table-column>
			</el-table>
			</div>
			<div id="app" style="display: flex;justify-content: center;flex-wrap: wrap;">
			<div style="width: 100%;">
			<el-table ref="singleTable" :data="tableData" highlight-current-row @row-click="handleRowClick"
			max-height="350" style="width: 100%">
			<el-table-column property="crnNo" label="堆垛机">
			</el-table-column>
			<el-table-column property="laneNo" label="巷道号">
			</el-table-column>
			<el-table-column property="workNo" label="工作号">
			</el-table-column>
			<el-table-column property="statusType" label="模式">
			</el-table-column>
			<el-table-column property="wrkStatus$" label="任务状态">
			</el-table-column>
			<el-table-column property="deviceStatus" label="设备状态">
			</el-table-column>
			<el-table-column property="taskComplete" label="任务完成指令">
			</el-table-column>
			<el-table-column property="errorCrn" label="异常提示">
			</el-table-column>
			<el-table-column property="demo" label="演示">
			</el-table-column>
			<el-table-column property="demoValue$" label="演示状态">
			</el-table-column>
			</el-table>
			</div>

			<div style="width: 100%;display: flex;justify-content: center;margin-top: 10px;">
			<div style="width: 55%;margin-right: 10px;">
			<el-card class="box-card">
			<div slot="header" class="clearfix">
			<span>设备调试</span>
			</div>
			<div style="width: 100%;display: flex;justify-content: center;margin-top: 10px;">
			<div style="width: 55%;margin-right: 10px;">
			<el-card class="box-card">
			<div slot="header" class="clearfix">
			<span>设备调试</span>
			</div>
			<div>
			<el-form :model="formParam" label-position="top" :inline="true" class="demo-form-inline">
			<!-- <el-form-item label="源站/源库位">-->
			<!-- <el-input v-model="formParam.sourceStaNo" placeholder="源站/源库位"></el-input>-->
			<!-- </el-form-item>-->
			<el-form-item label="排">
			<el-input v-model="formParam.sourceRow" placeholder="排"></el-input>
			</el-form-item>
			<el-form-item label="列">
			<el-input v-model="formParam.sourceBay" placeholder="列"></el-input>
			</el-form-item>
			<el-form-item label="层">
			<el-input v-model="formParam.sourceLev" placeholder="层"></el-input>
			</el-form-item>
			</el-form>
			<el-form :model="formParam" label-position="top" :inline="true" class="demo-form-inline">
			<!-- <el-form-item label="目标站/目标库位">-->
			<!-- <el-input v-model="formParam.staNo" placeholder="目标站/目标库位"></el-input>-->
			<!-- </el-form-item>-->
			<el-form-item label="排">
			<el-input v-model="formParam.row" placeholder="排"></el-input>
			</el-form-item>
			<el-form-item label="列">
			<el-input v-model="formParam.bay" placeholder="列"></el-input>
			</el-form-item>
			<el-form-item label="层">
			<el-input v-model="formParam.lev" placeholder="层"></el-input>
			</el-form-item>
			</el-form>
			<el-form :model="formParam" label-position="top" :inline="true" class="demo-form-inline">
			<el-form-item label="测试库位数量">
			<el-input v-model="formParam.locMastDemoCount" placeholder="测试库位数量"></el-input>
			</el-form-item>
			<el-form-item label="测试库位">
			<el-input v-model="formParam.locMastDemo" placeholder="测试库位分隔符;"></el-input>
			</el-form-item>
			<el-form-item label="堆垛机放货站点">
			<el-input v-model="formParam.staOutDemo" placeholder="堆垛机放货站点"></el-input>
			</el-form-item>
			<el-form-item label="堆垛机取货站点">
			<el-input v-model="formParam.staIntDemo" placeholder="堆垛机取货站点"></el-input>
			</el-form-item>
			</el-form>
			<el-form label-position="top" :inline="true" class="demo-form-inline">
			<el-form-item label="">
			<el-checkbox @change="updateEnableInOut('in')" v-model="enableIn">可入</el-checkbox>
			</el-form-item>
			<el-form-item label="">
			<el-checkbox @change="updateEnableInOut('out')" v-model="enableOut">可出</el-checkbox>
			</el-form-item>
			<el-form-item label="">
			<el-checkbox @change="updateDemo('demo')" v-model="hpMkDemo">演示</el-checkbox>
			</el-form-item>
			</el-form>
			<div>
			<el-form :model="formParam" label-position="top" :inline="true" class="demo-form-inline">
			<!-- <el-form-item label="源站/源库位">-->
			<!-- <el-input v-model="formParam.sourceStaNo" placeholder="源站/源库位"></el-input>-->
			<!-- </el-form-item>-->
			<el-form-item label="源排">
			<el-input v-model="formParam.sourceRow" placeholder="排"></el-input>
			</el-form-item>
			<el-form-item label="源列">
			<el-input v-model="formParam.sourceBay" placeholder="列"></el-input>
			</el-form-item>
			<el-form-item label="源层">
			<el-input v-model="formParam.sourceLev" placeholder="层"></el-input>
			</el-form-item>
			</el-form>
			<el-form :model="formParam" label-position="top" :inline="true" class="demo-form-inline">
			<!-- <el-form-item label="目标站/目标库位">-->
			<!-- <el-input v-model="formParam.staNo" placeholder="目标站/目标库位"></el-input>-->
			<!-- </el-form-item>-->
			<el-form-item label="目标排">
			<el-input v-model="formParam.row" placeholder="排"></el-input>
			</el-form-item>
			<el-form-item label="目标列">
			<el-input v-model="formParam.bay" placeholder="列"></el-input>
			</el-form-item>
			<el-form-item label="目标层">
			<el-input v-model="formParam.lev" placeholder="层"></el-input>
			</el-form-item>
			</el-form>
			<el-form :model="formParam" label-position="top" :inline="true" class="demo-form-inline">
			<el-form-item label="托盘码">
			<el-input v-model="formParam.barcode" placeholder="条码"></el-input>
			</el-form-item>
			<el-form-item label="托盘类型">
			<el-input v-model="formParam.barcodeType" placeholder="类型"></el-input>
			</el-form-item>
			<el-form-item label="空托盘">
			<el-select v-model="formParam.emptyContainer" placeholder="是否为空托盘">
			<el-option
			v-for="item in options"
			:key="item.value"
			:label="item.label"
			:value="item.value">
			</el-option>
			</el-select>
			</el-form-item>
			<!-- <el-button @click="requestOperate('put')" type="primary">入库</el-button>-->
			<!-- <el-button @click="requestOperate('take')" type="primary">出库</el-button>-->
			<el-button @click="requestOperate('stockMove')" type="primary">库位转移</el-button>

			</el-form>
			<el-form label-position="top" :inline="true" class="demo-form-inline">
			<el-form-item label="">
			<el-checkbox @change="updateEnableInOut('in')" v-model="enableIn">可入</el-checkbox>
			</el-form-item>
			<el-form-item label="">
			<el-checkbox @change="updateEnableInOut('out')" v-model="enableOut">可出</el-checkbox>
			</el-form-item>
			</el-form>
			<div>
			<el-button @click="requestOperate('put')" type="primary">入库</el-button>
			<el-button @click="requestOperate('take')" type="primary">出库</el-button>
			<el-button @click="requestOperate('stockMove')" type="primary">库位转移</el-button>
			<el-button @click="requestOperate('siteMove')" type="primary">站到站</el-button>
			<div style="margin-top: 10px">
			<el-button @click="requestOperate('taskComplete')" type="primary">任务完成</el-button>
			<el-button @click="requestOperate('clearCommand')" type="primary">清除命令</el-button>
			<el-button @click="requestOperate('reset')" type="primary">复位</el-button>
			<br/>
			<br/>
			<el-button @click="requestOperate('auto')" type="warning">联机</el-button>
			<el-button @click="requestOperate('semiAutomatic')" type="warning">半自动</el-button>
			<el-button @click="requestOperate('hand')" type="warning">手动</el-button>
			<el-button @click="requestOperate('onlineWrk4')" type="warning">恢复联机任务</el-button>
			<el-button @click="requestOperate('onlineWrk3')" type="warning">清除联机任务</el-button>
			<el-button @click="requestOperate('onlineWrk1')" type="warning">申请完成任务</el-button>
			<br/>
			<br/>
			<el-button @click="requestOperate('onlineWrk2')" type="warning">申请取消任务</el-button>
			<el-button @click="requestOperate('taskCompleteClearCommand')" type="primary">任务完成指令清除</el-button>
			</div>
			<!-- <el-button @click="requestOperate('siteMove')" type="primary">站到站</el-button>-->
			<!-- <el-button @click="requestOperate('clearCommand')" type="primary">清除命令</el-button>-->
			<!-- <el-button @click="requestOperate('reset')" type="primary">复位</el-button>-->
			<br/>
			<br/>
			<!-- <el-button @click="requestOperate('auto')" type="warning">联机</el-button>-->
			<!-- <el-button @click="requestOperate('semiAutomatic')" type="warning">半自动</el-button>-->
			<!-- <el-button @click="requestOperate('hand')" type="warning">手动</el-button>-->
			<!-- <el-button @click="requestOperate('onlineWrk4')" type="warning">恢复联机任务</el-button>-->
			<!-- <el-button @click="requestOperate('onlineWrk3')" type="warning">清除联机任务</el-button>-->
			<!-- <el-button @click="requestOperate('onlineWrk1')" type="warning">申请完成任务</el-button>-->
			<br/>
			<br/>
			<!-- <el-button @click="requestOperate('onlineWrk2')" type="warning">申请取消任务</el-button>-->
			</div>
			</el-card>
			</div>
			<div style="width: 45%;">
			<el-card class="box-card">
			<div slot="header" class="clearfix">
			<span>设备状态</span>
			</div>
			</el-card>
			</div>
			<div style="width: 45%;">
			<el-card class="box-card">
			<div slot="header" class="clearfix">
			<span>设备状态</span>
			</div>
			<div>
			<div v-if="currentIndex == null">
			<el-empty description="请选择设备"></el-empty>
			</div>
			<div>
			<div v-if="currentIndex == null">
			<el-empty description="请选择设备"></el-empty>
			</div>
			<div v-else>
			<el-descriptions :title="currentTitle" direction="vertical" :column="4" border>
			<el-descriptions-item label="堆垛机">{{ tableData[currentIndex].crnNo }}
			</el-descriptions-item>
			<el-descriptions-item label="工作号">
			{{ tableData[currentIndex].workNo }}
			</el-descriptions-item>
			<el-descriptions-item label="模式">
			<el-tag>{{ tableData[currentIndex].statusType }}</el-tag>
			</el-descriptions-item>
			<el-descriptions-item label="任务状态">
			<div v-if="tableData[currentIndex].wrkStatus == 0">
			<el-tag>{{ tableData[currentIndex].wrkStatus$ }}</el-tag>
			</div>
			<div v-else>
			<el-tag type="success">{{ tableData[currentIndex].wrkStatus$ }}</el-tag>
			</div>
			</el-descriptions-item>
			<el-descriptions-item label="设备状态">
			<el-tag>{{ tableData[currentIndex].deviceStatus }}</el-tag>
			</el-descriptions-item>
			<el-descriptions-item label="有物">
			<el-tag>{{ tableData[currentIndex].loading }}</el-tag>
			</el-descriptions-item>
			<el-descriptions-item label="列">{{ tableData[currentIndex].bay }}
			</el-descriptions-item>
			<el-descriptions-item label="层">{{ tableData[currentIndex].lev }}
			</el-descriptions-item>
			<el-descriptions-item label="故障代码">{{ tableData[currentIndex].warnCode }}
			</el-descriptions-item>
			<el-descriptions-item label="故障描述">{{ tableData[currentIndex].lev }}
			</el-descriptions-item>
			<el-descriptions-item label="源站">{{ tableData[currentIndex].sourceStaNo }}
			</el-descriptions-item>
			<el-descriptions-item label="目标站">{{ tableData[currentIndex].staNo }}
			</el-descriptions-item>
			<el-descriptions-item label="源库位">{{ tableData[currentIndex].sourceLocNo }}
			</el-descriptions-item>
			<el-descriptions-item label="目标库位">{{ tableData[currentIndex].locNo }}
			</el-descriptions-item>
			<el-descriptions-item label="货叉定位">{{ tableData[currentIndex].forkOffset }}
			</el-descriptions-item>
			<el-descriptions-item label="载货台定位">{{ tableData[currentIndex].liftPos }}
			</el-descriptions-item>
			<el-descriptions-item label="走行在定位">{{ tableData[currentIndex].walkPos }}
			</el-descriptions-item>
			<el-descriptions-item label="走行速度(m/min)">{{ tableData[currentIndex].xspeed }}
			</el-descriptions-item>
			<el-descriptions-item label="升降速度(m/min)">{{ tableData[currentIndex].yspeed }}
			</el-descriptions-item>
			<el-descriptions-item label="叉牙速度(m/min)">{{ tableData[currentIndex].zspeed }}
			</el-descriptions-item>
			<el-descriptions-item label="走行距离(Km)">{{ tableData[currentIndex].xdistance }}
			</el-descriptions-item>
			<el-descriptions-item label="升降距离(Km)">{{ tableData[currentIndex].ydistance }}
			</el-descriptions-item>
			<el-descriptions-item label="走行时长(H)">{{ tableData[currentIndex].xduration }}
			</el-descriptions-item>
			<el-descriptions-item label="升降时长(H)">{{ tableData[currentIndex].yduration }}
			</el-descriptions-item>
			</el-descriptions>
			</div>
			<div v-else>
			<el-descriptions :title="currentTitle" direction="vertical" :column="4" border>
			<el-descriptions-item label="堆垛机">{{ tableData[currentIndex].crnNo }}
			</el-descriptions-item>
			<el-descriptions-item label="工作号">
			{{ tableData[currentIndex].workNo }}
			</el-descriptions-item>
			<el-descriptions-item label="模式">
			<el-tag>{{ tableData[currentIndex].statusType }}</el-tag>
			</el-descriptions-item>
			<el-descriptions-item label="任务状态">
			<div v-if="tableData[currentIndex].wrkStatus == 0">
			<el-tag>{{ tableData[currentIndex].wrkStatus$ }}</el-tag>
			</div>
			<div v-else>
			<el-tag type="success">{{ tableData[currentIndex].wrkStatus$ }}</el-tag>
			</div>
			</el-descriptions-item>
			<el-descriptions-item label="设备状态">
			<el-tag>{{ tableData[currentIndex].deviceStatus }}</el-tag>
			</el-descriptions-item>
			<el-descriptions-item label="有物">
			<el-tag>{{ tableData[currentIndex].loading }}</el-tag>
			</el-descriptions-item>
			<el-descriptions-item label="列">{{ tableData[currentIndex].bay }}
			</el-descriptions-item>
			<el-descriptions-item label="层">{{ tableData[currentIndex].lev }}
			</el-descriptions-item>
			<el-descriptions-item label="故障代码">{{ tableData[currentIndex].warnCode }}
			</el-descriptions-item>
			<el-descriptions-item label="故障描述">{{ tableData[currentIndex].lev }}
			</el-descriptions-item>
			<el-descriptions-item label="源站">{{ tableData[currentIndex].sourceStaNo }}
			</el-descriptions-item>
			<el-descriptions-item label="目标站">{{ tableData[currentIndex].staNo }}
			</el-descriptions-item>
			<el-descriptions-item label="源库位">{{ tableData[currentIndex].sourceLocNo }}
			</el-descriptions-item>
			<el-descriptions-item label="目标库位">{{ tableData[currentIndex].locNo }}
			</el-descriptions-item>
			<el-descriptions-item label="货叉定位">{{ tableData[currentIndex].forkOffset }}
			</el-descriptions-item>
			<el-descriptions-item label="载货台定位">{{ tableData[currentIndex].liftPos }}
			</el-descriptions-item>
			<el-descriptions-item label="走行在定位">{{ tableData[currentIndex].walkPos }}
			</el-descriptions-item>
			<el-descriptions-item label="走行速度(m/min)">{{ tableData[currentIndex].xspeed }}
			</el-descriptions-item>
			<el-descriptions-item label="升降速度(m/min)">{{ tableData[currentIndex].yspeed }}
			</el-descriptions-item>
			<el-descriptions-item label="叉牙速度(m/min)">{{ tableData[currentIndex].zspeed }}
			</el-descriptions-item>
			<el-descriptions-item label="走行距离(Km)">{{ tableData[currentIndex].xdistance }}
			</el-descriptions-item>
			<el-descriptions-item label="升降距离(Km)">{{ tableData[currentIndex].ydistance }}
			</el-descriptions-item>
			<el-descriptions-item label="走行时长(H)">{{ tableData[currentIndex].xduration }}
			</el-descriptions-item>
			<el-descriptions-item label="升降时长(H)">{{ tableData[currentIndex].yduration }}
			</el-descriptions-item>
			<el-descriptions-item label="异常提示">{{ tableData[currentIndex].errorCrn }}
			</el-descriptions-item>
			</el-descriptions>
			</div>
			</el-card>
			</div>
			</div>
			</el-card>
			</div>
			</div>
			<script>
			var app = new Vue({
			el: '#app',
			data: {
			tableData: [],
			currentRow: null,
			currentTitle: "未选择设备",
			currentIndex: null,
			formParam: {
			crnNo: null,
			sourceStaNo: null,
			sourceRow: 1,
			sourceBay: 0,
			sourceLev: 1,
			staNo: null,
			row: 1,
			bay: 0,
			lev: 1,
			barcode:null,
			barcodeType:null,
			emptyContainer:null
			},
			enableIn: false,
			enableOut: false,
			options:[
			{
			value:'1',
			label:'是'
			},
			{
			value:'0',
			label:'否'
			}
			]
			</div>
			<script>
			var app = new Vue({
			el: '#app',
			data: {
			tableData: [],
			currentRow: null,
			currentTitle: "未选择设备",
			currentIndex: null,
			formParam: {
			crnNo: null,
			sourceStaNo: null,
			sourceRow: 1,
			sourceBay: 0,
			sourceLev: 1,
			staNo: null,
			locMastDemoCount: 3,
			locMastDemo: null,
			staOutDemo: null,
			staIntDemo: null,
			row: 1,
			bay: 0,
			lev: 1
			},
			created() {
			this.init()
			},
			watch: {
			enableIn: false,
			enableOut: false,
			hpMkDemo: false
			},
			created() {
			this.init()
			},
			watch: {

			},
			methods: {
			init() {
			},
			methods: {
			init() {
			this.getTableData()

			setInterval(() => {
			this.getTableData()

			setInterval(() => {
			this.getTableData()
			}, 1000)
			},
			handleRowClick(row, col, event) {
			const index = this.tableData.indexOf(row)
			this.currentRow = row;
			this.currentIndex = index
			this.currentTitle = row.crnNo + "号堆垛机"
			this.formParam.crnNo = row.crnNo
			this.enableIn = row.inEnable == "Y" ? true : false
			this.enableOut = row.outEnable == "Y" ? true : false
			},
			getTableData() {
			let that = this;
			}, 1000)
			},
			handleRowClick(row, col, event) {
			const index = this.tableData.indexOf(row)
			this.currentRow = row;
			this.currentIndex = index
			this.currentTitle = row.crnNo + "号堆垛机"
			this.formParam.crnNo = row.crnNo
			this.enableIn = row.inEnable == "Y" ? true : false
			this.enableOut = row.outEnable == "Y" ? true : false
			this.hpMkDemo = row.hpMk == "Y" ? true : false
			},
			getTableData() {
			let that = this;
			$.ajax({
			url: baseUrlWcs + "/crn/list/auth",
			headers: {
			'token': localStorage.getItem('token')
			},
			data: {},
			dataType: 'json',
			contentType: 'application/json;charset=UTF-8',
			method: 'GET',
			success: function (res) {
			that.tableData = res.data
			}
			});
			},
			requestOperate(method) {
			let that = this
			that.$confirm('此操作存在风险，是否继续','提示',{
			confirmButtonText: '确定',
			cancelButtonText: '取消',
			type: 'warning'
			}).then(()=>{
			$.ajax({
			url: baseUrl + "/crn/list/auth",
			url: baseUrlWcs + "/crn/operator/" + method,
			headers: {
			'token': localStorage.getItem('token')
			},
			data: {},
			dataType: 'json',
			contentType: 'application/json;charset=UTF-8',
			method: 'GET',
			data: this.formParam,
			method: 'POST',
			success: function (res) {
			that.tableData = res.data
			if (res.code == 200) {
			that.$message({
			message: res.msg,
			type: 'success'
			});
			} else {
			that.$message({
			message: res.msg,
			type: 'error'
			});
			}
			}
			});
			},
			requestOperate(method) {
			let that = this
			that.$confirm('此操作存在风险，是否继续','提示',{
			confirmButtonText: '确定',
			cancelButtonText: '取消',
			type: 'warning'
			}).then(()=>{
			$.ajax({
			url: baseUrl + "/crn/operator/" + method,
			headers: {
			'token': localStorage.getItem('token')
			},
			data: this.formParam,
			method: 'POST',
			success: function (res) {
			if (res.code == 200) {
			that.$message({
			message: res.msg,
			type: 'success'
			});
			} else {
			that.$message({
			message: res.msg,
			type: 'error'
			});
			}
			}
			});
			})
			})

			},
			updateEnableInOut(type) {
			let that = this
			let param = {}
			if (type == "in") {
			},
			updateEnableInOut(type) {
			let that = this
			let param = {}
			if (type == "in") {
			param = {
			inEnable: this.enableIn ? "Y" : "N",
			crnNo: this.formParam.crnNo
			}
			} else {
			param = {
			outEnable: this.enableOut ? "Y" : "N",
			crnNo: this.formParam.crnNo
			}
			}

			$.ajax({
			url: baseUrlWcs + "/basCrnp/update/auth",
			headers: {
			'token': localStorage.getItem('token')
			},
			data: param,
			method: 'POST',
			success: function (res) {
			if (res.code == 200) {
			that.$message({
			message: res.msg,
			type: 'success'
			});
			} else {
			that.$message({
			message: res.msg,
			type: 'error'
			});
			}
			}
			});
			},
			updateDemo(type) {
			let that = this
			let param = {}
			that.$confirm('将启动演示模式，是否继续','提示',{
			confirmButtonText: '确定',
			cancelButtonText: '取消',
			type: 'warning'
			}).then(()=>{
			if (type == "demo") {
			param = {
			inEnable: this.enableIn ? "Y" : "N",
			hpMk: this.hpMkDemo ? "Y" : "N",
			staOutDemo: this.formParam.staOutDemo,
			staIntDemo: this.formParam.staIntDemo,
			locMastDemo: this.formParam.locMastDemo,
			locMastDemoCount: this.formParam.locMastDemoCount,
			crnNo: this.formParam.crnNo
			}
			} else {
			param = {
			outEnable: this.enableOut ? "Y" : "N",
			crnNo: this.formParam.crnNo
			}
			}


			$.ajax({
			url: baseUrl + "/basCrnp/update/auth",
			url: baseUrlWcs + "/basCrnp/update/demo/auth",
			headers: {
			'token': localStorage.getItem('token')
			},
			@@ -331,10 +385,11 @@
			}
			}
			});
			}
			})
			}
			})
			</script>
			}
			})
			</script>
			</body>

			</html>