|
@@ -0,0 +1,431 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="zh">
|
|
|
+
|
|
|
+<head>
|
|
|
+
|
|
|
+ <meta charset="UTF-8" />
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
+ <title>组织机构</title>
|
|
|
+ <link rel="shortcut icon" href="../favicon.ico">
|
|
|
+
|
|
|
+
|
|
|
+ <link rel="stylesheet" href="../layui/css/layui.css" />
|
|
|
+ <link rel="stylesheet" href="../css/common.css" />
|
|
|
+ <link rel="stylesheet" href="../css/per-manage.css" />
|
|
|
+ <script src="../js/flexible-inner.js"></script>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body style="background:rgba(0,0,0,0)">
|
|
|
+
|
|
|
+ <div class="memberbox">
|
|
|
+ <div class="membertit">组织/机构列表</div>
|
|
|
+ <div class="member-choose">
|
|
|
+ <span>单位名称</span>
|
|
|
+ <input type="text" id="companyName">
|
|
|
+ <span>创建时间</span>
|
|
|
+ <div class="layui-inline">
|
|
|
+ <input type="text" id="startTime" class="layui-input test-item" placeholder="所有">
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <span>~</span>
|
|
|
+
|
|
|
+ <div class="layui-inline">
|
|
|
+ <input type="text" id="endTime" class="layui-input test-item" placeholder="所有">
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <a class="button" id="buttonClick">确定</a>
|
|
|
+ <a class="button reset">重置</a>
|
|
|
+ </div>
|
|
|
+ <div class="operatebox"></div>
|
|
|
+ <ul class="member-operate">
|
|
|
+ <a class="button edit">修改</a>
|
|
|
+ <a class="button add">+ 新增</a>
|
|
|
+ <a class="button delete">- 删除</a>
|
|
|
+ <a class="button delete unshow">导出</a>
|
|
|
+
|
|
|
+ </ul>
|
|
|
+
|
|
|
+
|
|
|
+ <table class="pure-table companylist" cellspacing="0px">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th style="width:24px">
|
|
|
+ <!-- <span class="checkall status"></span> -->
|
|
|
+ </th>
|
|
|
+ <th>单位编号</th>
|
|
|
+ <th>单位名称</th>
|
|
|
+ <th>所属建筑id</th>
|
|
|
+ <th>单位地址</th>
|
|
|
+ <th>单位负责人</th>
|
|
|
+ <th>联系人</th>
|
|
|
+ <th>创建人</th>
|
|
|
+ <th>创建时间</th>
|
|
|
+ <th>详情</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+
|
|
|
+ <tbody id="dataList">
|
|
|
+ <tr>
|
|
|
+ <td class="status"></td>
|
|
|
+ <td>123456</td>
|
|
|
+ <td>永天集团</td>
|
|
|
+ <td>123</td>
|
|
|
+ <td>办公</td>
|
|
|
+ <td>张三</td>
|
|
|
+ <td>13652525252</td>
|
|
|
+ <td>李四</td>
|
|
|
+ <td><a class="view-detail ">详情</a></td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="pager has-data flex">
|
|
|
+ <div class="pager-left flex1 align-left">
|
|
|
+ <ul>
|
|
|
+ <li id="firstPageButton" class="pg-first disabled"></li>
|
|
|
+ <li id="prevPageButton" class="pg-prev disabled"></li>
|
|
|
+ <li class="pg-des">
|
|
|
+ 第 <input id="currentPage" type="text" size="1" value="1"> 页,共 <span id="totalPage">100</span> 页
|
|
|
+ </li>
|
|
|
+ <li id="nextPageButton" class="pg-next"></li>
|
|
|
+ <li id="lastPageButton" class="pg-last"></li>
|
|
|
+ <li class="pg-refresh">
|
|
|
+ <a href="javascript:location.reload();"></a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="pager-right flex1 align-right">显示第 <span id="pageFrom"> 1 </span> 条到 <span id="pageTo">
|
|
|
+ 15 </span>条记录,总共 <span id="dataTotal">
|
|
|
+ 46 </span>条
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="pager no-data" style="display:none;text-align:right">
|
|
|
+ 暂无数据
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 单位新增 -->
|
|
|
+ <div class="xcConfirm addCompanyDataOut" style="display:none">
|
|
|
+ <div class="xc_layer"></div>
|
|
|
+ <div class="popBox">
|
|
|
+ <div class="ttBox">
|
|
|
+ <a class="clsBtn"></a>
|
|
|
+ <span class="tt">单位新增</span>
|
|
|
+ </div>
|
|
|
+ <form id="addCompanyForm">
|
|
|
+ <div class="txtBox">
|
|
|
+ <div>
|
|
|
+ <span>单位负责人:<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="ownerMan">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>单位名称:<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="ownerName">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>单位地址:<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="ownerAddress">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>办公地址 :<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="ownerOffice">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>所属建筑:<i class="necessary">*</i></span>
|
|
|
+ <select name="buildingId" id="getBuildingId">
|
|
|
+ <option value="">请选择</option>
|
|
|
+ </select>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>类型:<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="xmlx">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>联系人:<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="contacts">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>联系电话:<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="contactsPhone">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="btnArea">
|
|
|
+ <div class="btnGroup">
|
|
|
+ <a class="sgBtn ok" id="addData"><img src="images/accept.png" alt=""> 提交</a>
|
|
|
+ <a class="sgBtn cancel"><img src="images/cancel.png" alt="">关闭</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 单位修改 -->
|
|
|
+ <div class="xcConfirm editCompanyDataOut" style="display:none">
|
|
|
+ <div class="xc_layer"></div>
|
|
|
+ <div class="popBox">
|
|
|
+ <div class="ttBox">
|
|
|
+ <a class="clsBtn"></a>
|
|
|
+ <span class="tt">单位修改</span>
|
|
|
+ </div>
|
|
|
+ <form id="editCompanyForm">
|
|
|
+ <div class="txtBox">
|
|
|
+ <div>
|
|
|
+ <span>单位负责人:<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="ownerMan">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>单位名称:<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="ownerName">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>单位地址:<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="ownerAddress">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>办公地址 :<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="ownerOffice">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>所属建筑:<i class="necessary">*</i></span>
|
|
|
+ <select name="buildingId" id="getBuildingId2">
|
|
|
+ <option value="">请选择</option>
|
|
|
+ </select>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>类型:<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="xmlx">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>联系人:<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="contacts">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>联系电话:<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="contactsPhone">
|
|
|
+ </div>
|
|
|
+ <div style="opacity:0">
|
|
|
+ <span>单位id:<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="ownerId">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="btnArea">
|
|
|
+ <div class="btnGroup">
|
|
|
+ <a class="sgBtn ok" id="dataUpdate"><img src="images/accept.png" alt=""> 提交</a>
|
|
|
+ <a class="sgBtn cancel"><img src="images/cancel.png" alt="">关闭</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 部门详情 -->
|
|
|
+ <div class="xcConfirm queryCompanyList" style="display:none">
|
|
|
+ <div class="xc_layer"></div>
|
|
|
+ <div class="popBox">
|
|
|
+ <div class="ttBox">
|
|
|
+ <a class="clsBtn"></a>
|
|
|
+ <span class="tt">详情</span>
|
|
|
+ </div>
|
|
|
+ <div class="">
|
|
|
+ <ul class="member-operate">
|
|
|
+ <a class="button edit2">修改</a>
|
|
|
+ <a class="button add2">+ 新增</a>
|
|
|
+ <a class="button delete2">- 删除</a>
|
|
|
+ </ul>
|
|
|
+ <table class="pure-table pure-table-inner" cellspacing="0px" style="width: 96%;margin-left: 2%;">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th style="width:24px">
|
|
|
+ <!-- <span class="checkall status"></span> -->
|
|
|
+ </th>
|
|
|
+ <th>部门名称</th>
|
|
|
+ <th>部门负责人</th>
|
|
|
+ <th>联系电话</th>
|
|
|
+ <th>创建人</th>
|
|
|
+ <th>创建时间</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ </table>
|
|
|
+ <div class="scroll" style="height:270px;overflow-y:auto;width:98%">
|
|
|
+ <table class="pure-table pure-table-inner result" cellspacing="0px" style="width: 98%;margin-left: 2%;">
|
|
|
+
|
|
|
+ <tbody id="dataList2">
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 部门新增 -->
|
|
|
+ <div class="xcConfirm addDepartmentDataOut" style="display:none">
|
|
|
+ <div class="popBox">
|
|
|
+ <div class="ttBox">
|
|
|
+ <a class="clsBtn2"></a>
|
|
|
+ <span class="tt">部门新增</span>
|
|
|
+ </div>
|
|
|
+ <form id="addDepartmentForm">
|
|
|
+ <div class="txtBox">
|
|
|
+ <div>
|
|
|
+ <span>部门名称:<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="departmentName">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>部门负责人:<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="departmentMan">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>负责人电话:<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="departmentPhone">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <!-- <div>
|
|
|
+ <span>所属单位:<i class="necessary">*</i></span>
|
|
|
+ <select name="companyId" id="getCompanyName" >
|
|
|
+ <option value="">请选择</option>
|
|
|
+ </select>
|
|
|
+ </div> -->
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="btnArea">
|
|
|
+ <div class="btnGroup">
|
|
|
+ <a class="sgBtn ok" id="addDataDepart"><img src="images/accept.png" alt=""> 提交</a>
|
|
|
+ <a class="sgBtn cancel2"><img src="images/cancel.png" alt="">关闭</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 部门修改 -->
|
|
|
+ <div class="xcConfirm editDepartmentDataOut" style="display:none">
|
|
|
+ <div class="popBox">
|
|
|
+ <div class="ttBox">
|
|
|
+ <a class="clsBtn2"></a>
|
|
|
+ <span class="tt">修改</span>
|
|
|
+ </div>
|
|
|
+ <form id="editDepartmentForm">
|
|
|
+ <div class="txtBox">
|
|
|
+ <div>
|
|
|
+ <span>部门名称:<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="departmentName">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>部门负责人:<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="departmentMan">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>负责人电话:<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="departmentPhone">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div style="opacity:0">
|
|
|
+ <span>所属单位:<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="companyId" readonly>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div style="opacity:0">
|
|
|
+ <span>所属部门:<i class="necessary">*</i></span>
|
|
|
+ <input type="text" name="departmentId" readonly>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <!-- <div>
|
|
|
+ <span>所属部门:<i class="necessary">*</i></span>
|
|
|
+ <select name="departmentId" id="getCompanyName2">
|
|
|
+ <option value="">请选择</option>
|
|
|
+ </select>
|
|
|
+ </div> -->
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="btnArea">
|
|
|
+ <div class="btnGroup">
|
|
|
+ <a class="sgBtn ok" id="editDataDepart"><img src="images/accept.png" alt=""> 提交</a>
|
|
|
+ <a class="sgBtn cancel2"><img src="images/cancel.png" alt="">关闭</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <script src="../js/jquery.js"></script>
|
|
|
+ <!-- <script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.js"></script> -->
|
|
|
+ <script src="../js/md5.js"></script>
|
|
|
+ <script src="../js/util.js"></script>
|
|
|
+ <script src="../api/request.js"></script>
|
|
|
+ <script src="../layui/layui.js"></script>
|
|
|
+ <script src="../js/valid.js"></script>
|
|
|
+ <script src="../js/organization.js"></script>
|
|
|
+ <script src="../js/organization-department.js"></script>
|
|
|
+ <script src="../js/main.js"></script>
|
|
|
+
|
|
|
+ <script>
|
|
|
+ layui.use(['form', 'layedit', 'laydate'], function() {
|
|
|
+ var form = layui.form,
|
|
|
+ layer = layui.layer,
|
|
|
+ layedit = layui.layedit,
|
|
|
+ laydate = layui.laydate;
|
|
|
+ });
|
|
|
+
|
|
|
+ layui.use('laydate', function() {
|
|
|
+ var laydate = layui.laydate;
|
|
|
+
|
|
|
+
|
|
|
+ //开始日期
|
|
|
+ var insStart = laydate.render({
|
|
|
+ elem: '#startTime',
|
|
|
+ trigger: 'click',
|
|
|
+ done: function(value, date) {
|
|
|
+ //更新结束日期的最小日期
|
|
|
+ insEnd.config.min = lay.extend({}, date, {
|
|
|
+ month: date.month - 1
|
|
|
+ });
|
|
|
+ //自动弹出结束日期的选择器
|
|
|
+ insEnd.config.elem[0].focus();
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ //结束日期
|
|
|
+ var insEnd = laydate.render({
|
|
|
+ elem: '#endTime',
|
|
|
+ trigger: 'click',
|
|
|
+ done: function(value, date) {
|
|
|
+ //更新开始日期的最大日期
|
|
|
+ insStart.config.max = lay.extend({}, date, {
|
|
|
+ month: date.month - 1
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ });
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|