Server/VB_DSM_V2.0/vbdsm-ui/src/pc/manage/setting-custom-add.html

<script type="text/javascript">
$('.city1Span').css('display','none');
$('.district1Span').css('display','none');
$('.industry2Span').css('display','none');
$('.industry3Span').css('display','none');


//服务公司
ajax({url:'/web/proxy/getComboxData.json?1=1',success:function(data){
	var option='';
	for(var i=0;i<data.length;i++){;
		option +='<option value="'+ data[i].id +'">'+ data[i].title+'</option>';
	}
	$('#serviceId').append(option);
}});

//省
ajax({url:'/web/area/getComboxData.json?1=1',success:function(data){
	var option='<option value="">请选择</option>';
	for(var i=0;i<data.length;i++){;
		option +='<option value="'+ data[i].id +'">'+ data[i].title+'</option>';
	}
	$('#province1').append(option);
}});

//省下拉改变事件
$('#province1').bind('change',function(){
	if(null == $(this).val() || '' == $(this).val()){
		$('.city1Span').css('display','none');
		$('.district1Span').css('display','none');
		$('#district1').empty();
		return;
	}
	$('.city1Span').css('display','');
	$('.district1Span').css('display','none');
	$('#district1').empty();
	//市
	ajax({
		url:'/web/area/getComboxData.json',
		type:'post',
		data:{parentId:$(this).val()},
		success:function(data){
			$('#city1').empty();
			var option='<option value="">请选择</option>';
			for(var i=0;i<data.length;i++){;
				  option +='<option value="'+ data[i].id +'">'+ data[i].title+'</option>';
			}
			$('#city1').append(option);
		}
	});
});

//市下拉改变事件
$('#city1').bind('change',function(){
	if(null == $(this).val() || '' == $(this).val()){
		$('.district1Span').css('display','none');
		$('#district1').empty();
		return;
	}
	$('#district1').empty();
	$('.district1Span').css('display','');
	//市
	ajax({
		url:'/web/area/getComboxData.json',
		type:'post',
		data:{parentId:$(this).val()},
		success:function(data){
			$('#district1').empty();
			var option='<option value="">请选择</option>';
			for(var i=0;i<data.length;i++){;
				  option +='<option value="'+ data[i].id +'">'+ data[i].title+'</option>';
			}
			$('#district1').append(option);
		}
	});
});

//行业一
ajax({url:'/web/industry/getComboxData.json?1=1',success:function(data){
	var option='<option value="">请选择</option>';
	for(var i=0;i<data.length;i++){;
		option +='<option value="'+ data[i].id +'">'+ data[i].name+'</option>';
	}
	$('#industry1').append(option);
}});

//行业一下拉改变事件
$('#industry1').bind('change',function(){
	if(null == $(this).val() || '' == $(this).val()){
		$('.industry2Span').css('display','none');
		$('.industry3Span').css('display','none');
		$('#industry3').empty();
		return;
	}
	$('.industry2Span').css('display','');
	$('.industry3Span').css('display','none');
	$('#industry3').empty();
	//市
	ajax({
		url:'/web/industry/getComboxData.json',
		type:'post',
		data:{parentCode:$(this).val()},
		success:function(data){
			$('#industry2').empty();
			var option='<option value="">请选择</option>';
			for(var i=0;i<data.length;i++){;
				  option +='<option value="'+ data[i].id +'">'+ data[i].name+'</option>';
			}
			$('#industry2').append(option);
		}
	});
});


//行业二
$('#industry2').bind('change',function(){
	if(null == $(this).val() || '' == $(this).val()){
		$('.industry3Span').css('display','none');
		$('#industry3').empty();
		return;
	}
	$('#industry3').empty();
	$('.industry3Span').css('display','');
	ajax({
		url:'/web/industry/getComboxData.json',
		type:'post',
		data:{parentCode:$(this).val()},
		success:function(data){
			$('#industry3').empty();
			var option='<option value="">请选择</option>';
			for(var i=0;i<data.length;i++){;
				  option +='<option value="'+ data[i].id +'">'+ data[i].title+'</option>';
			}
			$('#industry3').append(option);
		}
	});
});

//电压等级
ajax({url:'/web/code/getComboxData.json',type:'post',data:{superCode:'00020000'},success:function(data){
	var option='';
	for(var i=0;i<data.length;i++){;
		option +='<option value="'+ data[i].codeSole +'">'+ data[i].name+'</option>';
	}
	$('#voltageClass').append(option);
}});

//站点
ajax({url:'/web/proxy/getSiteData.json',success:function(data){
	var siteIdSpanHTML = "";
	for(var i=0;i<data.length;i++){
		if(data[i].checked == true){
			siteIdSpanHTML +='<input type="checkbox" name="siteId" checked="true" value="'+data[i].id+'">'+data[i].name + "<br/>";
		}else{
			siteIdSpanHTML +='<input type="checkbox" name="siteId" value="'+data[i].id+'">'+data[i].name + "<br/>";
		}
	}
	$("#siteIdSpan").html(siteIdSpanHTML);
}});

