easyui简单使用记录

来源：互联网发布：淘宝手机兼职编辑：程序博客网时间：2024/05/17 23:40

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page import="com.smm.tool.ReadProperties" %>
<%@ page import="java.util.*" %>
<%@ page import="java.io.*" %>
<%@ page import="com.smm.tool.MySqlImportAndExport" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String operatorType = (String)session.getAttribute("operatorType");
int operType = (Integer)session.getAttribute("operType");

String filePath = request.getSession().getServletContext().getRealPath("");
filePath = filePath.substring(0, filePath.lastIndexOf("webapps")+8);

InputStream is = MySqlImportAndExport.class.getClassLoader().getResourceAsStream("jdbc.properties");
Properties properties = new Properties();
String sign = "";
try {
properties.load(is);
sign = properties.getProperty("app.url");
} catch (IOException e) {
e.printStackTrace();
}
String config300 = (String)session.getAttribute("300");
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<meta http-equiv="X-UA-Compatible" content="IE=9"/>
<meta http-equiv="X-UA-Compatible" content="IE=10"/>
<link rel="stylesheet" type="text/css" href="css/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="css/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="css/easyui/demo/demo.css">
<link rel="stylesheet" type="text/css" href="css/common/hzbstyle.css">
<script type="text/javascript" src="css/easyui/jquery.min.js"></script>
<script type="text/javascript" src="css/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/easyui/common.js"></script>
<script type="text/javascript" src="css/easyui/locale/easyui-lang-zh_CN.js" charset="utf-8"></script>

<style type="text/css">
.datagrid-header-row td{font-weight: bold;}
#fm
{
margin: 0;
padding: 10px 30px;
}
.ftitle
{
font-size: 14px;
font-weight: bold;
padding: 5px 0;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
}
.fitem
{
margin-bottom: 5px;
}
.fitem label
{
display: inline-block;
width: 90px;
}
body{
font-family: "Microsoft YaHei";
}
</style>
<script type="text/javascript">
var config300 = '<%=config300 %>';
var Url;
var comOperNoType;
var sortFlag = false;
var s=1;
var e=10;
var sessionComNO;
var sessionOperNO;
$(document).ready(function(){

load();
if(${oper.show}){
document.getElementById("operDIV").style.display="";
}
Url = document.getElementById("operurl").value;
comOperNoType = document.getElementById("comOperNoType").value;
if(comOperNoType.indexOf("companyNo")!=-1){
document.getElementById("hiddenDiv").style.display = "";
}else{
document.getElementById("hiddenDiv").style.display = "none";
}
if(${oper.operType}==4){
document.getElementById("hiddenDiv1").style.display = "none";
document.getElementById("hiddenDiv2").style.display = "none";
}
initTable();
removeload();
loadTable(1,10);
sessionComNO = document.getElementById("sessionComNO").value;
sessionOperNO = document.getElementById("sessionOperNO").value;
var v1 = '${oper.companyNo}';
$("#operatorType").combobox({
url : "queryOperatorType?companyNo="+v1,//返回json数据的url
valueField : "id",//这个id和你返回json里面的id对应
textField : "text", //这个text和你返回json里面的text对应
onChange: function (n,o) {
authRChange(n);
}

});
$("#operatorType1").combobox({
url : "queryOperatorType?companyNo="+v1,//返回json数据的url
valueField : "id",//这个id和你返回json里面的id对应
textField : "text", //这个text和你返回json里面的text对应
onChange: function (n,o) {
authRChange1(n);
}

});
$("#company").combobox({
url : "queryCompany0810?companyNo="+'${oper.companyNo}',//返回json数据的url
valueField : "companyNo",//这个id和你返回json里面的id对应
textField : "companyName" //这个text和你返回json里面的text对应

});




});

function authRChange(v){
if(v==0){
document.getElementById("fileboxType1").style.display = "none";
document.getElementById("Imgdiv01").style.display = "none";
document.getElementById("fileboxType").style.display = "none";
document.getElementById("Imgdiv0").style.display = "none";
$("#picture0").filebox({
required:false,
});
$("#picture01").filebox({
required:false,
});
}else{
document.getElementById("fileboxType1").style.display = "";
document.getElementById("Imgdiv01").style.display = "";
document.getElementById("fileboxType").style.display = "";
document.getElementById("Imgdiv0").style.display = "";
$("#picture0").filebox({
required:true,
});
$("#picture01").filebox({
required:false,
});
}
if(v==-1){
//document.getElementById("pwd").style.display = "none";
//document.getElementById("rePwd").style.display = "none";
$("#password").validatebox({
required:false,
});
$("#password1").validatebox({
required:false,
});
}else{
document.getElementById("pwd").style.display = "";
document.getElementById("rePwd").style.display = "";
$("#password").validatebox({
required:true,
});
$("#password1").validatebox({
required:true,
});
}
}
function authRChange1(n){
var old = selectOperType1230;
var sk ='<%=ReadProperties.getValue("site.keeper") %>';
if(n!=-1&&!(n == sk)){
if(old ==-1||(old == sk)){
document.getElementById("pwd1").style.display = "";
//document.getElementById("rePwd1").style.display = "";
$("#password1230").validatebox({
required:true,
});
//$("#password12301").validatebox({
// required:true,
//});
}else{
document.getElementById("pwd1").style.display = "none";
//document.getElementById("rePwd1").style.display = "none";
$("#password1230").validatebox({
required:false,
});
//$("#password12301").validatebox({
// required:false,
//});
}
}else{
document.getElementById("pwd1").style.display = "none";
//document.getElementById("rePwd1").style.display = "none";
$("#password1230").validatebox({
required:false,
});
// $("#password12301").validatebox({
// required:false,
// });
}
}

function load() {
$("<div class=\"datagrid-mask\"></div>").css({ display: "block", width: "100%", height: $(window).height() }).appendTo("body");
$("<div class=\"datagrid-mask-msg\"></div>").html("正在加载，请稍候。。。").appendTo("body").css({ display: "block", left: ($(document.body).outerWidth(true) - 190) / 2, top: ($(window).height() - 45) / 2 });
}
function removeload(){
$(".datagrid-mask").remove();
$(".datagrid-mask-msg").remove();
}

