导出功能及其他bug修复

api/request.js

@@ -10,17 +10,15 @@
 // const BASEURL = "http://101.133.214.75:8080/Device_Manager/";
 
 //本地调试url
-// const BASEURL = "http://127.0.0.1:8080/Device_Manager/";
+const BASEURL = "http://127.0.0.1:8080/Device_Manager/";
 
 //最新测试url
-const BASEURL = "http://121.40.217.77:8080/Device_Manager/";
+// const BASEURL = "http://121.40.217.77:8080/Device_Manager/";
 
 //用户名、密码 
 const LOGIN_NAME = "admin";
 const LOGIN_PASSWORD = "e10adc3949ba59abbe56e057f20f883e";
 
-
-
 const UPLOAD_FILE = 'sys/uploadSysIcon'; //logo上传
 
 
@@ -58,6 +56,7 @@ const SECURITY_UPDATE = "user/updateSecurityMechanism"; //安全机制更新
 const UNIT_LIST = "sys/querySys"; //系统信息查询
 const SYSTEM_ADD = "sys/addSys"; //系统信息新增
 const SYSTEM_UPDATE = "sys/updateSys"; //系统信息更新  
+const SYSTEM_DELETE = "sys/delSys"; //系统信息删除
 
 
 const BUILDING_LIST = 'building/queryBuilds' //建筑管理列表查询  
@@ -129,16 +128,22 @@ const DEVICE_CHECKCHANNEL_DELETE = "iot/device_object_passageway/deleteDeviceObj
 const WORK_MANAGE_LIST = 'iot/work_order/getWorkOrderList' //工单管理列表查询
 const WORK_MANAGE_ADD = "iot/work_order/appendWorkOrder"; //工单管理新增
 const WORK_MANAGE_HANDLE = "iot/work_order/updateWorkOrder"; //工单管理处置
+const WORK_MANAGE_EXPORT = "iot/work_order/getWorkOrderListExcel"; //工单管理导出
+
 
 const EVENT_MANAGE_LIST = 'iot/event_manage/getEventManageList' //事件管理列表查询
 const EVENT_MANAGE_ADD = "iot/event_manage/appendEventManage"; //事件管理新增
 const EVENT_MANAGE_HANDLE = "iot/event_manage/updateEventManage"; //事件管理处置
+const EVENT_MANAGE_EXPORT = "iot/event_manage/getEventManageListExcel "; //事件管理导出
+
 
 const EVENT_DANGER_MANAGE_LIST = 'iot/alarm/view/getYHList1' //隐患管理列表查询
 const EVENT_DANGER_MANAGE_HANDLE = "iot/alarm/view/updateYh1"; //隐患管理处置
+const EVENT_DANGER_MANAGE_EXPORT = "iot/alarm/view/getYHLExcelist "; //隐患管理导出
 
 const EVENT_WARNING_MANAGE_LIST = 'iot/alarm/view/getGJList1' //告警管理列表查询
 const EVENT_WARNING_MANAGE_HANDLE = "iot/alarm/view/updateGJ1"; //告警管理处置
+const EVENT_WARNING_MANAGE_EXPORT = "iot/alarm/view/getGJListExcel"; //告警管理导出
 
 const LOG_MANAGE_LIST = 'iot/log/getLogList' //日志管理列表查询  
 const LOG_EXPORT = 'iot/log/getLogListExecl' //日志导出

building-manage.html

@@ -67,7 +67,7 @@
                         <a class="button edit">修改</a>
                         <a class="button add">+ 新增</a>
                         <a class="button delete ">- 删除</a>
-                        <a class="button ">导出</a>
+                        <a class="button unshow">导出</a>
 
                     </ul>
 

buildingFloor-manage.html

@@ -54,7 +54,7 @@
                         <a class="button edit">修改</a>
                         <a class="button add">+ 新增</a>
                         <a class="button delete ">- 删除</a>
-                        <a class="button">导出</a>
+                        <a class="button unshow">导出</a>
 
                     </ul>
 

buildingRoom-manage.html

@@ -56,7 +56,7 @@
                         <a class="button edit">修改</a>
                         <a class="button add">+ 新增</a>
                         <a class="button delete ">- 删除</a>
-                        <a class="button">导出</a>
+                        <a class="button unshow">导出</a>
 
                     </ul>
 

