| | |
| | | <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> |
| | |
| | | <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" |
| | | <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="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> |
| | |
| | | <!-- <el-form-item label="源站/源库位">--> |
| | | <!-- <el-input v-model="formParam.sourceStaNo" placeholder="源站/源库位"></el-input>--> |
| | | <!-- </el-form-item>--> |
| | | <el-form-item label="源排"> |
| | | <el-form-item label="排"> |
| | | <el-input v-model="formParam.sourceRow" placeholder="排"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="源列"> |
| | | <el-form-item label="列"> |
| | | <el-input v-model="formParam.sourceBay" placeholder="列"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="源层"> |
| | | <el-form-item label="层"> |
| | | <el-input v-model="formParam.sourceLev" placeholder="层"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | <!-- <el-form-item label="目标站/目标库位">--> |
| | | <!-- <el-input v-model="formParam.staNo" placeholder="目标站/目标库位"></el-input>--> |
| | | <!-- </el-form-item>--> |
| | | <el-form-item label="目标排"> |
| | | <el-form-item label="排"> |
| | | <el-input v-model="formParam.row" placeholder="排"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="目标列"> |
| | | <el-form-item label="列"> |
| | | <el-input v-model="formParam.bay" placeholder="列"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="目标层"> |
| | | <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 label="测试库位数量"> |
| | | <el-input v-model="formParam.locMastDemoCount" placeholder="测试库位数量"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="托盘类型"> |
| | | <el-input v-model="formParam.barcodeType" placeholder="类型"></el-input> |
| | | <el-form-item label="测试库位"> |
| | | <el-input v-model="formParam.locMastDemo" 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 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-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-button @click="requestOperate('put')" type="primary">入库</el-button> |
| | | <el-button @click="requestOperate('take')" type="primary">出库</el-button> |
| | | <!-- <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> |
| | | <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> |
| | | <!-- <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('onlineWrk2')" type="warning">申请取消任务</el-button>--> |
| | | </div> |
| | | </div> |
| | | </el-card> |
| | |
| | | </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> |
| | | </div> |
| | |
| | | sourceBay: 0, |
| | | sourceLev: 1, |
| | | staNo: null, |
| | | locMastDemoCount: 3, |
| | | locMastDemo: null, |
| | | staOutDemo: null, |
| | | staIntDemo: null, |
| | | row: 1, |
| | | bay: 0, |
| | | lev: 1, |
| | | barcode:null, |
| | | barcodeType:null, |
| | | emptyContainer:null |
| | | lev: 1 |
| | | }, |
| | | enableIn: false, |
| | | enableOut: false, |
| | | options:[ |
| | | { |
| | | value:'1', |
| | | label:'是' |
| | | }, |
| | | { |
| | | value:'0', |
| | | label:'否' |
| | | } |
| | | ] |
| | | hpMkDemo: false |
| | | }, |
| | | created() { |
| | | this.init() |
| | |
| | | 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: baseUrl + "/crn/list/auth", |
| | | url: baseUrlWcs + "/crn/list/auth", |
| | | headers: { |
| | | 'token': localStorage.getItem('token') |
| | | }, |
| | |
| | | type: 'warning' |
| | | }).then(()=>{ |
| | | $.ajax({ |
| | | url: baseUrl + "/crn/operator/" + method, |
| | | url: baseUrlWcs + "/crn/operator/" + method, |
| | | headers: { |
| | | 'token': localStorage.getItem('token') |
| | | }, |
| | |
| | | } |
| | | |
| | | $.ajax({ |
| | | url: baseUrl + "/basCrnp/update/auth", |
| | | url: baseUrlWcs + "/basCrnp/update/auth", |
| | | headers: { |
| | | 'token': localStorage.getItem('token') |
| | | }, |
| | |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | updateDemo(type) { |
| | | let that = this |
| | | let param = {} |
| | | that.$confirm('将启动演示模式,是否继续','提示',{ |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | | }).then(()=>{ |
| | | if (type == "demo") { |
| | | param = { |
| | | 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 = { |
| | | crnNo: this.formParam.crnNo |
| | | } |
| | | } |
| | | |
| | | |
| | | $.ajax({ |
| | | url: baseUrlWcs + "/basCrnp/update/demo/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' |
| | | }); |
| | | } |
| | | } |
| | | }); |
| | | }) |
| | | } |
| | | } |
| | | }) |