//初始化表格
function initTable(){
var operTypeNow = -1;
var operType ='${oper.operType}';
$('#initTable').datagrid({
fit: true,//自动大小
title: '',
width: '100%',
height: 580,
toolbar: '#toolbar',
loadMsg:'<%=ReadProperties.getValue("companyno") %>',
nowrap : true,//设置为true，当数据长度超出列宽时将会自动截取
striped : true,//设置为true将交替显示行背景
collapsible : true,//显示可折叠按钮
singleSelect:true,//为true时只能选择单行
fitColumns:true,//允许表格自动缩放，以适应父容器
rownumbers:true,
pagination:true,//分页控件
frozenColumns:[[ //选择框
{field:'ck',checkbox:true}
]],
columns:[[
{field:'operType',align:'center',title:'<%=ReadProperties.getValue("identity") %>',formatter: function(value, row, index){
operTypeNow = value;
return value;
}},
{field:'companyNo',align:'center',title:'<%=ReadProperties.getValue("companyno") %>'},
{field:'comType',align:'center',title:'<%=ReadProperties.getValue("comType") %>'},
{field:'companyName',align:'center',title:'<%=ReadProperties.getValue("companyname") %>'},
{field:'operatorNo',align:'center',title:'<%=ReadProperties.getValue("operno") %>'},
{field:'operatorName',align:'center',title:'<%=ReadProperties.getValue("opername") %>'},
{field:'vendor',align:'center',title:'<%=ReadProperties.getValue("vendor") %>'},
{field:'idno',align:'center',title:'<%=ReadProperties.getValue("idno") %>'},
{field:'sexType',align:'center',title:'<%=ReadProperties.getValue("sex") %>'},
{field:'operatorType',align:'center',title:'<%=ReadProperties.getValue("identity") %>'},
{field:'stateType',align:'center',title:'<%=ReadProperties.getValue("status") %>',formatter: function(value, row, index){
if(value=='<%=ReadProperties.getValue("normal") %>'){
return '<span style="color:green;font-weight: bold;">'+value+'</span>';
}else{
return '<span style="color:red;font-weight: bold;">'+value+'</span>';
}

}},
{field:'phone',align:'center',title:'<%=ReadProperties.getValue("phone") %>',formatter: function(value, row, index){
if(operTypeNow >operType){
return '<span style="color:red;font-weight: bold;"><%=ReadProperties.getValue("noAuth") %></span>';
}else{
return value;
}

}},
{field:'email',align:'center',title:'<%=ReadProperties.getValue("email") %>'},
{field:'pwd',align:'center',title:'<%=ReadProperties.getValue("pwd") %>'}
]],
onSortColumn:function(sort, order){
sortFlag = true;
if("provinceName"==sort){
$(this).datagrid("autoMergeCells",[sort]);
}else{
$(this).datagrid("autoMergeCells");
}
},
onLoadSuccess: function(data){
if(!sortFlag) $(this).datagrid("autoMergeCells");
}
});
$('#initTable').datagrid('hideColumn','operType');
$('#initTable').datagrid('hideColumn','comType');
$('#initTable').datagrid('hideColumn','pwd');
}
function loadTable(pageno,pagesize){
$.messager.progress({
title: '<%=ReadProperties.getValue("wait") %>',
msg: '<%=ReadProperties.getValue("frame.loading") %>',
text: '<%=ReadProperties.getValue("querying") %>'
});
$.ajax({
type:"POST",
contentType: "application/x-www-form-urlencoded; charset=UTF-8",
url:Url+"&start="+(s-1)*pagesize+"&end="+e,
success:function (data){
$.messager.progress('close');
var vData = $.parseJSON(data);
$('#initTable').datagrid('loadData', vData); //将数据绑定到datagrid
var p = $('#initTable').datagrid('getPager');
$(p).pagination({
beforePageText: '<%=ReadProperties.getValue("page") %>',//页数文本框前显示的汉字
afterPageText: '<%=ReadProperties.getValue("page.tip4") %>'+' {pages} ',
displayMsg: '<%=ReadProperties.getValue("page.tip1") %>'+' {from} - {to} '+'<%=ReadProperties.getValue("page.tip2") %>'+' {total} '+'<%=ReadProperties.getValue("page.tip3") %>',
onSelectPage: function (pageNumber, pageSize) {
s=pageNumber;
e=pageSize;
loadTable(pageNumber, pageSize);
}
});
},
error:function(XMLHttpRequest,textStatus, errorThrown) {
$.messager.progress('close');
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("sys.error") %>' + XMLHttpRequest.status
});
　　}
});
}
function loadTableNew(pageno,pagesize){
var eno = $("#searchEno").textbox('getValue');
var pdfSign="0";
var str=document.getElementsByName("pdfSign1");
var objarray=str.length;
for (i=0;i<objarray;i++)
{
if(str[i].checked == true)
{
pdfSign=str[i].value;
}
}

var url1 = Url+"&eno="+eno+"&pdfSign="+pdfSign;
$.messager.progress({
title: '<%=ReadProperties.getValue("wait") %>',
msg: '<%=ReadProperties.getValue("frame.loading") %>',
text: '<%=ReadProperties.getValue("querying") %>'
});
$.ajax({
type:"POST",
contentType: "application/x-www-form-urlencoded; charset=UTF-8",
url:url1+"&start="+(s-1)*e+"&end="+e,
success:function (data){
var vData = $.parseJSON(data);
$.messager.progress('close');
$('#initTable').datagrid('loadData', vData);
var p = $('#initTable').datagrid('getPager');
$(p).pagination({
beforePageText: '<%=ReadProperties.getValue("page") %>',
afterPageText: '<%=ReadProperties.getValue("page.tip4") %>'+' {pages} ',
displayMsg: '<%=ReadProperties.getValue("page.tip1") %>'+' {from} - {to} '+'<%=ReadProperties.getValue("page.tip2") %>'+' {total} '+'<%=ReadProperties.getValue("page.tip3") %>',
onSelectPage: function (pageNumber, pageSize) {
s=pageNumber;
e=pageSize;
loadTableNew(pageNumber, pageSize);
}
});
},
error:function(XMLHttpRequest,textStatus, errorThrown) {
$.messager.progress('close');
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("sys.error") %>' + XMLHttpRequest.status
});
　　}
});
}