css/index.css

@@ -40,7 +40,8 @@
         
         .panel {
             position: relative;
-            background: rgba(255, 255, 255, .01) url(../images/line\(1\) .png);
+    /*    //    background: rgba(255, 255, 255, .01) url(../images/line\(1\) .png);
+            background: rgba(255, 255, 255, .01) url(../images/line\(1\) .png);*/
             background-repeat: no-repeat;
             padding: 0 .1875rem .5rem;
             margin-bottom: .287rem;
@@ -113,7 +114,7 @@
             margin-bottom: .287rem;
             background-size: 90% 90%;
             background-position: bottom center;
-            /* background-image: url(../images/store.png); */
+            /*background-image: url(../images/store.png);*/
             background-repeat: no-repeat;
             opacity: .5
         }

eventDanger-manage.html

@@ -87,7 +87,7 @@
                             </ul>
                         </div>
                         <a class="button handle">处置</a>
-                        <a class="button">导出</a>
+                        <a class="button export">导出</a>
 
                     </ul>
 

eventEvent-manage.html

@@ -84,7 +84,7 @@
                         </div>
                         <a class="button add">新增</a>
                         <a class="button handle">处置</a>
-                        <a class="button">导出</a>
+                        <a class="button export">导出</a>
 
                     </ul>
 

eventWarning-manage.html

@@ -87,7 +87,7 @@
                             </ul>
                         </div>
                         <a class="button handle">处置</a>
-                        <a class="button">导出</a>
+                        <a class="button export">导出</a>
 
                     </ul>
 

index.html

@@ -48,7 +48,7 @@
         <div class="column">
 
             <div class="map">
-                <!-- <iframe style="width:100%;height:100%" src='http://www.thingjs.com/s/ef7ee6a73896c01bda77e679?params=105b0f77fd24654d4eebc434e9'></iframe> -->
+                 <iframe style="width:100%;height:100%" src='http://www.thingjs.com/s/ef7ee6a73896c01bda77e679?params=105b0f77fd24654d4eebc434e9'></iframe>
             </div>
             <div class="no panel">
                 <h2>实时告警信息</h2>

js/event-manage.js

@@ -1,6 +1,9 @@
 var pageNo = 1;
 var totalPages = 0;
 
+var param1 = '';
+var param2 = '';
+
 //列表渲染
 getListDataAjax();
 
@@ -76,6 +79,9 @@ function getListDataAjax(queryParam = {}, pageNo = 1) {
 $('#buttonSearch').on('click', function() {
     pageNo = 1;
     getListDataAjax(getSearchParamObj());
+
+    param1 = $('#event_name').val()
+    param2 = $('#event_type').val()
 })
 
 //拼接搜索条件
@@ -97,6 +103,9 @@ function resetForm() {
     $("#event_name").val("");
     $("#event_type").val("");
     getListDataAjax(getSearchParamObj());
+
+    param1 = $('#event_name').val()
+    param2 = $('#event_type').val()
 }
 
 //分页操作
@@ -269,4 +278,65 @@ $('#handleUpdate').click(function() {
     }, function(errorMsg) {
         alert("数据修改失败!");
     })
-})
+})
+
+
+// 导出 start
+$('.export').click(function() {
+    getDataExport({ "event_name": param1, "event_type": param2, })
+
+})
+
+function getDataExport(queryParam = {}) {
+    // 输出base64编码
+    const base64 = s => window.btoa(unescape(encodeURIComponent(s)));
+
+    ajaxRequest(EVENT_MANAGE_EXPORT, "POST", queryParam, function(result) {
+        console.log(result.RESULT)
+        let data = result.RESULT.pageList;
+        let newData = [];
+        if (data) {
+            data.forEach(function(item, index) {
+                var time = item.reporting_time.time ? getFormatDate(item.reporting_time.time) : '';
+                var cl_tiem = item.cl_tiem ? getFormatDate(item.cl_tiem) : '';
+                var clzt = item.clzt == 1 ? '已处理' : '未处理';
+                newData.push({ xh: item.xh, company_name: item.company_name, time: time, event_name: item.event_name, event_type_name: item.event_type_name, clzt: clzt, cl_people: item.cl_people, cl_tiem: cl_tiem })
+            });
+        }
+
+        let str = '<tr style="text-align:center"><th>序号</th><th>单位名称</th><th>上报时间</th><th>事件名称</th><th>事件类型</th><th>处理状态</th><th>处理人</th><th>处理时间</th></tr>';
+        // 循环遍历，每行加入tr标签，每个单元格加td标签
+        for (let i = 0; i < newData.length; i++) {
+            str += '<tr style="text-align:center">';
+            for (const key in newData[i]) {
+                // 增加\t为了不让表格显示科学计数法或者其他格式
+                str += `<td x:str>${ newData[i][key] + '\t'}</td>`;
+            }
+            str += '</tr>';
+        }
+        // Worksheet名
+        const worksheet = 'Sheet1'
+        const uri = 'data:application/vnd.ms-excel;base64,';
+
+        // 下载的表格模板数据
+        const template = `<html xmlns:o="urn:schemas-microsoft-com:office:office" 
+        xmlns:x="urn:schemas-microsoft-com:office:excel" 
+        xmlns="http://www.w3.org/TR/REC-html40">
+        <head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>
+        <x:Name>${worksheet}</x:Name>
+        <x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet>
+        </x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]-->
+        </head><body><table>${str}</table></body></html>`;
+
+        // 通过创建a标签实现
+        const link = document.createElement("a");
+        link.href = uri + base64(template);
+        // 对下载的文件命名
+        link.download = "事件管理数据表.xls";
+        link.click();
+
+    }, function(errorMsg) {
+        alert("请求数据失败!");
+    })
+}
+// 导出  end

