<%@ page language="java" contentType="text/html; charset=utf-8"
|
pageEncoding="utf-8"%>
|
|
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
<html>
|
<head>
|
<link rel="stylesheet" href="../static/AdminLTE/bower_components/bootstrap/dist/css/bootstrap.min.css">
|
<!-- Font Awesome -->
|
<link rel="stylesheet" href="../static/AdminLTE/bower_components/font-awesome/css/font-awesome.min.css">
|
<!-- Ionicons -->
|
<link rel="stylesheet" href="../static/AdminLTE/bower_components/Ionicons/css/ionicons.min.css">
|
<!-- Theme style -->
|
<link rel="stylesheet" href="../static/AdminLTE/dist/css/AdminLTE.min.css">
|
<link rel="stylesheet" href="../static/AdminLTE/dist/css/skins/skin-blue.min.css">
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
<script type="text/javascript" src="../static/jquery/jquery-3.1.0.min.js"></script>
|
<title>理片任务</title>
|
|
<style>
|
.table>tbody>tr>td{
|
padding:0;
|
padding-left:10px;
|
}
|
.table>tbody>tr,
|
.table>thead>tr{
|
font-size: 12px;
|
}
|
</style>
|
<script type="text/javascript">
|
$(document).ready(function(){
|
var info = $("#info").attr("info");
|
$("#infos").html(info);
|
});
|
|
function addload(id){
|
$.ajax({
|
async: false,
|
|
type:"GET",
|
|
url:"${ctx}/cutmanage/gottask?id="+id,
|
|
dataType:"text",
|
|
success:function(data){
|
|
}
|
});
|
|
|
|
}
|
|
</script>
|
</head>
|
<body style="padding: 20px;background-color:#D5EAFF;height:100%">
|
<!-- Content Wrapper. Contains page content -->
|
<div id="app">
|
<!-- Content Header (Page header) -->
|
<section class="content-header">
|
<h1>
|
任务 <small>二维码</small>
|
<input type="text" v-model="erweima" >
|
<%-- <button type="button" onclick="{location.href='${ctx }/cutmanage/task'}" class="btn btn-primary" id="app">手动任务</button> --%>
|
<button type="button" @click="endTask()" class="btn btn-primary" id="app">领取任务</button>
|
<small>当前任务流程卡</small>
|
<input type="text" v-model="liuchengka[0]['0']" readonly >
|
<small>未完成数量</small>
|
<input type="text" v-model="liuchengka[0]['1']" readonly >
|
<small>已完成数量</small>
|
<input type="text" v-model="liuchengka[0]['2']" readonly >
|
<%-- <button type="button" onclick="{location.href='${ctx }/cutmanage/lookOverStateTsaks/${line}'}" class="btn btn-primary" id="app">查看近期完成任务</button> --%>
|
<!-- <small>共 <strong style="color: black">{{shuzu.length}}</strong> 条数据 -->
|
</small>
|
</h1>
|
|
<ol class="breadcrumb">
|
<%-- <li><a href="${ctx }/shelfmanager/taskimport"><i
|
class="fa fa-reply"></i>任务</a></li>
|
<li class="active">详情</li> --%>
|
|
</ol>
|
</section>
|
|
<div id = "allstatu" allstatu = "${allstatu}"></div>
|
<div id = "info" info = "${info}"></div>
|
<div>
|
|
<!-- Main content -->
|
<section class="content container-fluid">
|
<div class="box box-default" style="background-color:#D5EAFF;display:flex;">
|
|
<!-- /.box-header -->
|
<div class="box-body" style="display: flex;flex-wrap: wrap;overflow-y: auto; width: 30%;">
|
<div class="box-body" style="height:510px;overflow-y:auto;width:50%;">
|
<table class="table table-striped table-hover"
|
style="font-size: 18px;" id="example2">
|
<thead>
|
<tr>
|
<th style="width: 100px;">格子号</th>
|
<th style="width: 100px;">玻璃ID</th>
|
<th style="width: 100px;">玻璃片序</th>
|
</tr>
|
</thead>
|
<tbody>
|
|
<tr v-for="(items,index) in shuzu">
|
<!-- <td>{{index+1}}</td> -->
|
<td v-for='item in items'>{{item}}</td>
|
<!-- <td>
|
<a >领取任务</a>
|
|
<a @click="endTask(items[0])" >标记完成</a>
|
</td> -->
|
</tr>
|
|
</tbody>
|
</table>
|
</div>
|
<div class="box-body" style="height:510px;overflow-y:auto;width:50%;">
|
<table class="table table-striped table-hover"
|
style="font-size: 18px;" id="example2">
|
<thead>
|
<tr>
|
<th style="width: 100px;">格子号</th>
|
<th style="width: 100px;">玻璃ID</th>
|
<th style="width: 100px;">玻璃片序</th>
|
</tr>
|
</thead>
|
<tbody>
|
|
<tr v-for="(items,index) in shuzu2">
|
<!-- <td>{{index+1}}</td> -->
|
<td v-for='item in items'>{{item}}</td>
|
<!-- <td>
|
<a >领取任务</a>
|
|
<a @click="endTask(items[0])" >标记完成</a>
|
</td> -->
|
</tr>
|
|
</tbody>
|
</table>
|
</div>
|
<div class="box-body" style="height:235px;overflow-y:auto;width:100%;">
|
<table class="table table-striped table-hover"
|
style="font-size: 18px;" id="example2">
|
<thead>
|
<tr>
|
<th style="width: 100px;">玻璃ID</th>
|
<th style="width: 100px;">玻璃片序</th>
|
<th style="width: 100px;">宽</th>
|
<th style="width: 100px;">高</th>
|
<th style="width: 100px;">厚度</th>
|
<th style="width: 100px;">工位</th>
|
<th style="width: 100px;">架号</th>
|
<th style="width: 100px;">架序</th>
|
</tr>
|
</thead>
|
<tbody>
|
|
<tr v-for="(items,index) in shuzu3">
|
<!-- <td>{{index+1}}</td> -->
|
<td v-for='item in items'>{{item}}</td>
|
<!-- <td>
|
<a >领取任务</a>
|
|
<a @click="endTask(items[0])" >标记完成</a>
|
</td> -->
|
</tr>
|
|
</tbody>
|
</table>
|
</div>
|
</div>
|
|
|
<div class="box-body" style="height:640px;overflow-y:auto;width:23%;">
|
<table class="table table-striped table-hover"
|
style="font-size: 18px;" id="example2">
|
<thead>
|
<tr>
|
<th style="width: 100px;">玻璃ID</th>
|
<th style="width: 100px;">玻璃片序</th>
|
<th style="width: 100px;">宽</th>
|
<th style="width: 100px;">高</th>
|
<th style="width: 100px;">厚度</th>
|
<th style="width: 100px;">工位</th>
|
<th style="width: 100px;">架号</th>
|
<th style="width: 100px;">架序</th>
|
</tr>
|
</thead>
|
<tbody>
|
|
<tr v-for="(items,index) in shuzu4">
|
<!-- <td>{{index+1}}</td> -->
|
<td v-for='item in items'>{{item}}</td>
|
<!-- <td>
|
<a >领取任务</a>
|
|
<a @click="endTask(items[0])" >标记完成</a>
|
</td> -->
|
</tr>
|
|
</tbody>
|
</table>
|
</div>
|
<div class="box-body" style="height:640px;overflow-y:auto;width:23%;">
|
<table class="table table-striped table-hover"
|
style="font-size: 18px;" id="example2">
|
<thead>
|
<tr>
|
<th style="width: 100px;">玻璃ID</th>
|
<th style="width: 100px;">玻璃片序</th>
|
<th style="width: 100px;">宽</th>
|
<th style="width: 100px;">高</th>
|
<th style="width: 100px;">厚度</th>
|
<th style="width: 100px;">工位</th>
|
<th style="width: 100px;">架号</th>
|
<th style="width: 100px;">架序</th>
|
</tr>
|
</thead>
|
<tbody>
|
|
<tr v-for="(items,index) in shuzu5">
|
<!-- <td>{{index+1}}</td> -->
|
<td v-for='item in items'>{{item}}</td>
|
<!-- <td>
|
<a >领取任务</a>
|
|
<a @click="endTask(items[0])" >标记完成</a>
|
</td> -->
|
</tr>
|
|
</tbody>
|
</table>
|
</div>
|
<div class="box-body" style="height:640px;overflow-y:auto;width:23%;">
|
<table class="table table-striped table-hover"
|
style="font-size: 18px;" id="example2">
|
<thead>
|
<tr>
|
<th style="width: 100px;">玻璃ID</th>
|
<th style="width: 100px;">玻璃片序</th>
|
<th style="width: 100px;">宽</th>
|
<th style="width: 100px;">高</th>
|
<th style="width: 100px;">厚度</th>
|
<th style="width: 100px;">工位</th>
|
<th style="width: 100px;">架号</th>
|
<th style="width: 100px;">架序</th>
|
</tr>
|
</thead>
|
<tbody>
|
|
<tr v-for="(items,index) in shuzu6">
|
<!-- <td>{{index+1}}</td> -->
|
<td v-for='item in items'>{{item}}</td>
|
<!-- <td>
|
<a >领取任务</a>
|
|
<a @click="endTask(items[0])" >标记完成</a>
|
</td> -->
|
</tr>
|
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</section>
|
</div>
|
|
|
</div>
|
<!-- /.content -->
|
<!-- /.content-wrapper -->
|
<!-- page script -->
|
|
|
|
</body>
|
<script src="../js/vue.min.js"></script>
|
<script src="../js/mixins.js"></script>
|
<script>
|
let app = new Vue({
|
el:'#app',
|
mixins:[mixin],
|
data:{
|
shuzu:[],
|
shuzu2:[],
|
shuzu3:[],
|
shuzu4:[],
|
shuzu5:[],
|
shuzu6:[],
|
connect:"",
|
shelftaskids:[],
|
erweima:"",
|
liuchengka:[]
|
},
|
methods:{
|
|
endTask:function(){
|
if(this.erweima!=""){
|
sql="{call liuchengkaerweima(?,?)}~"+"{'erweima':'"+this.erweima+"'}";
|
this.connects("领取上片任务",sql,2,1);
|
}
|
|
}
|
},
|
mounted:function(){
|
let flag=2;
|
this.shuzu="";
|
let sql="{call AXJ_lipianguanli_lipianlongchaxun(?,?)}~"+"{'biaoji':'1'}";
|
|
loadAjxs('理片笼任务查询',sql,flag,"shuzu");
|
|
this.shuzu2="";
|
let sql1="{call AXJ_lipianguanli_lipianlongchaxun(?,?)}~"+"{'biaoji':'2'}";
|
|
loadAjxs('理片笼任务查询',sql1,flag,"shuzu2");
|
this.shuzu3="";
|
let sql2="{call AXJ_lipianguanli_luojiajiluchaxun(?,?)}~"+"{'biaoji':'1'}";
|
loadAjxs('理片笼任务查询',sql2,flag,"shuzu3");
|
|
this.shuzu4="";
|
let sql3="{call AXJ_lipianguanli_luojiajiluchaxun(?,?)}~"+"{'biaoji':'2'}";
|
loadAjxs('理片笼任务查询',sql3,flag,"shuzu4");
|
|
this.shuzu5="";
|
let sql4="{call AXJ_lipianguanli_luojiajiluchaxun(?,?)}~"+"{'biaoji':'3'}";
|
|
loadAjxs('理片笼任务查询',sql4,flag,"shuzu5");
|
|
this.shuzu6="";
|
let sql5="{call AXJ_lipianguanli_luojiajiluchaxun(?,?)}~"+"{'biaoji':'4'}";
|
loadAjxs('理片笼任务查询',sql5,flag,"shuzu6");
|
|
this.liuchengka=[];
|
let sql6="{call AXJ_lipianguanli_liuchengkachaxun(?)}";
|
loadAjxs('理片笼任务查询',sql6,flag,"liuchengka");
|
}
|
|
|
})
|
</script>
|
</html>
|
