UI/VbdsmUI_V2.1.1/src/pc/manage/setting-park-update.html

<script type="text/javascript">
	//省
	init_province1 = function () {
		ajax({
			url: "web/area/getComboxData.json?1=1",
			async: false,
			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 () {
		init_city1($(this).val())
	})

	init_city1 = function (province, city) {
		var option = '<option value="">请选择</option>'
		if (null == province || "" == province) {
			$("#district1").append(option)
			return
		}
		$("#district1").empty().append(option)
		//市
		ajax({
			url: "web/area/getComboxData.json",
			type: "post",
			data: { parentId: province },
			success: function (data) {
				$("#city1").empty()
				for (var i = 0; i < data.length; i++) {
					if (city == data[i].id) {
						option += '<option value="' + data[i].id + '" selected>' + data[i].title + "</option>"
					} else {
						option += '<option value="' + data[i].id + '">' + data[i].title + "</option>"
					}
				}
				$("#city1").append(option)
			},
		})
	}

	//市下拉改变事件
	$("#city1").bind("change", function () {
		init_district1($(this).val())
	})

	//区县
	init_district1 = function (city, district) {
		var option = '<option value="">请选择</option>'
		if (null == city || "" == city) {
			$("#district1").append(option)
			return
		}
		$("#district1").empty()
		//市
		ajax({
			url: "web/area/getComboxData.json",
			type: "post",
			data: { parentId: city },
			success: function (data) {
				for (var i = 0; i < data.length; i++) {
					if (district == data[i].id) {
						option += '<option value="' + data[i].id + '" selected>' + data[i].title + "</option>"
					} else {
						option += '<option value="' + data[i].id + '">' + data[i].title + "</option>"
					}
				}
				$("#district1").append(option)
			},
		})
	}

	//站点
	init_site = function (orgId) {
		ajax({
			url: "web/proxy/getSiteData.json",
			type: "post",
			data: { orgId: orgId },
			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)
			},
		})
	}

	//保存按钮
	$("#saveButton").bind("click", function () {
		if (checkForm()) {
			modify()
		}
	})

	//保存
	function modify() {
		$("#parkFrm")
			.removeAttr("target")
			.form("submit", {
				url: "/web/park/modify.json",
				onSubmit: function () {
					return $(this).form("validate")
				},
				success: function (json) {
					$("#easyui-dialog-win").dialog("close")
					var options = tableObj.datagrid("getPager").data("pagination").options
					var curr = options.pageNumber
					getData(curr, 20) //加载数据
				},
			})
	}

	//验证表单
	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 siteId = $('[name="siteId"]').is(":checked")
		if (!siteId) {
			alert("请选择站点")
			return false
		}
		return true
	}

	$(function () {
		init_province1()
		//查询数据
		var rows = $("#dg").datagrid("getChecked")
		ajax({
			url: "/web/park/getOne.json",
			type: "post",
			data: { id: rows[0].orgId },
			success: function (data) {
				$("#parkFrm").form("load", data.data)
				init_city1(data.data.province, data.data.city)
				init_district1(data.data.city, data.data.district)
				init_site(data.data.orgId)
			},
		})
	})
</script>
<div class="easyui-layout" data-options="fit:true" style="border: 0px">
	<div data-options="region:'center'">
		<form id="parkFrm" method="post">
			<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">详细地址：</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; vertical-align: top">级别<font color="red">*</font>：</td>
					<td>
						<select id="grade" name="grade" style="width: 200px">
							<option value="1">国家级</option>
							<option value="2">省级</option>
							<option value="3">市级</option>
							<option value="4">区县级</option>
						</select>
					</td>
				</tr>
				<tr style="padding: ">
					<td style="width: 100px; text-align: right">坐标：</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">站点<font color="red">*</font>：</td>
					<td><span id="siteIdSpan"></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>