|
@@ -1,410 +0,0 @@
|
|
|
-<!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.js"></script>
|
|
|
-</head>
|
|
|
-
|
|
|
-<body style="background-image:url(images/big-bg.png)">
|
|
|
- <section class="mainbox ">
|
|
|
- <div class="tit-box flex">
|
|
|
- <h2 class="title flex2">设备管理
|
|
|
-
|
|
|
- </h2>
|
|
|
- <h2 class="title flex10">详细列表</h2>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="content-box flex">
|
|
|
-
|
|
|
- <div class="column column1 flex2">
|
|
|
-
|
|
|
- <ul>
|
|
|
- <li><a href="deviceType.html">设备类型</a></li>
|
|
|
- <li class="selected"><a href="deviceList.html">设备列表</a></li>
|
|
|
- <li><a href="deviceCommunicate.html">通信接口</a></li>
|
|
|
- <li><a href="deviceCheck.html">监测对象</a></li>
|
|
|
- <li><a href="deviceCheck-channel.html">设备监测对象通道表</a></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="column3 flex10">
|
|
|
- <div class="memberbox">
|
|
|
- <div class="membertit">设备列表</div>
|
|
|
- <div class="member-choose">
|
|
|
-
|
|
|
- <span>设备名称</span>
|
|
|
- <input type="text" id="ownerName">
|
|
|
-
|
|
|
-
|
|
|
- <span>创建时间</span>
|
|
|
- <div class="layui-inline">
|
|
|
- <input type="text" id="startTime" class="layui-input test-item" placeholder="所有" style="margin-right: 0 ">
|
|
|
- </div>
|
|
|
- <i class="toTime">~</i>
|
|
|
- <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 export">导出</a>
|
|
|
-
|
|
|
- </ul>
|
|
|
-
|
|
|
-
|
|
|
- <table class="pure-table" cellspacing="0px">
|
|
|
- <thead>
|
|
|
- <tr>
|
|
|
- <th>
|
|
|
- <!-- <span class="checkall status"></span> -->
|
|
|
- </th>
|
|
|
- <th>设备编号</th>
|
|
|
- <th>设备名称</th>
|
|
|
- <!-- <th>sim卡</th> -->
|
|
|
- <th>设备类型</th>
|
|
|
- <th>添加人</th>
|
|
|
- <th>添加时间</th>
|
|
|
-
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
-
|
|
|
- <tbody id="dataList">
|
|
|
-
|
|
|
-
|
|
|
- </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>
|
|
|
- </div>
|
|
|
-
|
|
|
- </section>
|
|
|
-
|
|
|
- <!-- 列表新增 -->
|
|
|
- <div class="deviceCheckAdd addDeviceListOut" style="display:none">
|
|
|
- <div class="deviceCheckAdd-wrapper">
|
|
|
- <div class="ttBox">
|
|
|
- <span class="clsBtn"></span>
|
|
|
- <span class="tt">新增</span>
|
|
|
- </div>
|
|
|
- <form action="" id="addDataForm">
|
|
|
-
|
|
|
- <div class="chooseArea">
|
|
|
- <div class="layui-row">
|
|
|
-
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>设备编号:<i class="necessary">*</i></span>
|
|
|
- <input type="text" name="ownerCode">
|
|
|
- </div>
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>设备名称:<i class="necessary">*</i></span>
|
|
|
- <input type="text" name="ownerName">
|
|
|
- </div>
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>安装位置:<i class="necessary">*</i></span>
|
|
|
- <input type="text" name="unitinfo">
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>建筑:<i class="necessary">*</i></span>
|
|
|
- <select name="ownerXh" id="getBuildingList">
|
|
|
- <option value="">请选择</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>楼层:</span>
|
|
|
- <select name="louyu" id="getFloorList">
|
|
|
- <option value="">请选择</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>房间:</span>
|
|
|
- <select name="rtmp" id="getRoomList">
|
|
|
- <option value="">请选择</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>省:<i class="necessary">*</i></span>
|
|
|
- <select name="addr1" id="province">
|
|
|
- <option value="">请选择</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>市:<i class="necessary">*</i></span>
|
|
|
- <select name="addr2" id="city">
|
|
|
- <option value="">请选择</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>区、县:</span>
|
|
|
- <select name="addr3" id="town">
|
|
|
- <option value="">请选择</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>详细地址:<i class="necessary">*</i></span>
|
|
|
- <input type="text" name="address">
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>GIS坐标:<i class="necessary">*</i></span>
|
|
|
- <input type="text" name="posistion">
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>设备类型:<i class="necessary">*</i></span>
|
|
|
- <select name="dwtype" id="getTypeList">
|
|
|
- <option value="">请选择</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>所属单位:<i class="necessary">*</i></span>
|
|
|
- <select name="company" id="getCompanyList">
|
|
|
- <option value="">请选择</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>传输方式:<i class="necessary">*</i></span>
|
|
|
- <input type="text" name="transferType">
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- </form>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- </div>
|
|
|
- <div class="btnArea">
|
|
|
- <div class="btnGroup">
|
|
|
- <a id="addData" class="sgBtn ok"><img src="images/accept.png" alt=""> 提交</a>
|
|
|
- <a class="sgBtn cancel"><img src="images/cancel.png" alt="">关闭</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- <!-- 列表修改 -->
|
|
|
- <div class="deviceCheckAdd editDeviceListOut" style="display:none">
|
|
|
- <div class="deviceCheckAdd-wrapper">
|
|
|
- <div class="ttBox">
|
|
|
- <span class="clsBtn"></span>
|
|
|
- <span class="tt">修改</span>
|
|
|
- </div>
|
|
|
- <form action="" id="updateForm">
|
|
|
-
|
|
|
- <div class="chooseArea">
|
|
|
- <div class="layui-row">
|
|
|
-
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>设备编号:<i class="necessary">*</i></span>
|
|
|
- <input type="text" name="ownerCode" readonly>
|
|
|
- </div>
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>设备名称:<i class="necessary">*</i></span>
|
|
|
- <input type="text" name="ownerName">
|
|
|
- </div>
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>安装位置:<i class="necessary">*</i></span>
|
|
|
- <input type="text" name="unitinfo">
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>建筑:<i class="necessary">*</i></span>
|
|
|
- <select name="ownerXh" id="getBuildingList2">
|
|
|
- <option value="">请选择</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>楼层:</span>
|
|
|
- <select name="louyu" id="getFloorList2">
|
|
|
- <option value="">请选择</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>房间:</span>
|
|
|
- <select name="rtmp" id="getRoomList2">
|
|
|
- <option value="">请选择</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>省:<i class="necessary">*</i></span>
|
|
|
- <select name="addr1" id="province2">
|
|
|
- <option value="">请选择</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>市:<i class="necessary">*</i></span>
|
|
|
- <select name="addr2" id="city2">
|
|
|
- <option value="">请选择</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>区、县:</span>
|
|
|
- <select name="addr3" id="town2">
|
|
|
- <option value="">请选择</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>详细地址:<i class="necessary">*</i></span>
|
|
|
- <input type="text" name="address">
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>GIS坐标:<i class="necessary">*</i></span>
|
|
|
- <input type="text" name="posistion">
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>设备类型:<i class="necessary">*</i></span>
|
|
|
- <select name="dwtype" id="getTypeList2">
|
|
|
- <option value="">请选择</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>所属单位:<i class="necessary">*</i></span>
|
|
|
- <select name="company" id="getCompanyList2">
|
|
|
- <option value="">请选择</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="layui-col-xs4 choose-item">
|
|
|
- <span>传输方式:<i class="necessary">*</i></span>
|
|
|
- <input type="text" name="transferType">
|
|
|
- </div>
|
|
|
- <div class="layui-col-xs4 choose-item" style="opacity:0">
|
|
|
- <span>设备状态:<i class="necessary">*</i></span>
|
|
|
- <input type="text" name="hls">
|
|
|
- </div>
|
|
|
- <!-- <div class="layui-col-xs4 choose-item" style="opacity:0">
|
|
|
- <span>设备编号:<i class="necessary">*</i></span>
|
|
|
- <input type="text" name="ownerCode">
|
|
|
- </div> -->
|
|
|
-
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- </form>
|
|
|
-
|
|
|
- </div>
|
|
|
- <div class="btnArea">
|
|
|
- <div class="btnGroup">
|
|
|
- <a id="dataUpdate" class="sgBtn ok"><img src="images/accept.png" alt=""> 提交</a>
|
|
|
- <a class="sgBtn cancel"><img src="images/cancel.png" alt="">关闭</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <script src="js/jquery.js"></script>
|
|
|
- <script src="js/util.js"></script>
|
|
|
- <script src="api/request.js"></script>
|
|
|
-
|
|
|
- <script src="js/main.js"></script>
|
|
|
- <script src="layui/layui.js"></script>
|
|
|
- <script src="js/valid.js"></script>
|
|
|
- <script src="plugin/threeLinkArea/area.js"></script>
|
|
|
- <script src="plugin/threeLinkArea/select.js"></script>
|
|
|
- <script src="js/device-list.js"></script>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <script>
|
|
|
- layui.use(['form', 'layedit', 'laydate'], function() {
|
|
|
- var form = layui.form,
|
|
|
- layer = layui.layer,
|
|
|
- layedit = layui.layedit,
|
|
|
- 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>
|