function add(divID,divID1,type){
if(type==1){
document.getElementById("pwd").style.display = "none";
document.getElementById("rePwd").style.display = "none";
$("#password").validatebox({
required:false,
});
$("#password1").validatebox({
required:false,
});

var themecombo2 =[{ 'text':'<%=ReadProperties.getValue("site.keeper") %>','id':'-1','selected':true}];
$("#operatorType").combobox("loadData", themecombo2);


}

var opType = $('#operatorType').combobox('getValue');
if(opType==1){
document.getElementById("fileboxType").style.display = "";
document.getElementById("Imgdiv0").style.display = "";
$("#picture0").filebox({
required:true,
});
}else{
document.getElementById("fileboxType").style.display = "none";
document.getElementById("Imgdiv0").style.display = "none";
$("#picture0").filebox({
required:false,
});
}

$("#"+divID).dialog("open").dialog('setTitle', '<%=ReadProperties.getValue("emp") %>');
//$('#'+divID1).numberbox('setValue', generateMixed(8));
$("#"+divID).panel("move",{top:$(document).scrollTop() + ($(window).height()-390) * 0.5});
}
var selectOperType1230;
function newedit(divID,divID1){
var row = $("#initTable").datagrid("getSelected");
if (row) {
selectOperType1230 = row.operType;
if(row.operType>=${oper.operType}&&row.companyNo==sessionComNO&&row.operatorNo!=sessionOperNO){
$.messager.alert('<%=ReadProperties.getValue("tip") %>', '<%=ReadProperties.getValue("select.error.tip1") %>', 'info');
return;
}
$("#"+divID1).form("load", row);
document.getElementById("oldPhone").value = row.phone;
var src = '<%=sign %>'+'pdf/'+row.operatorNo+".jpg";
var img = document.getElementById("Img02");
img.src = src;
img.addEventListener("click", function() {
document.getElementById("preView1").innerHTML = '<img src="' + this.src + '">';
$("#preView1").dialog("open").dialog('setTitle', '<%=ReadProperties.getValue("preView") %>');
});

var pt = '<%=operType %>';
if(pt-3>=0){
document.getElementById("pwd0220").style.display = "";
$('#password1230').val('');
document.getElementById("pwd1").style.display = "";
//document.getElementById("rePwd1").style.display = "";
$("#password0220").validatebox({
required:true,
});

}else{
document.getElementById("pwd0220").style.display = "none";
$("#password0220").validatebox({
required:false,
});
}
$("#"+divID).dialog("open").dialog('setTitle', '<%=ReadProperties.getValue("emp") %>');
$("#"+divID).panel("move",{top:$(document).scrollTop() + ($(window).height()-370) * 0.5});
}else{
$.messager.alert('<%=ReadProperties.getValue("tip") %>', '<%=ReadProperties.getValue("info.tip") %>', 'info');
return;
}
}
var selectOperType;
var comType;
var companyNo0420;
function newGiveAuth(divID,divID1,station){
var row = $("#initTable").datagrid("getSelected");
if (row) {
companyNo0420 = row.companyNo;
if(row.operType==-1){
$("#auth1").form("load", row);
$("#auth1").dialog("open").dialog('setTitle', '<%=ReadProperties.getValue("privileges") %>');
$("#auth1").panel("move",{top:$(document).scrollTop() + ($(window).height()-450) * 0.5});
$('#operAuthTree1').tree({
url: "SKOperAuthTree?operatorNo="+row.operatorNo+"&station="+station+"&companyNo="+row.companyNo+"&operType="+row.operType+"&stationType=-1",
loadFilter: function(data){
return data;
}
});
return;
}
comType = row.comType;
if(row.operType==3){
$.messager.alert('<%=ReadProperties.getValue("tip") %>', '<%=ReadProperties.getValue("select.error.tip3") %>', 'info');
return;
}
if(row.operType>=${oper.operType}){
$.messager.alert('<%=ReadProperties.getValue("tip") %>', '<%=ReadProperties.getValue("select.error.tip") %>', 'info');
return;
}
selectOperType = row.operType;
$("#"+divID1).form("load", row);
$("#"+divID).dialog("open").dialog('setTitle', '<%=ReadProperties.getValue("privileges") %>');
$("#"+divID).panel("move",{top:$(document).scrollTop() + ($(window).height()-450) * 0.5});

$.ajax({
type:"POST",
contentType: "application/x-www-form-urlencoded; charset=UTF-8",
url:"queryOperFuncAuth?operatorNo="+row.operatorNo+"&operType="+row.operType+"&comType="+row.comType,
success:function (data){

document.getElementById("checkboxDIV").innerHTML = '';
var vData = $.parseJSON(data);
if(vData.signMana>0){
var boxes = document.getElementsByName("pdfSign");
for(i=0;i<boxes.length;i++){
boxes[i].checked = true;
break;
}

}else{
var boxes = document.getElementsByName("pdfSign");
for(i=0;i<boxes.length;i++){
boxes[i].checked = false;
break;
}
}

var html='<table>';
$.each(vData.rows, function(i,item){
if(i%2==0){
html += '<tr>';
}
var offlineLock= "offlineLock";

if(item.funcType=='102') {
if(item.checked){
html += '<td colspan="1"><input type="checkbox" checked="'+item.checked+'" onclick="showTdLock('+offlineLock+')" name="privileges" value="'+item.funcType+'">'+item.funcName+'<input name="offlineLockNumber" id="offlineKeyNumber" class="easyui-validatebox" data-options="validType:number" style="width: 40px;" value="'+item.valueType+'"/>'+item.offlineKeyUnit+'</td>';
}else{
html += '<td colspan="1"><input type="checkbox" onclick="showTdLock('+offlineLock+')" name="privileges" value="'+item.funcType+'">'+item.funcName+'<input name="offlineLockNumber" id="offlineKeyNumber" class="easyui-validatebox" data-options="validType:number" style="width: 40px;" value="'+item.valueType+'"/>'+item.offlineKeyUnit+'</td>';
}

}else if(item.funcType=='105') {
if(item.checked){
html += '<td colspan="1"><input type="checkbox" checked="'+item.checked+'" onclick="showTdLock('+offlineLock+')" name="privileges" value="'+item.funcType+'">'+item.funcName+'<input name="offlineLockNumber" id="offlineLockNumber" class="easyui-validatebox" data-options="validType:number" style="width: 40px;" value="'+item.valueType+'"/>'+item.offlineLockUnit+'</td>';
}else{
html += '<td colspan="1"><input type="checkbox" onclick="showTdLock('+offlineLock+')" name="privileges" value="'+item.funcType+'">'+item.funcName+'<input name="offlineLockNumber" id="offlineLockNumber" class="easyui-validatebox" data-options="validType:number" style="width: 40px;" value="'+item.valueType+'"/>'+item.offlineLockUnit+'</td>';
}

}else if(item.funcType=='107') {
if(item.checked){
html += '<td colspan="1"><input type="checkbox" checked="'+item.checked+'" onclick="showTdLock('+offlineLock+')" name="privileges" value="'+item.funcType+'">'+item.funcName+'<input name="offlineLockNumber" id="offlineLockNumber" class="easyui-validatebox" data-options="validType:number" style="width: 40px;" value="'+item.valueType+'"/>'+item.offlineLockUnit+'</td>';
}else{
html += '<td colspan="1"><input type="checkbox" onclick="showTdLock('+offlineLock+')" name="privileges" value="'+item.funcType+'">'+item.funcName+'<input name="offlineLockNumber" id="offlineLockNumber" class="easyui-validatebox" data-options="validType:number" style="width: 40px;" value="'+item.valueType+'"/>'+item.offlineLockUnit+'</td>';
}

}else{
if(item.checked){
html += '<td><input type="checkbox" checked="'+item.checked+'" name="privileges" value="'+item.funcType+'">'+item.funcName+'</td>';
}else{
html += '<td><input type="checkbox" name="privileges" value="'+item.funcType+'">'+item.funcName+'</td>';
}

}

if(i%2==1&&i>0){
html += '</tr>';
}
});
html += '</tr></table>';
document.getElementById("checkboxDIV").innerHTML =html;
var privileges= checkedValues("privileges");
if(privileges&&privileges.length>0){
for(var i=0;i<privileges.length;i++){
if(privileges[i]=='102'){
showTd("offline");
}else if(privileges[i]=='105'){
showTdLock("offlineLock");
}
}
}

}
});
var stationType =-1;
if(station&&station==1){

document.getElementById("stationDiv").style.display="none";
$("#stationType").combobox({
url : "queryStationType?s=1",//返回json数据的url
valueField : "id",//这个id和你返回json里面的id对应
textField : "text", //这个text和你返回json里面的text对应
onChange: function (n,o) {
load();
$('#operAuthTree').tree({
url: "queryOperAuthTree?operatorNo="+row.operatorNo+"&station="+station+"&companyNo="+row.companyNo+"&operType="+row.operType+"&stationType="+n,
loadFilter: function(data){
return data;
}
});
removeload();
}
});
}else{
document.getElementById("stationDiv").style.display="none";
}
if(station==1){
document.getElementById("pdfSign").style.display="none";
}else if(station==0&&(row.operType==3||row.operType==1)){
document.getElementById("pdfSign").style.display="";
}else{
document.getElementById("pdfSign").style.display="none";
}
$('#operAuthTree').tree({
url: "queryOperAuthTree?operatorNo="+row.operatorNo+"&station="+station+"&companyNo="+row.companyNo+"&operType="+row.operType+"&stationType="+stationType,
loadFilter: function(data){
return data;
}
});
}else{
$.messager.alert('<%=ReadProperties.getValue("tip") %>', '<%=ReadProperties.getValue("info.tip") %>', 'info');
return;
}
}
function selectAll() {
var obj = document.getElementsByName('selectall');
var cks = document.getElementsByName("privileges");
var ckslen = cks.length;
for(var i=0;i<ckslen;i++) {
if(cks[i].type == 'checkbox') {
cks[i].checked = obj[0].checked;
}
}
}

