<%@page import="java.sql.*"%>
|
<%@ page contentType="text/html;charset=UTF-8"%>
|
|
<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">
|
<link href="../static/styles/default.css" type="text/css" rel="stylesheet" />
|
<script src="../static/holder.js" type="text/javascript"></script>
|
<%-- <script language="javascript" type="text/javascript" src="../static/util.js"></script> --%>
|
<script type="text/javascript" src="../static/jquery/jquery-3.1.0.min.js"></script>
|
|
<title> 中空玻璃识别</title>
|
<style>
|
#example tbody {
|
display:block;
|
height:595px;
|
overflow-y:scroll;
|
}
|
#example thead,#example tbody tr {
|
display:table;
|
width:100%;
|
table-layout:fixed;
|
}
|
#example thead {
|
width: calc(100% - 1em);
|
}
|
#example thead th {
|
background:#ccc;
|
}
|
|
#button {
|
margin-top: 10px;
|
margin-left: 10px;
|
margin-right: 10px;
|
margin-bottom: 10px;
|
word-wrap: break-word;
|
overflow-wrap: break-word;
|
white-space: normal;
|
height: auto;
|
overflow: hidden;
|
}
|
.btn-primary1 {
|
background-color: red;
|
border-color: red;
|
}
|
|
.btn-primary2 {
|
background-color: darkgrey;
|
border-color: darkgrey;
|
}
|
|
.btn-primary3 {
|
background-color: green;
|
border-color: green;
|
}
|
</style>
|
<script type="text/javascript">
|
var interval = setInterval('refreshStatus()', 5000);
|
|
// 设备页面自动刷新
|
/* function refreshStatus() {
|
window.location.reload();
|
|
} */
|
// 停止页面自动刷新
|
function disableAutoRefresh() {
|
clearInterval(interval);
|
}
|
|
//mes.call("abc",new Object[]{new String(),new Integer() },d,wq,df,a)l
|
|
|
function setRange() {
|
disableAutoRefresh();
|
$('#modifyRangeModal').modal('toggle');
|
}
|
|
function setdata() {
|
disableAutoRefresh();
|
$('#add-fix-info').modal('toggle');
|
}
|
function setpopo() {
|
disableAutoRefresh();
|
$('#delete-fix-info').modal('toggle');
|
}
|
function setpeople() {
|
disableAutoRefresh();
|
$('#people').modal('toggle');
|
}
|
|
/* $(document).delegate('#getsure','click',function(){
|
$.ajax({
|
async: false,
|
|
type:"GET",
|
|
url:"${ctx}/identifymachine/people/",
|
|
dataType:"text",
|
|
success:function(data){
|
window.location.href="${ctx}/identifymachine/manage/1";
|
}
|
});
|
}); */
|
|
/修改模式 */
|
function onchecks1111(type){
|
var groups=document.getElementsByName('groups')[0].value;
|
$.ajax({
|
cache:false,
|
type:"POST",
|
dataType : "json",
|
url:"${ctx}/identifymachine/updatemarking/"+groups,
|
data:{
|
"type":type,
|
},success:function(data){
|
window.location.href="${ctx}/identifymachine/manage/"+groups;
|
}
|
|
});
|
}
|
|
/* function onchecks2(id){
|
var groups=document.getElementsByName('groups')[0].value;
|
var isPS = confirm("是否将玻璃 "+id+" 设置为破损？");
|
if(isPS==true){
|
$.ajax({
|
cache:false,
|
type:"POST",
|
dataType : "json",
|
url:"${ctx}/identifymachine/updatestate/"+groups,
|
data:{
|
"id":id,
|
},success:function(data){
|
window.location.href="${ctx}/identifymachine/manage/"+groups;
|
}
|
|
});
|
}
|
} */
|
|
function oncheck2(id){
|
var groups=document.getElementsByName('groups')[0].value;
|
$.ajax({
|
cache:false,
|
type:"POST",
|
dataType : "json",
|
url:"${ctx}/identifymachine/updatepatternstate/"+groups,
|
data:{
|
"id":id,
|
},success:function(data){
|
window.location.href="${ctx}/identifymachine/manage/"+groups;
|
}
|
|
});
|
}
|
|
|
|
|
|
|
function create() {
|
if (result != null) {
|
alert(result);
|
window.location.href = "${groups}";
|
}
|
}
|
/* create();
|
|
//js请求方
|
function DBControl(dbtype) {
|
|
var type = dbtype;
|
var ln = ${groups};
|
var isC = confirm("将设置当前工程为钢化不打标模式\r\n设置后将无法再次修改当前工程的钢化打标模式\r\n\r\n是否继续执行当前操作？")
|
if (isC == true) {
|
|
if (type != null && ln != null && type < 2 && ln < 4) {
|
var url = ln + "?line=" + ln + "&type=" + type;
|
window.location.href = url;
|
}
|
}
|
} */
|
|
</script>
|
<script type="text/javascript" src="../static/bootstrap/3.3.7/js/bootstrap.min.js"></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>
|
测量显示
|
</h1>
|
<ol class="breadcrumb">
|
<li><a href="#"><i class="fa fa-dashboard"></i> 测量</a></li>
|
|
</ol>
|
</section>
|
|
<!-- Main content -->
|
<section class="content container-fluid">
|
|
<!--------------------------
|
| Your Page Content Here |
|
-------------------------->
|
<fieldset>
|
|
<div>
|
<%-- <table class="table table-striped table-hover" style="width: 70%">
|
<tr>
|
<th width="8%"><span style="font-size:20px;">测量进度</span><br>
|
</th>
|
<td width="5%">${progress}
|
<span style="font-size:20px;">${completePieces}/${totalPieces}</span>
|
</td>
|
<td width="60%">
|
<div class="progress">
|
<div class="progress-bar progress-bar-aqua" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="${progress}">
|
<span class="sr-only">${progress} Complete</span>
|
</div>
|
</div>
|
</td>
|
</tr>
|
</table> --%>
|
<input style="display:none" type="text" name="groups" value="${groups}" />
|
</div>
|
<div style="height:250px;width:30%;float:right;font-size:22px; text-align:left;">
|
<div style="float:right;">玻璃单位：mm</div>
|
|
<table class="table table-striped table-hover">
|
<%-- <tr>
|
<td>批次编号：<span style="color:#1D82FE;">${txtname}</span></td>
|
</tr> --%>
|
<tr>
|
<td>玻璃厚度：<span style="color:#1D82FE;">{{shuzu[0][0]}}</span></td>
|
</tr>
|
<%-- <tr><td style="color:#1D82FE;">${thickness}</td></tr> --%>
|
<tr>
|
<td>玻璃色种：<span style="color:#1D82FE;">{{shuzu[0][1]}}</span></td>
|
</tr>
|
<%-- <tr><td style="color:#1D82FE;">${color}</td></tr> --%>
|
<tr>
|
<td>测量宽度：<span style="color:#1D82FE;">{{shuzu[0][2]}}</span></td>
|
</tr>
|
<tr>
|
<td>测量高度：<span style="color:#1D82FE;">{{shuzu[0][3]}}</span></td>
|
</tr>
|
<%-- <tr><td style="color:#1D82FE;">${actualLength}</td></tr> --%>
|
|
<tr>
|
<td>当前状态：<span style="color:#1D82FE;">{{shuzu[0][4]}}</span></td>
|
</tr>
|
<tr>
|
<td>测量处理：<span style="color:#1D82FE;"><button v-if="shuzu[0][4]!='匹配成功'" class='btn btn-success' @click="setdata()">人工匹配</button>
|
<!-- <a class='btn btn-danger' onclick="setpopo()">破损</a> <a class='btn btn-warning' onclick="setpeople()">人工拿走</a> -->
|
</span>
|
</td>
|
</tr>
|
|
<%-- <tr>
|
<td>当前版面：<span style="color:#1D82FE;">第<span style="color:red;">${rankhtml}</span>版</span></td>
|
</tr> --%>
|
<%-- <tr><td style="color:#1D82FE;">${statue}</td></tr> --%>
|
</table>
|
|
</div>
|
<!-- <span style='font-size: 15px;'>当前生产线：</span>
|
<button onclick='onchecks(1)' v-show="shuzu[0][6]==1" style='background-color: red' type='button' class='btn btn-primary '>打标模式</button>
|
<button onclick='onchecks(0)' v-show="shuzu[0][6]==1" type='button' onclick='onchecks(0)' class='btn btn-primary '>不打标模式</button>
|
|
<button onclick='onchecks(1)' v-show="shuzu[0][6]==0" type='button' onclick='onchecks(1)' class='btn btn-primary '>打标模式</button>
|
<button onclick='onchecks(0)' v-show="shuzu[0][6]==0" style='background-color: red' type='button' onclick='onchecks(0)' class='btn btn-primary '>不打标模式</button>
|
|
<div>
|
<span>注：红色为破损玻璃，蓝色为待测量的玻璃，绿色为测量完成的玻璃，灰色为小于最小值玻璃。</span>
|
<button style='background-color: red' type='button' onclick='oncheck2("上")' class='btn btn-primary '>上一版</button>
|
|
<button style='background-color: red' type='button' onclick='oncheck2("下")' class='btn btn-primary '>下一版</button>
|
<button v-if="anniu.length>0" style='background-color: red' type='button' @click='onchecks3()' class='btn btn-primary '>全单模式</button>  
|
</div> -->
|
|
|
|
|
|
<!-- <div style="height:700px;width:68%;margin-top:1%; ">
|
<button @click="items[1]=='破损'?onchecks2(items[2]):''" v-for="items in anniu" :class="items[8]" :style="items[7]">
|
{{items[5]}}x{{items[6]}}
|
</button>
|
</div> -->
|
|
|
<div style="height:300px;width:70%;margin-top:10%;margin-left:10%; text-align: center;">
|
<h2 style="color:red">${mesgess}</h2>
|
<div style="font-size:30px;"><span>玻璃ID：</span><span style="color:#1D82FE;">{{shuzu[0][5]}}</span></div>
|
<div style="font-size:77px;"><span style="color:#1D82FE;">{{shuzu[0][3]}}</span> x <span style="color:#1D82FE;">{{shuzu[0][2]}}</span></div>
|
<img :src="shuzu[0][4]=='匹配成功'?img.trues:img.cuowu" style="margin: 0 auto;">
|
</div>
|
|
</fieldset>
|
<%-- <div class="modal fade" id="add-fix-info" tabindex="-1" role="dialog"
|
aria-labelledby="myModalLabel" aria-hidden="true">
|
<div class="modal-dialog">
|
<div class="modal-content" style="width:700px">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal"
|
aria-hidden="true" data-backdrop="static">×</button>
|
<h3 class="modal-title" id="myModalLabel"
|
style="font-weight: bolder;">可能匹配数据</h3>
|
</div>
|
<form method="post" class="form-horizontal"
|
action="${ctx}/identifymachine/modify/${groups}">
|
<div class="modal-body">
|
<div class="control-group">
|
<table id="example" class="table table-striped table-hover" style='font-size:20px;'>
|
|
<thead>
|
<tr>
|
<th style="width:10%">选择</th>
|
<th style="width:20%">ID</th>
|
<th style="width:20%">高</th>
|
<th style="width:20%">宽</th>
|
<th>流程卡</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="items in glass">
|
<td style="width:10%"><input v-model="ids" type="radio" name="glassid"
|
:value='items[0]' /></td>
|
<td style="width:20%">{{items[0]}}</td>
|
<td style="width:20%">{{items[1]}}</td>
|
<td style="width:20%">{{items[2]}}</td>
|
<td>{{items[3]}}</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<div class="modal-footer">
|
<button @click='shoudongpipei' type="button" class="btn btn-primary">提交</button>
|
<button type="button" class="btn" data-dismiss="modal">关闭</button>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div> --%>
|
|
<%-- <div class="modal fade" id="people" tabindex="-1" role="dialog"
|
aria-labelledby="myModalLabel" aria-hidden="true">
|
<form class="form-horizontal" role="form" method="post" action="${ctx}/identifymachine/yichu/${groups}" >
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<input type='hidden' id = "lineprint">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal"
|
aria-hidden="true">×</button>
|
<h3 class="modal-title" id="myModalLabel">提示信息</h3>
|
</div>
|
<div class="modal-body" style="text-align: left;">
|
<h3>请拿走玻璃，复位测量台，重新测量！</h3>
|
</div>
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default btn-lg"
|
data-dismiss="modal">取消</button>
|
|
<button @click='yichu' type="button" class="btn btn-primary btn-lg"
|
id="getsure">确认</button>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div> --%>
|
|
<%-- <div class="modal fade" id="delete-fix-info" tabindex="-1" role="dialog"
|
aria-labelledby="myModalLabel" aria-hidden="true">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal"
|
aria-hidden="true" data-backdrop="static">×</button>
|
<h3 class="modal-title" id="myModalLabel"
|
style="font-weight: bolder;">破损选择</h3>
|
</div>
|
<form method="post" class="form-horizontal" action="${ctx}/identifymachine/modifyy/${groups}">
|
<div class="modal-body">
|
<div class="control-group">
|
<table class="table table-striped table-hover" style='font-size:20px;'>
|
<tbody>
|
<thead>
|
<tr>
|
<th>人工选择</th>
|
<th>#</th>
|
<th>高</th>
|
<th>宽</th>
|
|
</tr>
|
</thead>
|
<tr v-for="items in glass">
|
<td style="width:10%"><input v-model="idss" type="radio" name="glassid"
|
:value='items[0]' /></td>
|
<td style="width:20%">{{items[0]}}</td>
|
<td style="width:20%">{{items[1]}}</td>
|
<td style="width:20%">{{items[2]}}</td>
|
|
</tr>
|
</table>
|
</div>
|
</div>
|
<div class="modal-footer">
|
<button @click='baofei' type="button" class="btn btn-primary">提交</button>
|
<button type="button" class="btn" data-dismiss="modal">关闭</button>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div> --%>
|
</section>
|
<!-- /.content -->
|
</div>
|
</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:[],
|
ids:"",
|
idss:"" ,
|
|
img:{
|
trues:"../static/images/zhengque.png",
|
cuowu:"../static/images/quxiao.png"
|
},
|
glass:[],
|
anniu:[]
|
},
|
methods:{
|
setdata:function(){
|
let sql="{call AXJ_zhongkonglipian_celiang_updateGlass(?)}";
|
this.connects('中空测量:',sql,1,1);
|
}
|
|
},
|
mounted:function(){
|
|
let sql="{call AXJ_celiangguanli_select_groups_Details(?,?)}~"+"{'lines':'"+<%= request.getParameter("id") %>+"'}";
|
let flag=2;
|
loadAjxs('测量详情查询',sql,flag,"shuzu");
|
sql="{call AXJ_celiangguanli_select_groups_Details_glass()}";
|
loadAjxs('测量详情手动匹配查询',sql,flag,"glass");
|
sql="{call AXJ_celiangguanli_select_groups_Details_showdetail(?,?)}~"+"{'lines':'"+<%= request.getParameter("id") %>+"'}";
|
loadAjxs('测量详情明细查询',sql,flag,"anniu");
|
}
|
|
})
|
</script>
|
</html>
|
