| | |
|---|
| | | <!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> |
|---|
| | | <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="crnNo" 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-button type="primary" @click="addTask">手动添加任务</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-item command="delete">删除无需上报</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() {}) |
|---|
| | | <el-dialog :title="addTaskFormTitle" :visible.sync="addTaskFormVisible"> |
|---|
| | | <el-form :model="addTaskForm"> |
|---|
| | | <el-form-item label="任务号" :label-width="addTaskFormLabelWidth"> |
|---|
| | | <el-input v-model="addTaskForm.taskNo" autocomplete="off"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="任务类型=》1：出库、2：移库、3：入库" :label-width="200"> |
|---|
| | | <el-input v-model="addTaskForm.ioType" autocomplete="off"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="优先级" :label-width="addTaskFormLabelWidth"> |
|---|
| | | <el-input v-model="addTaskForm.taskPriority" autocomplete="off"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="容器编码" :label-width="addTaskFormLabelWidth"> |
|---|
| | | <el-input v-model="addTaskForm.barcode" autocomplete="off"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="起点位置" :label-width="addTaskFormLabelWidth"> |
|---|
| | | <el-input v-model="addTaskForm.startPoint" autocomplete="off"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="终点位置" :label-width="addTaskFormLabelWidth"> |
|---|
| | | <el-input v-model="addTaskForm.targetPoint" autocomplete="off"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="备注" :label-width="addTaskFormLabelWidth"> |
|---|
| | | <el-input v-model="addTaskForm.memo" autocomplete="off"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | <div slot="footer" class="dialog-footer"> |
|---|
| | | <el-button @click="addTaskFormVisible = false">取 消</el-button> |
|---|
| | | <el-button type="primary" @click="addTaskFormConfirm">确 定</el-button> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | |
|---|
| | | 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 |
|---|
| | | }, |
|---|
| | | 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 |
|---|
| | | } |
|---|
| | | </div> |
|---|
| | | <script> |
|---|
| | | var $layui = layui.config({ |
|---|
| | | base: baseUrl + "/static/wms/layui/lay/modules/" |
|---|
| | | }).use(['layer', 'form'], function () { |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.getTableData() |
|---|
| | | }, |
|---|
| | | getTableData() { |
|---|
| | | let that = this; |
|---|
| | | let data = this.tableSearchParam |
|---|
| | | data.curr = this.currentPage |
|---|
| | | data.limit = this.pageSize |
|---|
| | | $.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> |
|---|
| | | 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, |
|---|
| | | addTaskFormVisible: false, |
|---|
| | | taskWrkForm: {}, |
|---|
| | | addTaskForm: { |
|---|
| | | taskNo:"9001", |
|---|
| | | ioType:"0", |
|---|
| | | taskPriority:1, |
|---|
| | | barcode:"10000001", |
|---|
| | | startPoint:"1000", |
|---|
| | | targetPoint:"F-F01-01-01-01", |
|---|
| | | memo:"cs" |
|---|
| | | }, |
|---|
| | | taskWrkFormLabelWidth: '80px', |
|---|
| | | addTaskFormLabelWidth: '80px', |
|---|
| | | taskWrkFormTitle: '', |
|---|
| | | addTaskFormTitle: '手动添加任务' |
|---|
| | | }, |
|---|
| | | 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() |
|---|
| | | }, |
|---|
| | | addTask() { |
|---|
| | | this.addTaskFormVisible = true |
|---|
| | | }, |
|---|
| | | 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; |
|---|
| | | case "delete": |
|---|
| | | //取消任务 |
|---|
| | | this.deleteWrk(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/assign/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' |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | deleteWrk(row) { |
|---|
| | | //取消任务 |
|---|
| | | let that = this |
|---|
| | | $.ajax({ |
|---|
| | | url: baseUrl + "/taskWrk/delete/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' |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | addTaskFormConfirm() { |
|---|
| | | //修改指定任务数据 |
|---|
| | | let that = this |
|---|
| | | $.ajax({ |
|---|
| | | url: baseUrl + "/taskWrk/addTask/auth", |
|---|
| | | headers: { |
|---|
| | | 'token': localStorage.getItem('token') |
|---|
| | | }, |
|---|
| | | data: this.addTaskForm, |
|---|
| | | method: 'POST', |
|---|
| | | success: function (res) { |
|---|
| | | if (res.code == 200) { |
|---|
| | | that.addTaskFormVisible = 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> |
|---|
