<%@ page contentType="text/html;charset=UTF-8"%>
|
|
<!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">
|
<link type="text/css" rel="stylesheet" href="../static/AdminLTE/bower_components/bootstrap/dist/css/bootstrap.css">
|
<title>玻璃架查询</title>
|
|
<style>
|
th, td {
|
text-align: center;
|
|
}
|
</style>
|
<script src="tb.js"></script>
|
<script src="jq.js"></script>
|
<script src="../static/jquery/jquery-3.1.0.min.js" type="text/javascript"></script>
|
<script src="../static/js/ng/tb.js" type="text/javascript"></script>
|
</head>
|
<body style="padding: 20px;background-color:#D5EAFF;height:100%">
|
<div id='app'>
|
<div style="display:grid;grid-template-rows:40px auto auto;">
|
<div>
|
<span>流程卡：</span>
|
<input v-model="liuchenghao" type="text" id="input1"></input>
|
<button class="btn btn-primary" @click="selectGlass">查询</button>
|
<button class="btn btn-primary" @click="slelctAllId">全选</button>
|
<button class="btn btn-primary" @click="clearAll">全不选</button>
|
<button class="btn btn-primary" @click="reverseAll">反选</button>
|
<button style="margin-left:50px" @click="submitUpdate" class="btn btn-primary">提交修改</button>
|
</div>
|
|
<div id="tab" style="width:100%">
|
<table class="table table-striped table-hover"
|
style="overflow-x: auto">
|
<tr>
|
<th>移除</th>
|
<th>宽度</th>
|
<th>高度</th>
|
<th>厚度</th>
|
<th>颜色</th>
|
<th>顺序</th>
|
<th>连续数量</th>
|
<th>新次序</th>
|
</tr>
|
<tr v-show="Object.keys(items).length!=0" v-for="items in shuzu">
|
<td><input v-model="ids" type='checkbox' :value="items[0]"></td>
|
<td v-show='index>2' v-for="(item,key,index) in items">
|
{{item}}
|
</td>
|
<td v-model="items[1]" contenteditable="true">
|
<!-- <input style=""> -->
|
</td>
|
|
</tr>
|
</table>
|
</div>
|
<div style="margin:10px auto auto auto" >
|
<button class="btn btn-primary">重新编辑</button>
|
<button onclick="updateView();" class="btn btn-primary" style="margin-left:50px">确认修改</button>
|
</div>
|
</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:[],
|
liuchenghao:"",
|
ids:[]
|
},
|
methods:{
|
selectGlass:function(){
|
let canshu={
|
liuchengkahao:this.liuchenghao
|
}
|
let sql="{call AXJ_banchengpincangchu_bolitiaoxu_selectList(?,?)}~"+JSON.stringify(canshu);
|
loadAjxs('钢化玻璃调序',sql,2,"shuzu");
|
this.ids=[];
|
},
|
slelctAllId:function(){
|
this.ids=[];
|
for(id of this.shuzu){
|
this.ids.push(id[0])
|
}
|
},
|
clearAll:function(){
|
this.ids=[];
|
},
|
reverseAll:function(){
|
const arr1 = this.ids;
|
let arr2 =[];
|
for(id of this.shuzu){
|
arr2.push(id[0])
|
}
|
const res = arr2.filter(item1 => !arr1.some(item2 => item2 === item1));
|
this.ids=res
|
},
|
submitUpdate:function(){
|
if(this.liuchenghao.replace('\n').replace('\r').length===0){
|
alert("流程卡不能为空");
|
return
|
}
|
if(!confirm('确认修改')){
|
return false
|
}
|
const arr1 = this.ids;
|
let arr2 =[];
|
for(id of this.shuzu){
|
arr2.push(id[0])
|
}
|
const res = arr2.filter(item1 => arr1.some(item2 => item2 === item1));
|
let canshu={
|
type:'钢化后',
|
liuchengkahao:this.liuchenghao,
|
ids:res.join(",")
|
}
|
let sql="{call web_alter_rank(?,?,?,?,?)}~"+JSON.stringify(canshu);
|
console.log(sql);
|
this.connects("玻璃调序修改1",sql,1,1);
|
}
|
|
},
|
mounted:function(){
|
}
|
})
|
</script>
|
</html>
|