var jschars = ['0','1','2','3','4','5','6','7','8','9'];
function generateMixed(n) {
var res = "";
for(var i = 0; i < n ; i ++) {
var id = Math.ceil(Math.random()*9);
res += jschars[id];
}
return res;
}
function save(){
var picture0 = $("#picture0").filebox('getValue');
var operatorType=$("#operatorType").combobox('getValue');
if(!picture0&&operatorType==1){
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("select.picture") %>'
});
return;
}
$.messager.progress({
title: '<%=ReadProperties.getValue("wait") %>',
msg: '<%=ReadProperties.getValue("frame.loading") %>',
text: '<%=ReadProperties.getValue("executing") %>'
});
$("#addfm").form("submit", {
url: "addOper",
onsubmit: function () {
return $(this).form("validate");
},
success:function (data){
$.messager.progress('close');
var vData = $.parseJSON(data);
if(vData.status == 1){
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("operSuccess") %>'
});
$("#add").dialog("close");
loadTable(s,e);
}else if(vData.status == -1){
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("phone.exist") %>'
});
}else if(vData.status == -2){
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("number.name.exist") %>'
});
}else{
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("operFail") %>'
});
}
},
error:function(XMLHttpRequest,textStatus, errorThrown) {
$.messager.progress('close');
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("sys.error") %>' + XMLHttpRequest.status
});
}
});
}

function edit(){
var pwd = document.getElementById("password0220").value;
$.messager.progress({
title: '<%=ReadProperties.getValue("wait") %>',
msg: '<%=ReadProperties.getValue("frame.loading") %>',
text: '<%=ReadProperties.getValue("executing") %>'
});
$("#editfm").form("submit", {
url: "alterOper?pwd="+pwd,
onsubmit: function () {
return $(this).form("validate");
},
success:function (data){
var vData = $.parseJSON(data);
$.messager.progress('close');
if(vData.status == 1){
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("operSuccess") %>'
});
$("#edit").dialog("close");
loadTable(s,e);
}else if(vData.status == -1){
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("phone.exist") %>'
});
}else{
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("operFail") %>'
});
}
},
error:function(XMLHttpRequest,textStatus, errorThrown) {
$.messager.progress('close');
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("sys.error") %>' + XMLHttpRequest.status
});
}
});
}

function deleteOperator() {
var selRow = $('#initTable').datagrid("getSelections");//返回选中多行
if(selRow.length==0){
$.messager.alert('<%=ReadProperties.getValue("tip") %>', '<%=ReadProperties.getValue("info.tip") %>', 'info');
return false;
}
var ids=[];
for(var i = 0; i < selRow.length; i++) {
if(selRow[i].operType>=${oper.operType}){
$.messager.alert('<%=ReadProperties.getValue("tip") %>', '<%=ReadProperties.getValue("select.error.tip2") %>', 'info');
return;
}

//获取自定义table 的中的checkbox值
var id=selRow[i].operatorNo; //OTRECORDID这个是你要在列表中取的单个id
ids.push(id); //然后把单个id循环放到ids的数组中
}
$.messager.confirm('<%=ReadProperties.getValue("tip") %>', '<%=ReadProperties.getValue("confirmDelete") %>', function(r){
if (r){
$.messager.progress({
title: '<%=ReadProperties.getValue("wait") %>',
msg: '<%=ReadProperties.getValue("frame.loading") %>',
text: '<%=ReadProperties.getValue("executing") %>'
});
$.getJSON("deleteOperator",
{"array[]":ids},
function(data){
$.messager.progress('close');
if(data.status >= 0){
loadTable(s,e);
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("operSuccess") %>'+": "+data.status
});

}else{
$.messager.show({
title: '<%=ReadProperties.getValue("wait") %>',
msg: '<%=ReadProperties.getValue("operFail") %>'
});
return;
}
});
}

})
}
var pdfSign;
function pdfSign(){
var str=document.getElementsByName("pdfSign");
var objarray=str.length;

for (i=0;i<objarray;i++)
{
if(str[i].checked == true)
{
pdfSign=str[i].value;
}
}
if(pdfSign == ""){
pdfSign = "0";
}
}
function savePrivileges(){
var operatorName = document.getElementById("operatorName").value;
var operatorNo = document.getElementById("operatorNo").value;
if(!operatorNo){
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("null.operatorNo") %>'
});
return false;
}
var privileges = checkedValues("privileges");
if(!privileges||privileges.length==0){
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("select.func.tip") %>'
});
return false;
}
var offlineKeyNumber;
var offlineLockNumber;

offlineKeyNumber = document.getElementById("offlineKeyNumber").value;
if(!offlineKeyNumber){
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("enter.offlineNumber") %>'
});
return false;
}
offlineLockNumber = document.getElementById("offlineLockNumber").value;
if(!offlineLockNumber){
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("enter.offlineNumber") %>'
});
return false;
}
if(isNaN(offlineKeyNumber)||isNaN(offlineLockNumber)){
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("enter.Number") %>'
});
return false;
}
var checkID;
checkID = getCheck("operAuthTree");
var pdfSign="0";
var str=document.getElementsByName("pdfSign");
var objarray=str.length;
for (i=0;i<objarray;i++)
{
if(str[i].checked == true)
{
pdfSign=str[i].value;
}
}

if(!checkID){
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("null.region") %>'
});
return false;
}
$.messager.progress({
title: '<%=ReadProperties.getValue("wait") %>',
msg: '<%=ReadProperties.getValue("frame.loading") %>',
text: '<%=ReadProperties.getValue("executing") %>'
});
$.getJSON("insertPrivileges",
{
"privileges[]":privileges,
"checkID":checkID,
"operatorNo":operatorNo,
"offlineKeyNumber":offlineKeyNumber,
"offlineLockNumber":offlineLockNumber,
"selectOperType":selectOperType,
"operatorName":operatorName,
"comType":comType,
"pdfSign":pdfSign,
"companyNo0420":companyNo0420
},
function(data){
$.messager.progress('close');
if(data.status >= 0){
$("#auth").dialog("close");
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("operSuccess") %>'
});

}else if(data.status == -1){
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("enter.Number") %>'
});
return;
}else{
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("operFail") %>'
});
return;
}
});
}