js/eventDanger-manage.js

@@ -1,6 +1,10 @@
 var pageNo = 1;
 var totalPages = 0;
 
+var param1 = '';
+var param2 = '';
+var param3 = '';
+
 //列表渲染
 getListDataAjax();
 
@@ -34,6 +38,10 @@ function getListDataAjax(queryParam = {}, pageNo = 1) {
                     "</tr>"
             })
         }
+
+
+
+
         $('#dataList').html(items);
         $('#totalCount').html(result.totalCount)
         $('#handled').html(result.yclCount)
@@ -78,6 +86,10 @@ function getListDataAjax(queryParam = {}, pageNo = 1) {
 $('#buttonSearch').on('click', function() {
     pageNo = 1;
     getListDataAjax(getSearchParamObj());
+
+    param1 = $('#time_start').val()
+    param2 = $('#time_end').val()
+    param3 = $('#clzt').val()
 })
 
 //拼接搜索条件
@@ -102,6 +114,10 @@ function resetForm() {
     $("#time_start").val("");
     $("#time_end").val("");
     getListDataAjax(getSearchParamObj());
+
+    param1 = $('#time_start').val()
+    param2 = $('#time_end').val()
+    param3 = $('#clzt').val()
 }
 
 //分页操作
@@ -237,4 +253,65 @@ $('#handleUpdate').click(function() {
     }, function(errorMsg) {
         alert("数据修改失败!");
     })
-})
+})
+
+
+
+// 导出 start
+$('.export').click(function() {
+    getDataExport({ "time_start": param1, "time_end": param2, "clzt": param3 })
+})
+
+function getDataExport(queryParam = {}) {
+    // 输出base64编码
+    const base64 = s => window.btoa(unescape(encodeURIComponent(s)));
+
+    ajaxRequest(EVENT_DANGER_MANAGE_EXPORT, "POST", queryParam, function(result) {
+        console.log(result.RESULT)
+        let data = result.RESULT;
+        let newData = [];
+        if (data) {
+            data.forEach(function(item, index) {
+                var time = item.time.time ? getFormatDate(item.time.time) : '';
+                var clsj = item.clsj.time ? getFormatDate(item.clsj.time) : '';
+
+                newData.push({ orderIdx: item.orderIdx, company_name: item.company_name, time: time, data: item.data, data4: item.data4, fullname: item.fullname, clzt: item.clzt, clr: item.clr, clsj: clsj })
+            });
+        }
+
+        let str = '<tr style="text-align:center"><th>序号</th><th>单位名称</th><th>上报时间</th><th>报告数据</th><th>告警值</th><th>报告内容</th><th>处理状态</th><th>处理人</th><th>处理时间</th></tr>';
+        // 循环遍历，每行加入tr标签，每个单元格加td标签
+        for (let i = 0; i < newData.length; i++) {
+            str += '<tr style="text-align:center">';
+            for (const key in newData[i]) {
+                // 增加\t为了不让表格显示科学计数法或者其他格式
+                str += `<td x:str>${ newData[i][key] + '\t'}</td>`;
+            }
+            str += '</tr>';
+        }
+        // Worksheet名
+        const worksheet = 'Sheet1'
+        const uri = 'data:application/vnd.ms-excel;base64,';
+
+        // 下载的表格模板数据
+        const template = `<html xmlns:o="urn:schemas-microsoft-com:office:office" 
+        xmlns:x="urn:schemas-microsoft-com:office:excel" 
+        xmlns="http://www.w3.org/TR/REC-html40">
+        <head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>
+        <x:Name>${worksheet}</x:Name>
+        <x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet>
+        </x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]-->
+        </head><body><table>${str}</table></body></html>`;
+
+        // 通过创建a标签实现
+        const link = document.createElement("a");
+        link.href = uri + base64(template);
+        // 对下载的文件命名
+        link.download = "隐患管理数据表.xls";
+        link.click();
+
+    }, function(errorMsg) {
+        alert("请求数据失败!");
+    })
+}
+// 导出  end