//APP授权
ajax({url:'/web/code/getComboxData.json',type:'post',data:{superCode:'01280001'},success:function(data){
	var appNoSpanHTML = "";
	for(var i=0;i<data.length;i++){
		appNoSpanHTML +='<input type="checkbox" name="appNo" value="'+data[i].codeSole+'">'+data[i].name + "<br/>";
	}
	$("#appNoSpan").html(appNoSpanHTML);
}});

//保存按钮
$('#saveButton').bind('click',function(){
	if(checkForm()){
		save();
	}
});

//保存
function save(){
	$('#powerUserFrm').removeAttr("target").form('submit',{
        url: "/web/custom/add.json",
        onSubmit: function(){
            return $(this).form('validate');
        },
        success: function(json){
        	$('#easyui-dialog-win').dialog('close');
            loadData();//加载数据
        }
    });
}

//验证表单
function checkForm(){
	var name = $('#_name').val();
	if(null == name || '' == name){
		alert("请填写企业名称");
		return false;
	}
	
	var province = $('#province1').val();
	if(null == province || '' == province){
		alert("请选择区域");
		return false;
	}
	
	var address = $('#address').val();
	if(null == address || '' == address){
		alert("请填写详细地址");
		return false;
	}
	
	var coordinate = $('#coordinate').val();
	if(null == coordinate || '' == coordinate){
		alert("请填写企业经纬度");
		return false;
	}
	
	var industry1 = $('#industry1').val();
	if(null == industry1 || '' == industry1){
		alert("请选择行业类型");
		return false;
	}
	
	var serviceId = $('#serviceId').val();
	if(null == serviceId || '' == serviceId){
		alert("请选择所属服务商");
		return false;
	}
	
	var siteId = $('[name="siteId"]').is(':checked');
	if(!siteId){
		alert("请选择站点");
		return false;
	}
	
	var expiredDate = $("#expiredDate").datebox('getValue');
	if(null == expiredDate || '' == expiredDate){
		alert("请选择到期时间");
		return false;
	}
	return true;
}