function getCheck1(id){
var nodes = $("#"+id).tree('getChecked', ['checked','indeterminate']);
var checkID =[];
var companyNo;
for(var i=0; i<nodes.length; i++){
if(nodes[i].id&&nodes[i].id.length==16){
var v = nodes[i].id.substring(6, 8);
if(v.indexOf("01")==0){
companyNo = nodes[i].id;
}
}
checkID.push(nodes[i].id);
}
return checkID;
}
function getCheck(id){
var nodes = $("#"+id).tree('getChecked', ['checked','indeterminate']);
var checkID="";
for(var i=0; i<nodes.length; i++){

if(nodes[i].id&&nodes[i].id.length==16){
var v = nodes[i].id.substring(6, 8);
if(v.indexOf("01")==0){
checkID +="companyNo"+nodes[i].id;
continue;
}
}else if(nodes[i].id&&nodes[i].id.length>16){
var v = nodes[i].id.substring(6, 8);
if(v.indexOf("01")==0){
checkID +="companyNo"+nodes[i].id.substring(0, 16);
continue;
}
}
if(nodes[i].checked==true)
checkID +=","+nodes[i].id;
}
return checkID;
}
function showTd(sid){
var arr=new Array();
var checkbox=document.getElementsByName("privileges");
for(var i=0;i<checkbox.length;i++){
if(checkbox[i].checked==true&&checkbox[i].value=='102'){
document.getElementById(sid).style.display="";
break;
}
document.getElementById(sid).style.display="none";
}
}
function showTdLock(sid){
var arr=new Array();
var checkbox=document.getElementsByName("privileges");
for(var i=0;i<checkbox.length;i++){
if(checkbox[i].checked==true&&checkbox[i].value=='105'){
document.getElementById(sid).style.display="";
break;
}
document.getElementById(sid).style.display="none";
}

}
function checkedValues(name){
var arr=new Array();
var checkbox=document.getElementsByName(name);
for(var i=0;i<checkbox.length;i++){
if(checkbox[i].checked==true){
arr.push(checkbox[i].value);
}
}
return arr;
}
$.extend($.fn.validatebox.defaults.rules, {
CHS: {
validator: function (value, param) {
return /^[\u0391-\uFFE5]+$/.test(value);
},
message: '<%=ReadProperties.getValue("chinese.tip") %>'
},
ZIP: {
validator: function (value, param) {
return /^[1-9]\d{5}$/.test(value);
},
message: '<%=ReadProperties.getValue("post.notExist") %>'
},
QQ: {
validator: function (value, param) {
return /^[1-9]\d{4,10}$/.test(value);
},
message: '<%=ReadProperties.getValue("qq.error") %>'
},
mobile: {
validator: function (value, param) {
//return /^(($\d{2,3}$)|(\d{3}\-))?13\d{9}$/.test(value);
// return /^1[3-8]+\d{9}$/.test(value);
return /^\d{1,11}$/.test(value);
},
message: '<%=ReadProperties.getValue("phone.error") %>'
},
loginName: {
validator: function (value, param) {
return /^[\u0391-\uFFE5\w]+$/.test(value);
},
message: '登录名称只允许汉字、英文字母、数字及下划线'
},
safepass: {
validator: function (value, param) {
return safePassword(value);
},
message: '<%=ReadProperties.getValue("pwd.tip") %>'
},
equalTo: {
validator: function (value, param) {
return value == $(param[0]).val();
},
message: '<%=ReadProperties.getValue("equal.two") %>'
},
number: {
validator: function (value, param) {
return /^\d+$/.test(value);
},
message: '<%=ReadProperties.getValue("number.tip") %>'
},
idcard: {
validator: function (value, param) {
return idCard(value);
},
message:'<%=ReadProperties.getValue("idno.tip") %>'
}
});

/* 密码由字母和数字组成，至少6位 */
var safePassword = function (value) {
return !(/^(([A-Z]*|[a-z]*|\d*|[-_\~!@#\$%\^&\*\.\[\]\{\}<>\?\\\/\'\"]*)|.{0,5})$|\s/.test(value));
}

var idCard = function (value) {
if (value.length == 18 && 18 != value.length) return false;
var number = value.toLowerCase();
var d, sum = 0, v = '10x98765432', w = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2], a = '11,12,13,14,15,21,22,23,31,32,33,34,35,36,37,41,42,43,44,45,46,50,51,52,53,54,61,62,63,64,65,71,81,82,91';
var re = number.match(/^(\d{2})\d{4}(((\d{2})(\d{2})(\d{2})(\d{3}))|((\d{4})(\d{2})(\d{2})(\d{3}[x\d])))$/);
if (re == null || a.indexOf(re[1]) < 0) return false;
if (re[2].length == 9) {
number = number.substr(0, 6) + '19' + number.substr(6);
d = ['19' + re[4], re[5], re[6]].join('-');
} else d = [re[9], re[10], re[11]].join('-');
if (!isDateTime.call(d, 'yyyy-MM-dd')) return false;
for (var i = 0; i < 17; i++) sum += number.charAt(i) * w[i];
return (re[2].length == 9 || number.charAt(17) == v.charAt(sum % 11));
}

var isDateTime = function (format, reObj) {
format = format || 'yyyy-MM-dd';
var input = this, o = {}, d = new Date();
var f1 = format.split(/[^a-z]+/gi), f2 = input.split(/\D+/g), f3 = format.split(/[a-z]+/gi), f4 = input.split(/\d+/g);
var len = f1.length, len1 = f3.length;
if (len != f2.length || len1 != f4.length) return false;
for (var i = 0; i < len1; i++) if (f3[i] != f4[i]) return false;
for (var i = 0; i < len; i++) o[f1[i]] = f2[i];
o.yyyy = s(o.yyyy, o.yy, d.getFullYear(), 9999, 4);
o.MM = s(o.MM, o.M, d.getMonth() + 1, 12);
o.dd = s(o.dd, o.d, d.getDate(), 31);
o.hh = s(o.hh, o.h, d.getHours(), 24);
o.mm = s(o.mm, o.m, d.getMinutes());
o.ss = s(o.ss, o.s, d.getSeconds());
o.ms = s(o.ms, o.ms, d.getMilliseconds(), 999, 3);
if (o.yyyy + o.MM + o.dd + o.hh + o.mm + o.ss + o.ms < 0) return false;
if (o.yyyy < 100) o.yyyy += (o.yyyy > 30 ? 1900 : 2000);
d = new Date(o.yyyy, o.MM - 1, o.dd, o.hh, o.mm, o.ss, o.ms);
var reVal = d.getFullYear() == o.yyyy && d.getMonth() + 1 == o.MM && d.getDate() == o.dd && d.getHours() == o.hh && d.getMinutes() == o.mm && d.getSeconds() == o.ss && d.getMilliseconds() == o.ms;
return reVal && reObj ? d : reVal;
function s(s1, s2, s3, s4, s5) {
s4 = s4 || 60, s5 = s5 || 2;
var reVal = s3;
if (s1 != undefined && s1 != '' || !isNaN(s1)) reVal = s1 * 1;
if (s2 != undefined && s2 != '' && !isNaN(s2)) reVal = s2 * 1;
return (reVal == s1 && s1.length != s5 || reVal > s4) ? -10000 : reVal;
}
};

$.extend($.fn.datagrid.methods, {
autoMergeCells : function (jq, fields) {
return jq.each(function () {
var target = $(this);
if (!fields) {
fields = target.datagrid("getColumnFields");
}
var rows = target.datagrid("getRows");
var i = 0,
j = 0,
temp = {};
for (i; i < rows.length; i++) {
var row = rows[i];
j = 0;
//for (j; j < fields.length; j++) {
for (j; j < 4; j++) {
var field = fields[j];
var tf = temp[field];
if (!tf) {
tf = temp[field] = {};
tf[row[field]] = [i];
} else {
var tfv = tf[row[field]];
if (tfv) {
tfv.push(i);
} else {
tfv = tf[row[field]] = [i];
}
}
}
}
$.each(temp, function (field, colunm) {
$.each(colunm, function () {
var group = this;

if (group.length > 1) {
var before,
after,
megerIndex = group[0];
for (var i = 0; i < group.length; i++) {
before = group[i];
after = group[i + 1];
if (after && (after - before) == 1) {
continue;
}
var rowspan = before - megerIndex + 1;
if (rowspan > 1) {
target.datagrid('mergeCells', {
index : megerIndex,
field : field,
rowspan : rowspan
});
}
if (after && (after - before) != 1) {
megerIndex = after;
}
}
}
});
});
});
}
});

var keyNo728;
var companyNo728;
function empRole(){
var row = $("#initTable").datagrid("getSelected");
if (row) {
rid725 = row.keyNo;
companyNo725 = row.companyNo;
$("#auth1").form("load", row);
$("#auth1").dialog("open").dialog('setTitle', '<%=ReadProperties.getValue("frame.menu.empKey") %>');
$('#empKeyTree1').tree({
checkbox:false,
url: "queryEmpKey1Tree?rid="+row.rid,
loadFilter: function(data){
return data;
}
});
$('#empKeyTree2').tree({
checkbox:true,
url: "queryEmpKey2Tree?rid="+row.rid,
loadFilter: function(data){
return data;
}
});
}else{
$.messager.alert('<%=ReadProperties.getValue("tip") %>', '<%=ReadProperties.getValue("info.tip") %>', 'info');
return;
}
}

function savePrivileges1(){

var operatorName = document.getElementById("operatorName1").value;
var operatorNo = document.getElementById("operatorNo1").value;
if(!operatorNo){
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("null.operatorNo") %>'
});
return false;
}
var checkID;
checkID = getCheck("operAuthTree1");
if(!checkID){
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("null.region") %>'
});
return false;
}
$.messager.progress({
title: '<%=ReadProperties.getValue("wait") %>',
msg: '<%=ReadProperties.getValue("frame.loading") %>',
text: '<%=ReadProperties.getValue("executing") %>'
});
$.getJSON("insertSKPrivileges",
{
"checkID":checkID,
"operatorNo":operatorNo,
"operatorName":operatorName
},
function(data){
$.messager.progress('close');
if(data.status >= 0){
$("#auth1").dialog("close");
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("operSuccess") %>'
});

}else if(data.status == -1){
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("enter.Number") %>'
});
return;
}else{
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("operFail") %>'
});
return;
}
});
}