js/eventWarning-manage.js

@@ -1,6 +1,10 @@
 var pageNo = 1;
 var totalPages = 0;
 
+var param1 = '';
+var param2 = '';
+var param3 = '';
+
 //列表渲染
 getListDataAjax();
 
@@ -81,6 +85,10 @@ function getListDataAjax(queryParam = {}, pageNo = 1) {
 $('#buttonSearch').on('click', function() {
     pageNo = 1;
     getListDataAjax(getSearchParamObj());
+
+    param1 = $('#time_start').val()
+    param2 = $('#time_end').val()
+    param3 = $('#clzt').val()
 })
 
 //拼接搜索条件
@@ -105,6 +113,10 @@ function resetForm() {
     $("#time_start").val("");
     $("#time_end").val("");
     getListDataAjax(getSearchParamObj());
+
+    param1 = $('#time_start').val()
+    param2 = $('#time_end').val()
+    param3 = $('#clzt').val()
 }
 
 //分页操作
@@ -242,4 +254,63 @@ $('#handleUpdate').click(function() {
     }, function(errorMsg) {
         alert("数据修改失败!");
     })
-})
+})
+
+// 导出 start
+$('.export').click(function() {
+    getDataExport({ "time_start": param1, "time_end": param2, "clzt": param3 })
+})
+
+function getDataExport(queryParam = {}) {
+    // 输出base64编码
+    const base64 = s => window.btoa(unescape(encodeURIComponent(s)));
+
+    ajaxRequest(EVENT_WARNING_MANAGE_EXPORT, "POST", queryParam, function(result) {
+        console.log(result.RESULT)
+        let data = result.RESULT.pageList;
+        let newData = [];
+        if (data) {
+            data.forEach(function(item, index) {
+                var time = item.time.time ? getFormatDate(item.time.time) : '';
+                var clsj = item.clsj.time ? getFormatDate(item.clsj.time) : '';
+
+                newData.push({ orderIdx: item.orderIdx, company_name: item.company_name, time: time, data: item.data, fullname: item.fullname, clzt: item.clzt, clr: item.clr, clsj: clsj })
+            });
+        }
+
+        let str = '<tr style="text-align:center"><th>序号</th><th>单位名称</th><th>上报时间</th><th>报告数据</th><th>报告内容</th><th>处理状态</th><th>处理人</th><th>处理时间</th></tr>';
+        // 循环遍历，每行加入tr标签，每个单元格加td标签
+        for (let i = 0; i < newData.length; i++) {
+            str += '<tr style="text-align:center">';
+            for (const key in newData[i]) {
+                // 增加\t为了不让表格显示科学计数法或者其他格式
+                str += `<td x:str>${ newData[i][key] + '\t'}</td>`;
+            }
+            str += '</tr>';
+        }
+        // Worksheet名
+        const worksheet = 'Sheet1'
+        const uri = 'data:application/vnd.ms-excel;base64,';
+
+        // 下载的表格模板数据
+        const template = `<html xmlns:o="urn:schemas-microsoft-com:office:office" 
+        xmlns:x="urn:schemas-microsoft-com:office:excel" 
+        xmlns="http://www.w3.org/TR/REC-html40">
+        <head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>
+        <x:Name>${worksheet}</x:Name>
+        <x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet>
+        </x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]-->
+        </head><body><table>${str}</table></body></html>`;
+
+        // 通过创建a标签实现
+        const link = document.createElement("a");
+        link.href = uri + base64(template);
+        // 对下载的文件命名
+        link.download = "告警管理数据表.xls";
+        link.click();
+
+    }, function(errorMsg) {
+        alert("请求数据失败!");
+    })
+}
+// 导出  end

