<!DOCTYPE html>
|
<html>
|
<head>
|
<title>行政区划</title>
|
<meta charset="UTF-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
<script src="../../../js/paramconfig.js"></script>
|
<script type="text/javascript">
|
remoteToLoadCss('BootStrap4/assets/css/style.css');
|
remoteToLoadCss('BootStrap4/expand/css/bootstrap-extract.css');
|
remoteToLoadCss('BootStrap4/expand/plugins/portlet/css/portlet.css');
|
loadLocalCss('../../../js/uploadFile/switchery.min.css');
|
loadLocalCss('../../../js/uploadFile/jquery.filer.css');
|
loadLocalCss('../../../js/uploadFile/jquery.filer-dragdropbox-theme.css');
|
// remoteToLoadJs('BootStrap4/assets/js/jquery.min.js');
|
<!-- 验证框架 -->
|
remoteToLoadJs('media/js/jquery-1.11.1.js');
|
remoteToLoadJs('media/js/jquery.form-3.51.0.js');
|
remoteToLoadJs('media/js/validation/jquery.validate.min.js');
|
remoteToLoadJs('media/js/validation/messages_zh.js');
|
remoteToLoadJs('media/js/validation/additional-methods.min.js');
|
remoteToLoadJs('media/js/yanzhen.js');
|
|
remoteToLoadJs('BootStrap4/expand/plugins/layer/layer.js');
|
|
remoteToLoadJs('BootStrap4/assets/js/tether.min.js');
|
remoteToLoadJs('BootStrap4/assets/js/bootstrap.min.js');
|
remoteToLoadJs('BootStrap4/expand/plugins/portlet/portlet.js');
|
loadLocalJs('../../../libs/vue.min.js');
|
loadLocalJs('../../../js/common.js');
|
|
loadLocalJs('../../../js/validator.js');
|
|
|
</script>
|
<style>
|
body {
|
background-color: white;
|
box-sizing: border-box;
|
overflow-x: hidden;
|
}
|
|
.form-control {
|
padding: 0.3rem 0.7rem;
|
height: 34px;
|
display: inline-block;
|
}
|
|
.control-label {
|
padding-top: 0!important;
|
width: 160px;
|
float: left;
|
line-height: 30px;
|
padding-right: 1.5em;
|
}
|
|
.control-group {
|
margin-bottom: 1em;
|
}
|
|
.controls {
|
margin-left: 160px;
|
}
|
|
.col-sm-3, .col-sm-6 {
|
padding-left: 0;
|
padding-right: 0;
|
}
|
|
.fade{
|
display: none;
|
}
|
|
.in.fade{
|
display: block;
|
}
|
|
.ui-autocomplete{
|
max-height: 100px;
|
overflow-y: auto;
|
overflow-x:hidden;
|
}
|
</style>
|
</head>
|
<body>
|
<div id="rapp" v-cloak>
|
<ul class="nav nav-tabs" role="tablist">
|
<li class="nav-item">
|
<a class="nav-link active" id="home-tab" role="tab" aria-expanded="true" aria-controls="home" href="#home" data-toggle="tab">
|
<div class="top_tabs_li">{{title}}</div>
|
</a>
|
</li>
|
</ul>
|
<div class="tab-content" style="border-left: 1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;">
|
<form class="form-horizontal" id="from">
|
<div class="tab-pane fade active in" id="home" role="tabpanel" aria-expanded="true" aria-labelledby="home-tab">
|
<div class="portlet box ltblue">
|
<div class="portlet-title">
|
行政区划信息
|
<div class="caption">
|
<i class="fa fa-reorder"></i>
|
</div>
|
<div class="tools">
|
<a class="collapse" onclick="portlet_body_ShowOrHide(this);"></a>
|
</div>
|
</div>
|
<div class="portlet-body">
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="control-group"> <!--ondblclick="ShowParent()"-->
|
<label class="control-label"><span style="color: red;">*</span>行政区划编码</label>
|
<div class="controls input-icon">
|
<input type="text" required="" class="form-control col-sm-9" v-model="region.regionid" id="regionid" alnum="true" maxchar="8"/>
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label"><span style="color: red;">*</span>行政区划代码</label>
|
<div class="controls input-icon">
|
<input type="text" required="" class="form-control col-sm-9" v-model="region.regioncode" id="regioncode" name="regioncode" numLen6="true" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row" id="rowparent" style="display:none;">
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label"><span style="color: red;">*</span>行政区划父节点</label>
|
<div class="controls input-icon">
|
<input type="text" class="form-control col-sm-9" v-model="region.parentid" id="parentid" required="" maxchar="8"/>
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label"><span style="color: red;">*</span>区划名称</label>
|
<div class="controls input-icon">
|
<input class="form-control col-sm-9" id="regionname" onblur="changeToPinYin()" required="" v-model="region.regionname" name="regionname" maxchar="25"></input>
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label"></label>
|
<div class="controls">
|
<label class='control-checkbox' style="padding-top:7px;">
|
<input type="checkbox" id="isorganization" name="isorganization" maxchar="4" />
|
<span>国家明确政区划代码</span>
|
</label>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
<div class="row">
|
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">区划名称拼音</label>
|
<div class="controls input-icon">
|
<input type="text" id="spellfirst" class="form-control col-sm-9" v-model="region.spellfirst" spellfirst="true" maxchar="25"/>
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">区划全名</label>
|
<div class="controls input-icon">
|
<input type="text" class="form-control col-sm-9" v-model="region.fullname" maxchar="50" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">审批级别</label>
|
<div class="controls">
|
|
<select class="form-control col-sm-9" name="approvelevel" id="approvelevel">
|
<option value="A">国家级</option>
|
<option value="B">省级</option>
|
<option value="C">市级</option>
|
<option value="D">区县级</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label"><span style="color: red;">*</span>海域使用等级</label>
|
<div class="controls input-icon">
|
<select required="" class="form-control col-sm-9" id="areausegrade" name="areausegrade">
|
<option value="一等">一等</option>
|
<option value="二等">二等</option>
|
<option value="三等">三等</option>
|
<option value="四等">四等</option>
|
<option value="五等">五等</option>
|
<option value="六等">六等</option>
|
<option value="不分等级">不分等级</option>
|
</select>
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row" style="display: none;">
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label"></label>
|
<div class="controls">
|
<label class='control-checkbox' style="padding-top:7px;">
|
<input type="checkbox" value="1" id="isenable" name="isenable" />
|
<span>节点有效</span>
|
</label>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12" style="padding:0;">
|
<div class="control-group">
|
<label class="control-label">备注</label>
|
<div class="controls">
|
<textarea name="U_REMARK" v-model="region.remark" class="form-control col-sm-11" id="U_REMARK" rows="3" cols="20" style="height: 70px;"></textarea>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
<div style="height: 50px;"></div>
|
<div class="form-actions navbar-fixed-bottom" style="z-index: 0;">
|
<div style="float: left;">
|
<button v-if="hasPermission('org:region:edit')" class="btn btn-primary" id="button" type="button" @click="saveOrUpdate"><i class="fa fa-check"></i> 保存</button>
|
<button class="btn btn-black" id="close" type="button" onclick="window.close()">关闭 </button>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
<script src="../../../js/modules/org/region_edit.js"></script>
|
|
</body>
|
</html>
|