function expand(id,id1,id2){
var file = $('#'+id).filebox('getValue');
if(file){
PreviewImage($("input[name='"+id+"']")[0], id1, id2);
document.getElementById(id2).style.display="";
}

}
function closePV(id){
document.getElementById(id).style.display="none";
}
function PreviewImage(fileObj,imgPreviewId,divPreviewId){
var allowExtention=".jpg,.jpeg,.bmp,.gif,.png";//允许上传文件的后缀名document.getElementById("hfAllowPicSuffix").value;
var extention=fileObj.value.substring(fileObj.value.lastIndexOf(".")+1).toLowerCase();
var browserVersion= window.navigator.userAgent.toUpperCase();
if(allowExtention.indexOf(extention)>-1){
if(fileObj.files){//HTML5实现预览，兼容chrome、火狐7+等
if(window.FileReader){
var reader = new FileReader();
reader.onload = function(e){
document.getElementById(imgPreviewId).setAttribute("src",e.target.result);
}
reader.readAsDataURL(fileObj.files[0]);
}else if(browserVersion.indexOf("SAFARI")>-1){
alert("Safari6.0 does not support the following browser image preview!");
}
}else if (browserVersion.indexOf("MSIE")>-1){
if(browserVersion.indexOf("MSIE 6")>-1){//ie6
document.getElementById(imgPreviewId).setAttribute("src",fileObj.value);
}else{//ie[7-9]
fileObj.select();
if(browserVersion.indexOf("MSIE 9")>-1)
fileObj.blur();//不加上document.selection.createRange().text在ie9会拒绝访问
var newPreview =document.getElementById(divPreviewId+"New");
if(newPreview==null){
newPreview =document.createElement("div");
newPreview.setAttribute("id",divPreviewId+"New");
newPreview.style.width = document.getElementById(imgPreviewId).width+"px";
newPreview.style.height = document.getElementById(imgPreviewId).height+"px";
newPreview.style.border="solid 1px #d2e2e2";
}
newPreview.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale',src='" + document.selection.createRange().text + "')";
var tempDivPreview=document.getElementById(divPreviewId);
tempDivPreview.parentNode.insertBefore(newPreview,tempDivPreview);
tempDivPreview.style.display="none";
}
}else if(browserVersion.indexOf("FIREFOX")>-1){//firefox
var firefoxVersion= parseFloat(browserVersion.toLowerCase().match(/firefox\/([\d.]+)/)[1]);
if(firefoxVersion<7){//firefox7以下版本
document.getElementById(imgPreviewId).setAttribute("src",fileObj.files[0].getAsDataURL());
}else{//firefox7.0+
document.getElementById(imgPreviewId).setAttribute("src",window.URL.createObjectURL(fileObj.files[0]));
}
}else{
document.getElementById(imgPreviewId).setAttribute("src",fileObj.value);
}
}else{
alert(allowExtention+' <%=ReadProperties.getValue("supported") %>');
$('#picture0').filebox('setValue', null);
fileObj.value="";//清空选中文件
if(browserVersion.indexOf("MSIE")>-1){
fileObj.select();
document.selection.clear();
}
fileObj.outerHTML=fileObj.outerHTML;

}
}
function change_photo0(){
PreviewImage($("input[name='picture0']")[0], 'Img0', 'Imgdiv0');
document.getElementById("Imgdiv0").style.display = "";
}
function change_photo01(){
PreviewImage($("input[name='picture01']")[0], 'Img01', 'Imgdiv01');
document.getElementById("Imgdiv01").style.display = "";
}

function exportExcel(){
$('#searchfm').form("submit", {
url:"exportOper",
onsubmit: function () {
return $(this).form("validate");
},

success:function (data){
},
error:function(XMLHttpRequest,textStatus, errorThrown) {
$.messager.show({
title: '<%=ReadProperties.getValue("tip") %>',
msg: '<%=ReadProperties.getValue("sys.error") %>' + XMLHttpRequest.status
});
　　}
})



}
</script>
</head>

