You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

274 lines
10 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>使用者信息</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="../../static/css/font.css">
<link rel="stylesheet" href="../../static/css/weadmin.css">
<!-- 让IE8/9支持媒体查询从而兼容栅格 -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
.layui-form-label {
width: 100px!important;
}
.mgb {
margin-right: 20px;
margin-bottom: 20px;
}
</style>
</head>
<body>
<div class="weadmin-body">
<form class="layui-form">
<div class="layui-form-item">
<label for="" class="layui-form-label">
<span class="we-red">*</span>&nbsp;使用者范围:
</label>
<div>
<span class="mgb"><input type="radio" name="range" lay-filter="range" value="0" title="全市范围"></span>
<span class="mgb"><input type="radio" name="range" lay-filter="range" value="1" title="非全市范围" checked></span>
</div>
</div>
<div id="visible_district" style="visibility:hidden">
<div class="layui-form-item">
<label for="" class="layui-form-label" style="height: 50px">
<span class="we-red">*</span>&nbsp;县区可见:
</label>
<div class="layui-form-inline">
<div id="view"></div>
<script type="text/html" id="test1">
{{# layui.each(d.data, function(index,item){ }}
<span style="margin-right: 15px;"><input type="checkbox" name="district" lay-skin="primary" title={{item.area_name}} value={{item.id}} lay-filter="district"></span>
{{# }); }}
</script>
</div>
</div>
<div class="layui-form-item">
<label for="" class="layui-form-label">
<span class="we-red"></span>&nbsp;单位可见:
</label>
<div class="layui-form-inline" style="padding-top: 6px">
<i class="layui-icon layui-icon-add-circle" style="color: #009688;font-weight: bold;font-size: 26px;cursor:pointer" title="点击选择单位" onclick="selDw();"></i>
<div class="layui-form-item">
<label for="" class="layui-form-label">
</label>
<div id="view6" style="margin-top: 20px;max-height: 200px;overflow-y: auto"></div>
<script type="text/html" id="test6">
{{#layui.each(d,function(index,item){ }}
<div style="display:inline-block;margin:0 25px 5px 0">
<i title="删除" class="layui-icon" style="cursor:pointer" onclick="delDuty(this)" id={{item.bureau_id}}
>&#x1007;</i><span>{{item.bureau_name}}</span>
</div>
{{# }) }}
</script>
</div>
</div>
</div>
</div>
<div class="layui-form-item">
<label for="" class="layui-form-label">
</label>
<div class="layui-btn" id="save">下一步</div>
</div>
</form>
</div>
<script src="../../lib/layui/layui.js"></script>
<script src="../../lib/persist-min.js"></script>
<script>
layui.extend({
admin: '{/}../../static/js/admin'
});
layui.use(['form', 'jquery', 'laytpl', 'admin', 'layer', 'table', 'element'], function () {
var form = layui.form,
$ = layui.jquery,
admin = layui.admin,
layer = layui.layer,
table = layui.table,
laytpl = layui.laytpl;
var pId=getGlobalByCodes("install_area");
var store = new Persist.Store('store_name');
var saveIdList=[];
$.ajax({
type: 'GET',
dataType: 'json',
async:false,
url:'/baseService/dm/getAreaByParentId?parent_id='+pId[0].global_value,
success: function (data) {
var getTpl = test1.innerHTML
, view = document.getElementById('view');
laytpl(getTpl).render(data, function (html) {
view.innerHTML = html;
});
form.render();
}
})
// 切换是否是全市范围
form.on('radio(range)',function (data) {
if (data.value == 0) {
$("#visible_district input").attr("disabled", true)
$("#visible_district").css('visibility','hidden');
} else {
$("#visible_district input").attr("disabled", false);
$("#visible_district").css('visibility','visible');
}
})
// 添加单位
window.selDw=function () {
var rangeNum=$("input:radio[name='range']:checked").val();
if(rangeNum==0){//全市范围
window.location.href='./selectDw.html?optinStr=0';
}else {//非全市范围
var arr = new Array();
$("input:checkbox[name='district']:checked").each(function(i){
arr[i] = $(this).val();
});
var district=arr.join(",")
var jsonInfo={
'range':$("input:radio[name='range']:checked").val(),
"district":district,
};
if(GetQueryString('edit')){
window.location.href='./selectDw.html?optionStr='+JSON.stringify(jsonInfo)+'&edit=1';
}else{
window.location.href='./selectDw.html?optionStr='+JSON.stringify(jsonInfo);
}
}
}
// 删除已选单位
window.delDuty = function (tag) {
$(tag).parent()[0].remove();
var id = $(tag).attr("id");
var data=store.get('org');
data = JSON.parse(data);
for (var i = 0; i < data.length; i++) {
if (data[i].bureau_id == id) {
data.splice(i, 1);
}
}
console.log(data);
store.set('org',JSON.stringify(data))
}
// 下一步 点击跳转范围
$("#save").click(function () {
var arr = new Array();
$("input:checkbox[name='district']:checked").each(function(i){
arr[i] = $(this).val();
});
var district=arr.join(",")
if($("input:radio[name='range']:checked").val()==1){ //1非全市范围 0全市范围
if(district==''){
layer.msg('请选择县区',{icon:0});
return false;
}
store.set('city','-1');
store.set('district',district);
}else {
// 全市范围
store.set('city',pId[0].global_value);
store.set('district',"");
store.set('org',"");
}
store.set('range',$("input:radio[name='range']:checked").val());
if(GetQueryString('edit')){
window.location.href='./selectIdentity.html?edit=1';
}else{
window.location.href='./selectIdentity.html';
}
})
// 选择单位后获取数据
if(GetQueryString("jsonStr")){
$("#visible_district").css('visibility','visible');
var jsonStr=GetQueryString("jsonStr");
jsonStr = eval("(" + jsonStr + ")");
// 设置选中的县区
$("input:radio[value='"+jsonStr.range+"']").attr("checked",true);
var arr=[];
arr.push(jsonStr.district.split(","));
for (var i=0;i<arr[0].length;i++) {
$("input[type='checkbox'][value='"+arr[0][i]+"']").attr("checked",true);
}
var data=store.get('org');
data = JSON.parse(data);
// console.log(data);
var getTpl = test6.innerHTML
, select_duty = document.getElementById('view6');
laytpl(getTpl).render(data, function (html) {
select_duty.innerHTML = html;
});
form.render();
}else{
// 获取可见范围 level_id==1 市 level_id==2区 level_id==3 单位
var dataOrg=[];
var visiable_info=JSON.parse(store.get('visiable_info'));
console.log(visiable_info);
for (var i=0;i<visiable_info.length;i++ ) {
if(visiable_info[i].level_id==3){
dataOrg.push(visiable_info[i]);
console.log(dataOrg);
}
// 处理市范围
if(visiable_info[i].level_id==1&&visiable_info[i].city_id=="-1"){ //非全市
$("input:radio[name='range'][value='1']").attr('checked',true);
$("#visible_district").css('visibility','visible');
}else if(visiable_info[i].level_id==1&&visiable_info[i].city_id !=="-1"){
$("input:radio[name='range'][value='0']").attr('checked',true);
$("#visible_district").css('visibility','hidden');
}
// 处理区范围
if(visiable_info[i].level_id==2){
$("input[type='checkbox'][value='"+visiable_info[i].area_id+"']").attr("checked",true);
}
// 处理选择单位
form.render();
}
var getTpl = test6.innerHTML
, select_duty = document.getElementById('view6');
laytpl(getTpl).render(dataOrg, function (html) {
select_duty.innerHTML = html;
});
store.set('org',JSON.stringify(dataOrg));
}
})
</script>
</body>
</html>