<!doctype html>
|
<html>
|
<head>
|
[#include "/business/wechat/include/title.html" /]
|
[#include "/business/wechat/include/wheader.html" /]
|
<script type="text/javascript" src="${common_static}/static/wechat/style/js/project.js"></script>
|
</head>
|
|
<body>
|
<header class="kltit"><div class="present"><a href="javascript:saveuser();">确定</a></div>
|
<a [#if RequestParameters.lctype == 1]href="${base}/ewyw/ewQuestion/ewwtusers.html?customer_id=${RequestParameters.customer_id}&flowId=${RequestParameters.flowId}&curnodeId=${RequestParameters.curnodeId}" [#else]href="${base}/ewyw/ewQuestion/ewslusers.html?customer_id=${RequestParameters.customer_id}&flowId=${RequestParameters.flowId}&curnodeId=${RequestParameters.curnodeId}" [/#if] ><span></span></a>人员分配</header>
|
<nav class="kltwo clearfix fixed">
|
<div class="kltwowrap3">
|
<a href="#" hidefocus="true" class="active">人员</a>
|
<a href="#" hidefocus="true">角色 </a>
|
</div>
|
</nav>
|
<div class="pt22">
|
<div class="swiper-container" >
|
<div class="swiper-wrapper">
|
<div class="swiper-slide">
|
<section class="mb5">
|
<div class="select-assign">
|
<span class="small">主负责人：</span>
|
<em class="small" id="user">
|
</em>
|
</div>
|
[#if groupList??&&groupList?size>0]
|
[#list groupList as group]
|
<a href="#"> <h2 class="redtit nametwo nameone-2"><em class="close"></em>${group.name}</h2></a>
|
<section class="wlresponse cwrap namethree class" style="display:none;">
|
[#assign userList=group.dataList]
|
[#if userList??&&userList?size>0]
|
[#list userList as user]
|
<p sl="${user.USER_ID}" v="${user.USER_NAME}" [#if user_index + 1 == userList?size ] class="last" [/#if] > <span>${user.USER_NAME}</span> </p>
|
[/#list]
|
[/#if]
|
</section>
|
[/#list]
|
[/#if]
|
</section>
|
</div>
|
<div class="swiper-slide">
|
<seciton>
|
<div class="select-assign"><span>当前选择：</span><em id="role" ></em></div>
|
<section class="wlresponse namethree js class">
|
[#if groupList??&&groupList?size>0]
|
[#list groupList as group]
|
<p sl="${group.id}" v="${group.name}"><span>${group.name}</span></p>
|
[/#list]
|
[/#if]
|
</section>
|
</section>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script type="text/javascript">
|
/*标签切换:三个*/
|
n=$('.kltwowrap3 a').size();
|
var wh=100*n+"%";
|
$('.kltwowrap3').width(wh);
|
var lt=(100/n/2);
|
var lt_li=lt+"%";
|
$('.kltwowrap3 a').width(lt_li);
|
$(".kltwowrap3 a").on('touchstart mousedown',function(e){
|
e.preventDefault()
|
$(".kltwowrap3 .active").removeClass('active');
|
$(this).addClass('active');
|
tabsSwiper.slideTo($(this).index());
|
});
|
|
$(".kltwowrap3 a").click(function(e){
|
e.preventDefault();
|
});
|
|
var tabsSwiper = new Swiper(".swiper-container",{
|
setWrapperSize :true,
|
onSlideChangeStart: function(sw){
|
$(".kltwowrap3 .active").removeClass('active');
|
$(".kltwowrap3 a").eq(tabsSwiper.activeIndex).addClass('active');
|
|
//sw.width
|
var currTab = $(".kltwowrap3 a").eq(tabsSwiper.activeIndex);
|
/*if(currTab.width()*sw.activeIndex +10 > sw.width){
|
currTab.parent().css("left",-currTab.width()*sw.activeIndex);
|
}else{
|
currTab.parent().css("left",0);
|
}*/
|
currTab.parent().css("left",-parseInt(sw.activeIndex/2)*sw.width);
|
}
|
});
|
var customer_id = '${RequestParameters.customer_id}';
|
var flowId = '${RequestParameters.flowId}';
|
var curnodeId = '${RequestParameters.curnodeId}';
|
var lctype = '${RequestParameters.lctype}';
|
$(function(){
|
$(".js p").click(function() {
|
$(".swiper-slide p").removeClass("foucs-2");
|
$(this).toggleClass("foucs-2"); //Remove any "active" class
|
if($(this).attr("class") == 'foucs-2'){
|
var id = $(this).attr("sl");
|
var name = $(this).attr("v");
|
$.ajax({
|
type: "POST",
|
url:"${base}/ewyw/ewIncident/checkWtRy.html",
|
data:{"id":id},
|
dataType:"json",
|
error: function() {
|
window.top.popupTips("操作失败");
|
},
|
success: function(data) {
|
if(data=="0"){
|
popupTips(name+"没有分配人员信息!");
|
}else{
|
var alreadySelect = "";
|
$("#user").html("");
|
$("#role").html("");
|
alreadySelect += "<i class='foucs-3' id='"+id+"'>"+name+"</i>";
|
$("#role").append(alreadySelect);
|
}
|
}
|
});
|
|
|
|
|
}
|
});
|
$(".cwrap p").click(function() {
|
$(".js p").removeClass("foucs-2");
|
$(this).toggleClass("foucs-2"); //Remove any "active" class
|
var id = $(this).attr("sl");
|
var name = $(this).attr("v");
|
var alreadySelect = "";
|
if($(this).attr("class") == 'foucs-2' || $(this).attr("class") == 'last foucs-2'){
|
if($.util.isNull($("#"+id).html())){
|
$("#role").html("");
|
if($.util.isEmpty($("#user").html())) {
|
alreadySelect += "<i onclick='selectmain($(this))' class='foucs-3' id='"+id+"'>"+name+"</i>";
|
}else{
|
if($.util.isNull($("#"+id).html())){
|
alreadySelect += "<i onclick='selectmain($(this))' id='"+id+"'>"+name+"</i>";
|
}
|
}
|
$("#user").append(alreadySelect);
|
}else{
|
$(this).removeClass("foucs-2");
|
popupTips("该人员已经选中");
|
}
|
|
}else{
|
$("#"+id).remove();
|
}
|
});
|
})
|
function saveuser(){
|
var role = $("#role").html();
|
var user = $("#user").html();
|
var typelx = "";
|
var alluserid1 = "";
|
var allusername1 = "";
|
if($.util.isEmpty(role)){
|
typelx = 1;
|
var $checkUser = $("#user i");
|
if($checkUser.length==0) {
|
popupTips("请选择人员");
|
return;
|
}
|
var $checkmain = $("#user .foucs-3");
|
if($.util.isNull($checkmain.html())) {
|
popupTips("请选择主要负责人");
|
return;
|
}
|
var alluserid = "";
|
var allusername = "";
|
$checkUser.each(function() {
|
if($(this).attr("class") == "foucs-3"){
|
alluserid += $(this).attr("id")+"-1,";
|
allusername += $(this).html()+"(主负责人),";
|
}else{
|
alluserid += $(this).attr("id")+",";
|
allusername += $(this).html()+",";
|
}
|
});
|
alluserid1 = alluserid.substring(0,alluserid.length-1)+"&"+allusername.substring(0,allusername.length-1);
|
allusername1 = allusername.substring(0,allusername.length-1);
|
}else{
|
typelx = 2;
|
var $checkUser = $("#role i");
|
alluserid1 = $checkUser.attr("id")+"&"+$checkUser.html();
|
allusername1 = $checkUser.html();
|
|
}
|
|
$.post("${base}/ewyw/ewQuestion/saveuser.html",{"typelx":typelx,"alluserid1":alluserid1,"allusername1":allusername1},function(data,textStatus) {
|
if(lctype == 1){
|
window.location.href = "${base}/ewyw/ewQuestion/ewslusers.html?customer_id="+customer_id+"&flowId="+flowId+"&curnodeId="+curnodeId;
|
}else{
|
window.location.href = "${base}/ewyw/ewQuestion/ewwtusers.html?customer_id="+customer_id+"&flowId="+flowId+"&curnodeId="+curnodeId;
|
}
|
});
|
|
}
|
function selectmain(index){
|
$("i").removeClass("foucs-3");
|
$(index).toggleClass("foucs-3");
|
}
|
</script>
|
</body>
|
</html>
|