<body>
<div id="preView1" class="easyui-dialog" style="position: relative;top: 0%;left: 0%;width: 80%;max-height: 100%;min-width: 100px;" modal="true" closed="true" >
</div>
<form action="" id="searchfm"></form>
<input type="hidden" value="${oper.url}" id="operurl">
<input type="hidden" value="<%=(String)session.getAttribute("operatorNo") %>" id="sessionOperNO">
<input type="hidden" value="<%=(String)session.getAttribute("companyNo") %>" id="sessionComNO">
<input type="hidden" value="${oper.comOperNoType}" id="comOperNoType">
<div id="initTable"></div>
<div id="toolbar">
<div id="operDIV" style="display: none;">
<a id="hiddenDiv" href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-add" onclick="add('add','cno','0')" ><%=ReadProperties.getValue("add") %></a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-edit" onclick="newedit('edit','editfm')" ><%=ReadProperties.getValue("edit") %></a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-remove" onclick="deleteOperator()"><%=ReadProperties.getValue("delete") %></a>
<a id="hiddenDiv1" href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-add" onclick="newGiveAuth('auth','authfm',0)" ><%=ReadProperties.getValue("give.auth1") %></a>
<a id="hiddenDiv2" href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-add" onclick="newGiveAuth('auth','authfm',1)" ><%=ReadProperties.getValue("give.auth") %></a>
<input name="searchEno" id="searchEno" class="easyui-textbox" style="width: 300px;" data-options="prompt:'<%=ReadProperties.getValue("oper.search.tip") %>',required:false,validType:['length[1,100]']"/>
<span style="display: none;"><input type="checkbox" name="pdfSign1" value="1" ><%=ReadProperties.getValue("region.manager") %></span>
<a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-search" onclick="loadTableNew(1,10);"><%=ReadProperties.getValue("query") %></a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-export" onclick="exportExcel();"><%=ReadProperties.getValue("export.excel") %></a>
</div>
</div>
<div id="add" class="easyui-dialog" style="width: 700px; height: 390px; padding: 10px 40px;" shadow="false" closed="true" modal="true" buttons="#dlg-buttons">
<div style="float:left;margin: 30px;" >
<img src="images/people.png" width="160px;"/>
</div>

<div style="float: right;padding-top: 20px;">
<form id="addfm" method="post" enctype="multipart/form-data" accept="image/gif, image/jpeg,image/jpg, image/png, image/gif">

<div class="fitem">
<label>
<%=ReadProperties.getValue("company") %></label>
<select class="easyui-combobox" name="companyNo" id="company" editable="false" panelHeight="150px" style="width: 200px;" required="true" >
</select>
</div>
<div class="fitem">
<label><%=ReadProperties.getValue("Number") %></label>
<input name="operatorNo" id="cno" class="easyui-numberbox" precision="0" max="99999999" min="0" size="8" maxlength="8" minlength="8" required="true" style="width: 200px;" />
</div>
<div class="fitem">
<label>
<%=ReadProperties.getValue("Name1") %></label>
<input name="operatorName" class="easyui-textbox" required="true" style="width: 200px;" data-options="required:true,validType:['length[1,50]']"/>
</div>
<div class="fitem">
<label>
<%=ReadProperties.getValue("vendor") %></label>
<input name="vendor" class="easyui-textbox" required="true" style="width: 200px;" data-options="required:true,validType:['length[1,200]']"/>
</div>
<div class="fitem">
<label>
<%=ReadProperties.getValue("idno") %></label>
<input name="idno" class="easyui-textbox" required="false" style="width: 200px;" data-options="required:false,validType:['length[1,50]']"/>
</div>
<div class="fitem">
<label>
<%=ReadProperties.getValue("type") %></label>
<select class="easyui-combobox" name="operatorType" id="operatorType" editable="false" panelHeight="auto" style="width: 200px;" required="true" >
</select>

<div id="Imgdiv0" style="position:absolute; top: 50px;margin-left: -100px;display: none;">
<img id="Img0" onmouseover="expand('picture0','pv','preView')" onmouseout="closePV('preView')" style="z-index: 999;width: 75px;height: 50px;border-radius: 6px;-moz-border-radius: 6px;border: 1px solid #63B8FF;"/>

</div>

</div>


<div class="fitem" id="fileboxType" style="display: none;">
<label>
<%=ReadProperties.getValue("signature") %></label>
<input class="easyui-filebox" style="width:200px;" data-options="onChange:change_photo0,buttonText:'     <%=ReadProperties.getValue("picture") %>...    '" name="picture0" id="picture0"/>


</div>
<div class="fitem">
<label>
<%=ReadProperties.getValue("email") %></label>
<input name="email" class="easyui-textbox" validtype="email" style="width: 200px;" data-options="required:false,validType:['length[1,50]']" />
</div>
<div class="fitem">
<label>
<%=ReadProperties.getValue("phone") %></label>
<input name="phone" class="easyui-textbox" required="true" style="width: 200px;" data-options="required:true,validType:['length[1,50]']" />
</div>
<div class="fitem" id="pwd">
<label>
<%=ReadProperties.getValue("pwd") %></label>
<input name="pwd" type="password" id="password" class="easyui-validatebox" style="width: 200px;" data-options="required:true,validType:['length[1,40]']"/>
</div>
<div class="fitem" id="rePwd">
<label>
<%=ReadProperties.getValue("Re.Pwd") %></label>
<input name="repwd" type="password" id="password1" class="easyui-validatebox" validType="equalTo['#password']" invalidMessage="<%=ReadProperties.getValue("equal.two") %>" style="width: 200px;" data-options="required:true,validType:['length[1,40]']"/>
</div>

<div class="fitem" >
<label>
<%=ReadProperties.getValue("sex") %></label>
<select class="easyui-combobox" name="sex" editable="false" panelHeight="auto" style="width: 200px;" required="true" >
<option value="0"><%=ReadProperties.getValue("male") %></option>
<option value="1"><%=ReadProperties.getValue("female") %></option>
</select>
</div>
<div class="fitem">
<label>
<%=ReadProperties.getValue("status") %></label>
<select class="easyui-combobox" name="state" editable="false" panelHeight="auto" style="width: 200px;" required="true" >
<option value="0"><%=ReadProperties.getValue("normal") %></option>
<option value="1"><%=ReadProperties.getValue("disabled") %></option>
</select>
</div>
</form>
</div>
<div id="dlg-buttons">
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="save()" iconcls="icon-add"><%=ReadProperties.getValue("save") %></a>
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$('#add').dialog('close')"
iconcls="icon-cancel"><%=ReadProperties.getValue("cancel") %></a>
</div>
</div>

<div id="edit" class="easyui-dialog" style="width: 700px; height: 370px; padding: 10px 40px;" shadow="false" closed="true" modal="true" buttons="#edit-buttons">
<div style="float:left;padding-top: 30px;" >
<img src="images/people.png" width="160px;"/>
</div>
<div style="float: right;padding-top: 20px;">
<form id="editfm" method="post" enctype="multipart/form-data" accept="image/gif, image/jpeg,image/jpg, image/png, image/gif">
<div class="fitem">
<input name="companyNo" type="hidden" style="width: 200px;" />
<input name="operatorNo" id="cno" type="hidden" style="width: 200px;" />
</div>
<div class="fitem">
<label>
<%=ReadProperties.getValue("Name1") %></label>
<input name="operatorName" class="easyui-textbox" required="true" style="width: 200px;" data-options="required:true,validType:['length[1,50]']"/>
</div>
<div class="fitem">
<label>
<%=ReadProperties.getValue("vendor") %></label>
<input name="vendor" class="easyui-textbox" required="true" style="width: 200px;" data-options="required:true,validType:['length[1,200]']"/>
</div>
<div class="fitem">
<label>
<%=ReadProperties.getValue("idno") %></label>
<input name="idno" class="easyui-textbox" required="false" style="width: 200px;" data-options="required:false,validType:['length[1,50]']"/>
</div>
<div class="fitem">
<label>
<%=ReadProperties.getValue("type") %></label>
<select class="easyui-combobox" name="operatorType" id="operatorType1" editable="false" panelHeight="auto" style="width: 200px;" required="true" >
</select>


