<%@ page contentType="text/html;charset=UTF-8"%>
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
<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>
|
|
<title>玻璃架查询</title>
|
|
<style>
|
th, td {
|
text-align: center;
|
|
}
|
</style>
|
<script src="tb.js"></script>
|
<script src="jq.js"></script>
|
<script src="${ctx}/static/jquery/jquery-3.1.0.min.js" type="text/javascript"></script>
|
<script src="${ctx}/static/js/ng/tb.js" type="text/javascript"></script>
|
</head>
|
<body >
|
<div class="content-wrapper">
|
<div style="display:grid;grid-template-rows:40px auto auto;">
|
<div>
|
<span>流程卡：</span>
|
<input type="text" id="input1"></input>
|
<button class="btn btn-primary" onclick="querydata();">查询</button>
|
<button class="btn btn-primary" onclick="setAll();">全选</button>
|
<button class="btn btn-primary" onclick="setNo();">全不选</button>
|
<button class="btn btn-primary" onclick="setOthers();">反选</button>
|
<button style="margin-left:50px" onclick="comit();" class="btn btn-primary">提交修改</button>
|
</div>
|
|
<div id="tab" style="width:100%">
|
|
</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>
|
|
<script>
|
//全选函数
|
function setAll() {
|
var chooses = document.querySelectorAll('input[type=checkbox]');
|
for(var i = 0; i < chooses.length; i++) {
|
chooses[i].checked = true;
|
}
|
}
|
|
//全不选函数
|
function setNo() {
|
var chooses = document.querySelectorAll('input[type=checkbox]');
|
for(var i = 0; i < chooses.length; i++) {
|
chooses[i].checked = false;
|
}
|
}
|
|
//反选
|
function setOthers() {
|
var chooses = document.querySelectorAll('input[type=checkbox]');
|
for(var i = 0; i < chooses.length; i++) {
|
if(chooses[i].checked == false)
|
chooses[i].checked = true;
|
else
|
chooses[i].checked = false;
|
}
|
}
|
|
function updateRow(tr,data){
|
if(tr.children[7].innerText!=null && tr.children[7].innerText!="")
|
data[6]=parseFloat(tr.children[7].innerText);
|
data[7]= tr.children[0].children[0].checked==true;
|
}
|
|
|
|
function comit(){
|
tb.updateToData();
|
var str="";
|
for(var i=0;i<datas.length;i++){
|
if(datas[i][7]!=true){
|
if(str=="")
|
str+=datas[i][0];
|
else
|
str+=","+datas[i][0];
|
}
|
}
|
$.ajax({
|
type:"post",
|
url:"_rank_piecess",
|
data:JSON.stringify(
|
{
|
method:"comit",
|
datas:str,
|
liuchengka:document.getElementById("input1").value
|
}
|
),
|
contentType:"application/json",
|
url:"data/_rank_piecess",
|
success:function(data){
|
alert(data.result);
|
}
|
});
|
}
|
|
|
|
|
var opt={
|
table:{
|
style:"width:100%",
|
update:updateRow,
|
"class":"table table-striped table-hover"
|
},
|
columns:[
|
{
|
name:"移除",
|
binding:7,
|
style:"width:10%",
|
type:"checkbox"
|
}
|
,
|
|
{
|
name:"宽度",
|
binding:1,
|
style:"width:10%"
|
}
|
,
|
{
|
name:"高度",
|
binding:2,
|
style:"width:10%"
|
}
|
,
|
{
|
name:"厚度",
|
binding:3,
|
style:"width:10%"
|
}
|
,
|
{
|
name:"颜色",
|
binding:4,
|
style:"width:10%"
|
}
|
,
|
{
|
name:"顺序",
|
binding:5,
|
style:"width:10%"
|
}
|
,
|
{
|
name:"连续数量",
|
binding:8,
|
style:"width:10%",
|
|
}
|
,
|
{
|
name:"新次序",
|
binding:6,
|
style:"width:10%",
|
editAble:true
|
}
|
|
]
|
};
|
var tb=null;
|
|
var datas=null;
|
function init(){
|
tb=createTable(document.getElementById("tab"),opt);
|
|
}
|
init();
|
|
|
|
|
|
function succ(data){
|
for(var i=0;i<data.datas.length;i++){
|
var da=data.datas[i];
|
da.push(null);
|
da.push(da[5]==null);
|
da.push(null);
|
}
|
tb.update(data.datas);
|
datas=data.datas;
|
updateView();
|
}
|
|
function updateView(){
|
tb.updateToData();
|
datas.sort(function(a,b){
|
var k1=a[5];
|
if(k1==null)
|
k1=10000;
|
if(a[6]!=null && a[6]!=""){
|
k1=parseFloat(a[6]);
|
}
|
if(a[7]==true){
|
k1+=10000;
|
}
|
|
var k2=b[5];
|
if(k2==null)
|
k2=10000;
|
if(b[6]!=null && b[6]!=""){
|
k2=parseFloat(b[6]);
|
}
|
if(b[7]==true){
|
k2+=10000;
|
}
|
|
if(k1<k2)
|
return -1;
|
if(k1>k2)
|
return 1;
|
return 0;
|
});
|
var ct=0;
|
var dt=null;
|
for(var i=0;i<datas.length;i++){
|
datas[i][5]=i+1;
|
datas[i][6]=null;
|
datas[i][8]=null;
|
if(dt==null){
|
dt=datas[i];
|
ct=1;
|
}
|
else{
|
if(dt[1]==datas[i][1] && dt[2]==datas[i][2]){
|
ct++;
|
}
|
else{
|
dt[8]=ct;
|
dt=datas[i];
|
ct=1;
|
}
|
}
|
}
|
if(ct>0){
|
dt[8]=ct;
|
}
|
|
tb.update(datas);
|
}
|
|
function fail(data){
|
}
|
|
function querydata(){
|
var lk=document.getElementById("input1").value;
|
$.ajax(
|
{
|
|
type:"post",
|
data:
|
JSON.stringify(
|
{
|
method:"query",
|
liuchengka:lk
|
}),
|
contentType:"application/json",
|
url:"data/_rank_piecess",
|
success:succ,
|
error:fail
|
}
|
)
|
}
|
</script>
|
</div>
|
</body>
|
</html>
|
