<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title>操作小结模板表</title>
<t:base type="jquery,easyui,tools,DatePicker"></t:base>
<link rel="stylesheet" href="plug-in/select2/css/select2.min.css">
<script type="text/javascript" src="plug-in/select2/js/select2.full.min.js"></script>
<script type="text/javascript">
//编写自定义JS代码
$(document).ready(function(){
var pcname = new Array();
$.ajax({
url : 'ldcHandbookOrderController.do?cusselect',
type : 'GET',
dataType : 'JSON',
delay : 250,
cache : true,
success : function(data) {
for (var i = 0; i < data.length; i++) {
var pcnameObj = {};
pcnameObj.id = data[i].id;
pcnameObj.text = data[i].cus_company;
pcname.push(pcnameObj);
}
$("#kehu").select2({
data : pcname,
placeholder : '请选择客户',// 默认文字提示
language : "zh-CN",// 汉化
allowClear : true
// 允许清空
});
}
});
if ($.browser.msie) {
$('input:checkbox').click(function () {
this.blur();
this.focus();
});
};
});
// 上移
function moveUp(obj) {
var current = $(obj).parent().parent(); //获取当前<tr>
var prev = current.prev(); //获取当前<tr>前一个元素
if (current.index() > 0) {
current.insertBefore(prev); //插入到当前<tr>前一个元素前
numCheck();
}
}
// 下移
function moveDown(obj) {
var current = $(obj).parent().parent(); //获取当前<tr>
var next = current.next(); //获取当前<tr>后面一个元素
if (next) {
current.insertAfter(next); //插入到当前<tr>后面一个元素后面
numCheck();
}
}
function numCheck(){
var num = $("#bbsTab tr").length; //获取tr的长度
for (var i = 0; i <= num; i++) { //进行循环
$("#bbsTab tr .td_center").eq(i).html(i+1);
};
}
</script>
</head>
<body>
<t:formvalid formid="formobj" dialog="true" usePlugin="password" layout="table" action="ldCuscolumnRulerController.do?doAdd" >
<input id="id" name="id" type="hidden" value="${ldCuscolumnRulerPage.id }"/>
<table style="width: 600px;" cellpadding="0" cellspacing="1" class="formtable">
<tr>
<td align="right">
<label class="Validform_label">
客户:
</label>
</td>
<td class="value">
<input id="kehu" name="kehu" type="text" style="width: 180px" class="inputxt" ignore="ignore" />
<input id="look" name="look" type="button" onclick="lookmb()" value="查看" />
<span class="Validform_checktip"></span>
<label class="Validform_label" style="display: none;">客户</label>
</td>
</tr>
<tr>
<td align="right">
<label class="Validform_label">
显示列:
</label>
</td>
<td class="value">
<table>
<tr>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='create_date' title="接单日期" >接单日期
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='order_code' title="业务编号" >业务编号
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='order_from_cucode' title="客户" >客户
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='cr_etd_gettime' title="提货日期" >提货日期
</td>
</tr>
<tr>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='order_protocolno' title="合同号" >合同号
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='order_ship_deliveday' title="到港日期" >到港日期
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='order_goods' title="货物" >货物
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='route_state6' title="放行日" >放行日
</td>
</tr>
<tr>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='order_number' title="件数" >件数
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='order_gross_weight' title="毛重" >毛重
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='order_book_billno' title="提单号" >提单号
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='route_state3' title="报关日" >报关日
</td>
</tr>
<tr>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='order_zznote' title="操作备注" >操作备注
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='order_hddate' title="换单日期" >换单日期
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='route_state1' title="商检日期" >商检日期
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='cr_etd_outtime' title="送货日期" >送货日期
</td>
</tr>
<tr>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='order_aboutno' title="客户编号" >客户编号
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='order_billno' title="提货单号" >提货单号
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='entry_id' title="报关单号" >报关单号
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='order_dzqqdate' title="单证齐全日" >单证齐全日
</td>
</tr>
<tr>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='cr_boxno' title="箱号" >箱号
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='order_box' title="箱量" >箱量
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='free_date' title="免箱日期" >免箱日期
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='order_salesman' title="业务员" >业务员
</td>
</tr>
<tr>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='order_invoiceno' title="发票号" >发票号
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='maoyi_type' title="报关类型" >报关类型
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='order_bz' title="木包" >木包
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='order_check_time' title="中转港预计到港日" >中转港预计到港日
</td>
</tr>
<tr>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='voyage' title="航程" >航程
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='shyq' title="送货要求" >送货要求
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='shnum' title="已送货箱量" >已送货箱量
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='order_checkouttime' title="中转港预计出港日" >中转港预计出港日
</td>
</tr>
<tr>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='is_sh' title="可否送货" >可否送货
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='order_bgcomment' title="备注" >备注
</td>
<td class="value">
<input type='checkbox' name='showlie' onchange="state(this)" value='order_Loading_Port' title="起运港" >起运港
</td>
</tr>
</table>
<span class="Validform_checktip"></span>
<label class="Validform_label" style="display: none;">显示列</label>
</td>
</tr>
</table>
</t:formvalid>
<table style="width: 600px;margin-top: 5%;margin-left: 10%;margin-right: 10%;" border="1" >
<tbody id='bbsTab'></tbody>
</table>
<button style='margin-left:38%;margin-top: 2%' onclick='saveuserdate()'>保存模板信息</button>
</body>
<script src = "webpage/com/jeecg/ldcuscolumnruler/ldCuscolumnRuler.js"></script>
<script type="text/javascript">
function state(me){
//alert($(me).is(':checked'))
var name=$(me).prop('title')
var rowTem = "";
//rowTem = "<tr><td>序号</td><td>显示列</td><td>展示</td><td>操作</td></tr>";
if($(me).is(':checked')==true){
rowTem+= "<tr name='trvalue'><td class='td_center' style='width: 40px'>1</td><td class='td_id' style='display: none'>"+me.value+"</td>";
rowTem+="<td class='value' style='width: 110px'>"+name+"</td>";
rowTem+="<td style='width: 110px'><input type='text' name='itemname' value='"+name+"' > </td>";
rowTem+="<td class='value' style='width: 80px'>";
rowTem+="<button style='margin-left:10%' onclick='moveUp(this)'>上移</button>";
rowTem+=" <button style='margin-left:5%' onclick='moveDown(this)'>下移</button>";
rowTem+="</td></tr>";
$("#bbsTab").append(rowTem);
numCheck();
}else{
$('#bbsTab').find('tr').each(function (){
// alert($(this).find('td').eq(2).text())
if($(this).find('td').eq(2).text()==name){
$(this).remove();
}
})
numCheck();
}
}
function saveuserdate() {
var kehu=$('#kehu').val();
var a=0;
$('#bbsTab').find('tr').each(function (){
a++;
})
if(kehu==null||kehu==''){
tip('请选择客户')
}else if(a<3){
tip('请至少选择3列')
}else{
var featureCodes = [];
$('#bbsTab').find('tr[name="trvalue"]').each(function (){
var arr = {};
arr.sortidx=$(this).find('td').eq(0).text();
arr.itemkey=$(this).find('td').eq(1).text();
arr.itemnameold=$(this).find('td').eq(2).text();
arr.itemname=$(this).find('td input[name="itemname"]').val();
console.log(arr)
featureCodes.push(arr);
})
$.ajax({
url : "ldCuscolumnRulerController.do?doAddcusmodel",
type : 'post',
data : {cusid:kehu,models:JSON.stringify(featureCodes)},
cache : false,
success : function(data) {
var d = $.parseJSON(data);
if (d.success) {
var msg = d.msg;
tip(msg);
}
}
});
}
}
function lookmb(){
var kehu=$('#kehu').val();
$.ajax({
url : "ldCuscolumnRulerController.do?gomb",
type : 'post',
data : {cusid:kehu},
cache : false,
success : function(data) {
var d = $.parseJSON(data);
if (d.success) {
var obj = d.obj;
if(obj==null){
tip('该客户暂无模板')
}else{
var cc = jQuery.parseJSON(obj.content);
var rowTem = "";
$("#bbsTab").html("");
$("input[name='showlie']").each(function(){
$(this).attr("checked",false);
});
for(var i=0;i<Object.keys(cc).length;i++){
$("input[name='showlie'][value='"+cc[i].itemkey+"']").attr("checked","checked");
rowTem = "<tr name='trvalue'><td class='td_center' style='width: 40px'>1</td><td class='td_id' style='display: none'>"+cc[i].itemkey+"</td>";
rowTem+="<td class='value' style='width: 110px'>"+cc[i].itemnameold+"</td>"
rowTem+="<td style='width: 110px'><input type='text' name='itemname' value='"+cc[i].itemname+"' > </td>";
rowTem+="<td class='value' style='width: 80px'>";
rowTem+="<button style='margin-left:10%' onclick='moveUp(this)'>上移</button>";
rowTem+=" <button style='margin-left:5%' onclick='moveDown(this)'>下移</button>";
rowTem+="</td></tr>";
$("#bbsTab").append(rowTem);
numCheck();
}
}
}else{
var msg = d.msg;
tip(msg);
}
}
});
}
</script>