<div id="Imgdiv01" style="position:absolute; top: 50px;margin-left: -92px;display: none;">
<img id="Img01" onmouseover="expand('picture01','pv','preView')" onmouseout="closePV('preView')" style="z-index: 999;width: 75px;height: 50px;border-radius: 6px;-moz-border-radius: 6px;border: 1px solid #63B8FF;"/>
<br/><br/><img id="Img02" style="cursor:pointer; z-index: 999; width: 75px;height: 50px;border-radius: 6px;-moz-border-radius: 6px;border: 1px solid #63B8FF;"/>
</div>
</div>


<div class="fitem" id="fileboxType1" style="display: none;">
<label>
<%=ReadProperties.getValue("signature") %></label>
<input class="easyui-filebox" style="width:200px;" data-options="onChange:change_photo01,buttonText:'     <%=ReadProperties.getValue("picture") %>...    '" name="picture01" id="picture01"/>


</div>

<div class="fitem">
<label>
<%=ReadProperties.getValue("email") %></label>
<input name="email" class="easyui-textbox" validType="email" style="width: 200px;" data-options="required:false,validType:['length[1,50]']" />
</div>
<div class="fitem">
<label>
<%=ReadProperties.getValue("phone") %></label>
<input name="phone" class="easyui-textbox" required="true" style="width: 200px;" data-options="required:true,validType:['length[1,50]']" />
<input name="oldPhone" id="oldPhone" type="hidden" style="width: 200px;"/><br/>
</div>

<div class="fitem" id="pwd0220" style="display: none;">
<label>
<%=ReadProperties.getValue("Current.password") %></label>
<input name="pwd" type="password" disabled="disabled" id="password0220" editable="false" class="easyui-validatebox" style="width: 200px;" data-options="validType:['length[1,40]']"/>
</div>

<div class="fitem" id="pwd1" style="display: none;">
<label>
<%=ReadProperties.getValue("New.password") %></label>
<input name="password" type="password" id="password1230" class="easyui-validatebox" style="width: 200px;" data-options="validType:['length[1,40]']"/>
</div>


<div class="fitem">
<label>
<%=ReadProperties.getValue("sex") %></label>
<select class="easyui-combobox" name="sex" editable="false" panelHeight="auto" style="width: 200px;" required="true" >
<option value="0"><%=ReadProperties.getValue("male") %></option>
<option value="1"><%=ReadProperties.getValue("female") %></option>
</select>
</div>
<div class="fitem">
<label>
<%=ReadProperties.getValue("status") %></label>
<select class="easyui-combobox" name="state" editable="false" panelHeight="auto" style="width: 200px;" required="true" >
<option value="0"><%=ReadProperties.getValue("normal") %></option>
<option value="1"><%=ReadProperties.getValue("disabled") %></option>
</select>
</div>
</form>
</div>
<div id="edit-buttons">
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="edit()" iconcls="icon-edit"><%=ReadProperties.getValue("edit") %></a>
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$('#edit').dialog('close')"
iconcls="icon-cancel"><%=ReadProperties.getValue("cancel") %></a>
</div>
</div>

<div id="auth" class="easyui-dialog" style="width: 510px; height: 450px; padding: 10px 20px;" shadow="false" closed="true" modal="true" buttons="#auth-buttons">
<form id="authfm" method="post">
<div class="ftitle">
<%=ReadProperties.getValue("Personnel") %>
</div>
<div class="fitem">
<label></label>
<input name="operatorNo" id="operatorNo" type="hidden" readonly="readonly" style="width: 200px;" />
</div>
<div class="fitem">
<label>
<%=ReadProperties.getValue("Name") %></label>
<input name="operatorName" id="operatorName" class="easyui-textbox" style="width: 200px;" editable="false" data-options="required:true,validType:['length[1,50]']"/>
</div>
<div class="fitem">
<label>
<%=ReadProperties.getValue("type") %></label>
<input class="easyui-textbox" name="operatorType" readonly="readonly" style="width: 200px;" required="true" >
<span style="display: none;"><span style="font-weight: normal;" id="pdfSign"><input type="checkbox" name="pdfSign" value="1" ><%=ReadProperties.getValue("region.manager") %></span> </span>
</div>
<div class="ftitle">
<%=ReadProperties.getValue("privileges1") %>   <span style="font-weight: normal;"><input type="checkbox" name="selectall" value=on onclick="selectAll()"><%=ReadProperties.getValue("selectAll") %></span>
</div>
<div class="fitem" id="checkboxDIV">
</div>

<div class="ftitle">

<%=ReadProperties.getValue("region") %>/<%=ReadProperties.getValue("station") %>
</div>
<div>
<div style="float: left;">
<ul id="operAuthTree" class="easyui-tree" checkbox="true" data-options="lines:true"></ul>
</div>
<div style="float: right;" id="stationDiv" >
<select class="easyui-combobox" name="staionType" id="stationType" editable="false" panelHeight="auto" style="width: 100px;" required="true" >
</select>
</div>

</div>
</form>
<div id="auth-buttons">
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="savePrivileges()" iconcls="icon-save"><%=ReadProperties.getValue("save") %></a>
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$('#auth').dialog('close')"
iconcls="icon-cancel"><%=ReadProperties.getValue("cancel") %></a>
</div>
</div>

<div id="auth1" class="easyui-dialog"
style="width: 500px; height: 450px; padding: 10px 20px;"
shadow="false" closed="true" modal="true" buttons="#auth-buttons1">
<form id="authfm1" method="post">
<div class="ftitle">
<%=ReadProperties.getValue("Personnel") %>
</div>
<div class="fitem">
<label></label>
<input name="operatorNo" id="operatorNo1" type="hidden"
readonly="readonly" style="width: 200px;" />
</div>
<div class="fitem">
<label>
<%=ReadProperties.getValue("Name") %></label>
<input name="operatorName" id="operatorName1" class="easyui-textbox"
style="width: 200px;" editable="false"
data-options="required:true,validType:['length[1,50]']" />
</div>
<div class="fitem" style="display: none;">
<label>
<%=ReadProperties.getValue("type") %></label>
<input class="easyui-textbox" name="operatorType"
readonly="readonly" style="width: 200px;" required="true">
</div>

<div class="ftitle">

<%=ReadProperties.getValue("station") %>
</div>
<div>
<div style="float: left;">
<ul id="operAuthTree1" class="easyui-tree" checkbox="true"
data-options="lines:true"></ul>
</div>

</div>
</form>
<div id="auth-buttons1">
<a href="javascript:void(0)" class="easyui-linkbutton"
onclick="savePrivileges1()" iconcls="icon-save"><%=ReadProperties.getValue("save") %></a>
<a href="javascript:void(0)" class="easyui-linkbutton"
onclick="javascript:$('#auth1').dialog('close')"
iconcls="icon-cancel"><%=ReadProperties.getValue("cancel") %></a>
</div>
</div>

<center>
<div id="preView" style="position: absolute;top: 0%;display: none;z-index: 9999;height: 100%;width: 100%;">
<img id="pv" style="max-height:100%;max-width:100%;height: auto;border-radius: 6px;-moz-border-radius: 6px;"/>
</div>
</center>

</body>
</html>

阅读全文

0 0