js/per-manage.js

@@ -39,11 +39,11 @@ $(".treeCompany").on('click', function() {
         //     return;
         // }
         //判断有没有样式
-        $('.treeCompany').removeClass('selected').find('.img').attr('src', '../images/login.png');
-        $('.treeDepartment').removeClass('selected').find('.img').attr('src', '../images/login.png');
+        $('.treeCompany').removeClass('selected').find('.img').attr('src', 'images/login.png');
+        $('.treeDepartment').removeClass('selected').find('.img').attr('src', 'images/login.png');
 
 
-        $(this).addClass('selected').find('.img').attr('src', '../images/loginSelected.png');
+        $(this).addClass('selected').find('.img').attr('src', 'images/loginSelected.png');
 
         companyId = $(this).data('id');
         depname = 0;
@@ -51,7 +51,11 @@ $(".treeCompany").on('click', function() {
         $('#roleId option').eq(0).prop("selected", true)
         getListDataAjax({ "companyId": $(this).data('id') });
 
+
         param3 = $(this).data('id');
+        param1 = '';
+        param2 = '';
+        param4 = '';
 
 
 
@@ -64,11 +68,11 @@ $(".treeDepartment").on('click', function() {
     //     return;
     // }
 
-    $('.treeDepartment').removeClass('selected').find('.img').attr('src', '../images/login.png')
-    $('.treeCompany').removeClass('selected').find('.img').attr('src', '../images/login.png')
+    $('.treeDepartment').removeClass('selected').find('.img').attr('src', 'images/login.png')
+    $('.treeCompany').removeClass('selected').find('.img').attr('src', 'images/login.png')
 
-    $(this).addClass('selected').parent().parent().siblings().addClass('selected').find('.img').attr('src', '../images/loginSelected.png');
-    $(this).find('.img').attr('src', '../images/loginSelected.png');
+    $(this).addClass('selected').parent().parent().siblings().addClass('selected').find('.img').attr('src', 'images/loginSelected.png');
+    $(this).find('.img').attr('src', 'images/loginSelected.png');
 
     companyId = 0;
     depname = $(this).data('id');
@@ -76,9 +80,9 @@ $(".treeDepartment").on('click', function() {
     $('#roleId option').eq(0).prop("selected", true)
     getListDataAjax({ "depname": $(this).data('id') });
 
-
     param4 = $(this).data('id');
-
+    param1 = '';
+    param2 = '';
 
 })
 
@@ -595,7 +599,7 @@ function linkDep(element) {
 
 // 导出 start
 $('.export').click(function() {
-    getDataExport({ "user_name": param1, "roleId": param2, "companyId": param3, "depname": param4 })
+    getDataExport({ "userName": param1, "roleId": param2, "companyId": param3, "depname": param4 })
 })
 
 

js/system-inform.js

@@ -193,12 +193,20 @@ layui.use('layer', function() {
     //删除信息
     $('.delete').click(function() {
         if (!$('.pure-table tr').has('.checked').length) {
-            //layer.msg('请选择一条需要修改的信息');
             layer.msg('请选择一条需要删除的信息!', { icon: 5 });
         } else {
-            $(".pure-table tbody tr.selected").remove()
-                //getSystemListDataAjax(getSearchParamObj());
-            layer.msg('删除成功!', { icon: 6 });
+            let dataId = $('.pure-table tr').find('.checked').data('id');
+            ajaxRequest(SYSTEM_DELETE, "POST", { "id": dataId }, function(result) {
+                $(".pure-table tbody tr.selected").remove()
+                layer.close(layer.layerCreateIndex);
+                layer.msg('删除成功!', { icon: 6 });
+                getSystemListDataAjax()
+            }, function(errorMsg) {
+                alert("用户删除失败!");
+            })
+
+
+
         }
     })
 });
@@ -252,8 +260,6 @@ $('#addSystem').click(function() {
             //将返回的路径 拼接到提交的数据对象里
             allParam['systemLogo'] = data.data;
 
-            // let url = URL + SYSTEM_ADD;
-
             ajaxRequest(SYSTEM_ADD, "POST", allParam, function(result) {
 
                 let data = result.data;

js/util.js

@@ -55,4 +55,22 @@ function test(time_distance) {
 }
 
 
-var test = test(3000000);
+var test = test(3000000);
+
+
+
+document.addEventListener('input', function(e) {
+    // input框 type='text'
+    //e.target.getAttribute('maxlength') === null，本身没有设置maxlength长度，防止全局设置覆盖所在页面设置的长度
+    if (e.target.type === 'text' && e.target.getAttribute('maxlength') === null) {
+        e.target.setAttribute('maxlength', '5') // 限制最长输入50个字符
+    }
+    // input框 type='textarea'，且本身没有设置maxlength长度
+    if (e.target.type === 'textarea' && e.target.getAttribute('maxlength') === null) {
+        e.target.setAttribute('maxlength', '100') // 限制最长输入500个字符
+    }
+})
+
+
+//限制输入框字符长度
+$("input").attr("maxLength", 100);

js/work-manage.js

@@ -1,6 +1,9 @@
 var pageNo = 1;
 var totalPages = 0;
 
+var param1 = '';
+var param2 = '';
+
 //列表渲染
 getListDataAjax();
 
@@ -78,6 +81,9 @@ function getListDataAjax(queryParam = {}, pageNo = 1) {
 $('#buttonSearch').on('click', function() {
     pageNo = 1;
     getListDataAjax(getSearchParamObj());
+
+    param1 = $('#work_order_name').val()
+    param2 = $('#clzt').val()
 })
 
 //拼接搜索条件
@@ -99,6 +105,9 @@ function resetForm() {
     $("#work_order_name").val("");
     $("#clzt").val("");
     getListDataAjax(getSearchParamObj());
+
+    param1 = $('#work_order_name').val()
+    param2 = $('#clzt').val()
 }
 
 //分页操作
@@ -270,4 +279,65 @@ $('#handleUpdate').click(function() {
     }, function(errorMsg) {
         alert("数据修改失败!");
     })
-})
+})
+
+
+// 导出 start
+$('.export').click(function() {
+    getDataExport({ "work_order_name": param1, "clzt": param2, })
+
+})
+
+function getDataExport(queryParam = {}) {
+    // 输出base64编码
+    const base64 = s => window.btoa(unescape(encodeURIComponent(s)));
+
+    ajaxRequest(WORK_MANAGE_EXPORT, "POST", queryParam, function(result) {
+        console.log(result.RESULT)
+        let data = result.RESULT.pageList;
+        let newData = [];
+        if (data) {
+            data.forEach(function(item, index) {
+                var clzt = item.clzt == 1 ? '未处理' : item.clzt == 2 ? '已处置，通过' : '已处置，未通过';
+                var add_time = item.add_time.time ? getFormatDate(item.add_time.time) : '';
+                var cz_time = item.cz_time ? getFormatDate(item.cz_time) : '';
+                newData.push({ xh: item.xh, company_name: item.company_name, time: add_time, work_order_name: item.work_order_name, work_order_type_name: item.work_order_type_name, work_order_content: item.work_order_content, clzt: clzt, cz_people: item.cz_people, cz_time: cz_time })
+            });
+        }
+
+        let str = '<tr style="text-align:center"><th>序号</th><th>单位名称</th><th>创建时间</th><th>工单名称</th><th>工单类型名称</th><th>工单内容</th><th>处理状态</th><th>处理人</th><th>处理时间</th></tr>';
+        // 循环遍历，每行加入tr标签，每个单元格加td标签
+        for (let i = 0; i < newData.length; i++) {
+            str += '<tr style="text-align:center">';
+            for (const key in newData[i]) {
+                // 增加\t为了不让表格显示科学计数法或者其他格式
+                str += `<td x:str>${ newData[i][key] + '\t'}</td>`;
+            }
+            str += '</tr>';
+        }
+        // Worksheet名
+        const worksheet = 'Sheet1'
+        const uri = 'data:application/vnd.ms-excel;base64,';
+
+        // 下载的表格模板数据
+        const template = `<html xmlns:o="urn:schemas-microsoft-com:office:office" 
+        xmlns:x="urn:schemas-microsoft-com:office:excel" 
+        xmlns="http://www.w3.org/TR/REC-html40">
+        <head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>
+        <x:Name>${worksheet}</x:Name>
+        <x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet>
+        </x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]-->
+        </head><body><table>${str}</table></body></html>`;
+
+        // 通过创建a标签实现
+        const link = document.createElement("a");
+        link.href = uri + base64(template);
+        // 对下载的文件命名
+        link.download = "工单管理数据表.xls";
+        link.click();
+
+    }, function(errorMsg) {
+        alert("请求数据失败!");
+    })
+}
+// 导出  end

per-manage.html

@@ -268,7 +268,7 @@
                     </div>
                     <div>
                         <span>删除状态：</span>
-                        <select name="status" id="">
+                        <select name="status">
                             <option value="0">删除</option>
                             <option value="1">未删除</option>
                         </select>
@@ -276,7 +276,7 @@
 
                     <div>
                         <span>锁定状态：<i class="necessary">*</i></span>
-                        <select name="locked" id="">
+                        <select name="locked">
                             <option value="0">锁定</option>
                             <option value="1">未锁定</option>
                         </select>

property-manage.html

@@ -44,10 +44,10 @@
                     <div class="member-choose">
 
                         <span>资产名称</span>
-                        <input type="text" id="facilityName">
+                        <input type="text" id="facilityName" maxlength="100">
 
                         <span>存放地点</span>
-                        <input type="text" id="addrs">
+                        <input type="text" id="addrs" maxlength="100">
 
                         <a class="button" id="buttonClick">确定</a>
                         <a class="button reset">重置</a>
@@ -67,14 +67,12 @@
                         <thead>
                             <tr>
                                 <th style="width:24px">
-                                    <!-- <span class="checkall status"></span> -->
                                 </th>
                                 <th align="center">资产编号</th>
                                 <th align="center"> 资产名称</th>
                                 <th align="center">资产类型</th>
                                 <th align="center">设施型号</th>
 
-                                <!-- <th>使用部门</th> -->
                                 <th>负责人</th>
                                 <th>购入方式</th>
                                 <th>存放地点</th>
@@ -154,11 +152,11 @@
                     <div class="layui-row">
                         <div class="layui-col-xs4 choose-item">
                             <span>资产编号：</span>
-                            <input type="text" name="facilityNo">
+                            <input type="text" name="facilityNo" maxlength="100">
                         </div>
                         <div class="layui-col-xs4 choose-item">
                             <span>资产名称：<i class="necessary">*</i></span>
-                            <input type="text" name="facilityName">
+                            <input type="text" name="facilityName" maxlength="100">
                         </div>
                         <div class="layui-col-xs4 choose-item">
                             <span>类别：<i class="necessary">*</i></span>
@@ -179,7 +177,7 @@
                         </div>
                         <div class="layui-col-xs4 choose-item">
                             <span>负责人：<i class="necessary">*</i></span>
-                            <input type="text" name="man">
+                            <input type="text" name="man" maxlength="100">
                         </div>
                         <div class="layui-col-xs4 choose-item">
                             <span>购入方式：<i class="necessary">*</i></span>
@@ -190,32 +188,32 @@
                         </div>
                         <div class="layui-col-xs4 choose-item">
                             <span>型号：</span>
-                            <input type="text" name="facilityModel">
+                            <input type="text" name="facilityModel" maxlength="100">
                         </div>
 
                         <div class="layui-col-xs4 choose-item">
                             <span>计量单位：</span>
-                            <input type="text" name="unit">
+                            <input type="text" name="unit" maxlength="100">
                         </div>
 
 
                         <div class="layui-col-xs4 choose-item">
                             <span>单价：<i class="necessary">*</i></span>
-                            <input type="text" name="price">
+                            <input type="text" name="price" maxlength="100">
                         </div>
                         <div class="layui-col-xs4 choose-item">
                             <span>存放地点：<i class="necessary">*</i></span>
-                            <input type="text" name="addrs">
+                            <input type="text" name="addrs" maxlength="100">
                         </div>
 
                         <div class="layui-col-xs4 choose-item">
                             <span>供应商：<i class="necessary">*</i></span>
-                            <input type="text" name="supplier">
+                            <input type="text" name="supplier" maxlength="100">
                         </div>
                         <div class="layui-col-xs4 choose-item">
                             <span>购买时间：<i class="necessary">*</i></span>
                             <div class="layui-input-inline">
-                                <input type="text" class="layui-input" id="test5" name="buyTime">
+                                <input type="text" class="layui-input" id="test5" name="buyTime" maxlength="100">
                             </div>
 
                         </div>
@@ -226,11 +224,11 @@
 
                         <div class="layui-col-xs4 choose-item">
                             <span>采购编号：<i class="necessary">*</i></span>
-                            <input type="text" name="buyNo">
+                            <input type="text" name="buyNo" maxlength="100">
                         </div>
                         <div class="layui-col-xs4 choose-item">
                             <span>发票编号：<i class="necessary">*</i></span>
-                            <input type="text" name="invoice">
+                            <input type="text" name="invoice" maxlength="100">
                         </div>
                         <!-- <div class="layui-col-xs4 choose-item">
                             <span>登记批号：</span>
@@ -239,22 +237,22 @@
 
                         <div class="layui-col-xs4 choose-item">
                             <span>资产用途：<i class="necessary">*</i></span>
-                            <input type="text" name="purpose">
+                            <input type="text" name="purpose" maxlength="100">
                         </div>
 
                         <div class="layui-col-xs4 choose-item">
                             <span>维修天数：<i class="necessary">*</i></span>
-                            <input type="text" name="warranty">
+                            <input type="text" name="warranty" maxlength="100">
                         </div>
 
                         <div class="layui-col-xs4 choose-item">
                             <span>维修周期：<i class="necessary">*</i></span>
-                            <input type="text" name="warrantyPeriod">
+                            <input type="text" name="warrantyPeriod" maxlength="100">
                         </div>
 
                         <div class="layui-col-xs4 choose-item">
                             <span>已使用年限：<i class="necessary">*</i></span>
-                            <input type="text" name="usedData">
+                            <input type="text" name="usedData" maxlength="100">
                         </div>
 
                     </div>
@@ -287,11 +285,11 @@
 
                     <div>
                         <span>资产名称：<i class="necessary">*</i></span>
-                        <input type="text" name="facilityName">
+                        <input type="text" name="facilityName" maxlength="100">
                     </div>
                     <div>
                         <span>资产类型：<i class="necessary">*</i></span>
-                        <input type="text" name="facilityType">
+                        <input type="text" name="facilityType" maxlength="100">
                     </div>
                     <div>
                         <span>单位名称：<i class="necessary">*</i></span>
@@ -308,17 +306,17 @@
 
                     <div>
                         <span>责任人：<i class="necessary">*</i></span>
-                        <input type="text" name="man">
+                        <input type="text" name="man" maxlength="100">
                     </div>
 
                     <div>
                         <span>存放地点：<i class="necessary">*</i></span>
-                        <input type="text" name="addrs">
+                        <input type="text" name="addrs" maxlength="100">
                     </div>
 
                     <div>
                         <span>资产唯一编码：<i class="necessary">*</i></span>
-                        <input type="text" name="register">
+                        <input type="text" name="register" maxlength="100">
                     </div>
 
                 </div>
@@ -380,7 +378,7 @@
         $('.imgBox').on('click', '.enlargeImg_wrapper', function() {
             $('.enlargeImg_wrapper').fadeOut(200).remove();
         })
-    }
+    };
 </script>
 
 </html>

work-manage.html

@@ -18,7 +18,6 @@
         <div class="tit-box flex">
             <h2 class="title flex2">
                 工单管理
-
             </h2>
             <h2 class="title flex10">详细列表</h2>
         </div>
@@ -78,11 +77,9 @@
                         </div>
                         <a class="button add">新增</a>
                         <a class="button handle">处置</a>
-                        <a class="button">导出</a>
-
+                        <a class="button export">导出</a>
                     </ul>
 
-
                     <table class="pure-table" cellspacing="0px">
                         <thead>
                             <tr>
@@ -104,7 +101,6 @@
 
                         <tbody id="dataList">
 
-
                         </tbody>
                     </table>
                 </div>