<!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');
|
remoteToLoadCss('BootStrap4/expand/plugins/jqgrid/ui.jqgrid-bootstrap.css');
|
remoteToLoadCss('BootStrap4/expand/css/jqGridCommon.css');
|
loadLocalCss('../../../css/jquery-ui.min.css');
|
loadLocalCss('../../../css/jquery-ui.min.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/expand/plugins/jqgrid/grid.locale-cn.js');
|
remoteToLoadJs('BootStrap4/expand/plugins/jqgrid/jquery.jqGrid.min.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/jquery-ui.min.js');
|
loadLocalJs('../../../libs/ajaxupload.js');
|
loadLocalJs('../../../js/jquery-ui.min.js');
|
loadLocalJs('../../../js/validator.js');
|
</script>
|
<style>
|
body {
|
background-color: white;
|
box-sizing: border-box;
|
}
|
|
.tab-content th {
|
text-align: center;
|
}
|
|
.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;
|
}
|
|
.ui-autocomplete{
|
z-index: 9999;
|
max-height:200px;
|
overflow-y:auto;
|
overflow-x:hidden;
|
}
|
|
.ui-th-column {
|
text-align: center;
|
}
|
|
</style>
|
</head>
|
<body>
|
<div id="rapp" v-cloak>
|
<ul class="nav nav-tabs" role="tablist">
|
<li class="nav-item" onclick="showTab('home')">
|
<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>
|
<li class="nav-item" v-if="title == '单位信息'" onclick="showTab('unitlist')">
|
<a class="nav-link" id="unitlist-tab" role="tab" aria-expanded="true" aria-controls="unitlist" href="#unitlist" data-toggle="tab">
|
<div class="top_tabs_li">部门列表</div>
|
</a>
|
</li>
|
</ul>
|
<div class="tab-content" style="border-left: 1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;">
|
<div name="tab" class="tab-pane fade active in" id="home" role="tabpanel" aria-expanded="true" aria-labelledby="home-tab">
|
<form class="form-horizontal" id="from">
|
<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" id="unitname" name="unitname" onblur="changeToPinYin(0)" class="form-control col-sm-9" v-model="unit.unitname" required="" 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 class="control-group" id="rowparent" style="display:none;">
|
<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="unit.parentid" name="parentid" id="parentid" olnynum="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 class="control-group">
|
<label class="control-label"><span style="color: red;">*</span>拼音首字母</label>
|
<div class="controls input-icon">
|
<input type="text" id="spellfirst" name="spellfirst" class="form-control col-sm-9" v-model="unit.spellfirst" spellfirst="true" required="" 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 class="control-group">
|
<label class="control-label">单位简称</label>
|
<div class="controls input-icon">
|
<input type="text" class="form-control col-sm-9" name="unitshort" id="unitshort" v-model="unit.unitshort" maxchar="20" />
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;margin-left:30px;"></i>
|
</span>
|
</div>
|
</div>
|
<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="unit.unidcode" id="unidcode" name="unidcode" maxchar="10" />
|
<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">
|
<div style="border: 1px solid #CCCCCC;width: 150px; height: 130px; margin-bottom: 5px;">
|
<img id="imgUrl" style="width: 150px; height: 130px" src="" alt="" />
|
</div>
|
<input id="imgUp" type="file" name="imgFile" multiple="multiple" accept="imgage/*" style="display: none;" />
|
<input id="upload" type="button" value="上传图片" class="btn btn-primary" />
|
<span style="color:red;font-size:12px;">（建议图片大小：262 × 146 像素）</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 input-icon">
|
<input type="text" class="form-control col-sm-9" name="unidorgcode" id="unidorgcode" v-model="unit.unidorgcode" 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 class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label"><span style="color: red;">*</span>单位类型</label>
|
<div class="controls input-icon">
|
<select class="form-control col-sm-9" name="UNITTYPE" id="UNITTYPE" required="" >
|
</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 class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">单位管理员</label>
|
<div class="controls input-icon">
|
<input type="text" style="float:left;" class="form-control col-sm-7" name="unitmanagers" id="unitmanagers" readonly="readonly" />
|
<input type="hidden" class="form-control col-sm-7" name="unitmanagerIds" id="unitmanagerIds"/>
|
<button type="button" data-toggle="modal" data-target="#managerModal" class="btn btn-primary" onclick="unitManager()">
|
...
|
</button>
|
<button type="button" class="btn btn-danger" onclick="clearSelect(this)">
|
清除
|
</button>
|
</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" style="float:left;" name="qhNames" id="qhNames" required="" class="form-control col-sm-7" readonly="readonly"/>
|
|
<input type="hidden" style="float:left;" name="qhIds" id="qhIds" class="form-control col-sm-7" />
|
<button type="button" data-toggle="modal" data-target="#xzqhModal" class="btn btn-primary" onclick="xzqhtionOfUnitXqh()">
|
...
|
</button>
|
<button type="button" class="btn btn-danger" onclick="clearSelect(this)">
|
清除
|
</button>
|
<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" v-model="unit.contactnumber" id="contactnumber" name="contactnumber" telephone="true" class="form-control col-sm-9"/>
|
<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">E-Mail地址</label>
|
<div class="controls input-icon">
|
<input type="text" class="form-control col-sm-9" v-model="unit.email" id="Email" name="Email" Email="true" 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 input-icon">
|
<input type="text" class="form-control col-sm-9" id="postalcode" name="postalcode" v-model="unit.postalcode" zipcode="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 class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label input-icon">传真</label>
|
<div class="controls input-icon">
|
<input type="text" class="form-control col-sm-9" id="faxnumber" name="faxnumber" v-model="unit.faxnumber" isFax="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">
|
<div class="col-sm-11" style="padding: 0;">
|
<div class="control-group">
|
<label class="control-label">网址</label>
|
<div class="controls input-icon">
|
<input type="text" class="form-control col-sm-12" name="websiteurl" id="websiteurl" v-model="unit.websiteurl" maxchar="100" Url="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">
|
<div class="col-sm-11" style="padding: 0;">
|
<div class="control-group">
|
<label class="control-label">单位地址</label>
|
<div class="controls input-icon">
|
<input type="text" class="form-control col-sm-12" name="address" id="address" v-model="unit.address" maxchar="100" />
|
<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-11" style="padding: 0;">
|
<div class="control-group">
|
<label class="control-label">单位介绍</label>
|
<div class="controls input-icon">
|
<textarea type="text" class="form-control" name="remark" id="remark" v-model="unit.remark" rows="3" cols="20" style="height: 70px;" ></textarea>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</form>
|
<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:unit: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>
|
</div>
|
<div name="tab" class="tab-pane fade" id="unitlist" role="tabpanel" aria-expanded="true" aria-labelledby="unitlist-tab" >
|
<div class="panel panel-default" id="div_caozuo">
|
<div class="panel-heading">
|
功能操作
|
</div>
|
<div class="panel-body SearchBox">
|
<form id="searchForm">
|
<div class="row" style="display:block;">
|
<div style="float: left;padding-left: 0.75em;">
|
<a class="btn btn-success" data-toggle="modal" data-target="#myModal" onclick="initModal(0)"><i class="fa fa-plus"></i> 新增</a>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
<table id="jqGrid"></table>
|
<div id="jqGridPager"></div>
|
</div>
|
<!-- 新增编辑窗口 -->
|
<div class="modal fade" id="myModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
<div class="modal-dialog" style="width: 800px;">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
×
|
</button>
|
<h4 class="modal-title"></h4>
|
</div>
|
<form class="form-horizontal" id="deptfrom">
|
<div class="modal-body" id="modalBody" style="height: 500px;overflow-y:auto;">
|
<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 type="text" id="deptunitname" name="deptunitname" onblur="changeToPinYin(1)" class="form-control col-sm-9" v-model="dept.unitname" required="" 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 class="control-group">-->
|
<!--<label class="control-label">单位简称</label>-->
|
<!--<div class="controls">-->
|
<!--<input type="text" class="form-control col-sm-9" v-model="dept.unitshort" rangelength="[0,30]" />-->
|
<!--</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" id="deptspellfirst" name="deptspellfirst" class="form-control col-sm-9" v-model="dept.spellfirst" spellfirst="true" required="" 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>
|
<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" name="deptcontactnumber" v-model="dept.contactnumber" telephone="true" class="form-control col-sm-9" />
|
<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">E-Mail地址</label>
|
<div class="controls input-icon">
|
<input type="text" name="deptemail" Email="true" class="form-control col-sm-9" v-model="dept.email" maxchar="100" />
|
<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 input-icon">
|
<input type="text" name="deptpostalcode" class="form-control col-sm-9" v-model="dept.postalcode" zipcode="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 class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">传真</label>
|
<div class="controls input-icon">
|
<input type="text" name="deptfaxnumber" class="form-control col-sm-9" isFax="true" v-model="dept.faxnumber" />
|
<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-11" style="padding: 0;">
|
<div class="control-group">
|
<label class="control-label">网址</label>
|
<div class="controls input-icon">
|
<textarea type="text" name="websiteurl" class="form-control" v-model="dept.websiteurl" rows="3" cols="20" style="height: 70px;" maxchar="100" Url="true" ></textarea>
|
<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-11" style="padding: 0;">
|
<div class="control-group">
|
<label class="control-label">部门地址</label>
|
<div class="controls input-icon">
|
<textarea type="text" name="address" class="form-control" v-model="dept.address" rows="3" cols="20" style="height: 70px;" maxchar="100" ></textarea>
|
<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-11" style="padding: 0;">
|
<div class="control-group">
|
<label class="control-label">部门介绍</label>
|
<div class="controls input-icon">
|
<textarea type="text" name="remark" class="form-control" v-model="dept.remark" rows="3" cols="20" style="height: 70px;" ></textarea>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="modal-footer">
|
<button type="button" class="btn btn-primary" onclick="saveUnitOrDept()">
|
确定
|
</button>
|
<button type="button" name="ModelClose" class="btn btn-default" data-dismiss="modal">
|
关闭
|
</button>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- 选择部门 -->
|
<div id="deptLayer" style="display: none;padding:10px;">
|
<ul id="deptTree" class="ztree"></ul>
|
</div>
|
<!-- 单位管理员窗口 -->
|
<div class="modal fade" id="managerModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
<div class="modal-dialog" id="jqManager" style="width: 900px;">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
×
|
</button>
|
<h4 class="modal-title">
|
用户-列表
|
</h4>
|
</div>
|
<div class="modal-body">
|
<div class="row">
|
<div style="width:50%;">
|
<div class="control-group">
|
<label class="control-label" style="width: 80px;margin-left: 15px;">用户名称</label>
|
<input type="text" class="form-control col-sm-8" id="chinesename" name="chinesename" onkeyup="findUserByWord()" onclick="findUserByWord()" placeholder="输入用户名、中文名或拼音首字母查询">
|
</div>
|
</div>
|
<div style="width: 50%;text-align: right;padding-right: 0.75em;">
|
<a class="btn btn-primary-outline" onclick="modalQuery('manager')"><i class="fa fa-search"></i> 查询</a>
|
<a class="btn btn-primary-outline" onclick="clearInput()"><i class="fa fa-trash-o"></i> 清除</a>
|
</div>
|
</div>
|
<div style="-ms-overflow-y: auto;height: 520px;overflow: auto;">
|
<table id="jqManagerGrid"></table>
|
<div id="jqManagerGridPager"></div>
|
</div>
|
<div>
|
<button class="btn btn-primary" type="button" onclick="getSelecteds('Manager')"><i class="fa fa-check"></i> 确定</button>
|
<button type="button" name="ModelClose" class="btn btn-default" data-dismiss="modal"> 关闭</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- 行政区划窗口 -->
|
<div class="modal fade" id="xzqhModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
<div class="modal-dialog" id="jqXzqh" style="width: 900px;">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
×
|
</button>
|
<h4 class="modal-title" id="myModalLabel">
|
行政区划-列表
|
</h4>
|
</div>
|
<div class="modal-body">
|
<div class="row">
|
<div style="width:50%;">
|
<div class="control-group">
|
<label class="control-label" style="width: 80px;margin-left: 15px;">区域名称</label>
|
<input type="text" class="form-control col-sm-8" id="regionname">
|
</div>
|
</div>
|
<div style="width:50%;text-align: right;padding-right: 0.75em;">
|
<a class="btn btn-primary-outline" onclick="modalQuery('xzqh')"><i class="fa fa-search"></i> 查询</a>
|
<a class="btn btn-primary-outline" onclick="clearInput()"><i class="fa fa-trash-o"></i> 清除</a>
|
</div>
|
</div>
|
<div style="-ms-overflow-y: auto;height: 520px;overflow: auto;">
|
<table id="jqXzqhGrid"></table>
|
<div id="jqXzqhGridPager"></div>
|
</div>
|
<div>
|
<button class="btn btn-primary" type="button" onclick="getSelecteds('Xzqh')"><i class="fa fa-check"></i> 确定</button>
|
<button type="button" id="ModelClose" name="ModelClose" class="btn btn-default" data-dismiss="modal"> 关闭</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<input type="hidden" id="hidunit">
|
<script src="../../../js/modules/org/unit_edit.js"></script>
|
</body>
|
</html>
|
