zy-wcs.git - Gitblit

			@@ -1,377 +1,414 @@
			<!DOCTYPE html>
			<html lang="en">

			<head>
			<meta charset="UTF-8">
			<title>任务管理</title>
			<link rel="stylesheet" href="../../static/wcs/css/element.css">
			<script type="text/javascript" src="../../static/wcs/js/jquery/jquery-3.3.1.min.js"></script>
			<script type="text/javascript" src="../../static/wms/layui/layui.js"></script>
			<script type="text/javascript" src="../../static/wcs/js/common.js"></script>
			<script type="text/javascript" src="../../static/wcs/js/vue.min.js"></script>
			<script type="text/javascript" src="../../static/wcs/js/element.js"></script>
			</head>
			<head>
			<meta charset="UTF-8">
			<title>任务管理</title>
			<link rel="stylesheet" href="../../static/wcs/css/element.css">
			<script type="text/javascript" src="../../static/wcs/js/jquery/jquery-3.3.1.min.js"></script>
			<script type="text/javascript" src="../../static/wms/layui/layui.js"></script>
			<script type="text/javascript" src="../../static/wcs/js/common.js"></script>
			<script type="text/javascript" src="../../static/wcs/js/vue.min.js"></script>
			<script type="text/javascript" src="../../static/wcs/js/element.js"></script>
			</head>

			<body>
			<div id="app" style="display: flex;justify-content: center;flex-wrap: wrap;">
			<div style="width: 100%;">
			<el-card class="box-card">
			<el-form :inline="true" :model="tableSearchParam" class="demo-form-inline">
			<el-form-item label="">
			<el-input v-model="tableSearchParam.task_no" placeholder="任务号"></el-input>
			</el-form-item>
			<el-form-item label="">
			<el-select v-model="tableSearchParam.status" placeholder="任务状态">
			<el-option label="接收" value="1"></el-option>
			<el-option label="派发" value="2"></el-option>
			<el-option label="完结" value="3"></el-option>
			<el-option label="取消" value="4"></el-option>
			</el-select>
			</el-form-item>
			<el-form-item label="">
			<el-input v-model="tableSearchParam.wrk_no" placeholder="工作号"></el-input>
			</el-form-item>
			<el-form-item label="">
			<el-date-picker
			v-model="tableSearchParam.datetime"
			value-format="yyyy-MM-dd HH:mm:ss"
			type="datetimerange"
			range-separator="至"
			start-placeholder="开始日期"
			end-placeholder="结束日期">
			</el-date-picker>
			</el-form-item>
			<el-form-item>
			<el-button type="primary" @click="getTableData">查询</el-button>
			<el-button type="primary" @click="resetParam">重置</el-button>
			</el-form-item>
			</el-form>
			<el-table ref="singleTable" :data="tableData" style="width: 100%;">
			<el-table-column label="操作" width="100">
			<template slot-scope="scope">
			<el-dropdown @command="(command)=>{handleCommand(command, scope.row)}">
			<el-button icon="el-icon-more" size="mini" type="primary"></el-button>
			<el-dropdown-menu slot="dropdown">
			<el-dropdown-item command="showCommand">查看指令</el-dropdown-item>
			<el-dropdown-item command="changeCommand">修改</el-dropdown-item>
			<el-dropdown-item command="assign">派发</el-dropdown-item>
			<el-dropdown-item command="complete">完结</el-dropdown-item>
			<el-dropdown-item command="cancel">取消</el-dropdown-item>
			</el-dropdown-menu>
			</el-dropdown>
			</template>
			</el-table-column>
			<el-table-column property="taskNo" label="任务号">
			</el-table-column>
			<el-table-column property="status$" label="任务状态">
			</el-table-column>
			<el-table-column property="wrkNo" label="工作号">
			</el-table-column>
			<el-table-column property="createTime$" label="任务时间">
			</el-table-column>
			<el-table-column property="durationTime" label="持续时长">
			</el-table-column>
			<el-table-column property="ioType$" label="任务类型">
			</el-table-column>
			<el-table-column property="startPoint" label="起点位置">
			</el-table-column>
			<el-table-column property="targetPoint" label="终点位置">
			</el-table-column>
			<el-table-column property="wrkSts$" label="工作状态">
			</el-table-column>
			<el-table-column property="barcode" label="托盘码">
			</el-table-column>
			<el-table-column property="crnNo" label="堆垛机号">
			</el-table-column>
			<el-table-column property="memo" label="备注">
			</el-table-column>
			</el-table>
			<body>
			<div id="app" style="display: flex;justify-content: center;flex-wrap: wrap;">
			<div style="width: 100%;">
			<el-card class="box-card">
			<el-form :inline="true" :model="tableSearchParam" class="demo-form-inline">
			<el-form-item label="">
			<el-input v-model="tableSearchParam.task_no" placeholder="任务号"></el-input>
			</el-form-item>
			<el-form-item label="">
			<el-select v-model="tableSearchParam.status" placeholder="任务状态">
			<el-option label="接收" value="1"></el-option>
			<el-option label="派发" value="2"></el-option>
			<el-option label="完结" value="3"></el-option>
			<el-option label="取消" value="4"></el-option>
			</el-select>
			</el-form-item>
			<el-form-item label="">
			<el-input v-model="tableSearchParam.wrk_no" placeholder="工作号"></el-input>
			</el-form-item>
			<el-form-item label="">
			<el-date-picker
			v-model="tableSearchParam.datetime"
			value-format="yyyy-MM-dd HH:mm:ss"
			type="datetimerange"
			range-separator="至"
			start-placeholder="开始日期"
			end-placeholder="结束日期">
			</el-date-picker>
			</el-form-item>
			<el-form-item>
			<el-button type="primary" @click="getTableData">查询</el-button>
			<el-button type="primary" @click="resetParam">重置</el-button>
			</el-form-item>
			</el-form>
			<el-table ref="singleTable" :data="tableData" style="width: 100%;">
			<el-table-column label="操作" width="100">
			<template slot-scope="scope">
			<el-dropdown @command="(command)=>{handleCommand(command, scope.row)}">
			<el-button icon="el-icon-more" size="mini" type="primary"></el-button>
			<el-dropdown-menu slot="dropdown">
			<!-- <el-dropdown-item command="showCommand">查看指令</el-dropdown-item>-->
			<el-dropdown-item command="returnWorkingCondition">重新给堆垛机下发任务</el-dropdown-item>
			<el-dropdown-item command="changeCommand">修改</el-dropdown-item>
			<el-dropdown-item command="assign">派发</el-dropdown-item>
			<el-dropdown-item command="complete">完结</el-dropdown-item>
			<el-dropdown-item command="cancel">取消</el-dropdown-item>
			</el-dropdown-menu>
			</el-dropdown>
			</template>
			</el-table-column>
			<el-table-column property="taskNo" label="任务号">
			</el-table-column>
			<el-table-column property="status$" label="任务状态">
			</el-table-column>
			<el-table-column property="wrkNo" label="工作号">
			</el-table-column>
			<el-table-column property="createTime$" label="任务时间">
			</el-table-column>
			<el-table-column property="durationTime" label="持续时长">
			</el-table-column>
			<el-table-column property="ioType$" label="任务类型">
			</el-table-column>
			<el-table-column property="startPoint" label="起点位置">
			</el-table-column>
			<el-table-column property="targetPoint" label="终点位置">
			</el-table-column>
			<el-table-column property="wrkSts$" label="工作状态">
			</el-table-column>
			<el-table-column property="barcode" label="托盘码">
			</el-table-column>
			<el-table-column property="crnNo" label="堆垛机号">
			</el-table-column>
			<el-table-column property="ioPri" label="优先级">
			</el-table-column>
			</el-table>

			<div style="margin-top: 10px;">
			<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
			:current-page="currentPage" :page-sizes="pageSizes" :page-size="pageSize"
			layout="total, sizes, prev, pager, next, jumper" :total="pageTotal">
			</el-pagination>
			</div>
			</el-card>
			</div>
			<div style="margin-top: 10px;">
			<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
			:current-page="currentPage" :page-sizes="pageSizes" :page-size="pageSize"
			layout="total, sizes, prev, pager, next, jumper" :total="pageTotal">
			</el-pagination>
			</div>
			</el-card>
			</div>

			<el-dialog :title="taskWrkFormTitle" :visible.sync="taskWrkFormVisible">
			<el-form :model="taskWrkForm">
			<el-form-item label="起点位置" :label-width="taskWrkFormLabelWidth">
			<el-input v-model="taskWrkForm.startPoint" autocomplete="off"></el-input>
			</el-form-item>
			<el-form-item label="终点位置" :label-width="taskWrkFormLabelWidth">
			<el-input v-model="taskWrkForm.targetPoint" autocomplete="off"></el-input>
			</el-form-item>
			</el-form>
			<div slot="footer" class="dialog-footer">
			<el-button @click="taskWrkFormVisible = false">取消</el-button>
			<el-button type="primary" @click="taskWrkFormConfirm">确定</el-button>
			</div>
			</el-dialog>
			<el-dialog :title="taskWrkFormTitle" :visible.sync="taskWrkFormVisible">
			<el-form :model="taskWrkForm">
			<el-form-item label="起点位置" :label-width="taskWrkFormLabelWidth">
			<el-input v-model="taskWrkForm.startPoint" autocomplete="off"></el-input>
			</el-form-item>
			<el-form-item label="终点位置" :label-width="taskWrkFormLabelWidth">
			<el-input v-model="taskWrkForm.targetPoint" autocomplete="off"></el-input>
			</el-form-item>
			</el-form>
			<div slot="footer" class="dialog-footer">
			<el-button @click="taskWrkFormVisible = false">取消</el-button>
			<el-button type="primary" @click="taskWrkFormConfirm">确定</el-button>
			</div>
			</el-dialog>

			</div>
			<script>
			var $layui = layui.config({
			base: baseUrl + "/static/wms/layui/lay/modules/"
			}).use(['layer', 'form'], function() {})
			</div>
			<script>
			var $layui = layui.config({
			base: baseUrl + "/static/wms/layui/lay/modules/"
			}).use(['layer', 'form'], function () {
			})

			var app = new Vue({
			el: '#app',
			data: {
			tableData: [],
			currentPage: 1,
			pageSizes: [16, 30, 50, 100, 150, 200],
			pageSize: 16,
			pageTotal: 0,
			tableSearchParam: {
			task_no: null,
			status: null,
			wrk_no: null,
			datetime: null,
			},
			taskWrkFormVisible: false,
			taskWrkForm: {},
			taskWrkFormLabelWidth: '80px',
			taskWrkFormTitle: ''
			},
			created() {
			this.init()
			},
			methods: {
			init() {
			let taskNo = getQueryVariable('taskNo')
			let wrkNo = getQueryVariable('wrkNo')
			if (taskNo != false) {
			this.tableSearchParam.task_no = taskNo
			}
			if (wrkNo != false) {
			this.tableSearchParam.wrk_no = wrkNo
			}
			var app = new Vue({
			el: '#app',
			data: {
			tableData: [],
			currentPage: 1,
			pageSizes: [16, 30, 50, 100, 150, 200],
			pageSize: 16,
			pageTotal: 0,
			tableSearchParam: {
			task_no: null,
			status: null,
			wrk_no: null,
			datetime: null,
			},
			taskWrkFormVisible: false,
			taskWrkForm: {},
			taskWrkFormLabelWidth: '80px',
			taskWrkFormTitle: ''
			},
			created() {
			this.init()
			},
			methods: {
			init() {
			let taskNo = getQueryVariable('taskNo')
			let wrkNo = getQueryVariable('wrkNo')
			if (taskNo != false) {
			this.tableSearchParam.task_no = taskNo
			}
			if (wrkNo != false) {
			this.tableSearchParam.wrk_no = wrkNo
			}

			this.getTableData()
			},
			getTableData() {
			let that = this;
			let data = JSON.parse(JSON.stringify(this.tableSearchParam))
			data.curr = this.currentPage
			data.limit = this.pageSize
			if (this.tableSearchParam.datetime != null) {
			data.datetime = null
			data.create_time = this.tableSearchParam.datetime[0] + " - " + this.tableSearchParam.datetime[1]
			}
			$.ajax({
			url: baseUrl + "/taskWrk/list/auth",
			headers: {
			'token': localStorage.getItem('token')
			},
			data: data,
			dataType: 'json',
			contentType: 'application/json;charset=UTF-8',
			method: 'GET',
			success: function(res) {
			if (res.code == 200) {
			that.tableData = res.data.records
			that.pageTotal = res.data.total
			} else if (res.code === 403) {
			top.location.href = baseUrl + "/";
			} else {
			that.$message({
			message: res.msg,
			type: 'error'
			});
			}
			}
			});
			},
			handleSizeChange(val) {
			console.log(`每页 ${val} 条`);
			this.pageSize = val
			this.getTableData()
			},
			handleCurrentChange(val) {
			console.log(`当前页: ${val}`);
			this.currentPage = val
			this.getTableData()
			},
			resetParam() {
			this.tableSearchParam = {
			task_no: null,
			status: null,
			wrk_no: null
			}
			this.getTableData()
			},
			handleCommand(command, row) {
			switch (command) {
			case "showCommand":
			//查看指令
			this.showCommand(row)
			break;
			case "changeCommand":
			//修改指令
			this.changeCommand(row);
			break
			case "assign":
			//派发任务
			this.assignWrk(row)
			break;
			case "complete":
			//完结任务
			this.completeWrk(row)
			break;
			case "cancel":
			//取消任务
			this.cancelWrk(row)
			break;
			}
			},
			showCommand(row) {
			let wrkNo = row.wrkNo == null ? "" : row.wrkNo
			//查看指令
			$layui.layer.open({
			type: 2,
			title: '指令管理',
			maxmin: true,
			area: [top.detailWidth, top.detailHeight],
			shadeClose: true,
			content: 'commandManage.html?taskNo=' + row.taskNo + "&wrkNo=" + wrkNo,
			success: function(layero, index) {}
			});
			},
			changeCommand(row) {
			//修改指令
			this.taskWrkFormVisible = true
			this.taskWrkFormTitle = "任务：" + row.taskNo
			this.taskWrkForm = row
			},
			assignWrk(row){
			//派发任务
			let that = this
			$.ajax({
			url: baseUrl + "/taskWrk/distribute/auth",
			headers: {
			'token': localStorage.getItem('token')
			},
			data: {
			taskNo: row.taskNo
			},
			method: 'POST',
			success: function(res) {
			if (res.code == 200) {
			that.$message({
			message: "派发成功",
			type: 'success'
			});
			that.getTableData()
			} else if (res.code === 403) {
			top.location.href = baseUrl + "/";
			} else {
			that.$message({
			message: res.msg,
			type: 'error'
			});
			}
			}
			});
			},
			completeWrk(row){
			//完成任务
			let that = this
			$.ajax({
			url: baseUrl + "/taskWrk/complete/auth",
			headers: {
			'token': localStorage.getItem('token')
			},
			data: {
			taskNo: row.taskNo
			},
			method: 'POST',
			success: function(res) {
			if (res.code == 200) {
			that.$message({
			message: "完结成功",
			type: 'success'
			});
			that.getTableData()
			} else if (res.code === 403) {
			top.location.href = baseUrl + "/";
			} else {
			that.$message({
			message: res.msg,
			type: 'error'
			});
			}
			}
			});
			},
			cancelWrk(row){
			//取消任务
			let that = this
			$.ajax({
			url: baseUrl + "/taskWrk/cancel/auth",
			headers: {
			'token': localStorage.getItem('token')
			},
			data: {
			taskNo: row.taskNo
			},
			method: 'POST',
			success: function(res) {
			if (res.code == 200) {
			that.$message({
			message: "取消成功",
			type: 'success'
			});
			that.getTableData()
			} else if (res.code === 403) {
			top.location.href = baseUrl + "/";
			} else {
			that.$message({
			message: res.msg,
			type: 'error'
			});
			}
			}
			});
			},
			taskWrkFormConfirm() {
			//修改指定任务数据
			let that = this
			$.ajax({
			url: baseUrl + "/taskWrk/updatePoint/auth",
			headers: {
			'token': localStorage.getItem('token')
			},
			data: {
			taskNo: this.taskWrkForm.taskNo,
			startPoint: this.taskWrkForm.startPoint,
			targetPoint: this.taskWrkForm.targetPoint,
			},
			method: 'POST',
			success: function(res) {
			if (res.code == 200) {
			that.taskWrkFormVisible = false
			that.$message({
			message: "更新成功",
			type: 'success'
			});
			that.getTableData()
			} else if (res.code === 403) {
			top.location.href = baseUrl + "/";
			} else {
			that.$message({
			message: res.msg,
			type: 'error'
			});
			}
			}
			});
			}
			}
			})
			</script>
			</body>
			this.getTableData()
			},
			getTableData() {
			let that = this;
			let data = JSON.parse(JSON.stringify(this.tableSearchParam))
			data.curr = this.currentPage
			data.limit = this.pageSize
			if (this.tableSearchParam.datetime != null) {
			data.datetime = null
			data.create_time = this.tableSearchParam.datetime[0] + " - " + this.tableSearchParam.datetime[1]
			}
			$.ajax({
			url: baseUrl + "/taskWrk/list/auth",
			headers: {
			'token': localStorage.getItem('token')
			},
			data: data,
			dataType: 'json',
			contentType: 'application/json;charset=UTF-8',
			method: 'GET',
			success: function (res) {
			if (res.code == 200) {
			that.tableData = res.data.records
			that.pageTotal = res.data.total
			} else if (res.code === 403) {
			top.location.href = baseUrl + "/";
			} else {
			that.$message({
			message: res.msg,
			type: 'error'
			});
			}
			}
			});
			},
			handleSizeChange(val) {
			console.log(`每页 ${val} 条`);
			this.pageSize = val
			this.getTableData()
			},
			handleCurrentChange(val) {
			console.log(`当前页: ${val}`);
			this.currentPage = val
			this.getTableData()
			},
			resetParam() {
			this.tableSearchParam = {
			task_no: null,
			status: null,
			wrk_no: null
			}
			this.getTableData()
			},
			handleCommand(command, row) {
			switch (command) {
			case "returnWorkingCondition":
			//重新给堆垛机下发任务
			this.returnWorkingConditionWrk(row)
			break;
			case "showCommand":
			//查看指令
			this.showCommand(row)
			break;
			case "changeCommand":
			//修改指令
			this.changeCommand(row);
			break
			case "assign":
			//派发任务
			this.assignWrk(row)
			break;
			case "complete":
			//完结任务
			this.completeWrk(row)
			break;
			case "cancel":
			//取消任务
			this.cancelWrk(row)
			break;
			}
			},
			showCommand(row) {
			let wrkNo = row.wrkNo == null ? "" : row.wrkNo
			//查看指令
			$layui.layer.open({
			type: 2,
			title: '指令管理',
			maxmin: true,
			area: [top.detailWidth, top.detailHeight],
			shadeClose: true,
			content: 'commandManage.html?taskNo=' + row.taskNo + "&wrkNo=" + wrkNo,
			success: function (layero, index) {
			}
			});
			},
			changeCommand(row) {
			//修改指令
			this.taskWrkFormVisible = true
			this.taskWrkFormTitle = "任务：" + row.taskNo
			this.taskWrkForm = row
			},
			assignWrk(row) {
			//派发任务
			let that = this
			$.ajax({
			url: baseUrl + "/taskWrk/distribute/auth",
			headers: {
			'token': localStorage.getItem('token')
			},
			data: {
			taskNo: row.taskNo
			},
			method: 'POST',
			success: function (res) {
			if (res.code == 200) {
			that.$message({
			message: "派发成功",
			type: 'success'
			});
			that.getTableData()
			} else if (res.code === 403) {
			top.location.href = baseUrl + "/";
			} else {
			that.$message({
			message: res.msg,
			type: 'error'
			});
			}
			}
			});
			},
			completeWrk(row) {
			//完成任务
			let that = this
			$.ajax({
			url: baseUrl + "/taskWrk/complete/auth",
			headers: {
			'token': localStorage.getItem('token')
			},
			data: {
			taskNo: row.taskNo
			},
			method: 'POST',
			success: function (res) {
			if (res.code == 200) {
			that.$message({
			message: "完结成功",
			type: 'success'
			});
			that.getTableData()
			} else if (res.code === 403) {
			top.location.href = baseUrl + "/";
			} else {
			that.$message({
			message: res.msg,
			type: 'error'
			});
			}
			}
			});
			},
			returnWorkingConditionWrk(row){
			//重新给堆垛机下发任务
			let that = this
			$.ajax({
			url: baseUrl + "/taskWrk/returnWorkingCondition/auth",
			headers: {
			'token': localStorage.getItem('token')
			},
			data: {
			taskNo: row.taskNo
			},
			method: 'POST',
			success: function(res) {
			if (res.code == 200) {
			that.$message({
			message: "取消成功",
			type: 'success'
			});
			that.getTableData()
			} else if (res.code === 403) {
			top.location.href = baseUrl + "/";
			} else {
			that.$message({
			message: res.msg,
			type: 'error'
			});
			}
			}
			});
			},
			cancelWrk(row) {
			//取消任务
			let that = this
			$.ajax({
			url: baseUrl + "/taskWrk/cancel/auth",
			headers: {
			'token': localStorage.getItem('token')
			},
			data: {
			taskNo: row.taskNo
			},
			method: 'POST',
			success: function (res) {
			if (res.code == 200) {
			that.$message({
			message: "取消成功",
			type: 'success'
			});
			that.getTableData()
			} else if (res.code === 403) {
			top.location.href = baseUrl + "/";
			} else {
			that.$message({
			message: res.msg,
			type: 'error'
			});
			}
			}
			});
			},
			taskWrkFormConfirm() {
			//修改指定任务数据
			let that = this
			$.ajax({
			url: baseUrl + "/taskWrk/updatePoint/auth",
			headers: {
			'token': localStorage.getItem('token')
			},
			data: {
			taskNo: this.taskWrkForm.taskNo,
			startPoint: this.taskWrkForm.startPoint,
			targetPoint: this.taskWrkForm.targetPoint,
			},
			method: 'POST',
			success: function (res) {
			if (res.code == 200) {
			that.taskWrkFormVisible = false
			that.$message({
			message: "更新成功",
			type: 'success'
			});
			that.getTableData()
			} else if (res.code === 403) {
			top.location.href = baseUrl + "/";
			} else {
			that.$message({
			message: res.msg,
			type: 'error'
			});
			}
			}
			});
			}
			}
			})
			</script>
			</body>

			</html>