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.

239 lines
9.9 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="../../../component/pear/css/pear.css" />
<style>
.require-star {
position: absolute;
width: 3px;
height: 14px;
background-color: #ea4335;
top: 12px;
right: 8px;
border-radius: 1.5px;
}
.input-width {
max-width: 455px
}
.layui-form-select {
width: 455px;
}
</style>
</head>
<body>
<form class="layui-form" action="">
<div class="mainBox">
<div class="main-container">
<div class="layui-form-item" id="selectTreeDiv" style="display: none">
<label class="layui-form-label" style="width: 115px !important;"><span
class="require-star"></span>地区</label>
<div class="layui-input-block" style="margin-left: 145px !important;">
<ul id="selectTree" class="dtree" data-id="0"></ul>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="width: 115px !important;"><span
class="require-star"></span>单位类型</label>
<div class="layui-input-block" id="orgTypeView" style="margin-left: 145px !important;">
<script id="orgTypeScript" type="text/html">
<select id="orgTypeId" name="org_type_id" disabled>
{{# layui.each(d, function(index, item){ }}
<option value="{{item.id}}">{{item.name}}</option>
{{# }); }}
</select>
</script>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="width: 115px !important;"><span
class="require-star"></span>单位名称</label>
<div class="layui-input-block">
<input type="text" id="org_name" name="bureau_name" lay-verify="required" autocomplete="off"
placeholder="请输入单位名称" class="layui-input input-width">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="width: 115px !important;"><span
class="require-star"></span>统一社会信用代码</label>
<div class="layui-input-block">
<input type="text" id="org_code" name="org_code" lay-verify="required" autocomplete="off"
placeholder="请输入单位编码" class="layui-input input-width">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="width: 115px !important;"><span
class="require-star"></span>排序号</label>
<div class="layui-input-block">
<input type="text" id="sort_id" name="sort_id" lay-verify="required|sort" autocomplete="off"
placeholder="请输入排序号" class="layui-input input-width">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="width: 115px !important;">虚拟单位</label>
<div class="layui-input-block">
<input type="checkbox" id="virtual">
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="button-container">
<button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit="" lay-filter="save">
<i class="layui-icon layui-icon-ok"></i>
提交
</button>
<button type="reset" class="pear-btn pear-btn-sm">
<i class="layui-icon layui-icon-refresh"></i>
重置
</button>
</div>
</div>
</form>
<script src="../../../component/layui/layui.js"></script>
<script src="../../../component/pear/pear.js"></script>
<script src="../../../component/pear/base64.js"></script>
<script>
layui.use(['form', 'jquery', 'laytpl', 'dtree'], function () {
var form = layui.form;
var $ = layui.jquery;
var laytpl = layui.laytpl;
var dtree = layui.dtree;
// 自定义验证
form.verify({
sort: [/^\d{1,5}$/, '只能输入1-5位的数字']
});
var levelId = GetQueryString("level_id");
var areaId = GetQueryString("area_id");
var selectAreaId = areaId;
var orgId = GetQueryString("org_id");
var loginPersonInfo = getPersonLoginInfo($);
if (loginPersonInfo.identity_id == "1") {
$("#selectTreeDiv").show();
}
$.ajax({
type: "GET",
async: false,
url: "/dsBase/base/getOrgTypePrincipalshipForTreeTable?is_school=0&parent_id=" + levelId,
success: function (res) {
var orgTypeSelectTpl = orgTypeScript.innerHTML,
orgTypeView = document.getElementById('orgTypeView');
laytpl(orgTypeSelectTpl).render(res.data, function (html) {
orgTypeView.innerHTML = html;
form.render()
});
}
});
$.ajax({
type: "GET",
dataType: "json",
url: "/dsBase/organization/getOrgInfoById?org_id=" + orgId,
success: function (res) {
$("#org_name").val(res.data[0].org_name);
$("#org_code").val(res.data[0].org_code);
$("#sort_id").val(res.data[0].sort_id);
$('#orgTypeId').val(res.data[0].org_type_id);
var is_virtual = parseInt(res.data[0].is_virtual);
$('#virtual').prop('checked', is_virtual == 1);
if (loginPersonInfo.identity_id == "1") {
var globalInfo = getGlobalInfo($, Base64.encode("install_area"));
var parentId = globalInfo.data[0].global_value;
dtree.render({
elem: "#selectTree",
selectInitVal: areaId,
initLevel: "2",
method: 'get',
url: "/dsBase/dm/getAreaNew?parent_id=" + parentId,
select: true,
icon: "-1",
selectInputName: {
recordData: "recordData"
}
});
}
form.render();
}
});
dtree.on('node("selectTree")', function (obj) {
selectAreaId = obj.param.nodeId;
});
form.on('submit(save)', function (data) {
data.field['bureau_id'] = orgId;
data.field['parent_org_id'] = selectAreaId;
data.field['property_id'] = 1;
data.field['main_school_id'] = -1;
data.field['school_type_id'] = -1;
data.field['master_id'] = -1;
if ($('#virtual').prop('checked')) {
data.field['is_virtual'] = 1;
} else {
data.field['is_virtual'] = 0;
}
$.ajax({
url: '/dsBase/organization/updateBureau',
data: data.field,
type: 'post',
success: function (result) {
if (result.success) {
layer.msg("编辑成功!", {
icon: 1,
time: 1300
}, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name));
parent.layui.table.reload("data-table");
});
} else {
layer.msg(result.message, {
icon: 2,
time: 2000
});
}
}
});
return false;
});
function GetQueryString(name, istop) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (typeof (istop) != "undefined") r = top.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
//点击任何地方关闭下拉树
$("body").on("click", function (event) {
$("div[dtree-id][dtree-select]").removeClass("layui-form-selected");
$("div[dtree-id][dtree-card]").removeClass("dtree-select-show layui-anim layui-anim-upbit");
});
});
</script>
<script>
</script>
</body>
</html>