【ORG】机构管理修改树样式 以及js

pull/65/head
chenjinlong 2021-01-22 16:22:08 +08:00
parent 0285031534
commit 44e3fb68a8
6 changed files with 177 additions and 512 deletions

View File

@ -1,85 +1,46 @@
layui.use(['layer', 'form', 'table', 'ztree', 'laydate', 'admin', 'HttpRequest', 'func', 'tree', 'util'], function () {
layui.use(['layer', 'form', 'table', 'util', 'admin', 'tree', 'dropdown', 'xmSelect', 'treeTable', 'func', 'HttpRequest'], function () {
var $ = layui.jquery;
var layer = layui.layer;
var form = layui.form;
var table = layui.table;
var HttpRequest = layui.HttpRequest;
var func = layui.func;
var admin = layui.admin;
var tree = layui.tree;
var func = layui.func;
var HttpRequest = layui.HttpRequest;
var xmSelect = layui.xmSelect;
var selObj, treeData; // 左树选中数据
/**
* 系统管理--用户管理
*/
var Organization = {
tableId: "userTable", //表格id
condition: {
orgName: "",
orgParentId: "",
orgCode: ""
}
tableId: "organizationTable", //表格id
};
// 初始化表格的列
Organization.initColumn = function () {
return [[
{type: 'checkbox'},
{field: 'orgId', hide: true, title: '主键id'},
{field: 'orgName', sort: true, title: '机构名称'},
{field: 'orgCode', sort: true, title: '机构编码'},
{field: 'orgSort', sort: true, title: '排序'},
{field: 'orgRemark', sort: true, title: '备注'},
{field: 'statusFlag', sort: true, templet: '#statusTpl', title: '状态'},
{align: 'center', toolbar: '#tableBar', title: '操作'}
]];
};
// 选择部门时
Organization.onClickDept = function (obj) {
Organization.condition.orgParentId = obj.data.id;
Organization.search();
};
// 点击查询按钮
Organization.search = function () {
var queryData = {};
queryData['orgParentId'] = Organization.condition.orgParentId;
queryData['orgName'] = $("#orgName").val();
queryData['orgCode'] = $("#orgCode").val();
table.reload(Organization.tableId, {
where: queryData, page: {curr: 1}
});
};
// 弹出添加对话框
/* 点击新增对话框 */
Organization.openAddDlg = function () {
func.open({
height: 800,
title: '添加机构',
content: Feng.ctxPath + '/view/organization/addView',
tableId: Organization.tableId
tableId: Organization.tableId,
endCallback: function () {
renderTree();
}
});
};
// 点击编辑
/* 点击编辑对话框 */
Organization.openEditDlg = function (data) {
func.open({
height: 800,
title: '修改机构',
content: Feng.ctxPath + '/view/organization/editView?orgId=' + data.orgId,
content: Feng.ctxPath + '/view/organization/editView?orgId=' + data.id,
tableId: Organization.tableId
});
};
// 导出excel按钮
Organization.exportExcel = function () {
var checkRows = table.checkStatus(Organization.tableId);
if (checkRows.data.length === 0) {
Feng.error("请选择要导出的数据");
} else {
table.exportFile(tableResult.config.id, checkRows.data, 'xls');
}
};
// 点击删除
/* 点击删除 */
Organization.delete = function (data) {
var operation = function () {
var httpRequest = new HttpRequest(Feng.ctxPath + "/hrOrganization/delete", 'post', function (data) {
@ -94,80 +55,83 @@ layui.use(['layer', 'form', 'table', 'ztree', 'laydate', 'admin', 'HttpRequest',
Feng.confirm("是否删除?", operation);
};
// 修改职位状态
Organization.updateStatus = function (orgId, checked) {
var httpRequest = new HttpRequest(Feng.ctxPath + "/hrOrganization/updateStatus", 'post', function (data) {
table.reload(Organization.tableId);
Feng.success("修改成功!");
}, function (data) {
table.reload(Organization.tableId);
Feng.error("修改失败!" + data.message);
/* 渲染树形 */
function renderTree() {
$.get(Feng.ctxPath + '/hrOrganization/treeLayui', function (res) {
tree.render({
elem: '#organizationTree',
onlyIconControl: true,
data: res.data,
click: function (obj) {
selObj = obj;
$('#organizationTree').find('.ew-tree-click').removeClass('ew-tree-click');
$(obj.elem).children('.layui-tree-entry').addClass('ew-tree-click');
console.log(obj.data);
insTb.reload({
where: {orgParentId: obj.data.id},
page: {curr: 1},
url: Feng.ctxPath + '/hrOrganization/page'
});
}
});
$('#organizationTree').find('.layui-tree-entry:first>.layui-tree-main>.layui-tree-txt').trigger('click');
});
httpRequest.set({"orgId": orgId, "statusFlag": checked});
httpRequest.start(true);
};
}
// 渲染表格
var tableResult = table.render({
elem: '#' + Organization.tableId,
url: Feng.ctxPath + '/hrOrganization/page',
page: true,
height: "full-98",
cellMinWidth: 100,
cols: Organization.initColumn(),
parseData: Feng.parseData
});
renderTree();
// 初始化部门树
var request = new HttpRequest(Feng.ctxPath + '/hrOrganization/treeLayui', 'get', function (data) {
tree.render({
elem: '#deptTree',
data: data.data,
click: Organization.onClickDept,
onlyIconControl: true
});
});
request.start();
// 搜索按钮点击事件
$('#btnSearch').click(function () {
Organization.search();
});
// 添加按钮点击事件
$('#btnAdd').click(function () {
/* 添加 */
$('#organizationAddBtn').click(function () {
Organization.openAddDlg();
});
// 导出excel
$('#btnExp').click(function () {
Organization.exportExcel();
/* 修改 */
$('#organizationEditBtn').click(function () {
if (!selObj) return layer.msg('未选择机构', {icon: 2});
Organization.openEditDlg(selObj.data)
});
// 工具条点击事件
table.on('tool(' + Organization.tableId + ')', function (obj) {
var data = obj.data;
var event = obj.event;
if (event === 'edit') {
Organization.openEditDlg(data);
} else if (event === 'delete') {
Organization.delete(data);
}
/* 删除 */
$('#organizationDelBtn').click(function () {
if (!selObj) return layer.msg('未选择机构', {icon: 2});
selObj.data.orgId = selObj.data.id;
Organization.delete(selObj.data)
});
// 修改状态
form.on('switch(status)', function (obj) {
var orgId = obj.elem.value;
var checked = obj.elem.checked ? 1 : 2;
Organization.updateStatus(orgId, checked);
/* 渲染表格 */
var insTb = table.render({
elem: '#organizationTable',
data: [],
height: 'full-100',
page: true,
//toolbar: '#organizationUserTbToolBar',
cellMinWidth: 100,
cols: [[
{type: 'checkbox'},
{type: 'numbers'},
{field: 'orgId', hide: true, title: '主键id'},
{field: 'orgName', sort: true, title: '机构名称'},
{field: 'orgCode', sort: true, title: '机构编码'},
{field: 'orgSort', sort: true, title: '排序'},
{field: 'orgRemark', sort: true, title: '备注'}
]],
done: function () {
// 表格搜索
form.on('submit(organizationUserTbSearch)', function (data) {
insTb.reload({where: data.field, page: {curr: 1}});
return false;
});
},
parseData: Feng.parseData
});
});
/* 点击搜索 */
form.on('submit(organizationTbSearch)', function (data) {
insTb.reload({where: data.field});
return false;
});
$(function () {
var panehHidden = false;
if ($(this).width() < 769) {
panehHidden = true;
}
$('#myContiner').layout({initClosed: panehHidden, west__size: 260});
});

View File

@ -1,235 +0,0 @@
layui.use(['layer', 'form', 'table', 'util', 'admin', 'tree', 'dropdown', 'xmSelect', 'treeTable'], function () {
var $ = layui.jquery;
var layer = layui.layer;
var form = layui.form;
var table = layui.table;
var util = layui.util;
var admin = layui.admin;
var tree = layui.tree;
var xmSelect = layui.xmSelect;
var selObj, treeData; // 左树选中数据
/* 渲染树形 */
function renderTree() {
$.get(Feng.ctxPath + '/hrOrganization/treeLayui', function (res) {
tree.render({
elem: '#organizationTree',
onlyIconControl: true,
data: res.data,
click: function (obj) {
selObj = obj;
$('#organizationTree').find('.ew-tree-click').removeClass('ew-tree-click');
$(obj.elem).children('.layui-tree-entry').addClass('ew-tree-click');
insTb.reload({
where: {organizationId: obj.data.organizationId},
page: {curr: 1},
url: Feng.ctxPath + '/hrOrganization/page'
});
}
});
$('#organizationTree').find('.layui-tree-entry:first>.layui-tree-main>.layui-tree-txt').trigger('click');
});
}
renderTree();
/* 添加 */
$('#organizationAddBtn').click(function () {
showEditModel(null, selObj ? selObj.data.parentId : null);
});
/* 修改 */
$('#organizationEditBtn').click(function () {
if (!selObj) return layer.msg('未选择机构', {icon: 2});
showEditModel(selObj.data);
});
/* 删除 */
$('#organizationDelBtn').click(function () {
if (!selObj) return layer.msg('未选择机构', {icon: 2});
doDel(selObj);
});
/* 显示表单弹窗 */
function showEditModel(mData, pid) {
admin.open({
type: 1,
area: '600px',
title: (mData ? '修改' : '添加') + '机构',
content: $('#organizationEditDialog').html(),
success: function (layero, dIndex) {
// 回显表单数据
form.val('organizationEditForm', mData);
// 表单提交事件
form.on('submit(organizationEditSubmit)', function (data) {
data.field.parentId = insXmSel.getValue('valueStr');
var loadIndex = layer.load(2);
$.get(mData ? '../../json/ok.json' : '../../json/ok.json', data.field, function (res) {
layer.close(loadIndex);
if (200 === res.code) {
layer.close(dIndex);
layer.msg(res.msg, {icon: 1});
renderTree();
} else {
layer.msg(res.msg, {icon: 2});
}
}, 'json');
return false;
});
// 渲染下拉树
var insXmSel = xmSelect.render({
el: '#organizationEditParentSel',
height: '250px',
data: treeData,
initValue: mData ? [mData.parentId] : (pid ? [pid] : []),
model: {label: {type: 'text'}},
prop: {
name: 'organizationName',
value: 'organizationId'
},
radio: true,
clickClose: true,
tree: {
show: true,
indent: 15,
strict: false,
expandedKeys: true
}
});
// 禁止弹窗出现滚动条
$(layero).children('.layui-layer-content').css('overflow', 'visible');
}
});
}
/* 删除 */
function doDel(obj) {
layer.confirm('确定要删除此机构吗?', {
skin: 'layui-layer-admin',
shade: .1
}, function (i) {
layer.close(i);
var loadIndex = layer.load(2);
$.get('../../json/ok.json', {
id: obj.data.organizationId,
}, function (res) {
layer.close(loadIndex);
if (200 === res.code) {
layer.msg(res.msg, {icon: 1});
renderTree();
} else {
layer.msg(res.msg, {icon: 2});
}
}, 'json');
});
}
/* 渲染表格 */
var insTb = table.render({
elem: '#organizationUserTable',
data: [],
height: 'full-100',
page: true,
//toolbar: '#organizationUserTbToolBar',
cellMinWidth: 100,
cols: [[
{type: 'checkbox'},
{type: 'numbers'},
{field: 'orgId', hide: true, title: '主键id'},
{field: 'orgName', sort: true, title: '机构名称'},
{field: 'orgCode', sort: true, title: '机构编码'},
{field: 'orgSort', sort: true, title: '排序'},
{field: 'orgRemark', sort: true, title: '备注'},
{title: '操作', toolbar: '#organizationUserTbBar', align: 'center', width: 120, minWidth: 120}
]],
done: function () {
// 表格搜索
form.on('submit(organizationUserTbSearch)', function (data) {
insTb.reload({where: data.field, page: {curr: 1}});
return false;
});
},
parseData: Feng.parseData
});
/* 表格工具条点击事件 */
table.on('tool(organizationUserTable)', function (obj) {
if (obj.event === 'edit') { // 修改
showEditModel2(obj.data);
} else if (obj.event === 'del') { // 删除
doDel2(obj);
}
});
/* 表格头工具栏点击事件 */
table.on('toolbar(organizationUserTable)', function (obj) {
if (obj.event === 'add') { // 添加
showEditModel2();
} else if (obj.event === 'del') { // 删除
var checkRows = table.checkStatus('organizationUserTable');
if (checkRows.data.length === 0) {
layer.msg('请选择要删除的数据', {icon: 2});
return;
}
var ids = checkRows.data.map(function (d) {
return d.userId;
});
doDel2({ids: ids});
}
});
/* 显示表单弹窗2 */
function showEditModel2(mData) {
admin.open({
type: 1,
title: (mData ? '修改' : '添加') + '用户',
content: $('#organizationUserEditDialog').html(),
success: function (layero, dIndex) {
// 回显表单数据
form.val('organizationUserEditForm', mData);
// 表单提交事件
form.on('submit(organizationUserEditSubmit)', function (data) {
data.field.organizationId = selObj ? selObj.data.organizationId : undefined;
var loadIndex = layer.load(2);
$.get(mData ? '../../json/ok.json' : '../../json/ok.json', data.field, function (res) {
layer.close(loadIndex);
if (200 === res.code) {
layer.close(dIndex);
layer.msg(res.msg, {icon: 1});
insTb.reload({page: {curr: 1}});
} else {
layer.msg(res.msg, {icon: 2});
}
}, 'json');
return false;
});
// 禁止弹窗出现滚动条
$(layero).children('.layui-layer-content').css('overflow', 'visible');
}
});
}
/* 删除2 */
function doDel2(obj) {
layer.confirm('确定要删除选中用户吗?', {
skin: 'layui-layer-admin',
shade: .1
}, function (i) {
layer.close(i);
var loadIndex = layer.load(2);
$.get('../../json/ok.json', {
id: obj.data ? obj.data.userId : '',
ids: obj.ids ? obj.ids.join(',') : ''
}, function (res) {
layer.close(loadIndex);
if (200 === res.code) {
layer.msg(res.msg, {icon: 1});
insTb.reload({page: {curr: 1}});
} else {
layer.msg(res.msg, {icon: 2});
}
}, 'json');
});
}
});

View File

@ -1,55 +1,97 @@
@layout("/layout/_tree_container.html",{plugins:["jquery-layout"],js:["/assets/modular/system/organization/organization.js"]}){
@layout("/layout/_container.html",{js:["/assets/modular/system/organization/organization.js"]}){
<style>
/* 左树 */
#organizationTreeBar {
padding: 10px 15px;
border: 1px solid #e6e6e6;
background-color: #f2f2f2;
}
<div class="layui-body-header">
<span class="layui-body-header-title">机构管理</span>
</div>
#organizationTree {
border: 1px solid #e6e6e6;
border-top: none;
padding: 10px 5px;
overflow: auto;
height: -webkit-calc(100vh - 125px);
height: -moz-calc(100vh - 125px);
height: calc(100vh - 125px);
}
<div id="myContiner" style="height: 100%">
<div class="ui-layout-west">
<div class="box box-main">
<div class="ui-layout-content">
<div id="deptTree"></div>
.layui-tree-entry .layui-tree-txt {
padding: 0 5px;
border: 1px transparent solid;
text-decoration: none !important;
}
.layui-tree-entry.ew-tree-click .layui-tree-txt {
background-color: #fff3e0;
border: 1px #FFE6B0 solid;
}
/* 右表搜索表单 */
#organizationUserTbSearchForm .layui-form-label {
box-sizing: border-box !important;
width: 90px !important;
}
#organizationUserTbSearchForm .layui-input-block {
margin-left: 90px !important;
}
</style>
</head>
<body>
<!-- 正文开始 -->
<div class="layui-fluid" style="padding-bottom: 0;">
<div class="layui-row layui-col-space15">
<div class="layui-col-md2">
<div class="layui-card">
<div class="layui-card-body" style="padding: 10px;">
<!-- 树工具栏 -->
<div class="layui-form toolbar" id="organizationTreeBar">
<button id="organizationAddBtn" class="layui-btn layui-btn-sm icon-btn">
<i class="layui-icon">&#xe654;</i>添加
</button>&nbsp;
<button id="organizationEditBtn" class="layui-btn layui-btn-sm layui-btn-warm icon-btn">
<i class="layui-icon">&#xe642;</i>修改
</button>&nbsp;
<button id="organizationDelBtn" class="layui-btn layui-btn-sm layui-btn-danger icon-btn">
<i class="layui-icon">&#xe640;</i>删除
</button>
</div>
<!-- 左树 -->
<div id="organizationTree"></div>
</div>
</div>
</div>
</div>
<div class="ui-layout-center">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-body">
<div class="layui-form toolbar">
<input id="defaultPassword" class="layui-input" type="hidden" value="${constants.getDefaultPassWord()}"/>
<div class="layui-form-item">
<div class="layui-inline">
<input id="orgName" class="layui-input" type="text" placeholder="组织名称"/>
</div>
<div class="layui-inline">
<input id="orgCode" class="layui-input" type="text" placeholder="组织编码"/>
</div>
<div class="layui-inline">
<button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>搜索</button>
<button id="btnAdd" class="layui-btn icon-btn"><i class="layui-icon">&#xe654;</i>添加</button>
<button id="btnExp" class="layui-btn icon-btn"><i class="layui-icon">&#xe67d;</i>导出</button>
</div>
<div class="layui-col-md10">
<div class="layui-card">
<div class="layui-card-body" style="padding: 10px;">
<!-- 表格工具栏2 -->
<form class="layui-form toolbar">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">组织名称:</label>
<div class="layui-input-inline">
<input name="orgName" class="layui-input" placeholder="组织名称"/>
</div>
</div>
<table class="layui-table" id="userTable" lay-filter="userTable"></table>
<div class="layui-inline">
<label class="layui-form-label">组织编码:</label>
<div class="layui-input-inline">
<input name="orgCode" class="layui-input" placeholder="组织编码"/>
</div>
</div>
<div class="layui-inline">&emsp;
<button class="layui-btn icon-btn" lay-filter="organizationTbSearch" lay-submit><i class="layui-icon">&#xe615;</i>搜索</button>
</div>
</div>
</div>
</form>
<!-- 数据表格 -->
<table id="organizationTable" lay-filter="organizationTable"></table>
</div>
</div>
</div>
</div>
</div>
<script type="text/html" id="tableBar">
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">修改</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
</script>
<script type="text/html" id="statusTpl">
<input type="checkbox" lay-filter="status" value="{{d.userId}}" lay-skin="switch" lay-text="正常|锁定" {{d.statusFlag=='1'?'checked':''}}/>
</script>
@}
@}

View File

@ -1,104 +0,0 @@
@layout("/layout/_container.html",{js:["/assets/modular/system/organization/organization_1.js"]}){
<style>
/* 左树 */
#organizationTreeBar {
padding: 10px 15px;
border: 1px solid #e6e6e6;
background-color: #f2f2f2;
}
#organizationTree {
border: 1px solid #e6e6e6;
border-top: none;
padding: 10px 5px;
overflow: auto;
height: -webkit-calc(100vh - 125px);
height: -moz-calc(100vh - 125px);
height: calc(100vh - 125px);
}
.layui-tree-entry .layui-tree-txt {
padding: 0 5px;
border: 1px transparent solid;
text-decoration: none !important;
}
.layui-tree-entry.ew-tree-click .layui-tree-txt {
background-color: #fff3e0;
border: 1px #FFE6B0 solid;
}
/* 右表搜索表单 */
#organizationUserTbSearchForm .layui-form-label {
box-sizing: border-box !important;
width: 90px !important;
}
#organizationUserTbSearchForm .layui-input-block {
margin-left: 90px !important;
}
</style>
</head>
<body>
<!-- 正文开始 -->
<div class="layui-fluid" style="padding-bottom: 0;">
<div class="layui-row layui-col-space15">
<div class="layui-col-md3">
<div class="layui-card">
<div class="layui-card-body" style="padding: 10px;">
<!-- 树工具栏 -->
<div class="layui-form toolbar" id="organizationTreeBar">
<button id="organizationAddBtn" class="layui-btn layui-btn-sm icon-btn">
<i class="layui-icon">&#xe654;</i>添加
</button>&nbsp;
<button id="organizationEditBtn" class="layui-btn layui-btn-sm layui-btn-warm icon-btn">
<i class="layui-icon">&#xe642;</i>修改
</button>&nbsp;
<button id="organizationDelBtn"
class="layui-btn layui-btn-sm layui-btn-danger icon-btn">
<i class="layui-icon">&#xe640;</i>删除
</button>
</div>
<!-- 左树 -->
<div id="organizationTree"></div>
</div>
</div>
</div>
<div class="layui-col-md9">
<div class="layui-card">
<div class="layui-card-body" style="padding: 10px;">
<!-- 表格工具栏2 -->
<form class="layui-form toolbar">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">组织名称:</label>
<div class="layui-input-inline">
<input name="orgName" class="layui-input" placeholder="组织名称"/>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">组织编码:</label>
<div class="layui-input-inline">
<input name="orgCode" class="layui-input" placeholder="组织编码"/>
</div>
</div>
<div class="layui-inline">&emsp;
<button class="layui-btn icon-btn" lay-filter="dictTbSearch" lay-submit><i class="layui-icon">&#xe615;</i>搜索</button>
</div>
</div>
</form>
<!-- 数据表格 -->
<table id="organizationUserTable" lay-filter="organizationUserTable"></table>
</div>
</div>
</div>
</div>
</div>
<!-- 表格操作列 -->
<script type="text/html" id="organizationUserTbBar">
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">修改</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
@}

View File

@ -3,37 +3,36 @@
<form class="layui-form" id="organizationForm" lay-filter="organizationForm">
<div class="layui-fluid" style="padding-bottom: 75px;">
<div class="layui-card">
<div class="layui-card-header">基本信息</div>
<div class="layui-card-body">
<div class="layui-form-item layui-row">
<input name="orgId" type="hidden"/>
<div class="layui-inline layui-col-md12">
<label class="layui-form-label">上级机构<span style="color: red;">*</span></label>
<label class="layui-form-label layui-form-required">上级机构</label>
<div class="layui-input-block">
<div id="organization" class="ew-xmselect-tree"></div>
</div>
</div>
<div class="layui-inline layui-col-md12">
<label class="layui-form-label">机构名称<span style="color: red;">*</span></label>
<label class="layui-form-label layui-form-required">机构名称</label>
<div class="layui-input-block">
<input id="orgName" name="orgName" placeholder="请输入机构名称" type="text" class="layui-input" lay-verify="required" required/>
</div>
</div>
<div class="layui-inline layui-col-md12">
<label class="layui-form-label">机构编码<span style="color: red;">*</span></label>
<label class="layui-form-label layui-form-required">机构编码</label>
<div class="layui-input-block">
<input id="orgCode" name="orgCode" placeholder="请输入机构编码" type="text" class="layui-input" lay-verify="required" required/>
</div>
</div>
<div class="layui-inline layui-col-md12">
<label class="layui-form-label">顺序<span style="color: red;">*</span></label>
<label class="layui-form-label layui-form-required">顺序</label>
<div class="layui-input-block">
<input id="orgSort" name="orgSort" placeholder="请输入顺序" type="text" class="layui-input" lay-verify="required" required/>
</div>
</div>
<div class="layui-inline layui-col-md12">
<label class="layui-form-label">备注</label>
<label class="layui-form-label layui-form-required">备注</label>
<div class="layui-input-block">
<textarea id="orgRemark" name="orgRemark" placeholder="请输入备注" class="layui-textarea"></textarea>
</div>

View File

@ -3,37 +3,36 @@
<form class="layui-form" id="organizationForm" lay-filter="organizationForm">
<div class="layui-fluid" style="padding-bottom: 75px;">
<div class="layui-card">
<div class="layui-card-header">基本信息</div>
<div class="layui-card-body">
<div class="layui-form-item layui-row">
<input name="orgId" type="hidden"/>
<div class="layui-inline layui-col-md12">
<label class="layui-form-label">上级机构<span style="color: red;">*</span></label>
<label class="layui-form-label layui-form-required">上级机构</label>
<div class="layui-input-block">
<div id="organization" class="ew-xmselect-tree"></div>
</div>
</div>
<div class="layui-inline layui-col-md12">
<label class="layui-form-label">机构名称<span style="color: red;">*</span></label>
<label class="layui-form-label layui-form-required">机构名称</label>
<div class="layui-input-block">
<input id="orgName" name="orgName" placeholder="请输入机构名称" type="text" class="layui-input" lay-verify="required" required/>
</div>
</div>
<div class="layui-inline layui-col-md12">
<label class="layui-form-label">机构编码<span style="color: red;">*</span></label>
<label class="layui-form-label layui-form-required">机构编码</label>
<div class="layui-input-block">
<input id="orgCode" name="orgCode" placeholder="请输入机构编码" type="text" class="layui-input" lay-verify="required" required/>
</div>
</div>
<div class="layui-inline layui-col-md12">
<label class="layui-form-label">顺序<span style="color: red;">*</span></label>
<label class="layui-form-label layui-form-required">顺序</label>
<div class="layui-input-block">
<input id="orgSort" name="orgSort" placeholder="请输入顺序" type="text" class="layui-input" lay-verify="required" required/>
</div>
</div>
<div class="layui-inline layui-col-md12">
<label class="layui-form-label">备注</label>
<label class="layui-form-label layui-form-required">备注</label>
<div class="layui-input-block">
<textarea id="orgRemark" name="orgRemark" placeholder="请输入备注" class="layui-textarea"></textarea>
</div>