<!doctype html>
|
<html class="no-js">
|
<head>
|
<meta charset="utf-8">
|
<title>选择服务目录</title>
|
[#include "/business/pages/include/static.html" /]
|
<style>
|
.mytable{
|
border-collapse: collapse;
|
border-spacing: 0;
|
}
|
.mytable td{
|
padding:5px 10px;
|
border:1px solid #ccc;
|
color:#666;
|
font-size:12px;
|
line-height:24px;
|
}
|
.bgcolor {
|
background-color:#f0f0f0;
|
}
|
input[type=checkbox]{
|
position:relative;
|
top:3px;
|
margin-right:3px;
|
}
|
</style>
|
</head>
|
|
<body class="fullscreen">
|
[#include "/business/pages/include/header.html" /]
|
[#assign focusLabel = 'SL']
|
[#include "/business/pages/customerconfig/slacus/moreheader.html" /]
|
<script type="text/javascript">
|
$(document).ready(function() {
|
$.formValidator.initConfig({formID:"myform",onError:function(msg){popupTips(msg)},onSuccess:function(){
|
document.getElementById("myform").target = window.top.openDialog("0","操作",
|
{},
|
{"width":40,"height":40,"noclose":true},
|
[{btnId:"tipBtnSure", btnName:"确定", btnStyle:"bluebtn"}]);
|
return true;
|
}
|
});
|
});
|
function qx(obj){
|
if($(obj).attr("checked")){
|
// $('input[name="sl"]').attr("checked",true);
|
$(":checkbox").attr("checked",true);
|
}else{
|
// $('input[name="sl"]').attr("checked",false);
|
$(":checkbox").attr("checked",false);
|
}
|
}
|
function one(obj){
|
var value=$(obj).attr("data_id")
|
if($(obj).attr("checked")){
|
$('.'+value).attr("checked",true);
|
}else{
|
$('.'+value).attr("checked",false);
|
}
|
}
|
function two(obj){
|
var value=$(obj).val();
|
if($(obj).attr("checked")){
|
$('.'+value).attr("checked",true);
|
}else{
|
$('.'+value).attr("checked",false);
|
}
|
var value1=$(obj).attr("class");
|
var flag=false;
|
$('input').each(function(){
|
var da=$(this).attr("class");
|
if(value1==da){
|
if($(this).attr("checked")){
|
flag=true;
|
}
|
}
|
});
|
if(!flag){
|
$('input').each(function(){
|
var da=$(this).attr("data_id");
|
if(value1==da){
|
$(this).attr("checked",false);
|
}
|
});
|
}else{
|
$('input').each(function(){
|
var da=$(this).attr("data_id");
|
if(value1==da){
|
$(this).attr("checked",true);
|
}
|
});
|
}
|
}
|
function three(obj){
|
var value=$(obj).attr("data_id");
|
var value1=$(obj).attr("data_name");
|
var flag=false;
|
$("."+value).each(function(){
|
if($(this).attr("checked")){
|
flag=true;
|
}
|
});
|
if(!flag){
|
$('input').each(function(){
|
var da=$(this).attr("data_value");
|
if(value==da){
|
$(this).attr("checked",false);
|
}
|
});
|
}else{
|
$('input').each(function(){
|
var da=$(this).attr("data_value");
|
if(value==da){
|
$(this).attr("checked",true);
|
}
|
});
|
}
|
var type=false;
|
var data=$(obj).attr("data_name");
|
$('input').each(function(){
|
var data_name=$(this).attr("data_name");
|
if(data_name==data){
|
if($(this).attr("checked")){
|
type=true;
|
}
|
}
|
});
|
if(!type){
|
$('input').each(function(){
|
var da1=$(this).attr("data_id");
|
if(value1==da1){
|
$(this).attr("checked",false);
|
}
|
});
|
}else{
|
$('input').each(function(){
|
var da1=$(this).attr("data_id");
|
if(value1==da1){
|
$(this).attr("checked",true);
|
}
|
});
|
}
|
|
}
|
</script>
|
<div class="fs_navpath" style="margin-bottom:10px;">
|
<h3>当前位置</h3>
|
<span></span>
|
<a href="${base}/business/pages/customermanage/customerManageList.html">${Constants.CUSTOMER_CONSTANTS}管理</a>
|
<span></span>
|
<em>选择服务目录</em>
|
</div>
|
|
<div class="fs_navtitle" id="fsNavtitle" style="margin:0 auto;font-size:12px;">
|
<div class="fs_navtitle_con" style="width:90%;margin:0 auto;">
|
|
<div class="fsnt_btn">
|
<a class="fb_submit" href="javascript:doSubmit();"><span>提交</span></a>
|
</div>
|
<span style="float: right;margin-top:4px;"><input type="checkbox" value="" onclick="qx(this);" >全选</span>
|
</div>
|
</div>
|
<form id="myform" action="${base}/business/pages/customerconfig/slacus/savecussl.html" method="post">
|
<input type="hidden" value="${RequestParameters.customerId}" name="customerId">
|
<table style="margin:0 auto;width:90%;" class="mytable">
|
<tr class="bgcolor">
|
<td>服务大类</td>
|
<td>服务小类</td>
|
<td>服务项目</td>
|
<td>说明</td>
|
<td>选择</td>
|
</tr>
|
[#if serviceList?? && serviceList?size>0]
|
[#list serviceList as categorys]
|
[#if categorys.nodata != 0]
|
<tr>
|
<td rowspan="${categorys.num}"><input type="checkbox" data_id="${categorys.ID}" onclick="one(this)" />${categorys.CATEGORY_NAME}(${categorys.CATEGORY_CODE})</td>
|
[#if categorys.ejTree?? && categorys.ejTree?size>0]
|
[#list categorys.ejTree as ej]
|
[#if ej.nodata != 0]
|
[#if ej_index==0]
|
<td rowspan="${ej.sjNum}"><input class="${categorys.ID}" data_value="${ej.ID}" type="checkbox" value="${ej.ID}" onclick="two(this)" />${ej.CATEGORY_NAME}(${ej.CATEGORY_CODE})</td>
|
[#if ej.sjTree?? && ej.sjTree?size>0]
|
[#list ej.sjTree as sj]
|
[#if sj_index==0]
|
<td>${sj.CATEGORY_NAME}(${sj.CATEGORY_CODE})</td>
|
<td align="left">${sj.NOTE}</td>
|
<td><input type="checkbox" onclick="three(this)" data_id="${ej.ID}" data_name="${categorys.ID}" class="${categorys.ID} ${ej.ID}" value="${categorys.ID}-${ej.ID}-${sj.ID}" name="sl"></td>
|
[/#if]
|
[/#list]
|
[#else]
|
<td> </td>
|
<td> </td>
|
<td> </td>
|
[/#if]
|
[/#if]
|
[/#if]
|
[/#list]
|
[#else]
|
<td> </td>
|
<td> </td>
|
<td> </td>
|
<td> </td>
|
[/#if]
|
</tr>
|
|
[#if categorys.ejTree?? && categorys.ejTree?size>0]
|
[#list categorys.ejTree as ej]
|
[#if ej.nodata != 0]
|
[#if ej_index==0]
|
[#if ej.sjTree?? && ej.sjTree?size>0]
|
[#list ej.sjTree as sj]
|
[#if sj_index!=0]
|
<tr>
|
<td>${sj.CATEGORY_NAME}(${sj.CATEGORY_CODE})</td>
|
<td align="left">${sj.NOTE}</td>
|
<td><input type="checkbox" class="${categorys.ID} ${ej.ID}" data_name="${categorys.ID}" onclick="three(this)" data_id="${ej.ID}" value="${categorys.ID}-${ej.ID}-${sj.ID}" name="sl"></td>
|
</tr>
|
[/#if]
|
[/#list]
|
[/#if]
|
[/#if]
|
[/#if]
|
[/#list]
|
[/#if]
|
|
[#if categorys.ejTree?? && categorys.ejTree?size>0]
|
[#list categorys.ejTree as ej]
|
[#if ej.nodata != 0]
|
[#if ej_index!=0]
|
<tr>
|
<td rowspan="${ej.sjNum}"><input class="${categorys.ID}" data_value="${ej.ID}" type="checkbox" value="${ej.ID}" onclick="two(this)" />${ej.CATEGORY_NAME}(${ej.CATEGORY_CODE})</td>
|
[#if ej.sjTree?? && ej.sjTree?size>0]
|
[#list ej.sjTree as sj]
|
[#if sj_index==0]
|
<td>${sj.CATEGORY_NAME}(${sj.CATEGORY_CODE})</td>
|
<td align="left">${sj.NOTE}</td>
|
<td><input type="checkbox" class="${categorys.ID} ${ej.ID}" data_name="${categorys.ID}" onclick="three(this)" data_id="${ej.ID}" value="${categorys.ID}-${ej.ID}-${sj.ID}" name="sl"></td>
|
[/#if]
|
[/#list]
|
[#else]
|
<td> </td>
|
<td> </td>
|
<td> </td>
|
[/#if]
|
</tr>
|
|
[#if ej.sjTree?? && ej.sjTree?size>0]
|
[#list ej.sjTree as sj]
|
[#if sj_index!=0]
|
<tr>
|
<td>${sj.CATEGORY_NAME}(${sj.CATEGORY_CODE})</td>
|
<td align="left">${sj.NOTE}</td>
|
<td><input type="checkbox" class="${categorys.ID} ${ej.ID}" data_name="${categorys.ID}" onclick="three(this)" data_id="${ej.ID}" value="${categorys.ID}-${ej.ID}-${sj.ID}" name="sl"></td>
|
</tr>
|
[/#if]
|
[/#list]
|
[/#if]
|
[/#if]
|
[/#if]
|
[/#list]
|
[/#if]
|
[/#if]
|
[/#list]
|
[/#if]
|
</table>
|
</form>
|
[#include "/business/pages/include/footer.html" /]
|
|
<script type="text/javascript">
|
function doSubmit() {
|
var checkedLen = $('input[name="sl"]:checked').length;
|
if(checkedLen == 0) {
|
popupTips("请选择服务目录");
|
return;
|
} else {
|
$("#myform").submit();
|
}
|
}
|
</script>
|
</body>
|
</html>
|
