<%@ page contentType="text/html;charset=UTF-8"%>
|
|
<html>
|
<head>
|
<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">
|
<!-- AdminLTE Skins. We have chosen the skin-blue for this starter
|
page. However, you can choose any other skin. Make sure you
|
apply the skin class to the body tag so the changes take effect. -->
|
<link rel="stylesheet" href="../static/AdminLTE/dist/css/skins/skin-blue.min.css">
|
<link rel="stylesheet" href="..//static/AdminLTE/bower_components/bootstrap/dist/css/bootstrap.min.css">
|
<script type="text/javascript"
|
src="../static/js/jquery.min.js"></script>
|
<script type="text/javascript" src="../static/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
|
<style>
|
/* table>tbody>tr>td {
|
vertical-align: middle;
|
text-align: center;
|
font-weight: bold;
|
font-size:16px;
|
}
|
*/
|
table>thead>tr>th{
|
font-weight: bold;
|
font-size:20px;
|
text-align: center;
|
vertical-align: middle;
|
}
|
|
h1{
|
display : inline;
|
}
|
.btn {
|
background-color:#5CADFE;
|
border-color:#5CADFE
|
}
|
table{ margin: auto; /*水平居中*/ text-align: center; /*文字居中*/}
|
</style>
|
|
<script>
|
|
var rTime = 50000;//自动刷新间隔时间 单位：毫秒
|
</script>
|
|
<title>中空理片-手动理片</title>
|
</head>
|
<body style="padding: 20px;background-color:#D5EAFF;height:100%">
|
<div id='app'>
|
<div>
|
<section class="content-header">
|
<h1>
|
中空理片-手动理片
|
|
</h1>
|
|
<ol class="breadcrumb">
|
<li>
|
|
</li>
|
<li class="active"></li>
|
</ol>
|
</section>
|
</div>
|
|
<!-- 信息 -->
|
<div>
|
<section class="content container-fluid">
|
<div class="box" style="overflow: auto;">
|
<div class="box-header"></div>
|
<!-- /.box-header -->
|
<div class="box-body no-padding" id="renWuXinXi">
|
<table class="table table-striped table-hover" style="overflow-x: auto;">
|
<tr >
|
<th style='text-align:center'>序号</th>
|
<th style='text-align:center'>中空流程卡</th>
|
<th style='text-align:center'>包含的流程卡</th>
|
<th style='text-align:center'>总数</th>
|
<th style='text-align:center'>库内数</th>
|
<th style='text-align:center'>缺片数</th>
|
<th style='text-align:center'>理片操作</th>
|
|
</tr>
|
<tr v-show="Object.keys(items).length!=0" v-for="(items,indexs) in shuzu">
|
<td>{{indexs+1}}</td>
|
<td v-show="index>0" v-for="(item,key,index) in items">
|
{{item}}
|
<button v-if="index==1" @click="lookDetail(items[1],1,0)" class='btn btn-large btn-success' >查看详情</button>
|
<button v-if="index==5 && items[5]!=0 " @click="lookDetail(items[1],0,0)" class='btn btn-large btn-success' >查看缺片</button>
|
</td>
|
<td >
|
<button @click="sliceGlass(items[1],1)" class='btn btn-large btn-success' >缺片放里</button>
|
<button @click="sliceGlass(items[1],2)" class='btn btn-large btn-success' >缺片放外</button>
|
</td>
|
|
</tr>
|
</table>
|
</div>
|
</div>
|
</section>
|
</div>
|
|
<!-- 中空流程卡详情 -->
|
<div class="modal fade" id="BJ-Info" tabindex="-1" role="dialog"
|
aria-labelledby="myModalLabel" aria-hidden="true">
|
<div class="modal-dialog">
|
<form class="form-horizontal" role="form" id="category_add"
|
method="post">
|
<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>
|
|
<div class="modal-body">
|
<div class="form-group">
|
<h4>
|
<label class="col-sm-3 control-label no-padding-right"
|
style="font-weight: bolder;">料架编号： </label>
|
</h4>
|
|
<div class="col-sm-9">
|
<div class="btn-group"
|
style="width: 250px; height: 35px; font-size: 20px">
|
<select id="kj_content" class="span_tasktext">
|
|
</select>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="modal-footer">
|
<!-- <button type="button" class="btn btn-primary btn-lg"
|
data-dismiss="modal">取消</button>
|
|
<button type="button" class="btn btn-success btn-lg"
|
id="BJ_button" onclick="BJ_Submit()">确认</button> -->
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
|
<!-- 理片操作 -->
|
<div class="modal fade" id="LP-Operate" tabindex="-1" role="dialog"
|
aria-labelledby="myModalLabel" aria-hidden="true">
|
<form class="form-horizontal" role="form">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal"
|
aria-hidden="true">×</button>
|
<h3 class="modal-title" id="QK_AlertTitle">清空信息操作提示：</h3>
|
</div>
|
<div class="modal-body" style="text-align: left;">
|
<h3 id="QK_MsgShow">
|
是否确定执行 <span id="QK_Id" style="sixe: 25px; font-weight: bold"></span>
|
号上片位置 <span style="sixe: 20px; color: red; font-weight: bold">清空信息
|
</span> 操作？
|
</h3>
|
</div>
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary btn-lg"
|
data-dismiss="modal">取消</button>
|
|
<button type="button" class="btn btn-danger btn-lg"
|
id="QK_button" onclick="QK_Submit()">确认</button>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
|
<!-- 流程卡详情 -->
|
<div class="modal fade" id="lck_Info" tabindex="-1" role="dialog"
|
aria-labelledby="myModalLabel" aria-hidden="true"
|
style="overflow-y: auto; height: 99%">
|
<div class="modal-dialog" style="width: 80%; height: 100%">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal"
|
aria-hidden="true" data-backdrop="static">×</button>
|
|
<p class="modal-title">
|
<span id="modal_title" style="font-weight: bolder;font-size:25px;color:red">详情</span>
|
|
<small id="cz_alert" style="font-weight: bolder;font-size:20px;">小片详情：</small>
|
|
|
<button type="button" class='btn btn-large btn-success' id="btn_showALl" @click="lookDetail(lckh,1,1)">显示全部</button>
|
<button type="button" class='btn btn-large btn-danger' id="btn_showQue" @click="lookDetail(lckh,0,1)">显示缺片</button>
|
|
</p>
|
|
|
|
</div>
|
|
<div class="modal-body">
|
<div class="no-padding" id="lck_detail">
|
<table class="table table-striped table-hover" style="overflow-x: auto;">
|
<tr >
|
<th >序号</th>
|
<th>流程卡</th>
|
<th>玻璃任务ID</th>
|
<th>宽</th>
|
<th>高</th>
|
<th>膜系</th>
|
<th>仓储料架号</th>
|
<th>AB面</th>
|
<th>下片顺序</th>
|
<th>理片顺序</th>
|
<th>状态</th>
|
<th>是否在库内</th>
|
|
</tr>
|
<tr v-show="Object.keys(items).length!=0" v-for="(items,indexs) in shuzu1">
|
<td>{{indexs+1}}</td>
|
<td v-for="(item,key,index) in items">
|
{{item}}
|
</td>
|
|
</tr>
|
</table>
|
|
</div>
|
</div>
|
<div class="modal-footer">
|
<!-- <button type="button" class="btn btn-primary btn-lg"
|
data-dismiss="modal">取消</button>
|
|
<button type="button" class="btn btn-success btn-lg"
|
id="BJ_button" onclick="BJ_Submit()">确认</button> -->
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<!-- 信息提示 -->
|
<div class="modal fade" id="CZ_Msg" tabindex="-1" role="dialog"
|
aria-labelledby="myModalLabel" aria-hidden="true">
|
<form class="form-horizontal" role="form">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal"
|
aria-hidden="true">×</button>
|
<h3 class="modal-title" id="TK_AlertTitle">操作提示：</h3>
|
</div>
|
<div class="modal-body" style="text-align: left;">
|
<h3 id="MsgShow">
|
<span id="cz_Ming" style="font-weight: bold"></span>
|
<br/>
|
<br/>
|
<span
|
id="cz_Zhuangtai" style="font-weight: bold"></span>
|
</h3>
|
</div>
|
<div class="modal-footer">
|
<button type="button" class="btn btn-primary btn-lg"
|
data-dismiss="modal">确定</button>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
</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:[],
|
shuzu1:[],
|
lckh:''
|
},
|
methods:{
|
lookDetail:function(lckh,type,show){
|
let canshu={
|
lckh:lckh,
|
intype:type
|
}
|
let sql="{call AXJ_zhongkonglipian_lipianyouhua_lckhselectList(?,?,?)}~"+JSON.stringify(canshu);
|
loadAjxs('中空理片笼优化流程卡详细查询',sql,2,"shuzu1");
|
this.lckh=lckh;
|
if(show==0){
|
$("#modal_title").html(lckh);
|
$("#lck_Info").modal('toggle');
|
}
|
|
},
|
sliceGlass:function(lckh,type){
|
let canshu={
|
lckh:lckh,
|
intype:type
|
}
|
type = type==1?'缺片放里':'缺片放外'
|
let sql="{call AXJ_zhongkonglipian_lipianyouhua_sliceGlass(?,?,?)}~"+JSON.stringify(canshu);
|
this.connects("中空理片上片位"+type,sql,1,1);
|
}
|
|
},
|
mounted:function(){
|
let sql="{call AXJ_zhongkonglipian_lipianyouhua_selectList()}";
|
let flag=2;
|
loadAjxs('中空理片笼上片位查询',sql,flag,"shuzu");
|
}
|
})
|
</script>
|
|
</html>
|