</script>
<div class="easyui-layout" data-options="fit:true" style="border: 0px;">
	<div data-options="region:'center'">
		<form id="powerUserFrm" method="post" enctype="multipart/form-data">
			<input type="hidden" name="id"> 
			<input type="hidden" name="orgId">
			<table>
				<tr style="padding:">
					<td style="width: 100px; text-align:right;">企业名称<font color="red">*</font>：</td>
					<td style="width:360px;"><input type="text" id="_name" name="name" style="width: 90%;"/></td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right; vertical-align: top;">所属区域<font color="red">*</font>：</td>
					<td>
						<span class="province1Span">
							<select id="province1" name="province"></select>
						</span> 
						<span class="city1Span">
							<select id="city1" name="city"></select>
						</span> 
						<span class="district1Span">
							<select id="district1" name="district"></select>
						</span>
					</td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right;">详细地址<font color="red">*</font>：</td>
					<td><input type="text" id="address" name="address" class="easyui-validatebox input" style="width: 90%"/></td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right;">企业Logo：</td>
					<td>
						<div>
							<img id="logoImg" name="logoImg" src="" style="width: 158px; height: 100px;"> <input type="hidden" id="logo" name="logo">
						</div>
						<div>
							<input name="upload" class="easyui-filebox" id="sourceLogo" data-options="buttonText:'请选择', onChange:function(){uploadLogo()},prompt:'请选择Logo.'" style="width: 95%">
						</div>
					</td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right;">企业经纬度<font color="red">*</font>：</td>
					<td><input type="text" id="coordinate" name="coordinate" class="easyui-validatebox input" style="width: 90%"/></td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right; vertical-align: top;">级别：</td>
					<td>
						<select id="rank" name="rank" style="width: 200px">
							<option value="0">普通</option>
							<option value="1">省级</option>
							<option value="2">市级</option>
							<option value="3">省级和市级</option>
						</select>
					</td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right; vertical-align: top;">行业类型<font color="red">*</font>：</td>
					<td>
						<span class="industry1Span"> 
							<select id="industry1" name="industry1"></select>
						</span> 
						<span class="industry2Span"> 
							<select id="industry2" name="industry2"></select>
						</span> 
						<span class="industry3Span"> 
							<select id="industry3" name="industry3"></select>
						</span> 
					</td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right; vertical-align: top;">供电电源：</td>
					<td>
						<select id="powerSupply" name="powerSupply" style="width: 200px">
							<option value="1">网供</option>
							<option value="2">电厂</option>
							<option value="3">混合</option>
						</select>
					</td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right; vertical-align: top;">企业类型：</td>
					<td>
						<select id="style" name="style" style="width: 200px">
							<option value="1">工况企业</option>
							<option value="2">办公楼宇</option>
							<option value="3">自备电厂</option>
							<option value="4">统调电厂</option>
							<option value="5">风电电厂</option>
							<option value="6">光伏电厂</option>
						</select>
					</td>
				</tr>
				<tr style="padding:">
					<td style="width: 100px; text-align:right;">企业标识：</td>
					<td><input type="text" id="cno" name="cno" class="easyui-validatebox input" style="width: 90%" /></td>
				</tr>
				<tr style="padding:">
					<td style="width: 100px; text-align:right;">主变数量：</td>
					<td><input type="text" id="zbsl" name="zbsl" class="easyui-validatebox input" style="width: 90%" /></td>
				</tr>
				<tr style="padding:">
					<td style="width: 100px; text-align:right;">报装容量(KVA)：</td>
					<td><input type="text" id="applyLoad" name="applyLoad" class="easyui-validatebox input" style="width: 90%" /></td>
				</tr>
				<tr style="padding:">
					<td style="width: 100px; text-align:right;">监测容量(KVA)：</td>
					<td><input type="text" id="jcrl" name="jcrl" class="easyui-validatebox input" style="width: 90%" /></td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right; vertical-align: top;">计费方式：</td>
					<td>
						<select id="jffs" name="jffs" style="width: 200px">
							<option value="1">容量</option>
							<option value="2">需量</option>
							<option value="3">单一电价</option>
						</select>
					</td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right; vertical-align: top;">是否启用自定义用电时段：</td>
					<td>
						<select id="isFgp" name="fgpFlag" style="width: 200px">
							<option value="0">否</option>
							<option value="1">是</option>
						</select>
					</td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right; vertical-align: top;">电压等级：</td>
					<td>
						<select id="voltageClass" name="voltageClass" style="width: 200px"></select>
					</td>
				</tr>
				<tr style="padding:">
					<td style="width: 100px; text-align:right;">基本电价(元)<font color="red">*</font>：</td>
					<td><input type="text" id="jbdj" name="jbdj" class="easyui-validatebox input" style="width: 200px" /></td>
				</tr>
				<tr style="padding:">
					<td style="width: 100px; text-align:right;">容量电价(元)<font color="red">*</font>：</td>
					<td><input type="text" id="rldj" name="rldj" class="easyui-validatebox input" style="width: 200px" /></td>
				</tr>
				<tr style="padding:">
					<td style="width: 100px; text-align:right;">需量电价(元)<font color="red">*</font>：</td>
					<td><input type="text" id="xldj" name="xldj" class="easyui-validatebox input" style="width: 200px" /></td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right; vertical-align: top;">所属服务商<font color="red">*</font>：
					</td>
					<td>
						<select id="serviceId" name="serviceId" style="width: 90%"></select>
					</td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right;">站点<font color="red">*</font>：</td>
					<td><span id="siteIdSpan"></span></td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right; vertical-align: top;">过期时间<font color="red">*</font>：</td>
					<td><input id="expiredDate" name="expiredDate" style="width: 200px;" ata-options="editable:false" class="easyui-datebox"></td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right; vertical-align: top;">启用自定企业状态：</td>
					<td>
						<select id="customState" name="customState" style="width: 200px">
							<option value="0">不启用</option>
							<option value="1">启用</option>
						</select>
					</td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right; vertical-align: top;">企业状态：</td>
					<td>
						<select id="state" name="state" style="width: 200px">
							<option value="0">正常</option>
							<option value="1">停产</option>
							<option value="2">半停产</option>
						</select>
					</td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right; vertical-align: top;">生产状态负荷(KW)：</td>
					<td>
						正&nbsp;&nbsp;&nbsp;常：<input id="normalLoad" name="normalLoad" style="width:123px;"> <br/><br/>
						半停产：<input id="halfLoadStart" name="halfLoadStart" style="width:52px;"> - <input id="halfLoadEnd" name="halfLoadEnd" style="width:52px;"><br/><br/>
						停&nbsp;&nbsp;&nbsp;产：<input id="stopLoad" name="stopLoad" style="width:123px;">
					</td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right;">APP授权：</td>
					<td><span id="appNoSpan"></span></td>
				</tr>
				<tr>
					<td style="width: 100px; text-align:right; vertical-align: top;">备注：</td>
					<td><textarea id="remark" name="remark"  style="width: 360px, font-size:12px; height: 80px;"></textarea></td>
				</tr>
			</table>
		</form>
	</div>
	<div data-options="region:'south',border:false" style="text-align: right; padding: 5px 0 0;">
		<a class="easyui-linkbutton" data-options="iconCls:'icon-save'" href="javascript:void(0)" id="saveButton" style="width: 80px">保存</a>
		<a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="javascript:$('#easyui-dialog-win').dialog('close');" id="cancelButton" style="width: 80px">取消</a>
	</div>
</div>