<!doctype html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>选择处理人</title>
|
[#include "/business/pages/include/static.html" /]
|
<style>
|
ul, li {
|
margin: 0;
|
padding: 0;
|
}
|
|
.three_tree ul, .three_tree li {
|
padding-left: 15px;
|
font-size: 12px;
|
line-height: 30px;
|
color: #666;
|
box-sizing: border-box;
|
}
|
|
.three_tree li {
|
cursor: pointer;
|
list-style: none;
|
}
|
|
.three_tree li a.focus, .three_tree li a.already {
|
color: #028efd;
|
}
|
|
.three_tree ul {
|
padding-left: 0;
|
}
|
|
.three_tree > ul > li {
|
padding-left: 5px;
|
}
|
|
.three_tree li em, .three_tree li.cur > em {
|
float: left;
|
margin: 0px 0 0 0;
|
background: url("${base}/static/images/angle.gif") -6px 2px no-repeat;
|
width: 12px;
|
height: 30px;
|
display: block;
|
}
|
|
.three_tree li.cur > em {
|
background: url("${base}/static/images/angle.gif") -24px 2px no-repeat;
|
}
|
|
.three_tree li span, .three_tree li.cur > span {
|
float: left;
|
margin: 6px 5px 0 0;
|
background: url("${base}/static/images/file.gif") left center no-repeat;
|
display: block;
|
height: 16px;
|
width: 16px;
|
cursor: pointer;
|
}
|
|
.three_tree li.cur > span {
|
background: url("${base}/static/images/file.gif") right center no-repeat;
|
}
|
|
.three_tree li span.last {
|
background: url("${base}/static/images/treeNode.png") center top no-repeat;
|
}
|
|
.three_tree li span.last2 {
|
background: url("${base}/static/images/treeNode2.png") center top no-repeat;
|
}
|
|
.three_tree li em.last {
|
background: none;
|
}
|
|
.three_tree li a {
|
color: #666;
|
text-decoration: none;
|
display: block;
|
overflow: hidden;
|
white-space: nowrap;
|
text-overflow: ellipsis;
|
box-sizing: border-box;
|
}
|
|
.three_tree li a:hover {
|
color: #0e76e5;
|
text-decoration: none;
|
}
|
|
.choose {
|
margin:auto;
|
height: 500px;
|
border: solid 1px #e6e6e6;
|
}
|
|
.chooseLeft {
|
width: 40%;
|
height: 500px;
|
float: left;
|
border-right: solid 1px #e6e6e6;
|
}
|
|
.choose-ser {
|
height: 30px;
|
padding: 5px;
|
border-bottom: solid 1px #e6e6e6;
|
position:relative;
|
}
|
|
.choose-serInput {
|
border: solid 1px #e6e6e6;
|
border-width: 1px 0 1px 1px;
|
height: 30px;
|
line-height: 30px;
|
width: 96%;
|
padding-left: 5px;
|
font-size: 12px;
|
color: #666;
|
box-sizing: border-box;
|
float: left;
|
outline: none;
|
position:absolute;
|
left:2%;
|
}
|
|
.choose-serBtn {
|
border: solid 1px #e6e6e6;
|
border-width: 1px 1px 1px 0;
|
width: 30px;
|
height: 30px;
|
background: #fff url(${base}/static/images/choose_ser.png) right center no-repeat;
|
float: left;
|
cursor: pointer;
|
outline: none;
|
position:absolute;
|
right:2%;
|
}
|
|
.chooseTree {
|
overflow: auto;
|
height: 460px;
|
}
|
|
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
|
.chooseTree::-webkit-scrollbar {
|
width: 5px;
|
height: 5px;
|
background-color: #F5F5F5;
|
}
|
|
/*定义滚动条轨道 内阴影+圆角*/
|
.chooseTree::-webkit-scrollbar-track {
|
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
border-radius: 10px;
|
background-color: #F5F5F5;
|
}
|
|
/*定义滑块 内阴影+圆角*/
|
.chooseTree::-webkit-scrollbar-thumb {
|
border-radius: 10px;
|
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
background-color: #b7b7b7;
|
cursor: pointer;
|
}
|
|
.chooseRight {
|
overflow: hidden;
|
}
|
|
.chooseRight h2 {
|
margin: 0;
|
padding: 0;
|
border-bottom: solid 1px #e6e6e6;
|
font-size: 14px;
|
color: #028efd;
|
font-family: microsoft yahei;
|
height: 40px;
|
line-height: 40px;
|
padding-left: 15px;
|
}
|
|
.chooseRight p {
|
cursor: pointer;
|
margin: 0;
|
height: 34px;
|
line-height: 34px;
|
padding: 0 15px;
|
font-size: 12px;
|
font-family: microsoft yahei;
|
color: #666;
|
}
|
|
.chooseRight p.cur {
|
background-color: #f1f1f1;
|
color: #028efd;
|
}
|
|
.chooseRight p a {
|
color: #0e76e5;
|
font-size: 12px;
|
display: inline-block;
|
cursor: pointer;
|
}
|
|
.chooseRight p a.del {
|
background: url(/${base}/static/images/blue_del.png) left center no-repeat;
|
padding: 0 20px 0 18px;
|
}
|
|
.chooseRight p a.cho {
|
background: url(${base}/static/images/blue_choose.png) left center no-repeat;
|
padding: 0 0px 0 18px;
|
}
|
|
.chooseRight p span {
|
float: right;
|
display: none;
|
}
|
|
.chooseRight p.cur span {
|
float: right;
|
display: inline-block;
|
}
|
|
.chooseRight p.leader {
|
background-image: url(${base}/static/images/leader.png);
|
background-position: 60px center;
|
background-repeat: no-repeat;
|
}
|
|
.chooseRight .zw {
|
background: url(${base}/static/images/zw.png) center top no-repeat;
|
padding-top: 60px;
|
text-align: center;
|
width: 120px;
|
margin: 40px auto 0 auto;
|
color: #999;
|
font-size: 12px;
|
font-family: microsoft yahei;
|
}
|
</style>
|
|
</head>
|
<body>
|
[#include "/component/chooseManager.html"/]
|
[@chooseManager source=managerList choose="one" search=search type=1 customerId=customerId/]
|
<script type="text/javascript">
|
function onDialogBtnClick(btnID, dialogID, config) {
|
var oldId="${manager.ID}";
|
var oldName="${manager.ZSXM}";
|
if (btnID == "btnSure") {
|
var a=$("#right p input").val();
|
if($.util.isEmpty(a)){
|
window.top.popupTips("请选择人员");
|
return;
|
}
|
var flag=false;
|
var id;
|
var name;
|
$("#right p input").each(function (i, n) {
|
id=n.value;
|
name=n.name;
|
if(id==oldId){
|
window.top.popupTips("不能选择自己调换");
|
flag=true;
|
}
|
});
|
}
|
if(flag)return;
|
window.top.hideDialog(dialogID);
|
window.top.exchangeTip(id,name,oldId,oldName);
|
}
|
</script>
|
</body>
|
</html>
|
