Commit 69c03969cb70c97e1aeeaf5c4cb196b323f359c9
Merge branch 'pudong' of 192.168.168.201:panzhaov5/bsth_control into
pudong
Showing
11 changed files
with
2096 additions
and
2100 deletions
src/main/java/com/bsth/service/gps/GpsServiceImpl.java
| ... | ... | @@ -239,7 +239,6 @@ public class GpsServiceImpl implements GpsService { |
| 239 | 239 | long serviceState; |
| 240 | 240 | ArrivalEntity arrival; |
| 241 | 241 | Set<String> lineSet=new HashSet(); |
| 242 | - String firstLineCode=""; | |
| 243 | 242 | List<Map<String,Object>> lineSwitch=new ArrayList<>(); |
| 244 | 243 | |
| 245 | 244 | List<Map> gpsNotValidList=new ArrayList(); | ... | ... |
src/main/java/com/bsth/service/realcontrol/impl/ScheduleRealInfoServiceImpl.java
| ... | ... | @@ -568,7 +568,7 @@ public class ScheduleRealInfoServiceImpl extends BaseServiceImpl<ScheduleRealInf |
| 568 | 568 | |
| 569 | 569 | //公司 和 分公司名称 |
| 570 | 570 | t.setGsName(BasicData.businessCodeNameMap.get(t.getGsBm())); |
| 571 | - t.setFgsName(BasicData.businessFgsCodeNameMap.get(t.getGsBm() + "_" + t.getFgsBm())); | |
| 571 | + t.setFgsName(BasicData.businessFgsCodeNameMap.get(t.getFgsBm()+ "_" + t.getGsBm() )); | |
| 572 | 572 | |
| 573 | 573 | //t.setScheduleDateStr(schDate); |
| 574 | 574 | t.setScheduleDate(sdfyyyyMMdd.parse(t.getScheduleDateStr())); | ... | ... |
src/main/resources/application-dev.properties
| ... | ... | @@ -8,9 +8,10 @@ spring.jpa.hibernate.naming_strategy= org.hibernate.cfg.ImprovedNamingStrategy |
| 8 | 8 | spring.jpa.database= MYSQL |
| 9 | 9 | spring.jpa.show-sql= true |
| 10 | 10 | spring.datasource.driver-class-name= com.mysql.jdbc.Driver |
| 11 | -spring.datasource.url= jdbc:mysql://127.0.0.1/pd_control?useUnicode=true&characterEncoding=utf-8&useSSL=false | |
| 11 | +#spring.datasource.url= jdbc:mysql://127.0.0.1/control?useUnicode=true&characterEncoding=utf-8&useSSL=false | |
| 12 | +spring.datasource.url= jdbc:mysql://192.168.168.222/control?useUnicode=true&characterEncoding=utf-8&useSSL=false | |
| 12 | 13 | spring.datasource.username= root |
| 13 | -spring.datasource.password= | |
| 14 | +spring.datasource.password= root | |
| 14 | 15 | #spring.datasource.url= jdbc:mysql://192.168.168.117/pd_control?useUnicode=true&characterEncoding=utf-8&useSSL=false |
| 15 | 16 | #spring.datasource.username= root |
| 16 | 17 | #spring.datasource.password= root | ... | ... |
src/main/resources/fatso/package.json
| 1 | -{ | |
| 2 | - "name": "fatso", | |
| 3 | - "version": "1.0.0", | |
| 4 | - "description": "子页面js检查、合并、压缩等处理", | |
| 5 | - "main": "start.js", | |
| 6 | - "scripts": { | |
| 7 | - "test": "echo \"Error: no test specified\" && exit 1" | |
| 8 | - }, | |
| 9 | - "author": "panzhaov5", | |
| 10 | - "license": "ISC", | |
| 11 | - "dependencies": { | |
| 12 | - "cheerio": "^0.20.0", | |
| 13 | - "clean-css": "^4.0.12", | |
| 14 | - "colors": "^1.3.3", | |
| 15 | - "eventproxy": "^0.3.4", | |
| 16 | - "uglify-js": "^2.6.2" | |
| 17 | - } | |
| 18 | -} | |
| 1 | +{ | |
| 2 | + "name": "fatso", | |
| 3 | + "version": "1.0.0", | |
| 4 | + "description": "子页面js检查、合并、压缩等处理", | |
| 5 | + "main": "start.js", | |
| 6 | + "scripts": { | |
| 7 | + "test": "echo \"Error: no test specified\" && exit 1" | |
| 8 | + }, | |
| 9 | + "author": "panzhaov5", | |
| 10 | + "license": "ISC", | |
| 11 | + "dependencies": { | |
| 12 | + "cheerio": "^0.20.0", | |
| 13 | + "clean-css": "^4.0.12", | |
| 14 | + "colors": "^1.3.3", | |
| 15 | + "eventproxy": "^0.3.4", | |
| 16 | + "uglify-js": "^2.6.2" | |
| 17 | + } | |
| 18 | +} | ... | ... |
src/main/resources/static/pages/base/timesmodel/js/v2_2/main_v2_2.js
| 1 | -/** | |
| 2 | - * 主类（v2_2版本）。 | |
| 3 | - */ | |
| 4 | -var Main_v2_2 = function() { | |
| 5 | - | |
| 6 | - var _paramObj; // 参数对象 | |
| 7 | - | |
| 8 | - return { | |
| 9 | - /** | |
| 10 | - * 使用发车间隔策略生成时刻表。 | |
| 11 | - * @param paramObj 参数对象 | |
| 12 | - * @param lpArray 路牌数组 | |
| 13 | - * @constructor | |
| 14 | - */ | |
| 15 | - BXPplaceClassesTime03 : function(paramObj, lpArray) { | |
| 16 | - // 参数对象 | |
| 17 | - _paramObj = paramObj; | |
| 18 | - | |
| 19 | - // // 测试行驶时间 | |
| 20 | - // var _fcsj = paramObj.toTimeObj("16:20"); | |
| 21 | - // var _bcsj = StrategyUtils_v2_2.sFn("CALCU_RUNTIME")(false, _fcsj, paramObj); // 使用策略计算班次行驶时间 | |
| 22 | - // console.log("发车时间=" + _fcsj.format("HH:mm") + ",行驶时间=" + _bcsj); | |
| 23 | - // | |
| 24 | - | |
| 25 | - // // 测试停站时间 | |
| 26 | - // var _fcsj = paramObj.toTimeObj("05:30"); | |
| 27 | - // var _layovertime = StrategyUtils_v2_2.sFn("CALCU_LAYOVER_TIME")( | |
| 28 | - // _fcsj, false, StrategyUtils_v2_2.sFn("CALCU_RUNTIME"), paramObj); | |
| 29 | - // console.log("发车时间=" + _fcsj.format("HH:mm") + ",停站layover时间=" + _layovertime); | |
| 30 | - // | |
| 31 | - // var schedule = {}; | |
| 32 | - | |
| 33 | - // // 测试间隔时间 | |
| 34 | - // var _fcsj = paramObj.toTimeObj("07:30"); | |
| 35 | - // var _headway = StrategyUtils_v2_2.sFn("CALCU_HEADWAY_2")(true, _fcsj, _paramObj); | |
| 36 | - // console.log("发车时间=" + _fcsj.format("HH:mm") + ",发车间隔=" + _headway); | |
| 37 | - | |
| 38 | - // 1、初始化行车计划 | |
| 39 | - var schedule = new InternalScheduleObj_v2_2(paramObj, lpArray); | |
| 40 | - // 2、生成班次（从第2圈开始） | |
| 41 | - schedule.fnCreateBclistWithMasterBc(2, 20); | |
| 42 | - // 3、调整发车间隔 | |
| 43 | - schedule.fnAdjustHeadway(); | |
| 44 | - // 4、计算吃饭班次 | |
| 45 | - schedule.fnCalcuEatBc(); | |
| 46 | - // // 6、计算末班车 | |
| 47 | - // schedule.fnCalcuLastBc(); | |
| 48 | - // 7、重新设置停站时间 | |
| 49 | - schedule.fnReSetLayoverTime(); | |
| 50 | - // 8、补进出场例保班次 | |
| 51 | - schedule.fnCalcuOtherBc(); | |
| 52 | - | |
| 53 | - //-------------------- 输出ganut图上的班次，班型描述 ----------------------// | |
| 54 | - // TODO：班型再议 | |
| 55 | - return { | |
| 56 | - 'json':schedule.fnToGanttBcArray(),'bxrcgs':null, | |
| 57 | - 'aInternalLpObj': schedule.fnGetLpArray() | |
| 58 | - }; | |
| 59 | - }, | |
| 60 | - | |
| 61 | - //----------------------------------- 导入导出配置 -----------------------------------// | |
| 62 | - | |
| 63 | - /** | |
| 64 | - * 导出时刻表配置。 | |
| 65 | - * @param fnGetGanttBc 获取gantt班次方法 | |
| 66 | - */ | |
| 67 | - exportExcelConfig: function(fnGetGanttBc) { | |
| 68 | - var oExcel = new Main_v2_2_ExcelObj(_paramObj, fnGetGanttBc); | |
| 69 | - | |
| 70 | - $('.exportAddXls').off('click'); | |
| 71 | - $('.exportAddXlsx').off('click'); | |
| 72 | - | |
| 73 | - $('.exportAddXls').on('click', function() { | |
| 74 | - | |
| 75 | - var aInfos = { | |
| 76 | - "lpObjList": oExcel.fnGetLpBcInfoList(), // 路牌班次信息列表 | |
| 77 | - "statInfoList": oExcel.fnGetStatInfoList(), // 统计项目列表 | |
| 78 | - "parameterInfoList" : oExcel.fnGetParamInfoList() // 参数对象 | |
| 79 | - }; | |
| 80 | - | |
| 81 | - console.log(aInfos); | |
| 82 | - | |
| 83 | - $(".exportAdd").addClass("disabled"); | |
| 84 | - $(".exportAddSpan").html("正在导出..."); | |
| 85 | - | |
| 86 | - // 提交 | |
| 87 | - $.ajax({ | |
| 88 | - type: 'POST', | |
| 89 | - url: "/tidc/exportDTDFile/xls", | |
| 90 | - dataType: 'binary', | |
| 91 | - contentType: "application/json", | |
| 92 | - data: JSON.stringify(aInfos), | |
| 93 | - success: function(data){ | |
| 94 | - oExcel.downloadFile(data, "application/octet-stream", "时刻表信息.xls"); | |
| 95 | - | |
| 96 | - $(".exportAdd").removeClass("disabled"); | |
| 97 | - $(".exportAddSpan").html(" 导出数据"); | |
| 98 | - }, | |
| 99 | - error: function(xhr, type){ | |
| 100 | - alert('错误：TODO'); | |
| 101 | - | |
| 102 | - $(".exportAdd").removeClass("disabled"); | |
| 103 | - $(".exportAddSpan").html(" 导出数据"); | |
| 104 | - } | |
| 105 | - }); | |
| 106 | - }); | |
| 107 | - | |
| 108 | - $('.exportAddXlsx').on('click', function() { | |
| 109 | - var aInfos = { | |
| 110 | - "lpObjList": oExcel.fnGetLpBcInfoList(), // 路牌班次信息列表 | |
| 111 | - "statInfoList": oExcel.fnGetStatInfoList(), // 统计项目列表 | |
| 112 | - "parameterInfoList" : oExcel.fnGetParamInfoList() // 参数对象 | |
| 113 | - }; | |
| 114 | - | |
| 115 | - console.log(aInfos); | |
| 116 | - | |
| 117 | - $(".exportAdd").addClass("disabled"); | |
| 118 | - $(".exportAddSpan").html("正在导出..."); | |
| 119 | - | |
| 120 | - // 提交 | |
| 121 | - $.ajax({ | |
| 122 | - type: 'POST', | |
| 123 | - url: "/tidc/exportDTDFile/xlsx", | |
| 124 | - dataType: 'binary', | |
| 125 | - contentType: "application/json", | |
| 126 | - data: JSON.stringify(aInfos), | |
| 127 | - success: function(data){ | |
| 128 | - oExcel.downloadFile(data, "application/octet-stream", "时刻表信息.xlsx"); | |
| 129 | - | |
| 130 | - $(".exportAdd").removeClass("disabled"); | |
| 131 | - $(".exportAddSpan").html(" 导出数据"); | |
| 132 | - }, | |
| 133 | - error: function(xhr, type){ | |
| 134 | - alert('错误：TODO'); | |
| 135 | - | |
| 136 | - $(".exportAdd").removeClass("disabled"); | |
| 137 | - $(".exportAddSpan").html(" 导出数据"); | |
| 138 | - } | |
| 139 | - }); | |
| 140 | - }); | |
| 141 | - } | |
| 142 | - | |
| 143 | - | |
| 144 | - } | |
| 1 | +/** | |
| 2 | + * 主类（v2_2版本）。 | |
| 3 | + */ | |
| 4 | +var Main_v2_2 = function() { | |
| 5 | + | |
| 6 | + var _paramObj; // 参数对象 | |
| 7 | + | |
| 8 | + return { | |
| 9 | + /** | |
| 10 | + * 使用发车间隔策略生成时刻表。 | |
| 11 | + * @param paramObj 参数对象 | |
| 12 | + * @param lpArray 路牌数组 | |
| 13 | + * @constructor | |
| 14 | + */ | |
| 15 | + BXPplaceClassesTime03 : function(paramObj, lpArray) { | |
| 16 | + // 参数对象 | |
| 17 | + _paramObj = paramObj; | |
| 18 | + | |
| 19 | + // // 测试行驶时间 | |
| 20 | + // var _fcsj = paramObj.toTimeObj("16:20"); | |
| 21 | + // var _bcsj = StrategyUtils_v2_2.sFn("CALCU_RUNTIME")(false, _fcsj, paramObj); // 使用策略计算班次行驶时间 | |
| 22 | + // console.log("发车时间=" + _fcsj.format("HH:mm") + ",行驶时间=" + _bcsj); | |
| 23 | + // | |
| 24 | + | |
| 25 | + // // 测试停站时间 | |
| 26 | + // var _fcsj = paramObj.toTimeObj("05:30"); | |
| 27 | + // var _layovertime = StrategyUtils_v2_2.sFn("CALCU_LAYOVER_TIME")( | |
| 28 | + // _fcsj, false, StrategyUtils_v2_2.sFn("CALCU_RUNTIME"), paramObj); | |
| 29 | + // console.log("发车时间=" + _fcsj.format("HH:mm") + ",停站layover时间=" + _layovertime); | |
| 30 | + // | |
| 31 | + // var schedule = {}; | |
| 32 | + | |
| 33 | + // // 测试间隔时间 | |
| 34 | + // var _fcsj = paramObj.toTimeObj("07:30"); | |
| 35 | + // var _headway = StrategyUtils_v2_2.sFn("CALCU_HEADWAY_2")(true, _fcsj, _paramObj); | |
| 36 | + // console.log("发车时间=" + _fcsj.format("HH:mm") + ",发车间隔=" + _headway); | |
| 37 | + | |
| 38 | + // 1、初始化行车计划 | |
| 39 | + var schedule = new InternalScheduleObj_v2_2(paramObj, lpArray); | |
| 40 | + // 2、生成班次（从第2圈开始） | |
| 41 | + schedule.fnCreateBclistWithMasterBc(2, 20); | |
| 42 | + // 3、调整发车间隔 | |
| 43 | + schedule.fnAdjustHeadway(); | |
| 44 | + // 4、计算吃饭班次 | |
| 45 | + schedule.fnCalcuEatBc(); | |
| 46 | + // // 6、计算末班车 | |
| 47 | + // schedule.fnCalcuLastBc(); | |
| 48 | + // 7、重新设置停站时间 | |
| 49 | + schedule.fnReSetLayoverTime(); | |
| 50 | + // 8、补进出场例保班次 | |
| 51 | + schedule.fnCalcuOtherBc(); | |
| 52 | + | |
| 53 | + //-------------------- 输出ganut图上的班次，班型描述 ----------------------// | |
| 54 | + // TODO：班型再议 | |
| 55 | + return { | |
| 56 | + 'json':schedule.fnToGanttBcArray(),'bxrcgs':null, | |
| 57 | + 'aInternalLpObj': schedule.fnGetLpArray() | |
| 58 | + }; | |
| 59 | + }, | |
| 60 | + | |
| 61 | + //----------------------------------- 导入导出配置 -----------------------------------// | |
| 62 | + | |
| 63 | + /** | |
| 64 | + * 导出时刻表配置。 | |
| 65 | + * @param fnGetGanttBc 获取gantt班次方法 | |
| 66 | + */ | |
| 67 | + exportExcelConfig: function(fnGetGanttBc) { | |
| 68 | + var oExcel = new Main_v2_2_ExcelObj(_paramObj, fnGetGanttBc); | |
| 69 | + | |
| 70 | + $('.exportAddXls').off('click'); | |
| 71 | + $('.exportAddXlsx').off('click'); | |
| 72 | + | |
| 73 | + $('.exportAddXls').on('click', function() { | |
| 74 | + | |
| 75 | + var aInfos = { | |
| 76 | + "lpObjList": oExcel.fnGetLpBcInfoList(), // 路牌班次信息列表 | |
| 77 | + "statInfoList": oExcel.fnGetStatInfoList(), // 统计项目列表 | |
| 78 | + "parameterInfoList" : oExcel.fnGetParamInfoList() // 参数对象 | |
| 79 | + }; | |
| 80 | + | |
| 81 | + console.log(aInfos); | |
| 82 | + | |
| 83 | + $(".exportAdd").addClass("disabled"); | |
| 84 | + $(".exportAddSpan").html("正在导出..."); | |
| 85 | + | |
| 86 | + // 提交 | |
| 87 | + $.ajax({ | |
| 88 | + type: 'POST', | |
| 89 | + url: "/tidc/exportDTDFile/xls", | |
| 90 | + dataType: 'binary', | |
| 91 | + contentType: "application/json", | |
| 92 | + data: JSON.stringify(aInfos), | |
| 93 | + success: function(data){ | |
| 94 | + oExcel.downloadFile(data, "application/octet-stream", "时刻表信息.xls"); | |
| 95 | + | |
| 96 | + $(".exportAdd").removeClass("disabled"); | |
| 97 | + $(".exportAddSpan").html(" 导出数据"); | |
| 98 | + }, | |
| 99 | + error: function(xhr, type){ | |
| 100 | + alert('错误：TODO'); | |
| 101 | + | |
| 102 | + $(".exportAdd").removeClass("disabled"); | |
| 103 | + $(".exportAddSpan").html(" 导出数据"); | |
| 104 | + } | |
| 105 | + }); | |
| 106 | + }); | |
| 107 | + | |
| 108 | + $('.exportAddXlsx').on('click', function() { | |
| 109 | + var aInfos = { | |
| 110 | + "lpObjList": oExcel.fnGetLpBcInfoList(), // 路牌班次信息列表 | |
| 111 | + "statInfoList": oExcel.fnGetStatInfoList(), // 统计项目列表 | |
| 112 | + "parameterInfoList" : oExcel.fnGetParamInfoList() // 参数对象 | |
| 113 | + }; | |
| 114 | + | |
| 115 | + console.log(aInfos); | |
| 116 | + | |
| 117 | + $(".exportAdd").addClass("disabled"); | |
| 118 | + $(".exportAddSpan").html("正在导出..."); | |
| 119 | + | |
| 120 | + // 提交 | |
| 121 | + $.ajax({ | |
| 122 | + type: 'POST', | |
| 123 | + url: "/tidc/exportDTDFile/xlsx", | |
| 124 | + dataType: 'binary', | |
| 125 | + contentType: "application/json", | |
| 126 | + data: JSON.stringify(aInfos), | |
| 127 | + success: function(data){ | |
| 128 | + oExcel.downloadFile(data, "application/octet-stream", "时刻表信息.xlsx"); | |
| 129 | + | |
| 130 | + $(".exportAdd").removeClass("disabled"); | |
| 131 | + $(".exportAddSpan").html(" 导出数据"); | |
| 132 | + }, | |
| 133 | + error: function(xhr, type){ | |
| 134 | + alert('错误：TODO'); | |
| 135 | + | |
| 136 | + $(".exportAdd").removeClass("disabled"); | |
| 137 | + $(".exportAddSpan").html(" 导出数据"); | |
| 138 | + } | |
| 139 | + }); | |
| 140 | + }); | |
| 141 | + } | |
| 142 | + | |
| 143 | + | |
| 144 | + } | |
| 145 | 145 | }(); |
| 146 | 146 | \ No newline at end of file | ... | ... |
src/main/resources/static/pages/permission/user/authorize.html
| 1 | -<!DOCTYPE html> | |
| 2 | -<html lang="zh-cn"> | |
| 3 | - | |
| 4 | -<head> | |
| 5 | - <meta charset="UTF-8"> | |
| 6 | - <link rel="stylesheet" href="/assets/plugins/uk3.0/uikit.min.css"/> | |
| 7 | - <link rel="stylesheet" href="/real_control_v2/assets/plugins/perfect-scrollbar/perfect-scrollbar.css" /> | |
| 8 | - <link rel="stylesheet" href="/assets/plugins/ztree_v3/css/zTreeStyle/zTreeStyle.css" /> | |
| 9 | - <style> | |
| 10 | - html,body{ | |
| 11 | - height: 100%; | |
| 12 | - } | |
| 13 | - .ct_page{ | |
| 14 | - padding: 25px 15px; | |
| 15 | - height: 100%; | |
| 16 | - height: calc(100% - 50px); | |
| 17 | - } | |
| 18 | - | |
| 19 | - .ct_cont{ | |
| 20 | - height: calc(100% - 41px); | |
| 21 | - } | |
| 22 | - | |
| 23 | - .ct_cont>div>div.uk-card{ | |
| 24 | - height: 99%; | |
| 25 | - } | |
| 26 | - | |
| 27 | - form .uk-inline{ | |
| 28 | - width: calc(100% - 4px); | |
| 29 | - margin-left: 2px; | |
| 30 | - } | |
| 31 | - | |
| 32 | - .ct-card-body{ | |
| 33 | - overflow: auto; | |
| 34 | - padding: 1px 1px 0 2px; | |
| 35 | - height: calc(100% - 54px); | |
| 36 | - position: relative; | |
| 37 | - margin-top: -12px; | |
| 38 | - } | |
| 39 | - | |
| 40 | - .ct_li_desc{ | |
| 41 | - color: #a8a8a8; | |
| 42 | - font-size: 13px; | |
| 43 | - } | |
| 44 | - | |
| 45 | - .ct-card-body .uk-list-large{ | |
| 46 | - font-size: 14px; | |
| 47 | - } | |
| 48 | - | |
| 49 | - .ct-card-body .uk-list-large>li{ | |
| 50 | - cursor: default; | |
| 51 | - padding-left: 20px; | |
| 52 | - margin-top: 2px !important; | |
| 53 | - padding-top: 17px !important; | |
| 54 | - position: relative; | |
| 55 | - } | |
| 56 | - | |
| 57 | - .ct-card-body .uk-list-large>li:hover{ | |
| 58 | - background: #edecec; | |
| 59 | - } | |
| 60 | - | |
| 61 | - .ct-card-body .uk-list-large>li.active{ | |
| 62 | - background: #1e87f0 !important; | |
| 63 | - color: white; | |
| 64 | - } | |
| 65 | - | |
| 66 | - .ct-card-body .uk-list-large>li.active>span.role-code{ | |
| 67 | - color: #ffffff; | |
| 68 | - } | |
| 69 | - | |
| 70 | - .ct-card-body .uk-list-large.role-list>li:hover{ | |
| 71 | - background: #fff494; | |
| 72 | - } | |
| 73 | - | |
| 74 | - .ct-card-body .uk-list-large>li.active .ct_li_desc{ | |
| 75 | - color: #e6e6e6; | |
| 76 | - } | |
| 77 | - | |
| 78 | - .ct-card-body .uk-list-large>li>span.uk-badge{ | |
| 79 | - position: absolute; | |
| 80 | - top: 17px; | |
| 81 | - right: 25px; | |
| 82 | - } | |
| 83 | - | |
| 84 | - .ct-card-body .uk-list-large>li>span.role-code{ | |
| 85 | - padding: 4px 6px; | |
| 86 | - color: #a8a8a8; | |
| 87 | - margin-left: 5px; | |
| 88 | - } | |
| 89 | - | |
| 90 | - .top_title{ | |
| 91 | - padding: 9px 0 5px 15px; | |
| 92 | - border-bottom: 1px solid #ededed; | |
| 93 | - border-left: 5px solid #FFC107; | |
| 94 | - } | |
| 95 | - | |
| 96 | - .top_title>.desc{ | |
| 97 | - font-size: 13px; | |
| 98 | - color: grey; | |
| 99 | - margin-top: 3px; | |
| 100 | - } | |
| 101 | - | |
| 102 | - .left_menu_list{ | |
| 103 | - overflow: auto; | |
| 104 | - position: relative; | |
| 105 | - } | |
| 106 | - | |
| 107 | - .left_menu_list .ps-container > .ps-scrollbar-x-rail, .ps-container > .ps-scrollbar-y-rail{ | |
| 108 | - opacity: 0.6 !important; | |
| 109 | - padding: 0 !important; | |
| 110 | - } | |
| 111 | - | |
| 112 | - ._company{ | |
| 113 | - margin: 15px 0px; | |
| 114 | - } | |
| 115 | - ._company>h5{ | |
| 116 | - margin-bottom: 10px; | |
| 117 | - font-size: 15px; | |
| 118 | - color: #6b6b6b; | |
| 119 | - text-indent: 12px; | |
| 120 | - } | |
| 121 | - ._company>._fgs>label{ | |
| 122 | - padding: 3px 12px 3px 10px; | |
| 123 | - display: inline-block; | |
| 124 | - border: 1px solid gainsboro; | |
| 125 | - border-radius: 2px; | |
| 126 | - margin: 5px; | |
| 127 | - font-size: 14px; | |
| 128 | - } | |
| 129 | - ._company>._fgs>label.active{ | |
| 130 | - background: #1e87f0; | |
| 131 | - color: #fff; | |
| 132 | - } | |
| 133 | - ._company .uk-checkbox:checked:focus, | |
| 134 | - .line_checkbox_list .uk-checkbox:checked:focus{ | |
| 135 | - background-color: #1e87f0 !important; | |
| 136 | - } | |
| 137 | - .save_icon{ | |
| 138 | - position: absolute; | |
| 139 | - right: 2px; | |
| 140 | - background: #bec4c9; | |
| 141 | - font-size: 12px; | |
| 142 | - padding: 2px 15px; | |
| 143 | - color: #fff; | |
| 144 | - box-shadow: 0 5px 15px rgba(0,0,0,0.08); | |
| 145 | - cursor: pointer; | |
| 146 | - } | |
| 147 | - .save_icon:hover{ | |
| 148 | - background: #FFC107; | |
| 149 | - } | |
| 150 | - .data_auth_list{ | |
| 151 | - position: relative; | |
| 152 | - } | |
| 153 | - #user_authorize_wrap .top_title{ | |
| 154 | - border-left: 5px solid #cacac8; | |
| 155 | - } | |
| 156 | - .xd_line_list{ | |
| 157 | - height: 37%; | |
| 158 | - padding: 7px; | |
| 159 | - border-bottom: 1px solid #f2f2f2; | |
| 160 | - overflow: auto; | |
| 161 | - position: relative; | |
| 162 | - } | |
| 163 | - .xd_line_list>h5{ | |
| 164 | - color: #858585; | |
| 165 | - margin: 5px 5px 5px 0; | |
| 166 | - font-size: 14px; | |
| 167 | - } | |
| 168 | - .sub_lines{ | |
| 169 | - padding-left: 15px; | |
| 170 | - } | |
| 171 | - .sub_lines>span.line_btn { | |
| 172 | - background: #00BCD4; | |
| 173 | - color: #fff; | |
| 174 | - padding: 4px 9px; | |
| 175 | - display: inline-block; | |
| 176 | - min-width: 68px; | |
| 177 | - text-align: center; | |
| 178 | - margin: 5px 2px; | |
| 179 | - box-shadow: 0 5px 9px rgba(0,0,0,0.08); | |
| 180 | - cursor: pointer; | |
| 181 | - font-size: 14px; | |
| 182 | - font-family: 微软雅黑; | |
| 183 | - } | |
| 184 | - | |
| 185 | - .sub_lines>span.line_btn.destroy{ | |
| 186 | - background: #ff5c5c; | |
| 187 | - } | |
| 188 | - | |
| 189 | - .sub_lines>span.line_btn.destroy:hover{ | |
| 190 | - background: #ff7373; | |
| 191 | - } | |
| 192 | - | |
| 193 | - .sub_lines>span.line_btn:hover{ | |
| 194 | - background: #2dd7ed; | |
| 195 | - } | |
| 196 | - .add_line_icon{ | |
| 197 | - cursor: pointer; | |
| 198 | - padding: 2px 5px; | |
| 199 | - border-radius: 5px; | |
| 200 | - display: inline-block; | |
| 201 | - } | |
| 202 | - .add_line_icon>i{ | |
| 203 | - vertical-align: top; | |
| 204 | - margin-top: 3px; | |
| 205 | - } | |
| 206 | - .add_line_icon:hover{ | |
| 207 | - background: #ededed; | |
| 208 | - } | |
| 209 | - .ct_pattern_form{ | |
| 210 | - display: inline-block; | |
| 211 | - } | |
| 212 | - .xd_menu_grid{ | |
| 213 | - padding: 25px 25px 0 25px; | |
| 214 | - height: calc(63% - 91px); | |
| 215 | - } | |
| 216 | - .xd_menu_grid .uk-list{ | |
| 217 | - border: 1px solid #ededed; | |
| 218 | - height: calc(100% - 70px); | |
| 219 | - overflow: auto; | |
| 220 | - position: relative; | |
| 221 | - } | |
| 222 | - | |
| 223 | - .xd_menu_grid .uk-list>li{ | |
| 224 | - margin: 5px 0 !important; | |
| 225 | - padding: 10px 0 0 10px !important; | |
| 226 | - font-size: 14px; | |
| 227 | - } | |
| 228 | - .top_tools{ | |
| 229 | - position: absolute; | |
| 230 | - top: 15px; | |
| 231 | - right: 25px; | |
| 232 | - } | |
| 233 | - .ct_field { | |
| 234 | - display: inline-block; | |
| 235 | - width: 240px; | |
| 236 | - } | |
| 237 | - .ct_field>select,.ct_field>input{ | |
| 238 | - width: calc(100% - 60px); | |
| 239 | - } | |
| 240 | - .line_checkbox_list{ | |
| 241 | - margin-top: 15px; | |
| 242 | - } | |
| 243 | - .line_checkbox_list>.btn{ | |
| 244 | - padding: 5px 7px; | |
| 245 | - border-radius: 2px; | |
| 246 | - display: inline-block; | |
| 247 | - margin: 4px 9px; | |
| 248 | - font-size: 14px; | |
| 249 | - font-family: 微软雅黑; | |
| 250 | - border: 1px solid #d9d9d9; | |
| 251 | - width: 100px; | |
| 252 | - overflow: hidden; | |
| 253 | - text-overflow: ellipsis; | |
| 254 | - white-space: nowrap; | |
| 255 | - } | |
| 256 | - .line_checkbox_list>.btn>input{ | |
| 257 | - margin-right: 5px; | |
| 258 | - } | |
| 259 | - .line_checkbox_list>.btn.active{ | |
| 260 | - background: #1e87f0; | |
| 261 | - color: #fff; | |
| 262 | - } | |
| 263 | - | |
| 264 | - .line_checkbox_list>.btn.destroy, | |
| 265 | - .line_checkbox_list>.btn.destroy>input{ | |
| 266 | - border-color: #ff9595; | |
| 267 | - color: #ff5c5c; | |
| 268 | - } | |
| 269 | - | |
| 270 | - .line_checkbox_list>.btn.destroy.active{ | |
| 271 | - background: #ff5c5c; | |
| 272 | - color: #fff; | |
| 273 | - } | |
| 274 | - | |
| 275 | - .line_checkbox_list>.btn.destroy.active>input{ | |
| 276 | - background-color: #ff5c5c !important; | |
| 277 | - border-color: #ff5c5c !important; | |
| 278 | - } | |
| 279 | - | |
| 280 | - #role_authorize_wrap .ztree *{ | |
| 281 | - font-size: 14px; | |
| 282 | - } | |
| 283 | - #role_authorize_wrap .ztree li{ | |
| 284 | - line-height: 21px; | |
| 285 | - } | |
| 286 | - .loading{ | |
| 287 | - height: 100%; | |
| 288 | - text-align: center; | |
| 289 | - } | |
| 290 | - .loading .uk-spinner{ | |
| 291 | - margin-top: 200px; | |
| 292 | - } | |
| 293 | - .loading circle{ | |
| 294 | - stroke: red; | |
| 295 | - } | |
| 296 | - | |
| 297 | - #select_line_modal .uk-checkbox:checked { | |
| 298 | - background-color: #1e87f0; | |
| 299 | - } | |
| 300 | - </style> | |
| 301 | -</head> | |
| 302 | - | |
| 303 | -<body> | |
| 304 | -<div class="loading"> | |
| 305 | - <div uk-spinner></div> | |
| 306 | -</div> | |
| 307 | -<div class="ct_page" style="display: none;"> | |
| 308 | - <h2 class="uk-heading-line uk-heading-bullet"><span>用户授权管理</span></h2> | |
| 309 | - <div class="ct_cont uk-grid-small uk-child-width-expand" uk-grid> | |
| 310 | - <div class="role_list uk-width-1-4 "> | |
| 311 | - <div class="uk-card uk-card-default"> | |
| 312 | - <form> | |
| 313 | - <div class="uk-margin"> | |
| 314 | - <div class="uk-inline" > | |
| 315 | - <!--<span class="uk-form-icon uk-form-icon-flip" uk-icon="icon: search"></span>--> | |
| 316 | - <!--<input class="uk-input role_search_input" type="text" placeholder="搜索角色">--> | |
| 317 | - </div> | |
| 318 | - </div> | |
| 319 | - </form> | |
| 320 | - | |
| 321 | - <div class="ct-card-body" > | |
| 322 | - <ul class="uk-list uk-list-large uk-list-divider role-list"> | |
| 323 | - </ul> | |
| 324 | - </div> | |
| 325 | - </div> | |
| 326 | - </div> | |
| 327 | - <div class="user_list uk-width-1-5 "> | |
| 328 | - <div class="uk-card uk-card-default"> | |
| 329 | - <form> | |
| 330 | - <div class="uk-margin"> | |
| 331 | - <div class="uk-inline" > | |
| 332 | - <!--<span class="uk-form-icon uk-form-icon-flip" uk-icon="icon: search"></span>--> | |
| 333 | - <!--<input class="uk-input user_search_input" type="text" placeholder="搜索用户">--> | |
| 334 | - </div> | |
| 335 | - </div> | |
| 336 | - </form> | |
| 337 | - | |
| 338 | - <div class="ct-card-body"> | |
| 339 | - <ul class="uk-list uk-list-large user-list"> | |
| 340 | - </ul> | |
| 341 | - </div> | |
| 342 | - </div> | |
| 343 | - </div> | |
| 344 | - <div class="auth_cont "> | |
| 345 | - <div class="uk-card uk-card-default authorize_right_cont"> | |
| 346 | - | |
| 347 | - </div> | |
| 348 | - </div> | |
| 349 | - </div> | |
| 350 | -</div> | |
| 351 | - | |
| 352 | -<script id="authorize-role-list-temp" type="text/html"> | |
| 353 | - {{each list as r i}} | |
| 354 | - <li data-id="{{r.id}}" data-name="{{r.roleName}}" data-code="{{r.codeUp}}">{{r.roleName}} | |
| 355 | - <span class="role-code">{{r.codeName}}</span> | |
| 356 | - <div class="ct_li_desc">{{r.createDateStr}}</div> | |
| 357 | - <span class="uk-badge">{{r.count}}</span> | |
| 358 | - </li> | |
| 359 | - {{/each}} | |
| 360 | -</script> | |
| 361 | -<script id="authorize-user-list-temp" type="text/html"> | |
| 362 | - {{each list as u i}} | |
| 363 | - <li class="uk-animation-fade uk-animation-fast" data-name="{{u.name}}" data-code="{{u.userNameUp}}" data-id="{{u.id}}">{{u.name}}<span class="role-code">{{u.userName}}</span></li> | |
| 364 | - {{/each}} | |
| 365 | -</script> | |
| 366 | -<script src="/metronic_v4.5.4/plugins/jquery.min.js"></script> | |
| 367 | -<script src="/assets/js/common.js"></script> | |
| 368 | -<script src="/assets/plugins/uk3.0/uikit.min.js"></script> | |
| 369 | -<script src="/assets/plugins/uk3.0/uikit-icons.min.js"></script> | |
| 370 | -<script src="/real_control_v2/assets/plugins/perfect-scrollbar/perfect-scrollbar.jquery.js" ></script> | |
| 371 | -<!-- EventProxy --> | |
| 372 | -<script src="/assets/js/eventproxy.js"></script> | |
| 373 | -<!-- art-template 模版引擎 --> | |
| 374 | -<script src="/assets/plugins/template.js"></script> | |
| 375 | -<script src="/real_control_v2/assets/plugins/moment/moment.min.js"></script> | |
| 376 | -<script src="/assets/plugins/ztree_v3/js/jquery.ztree.core.min.js"></script> | |
| 377 | -<script src="/assets/plugins/ztree_v3/js/jquery.ztree.excheck.min.js"></script> | |
| 378 | -<script> | |
| 379 | - var storage = window.localStorage; | |
| 380 | - | |
| 381 | - if (typeof String.prototype.startsWith != 'function') { | |
| 382 | - String.prototype.startsWith = function (prefix){ | |
| 383 | - return this.slice(0, prefix.length) === prefix; | |
| 384 | - }; | |
| 385 | - } | |
| 386 | - var roles,users,role_users,modules,companyData,lineArray; | |
| 387 | - | |
| 388 | - var ep = EventProxy.create('query_roles', 'query_users', 'query_modules', 'query_company', 'query_line', function (rs, us, ms, cs, lines) { | |
| 389 | - roles = rs; | |
| 390 | - users = us; | |
| 391 | - modules = ms; | |
| 392 | - companyData = cs; | |
| 393 | - lineArray=lines; | |
| 394 | - role_users = {}; | |
| 395 | - debugger | |
| 396 | - for(var i=0,r;r=roles[i++];){ | |
| 397 | - r.count=0; | |
| 398 | - role_users[r.id]=[]; | |
| 399 | - r.createDateStr=moment(r.createDate).format('YYYY-MM-DD HH:ss'); | |
| 400 | - r.codeUp=r.codeName.toUpperCase(); | |
| 401 | - for(var j=0,u;u=users[j++];){ | |
| 402 | - if(u.roles.indexOf(r.id)!=-1){ | |
| 403 | - r.count++; | |
| 404 | - role_users[r.id].push(u); | |
| 405 | - } | |
| 406 | - } | |
| 407 | - } | |
| 408 | - //渲染角色list | |
| 409 | - render_role_list(roles); | |
| 410 | - //渲染用户list | |
| 411 | - render_user_list(users); | |
| 412 | - | |
| 413 | - $('.loading').remove(); | |
| 414 | - $('.ct_page').show(); | |
| 415 | - }); | |
| 416 | - | |
| 417 | - //角色点击 | |
| 418 | - $('ul.role-list').on('click', 'li', roleClickHanlder); | |
| 419 | - //用户点击 | |
| 420 | - $('ul.user-list').on('click', 'li', userClickHanlder); | |
| 421 | - | |
| 422 | - | |
| 423 | - function roleClickHanlder() { | |
| 424 | - if($(this).hasClass('active') && $('ul.user-list>li.active').length==0) | |
| 425 | - return; | |
| 426 | - | |
| 427 | - reset_dom(); | |
| 428 | - $('ul.role-list>li.active').removeClass('active'); | |
| 429 | - $(this).addClass('active'); | |
| 430 | - //重新渲染用户list | |
| 431 | - var id = $(this).data('id'); | |
| 432 | - render_user_list(role_users[id]); | |
| 433 | - //加载角色授权页面 | |
| 434 | - $('.authorize_right_cont').load('/pages/permission/authorize_all/role_auth.html', function () { | |
| 435 | - $('#role_authorize_wrap', this).trigger('init', {role: get_role(id), modules: modules, companyData: companyData}); | |
| 436 | - }); | |
| 437 | - } | |
| 438 | - | |
| 439 | - function userClickHanlder() { | |
| 440 | - if($(this).hasClass('active')) | |
| 441 | - return; | |
| 442 | - | |
| 443 | - reset_dom(); | |
| 444 | - $('ul.user-list>li.active').removeClass('active'); | |
| 445 | - $(this).addClass('active'); | |
| 446 | - | |
| 447 | - //加载用户授权页面 | |
| 448 | - var id = $(this).data('id'); | |
| 449 | - $('.authorize_right_cont').load('/pages/permission/authorize_all/user_auth.html', function () { | |
| 450 | - $('#user_authorize_wrap', this).trigger('init', {user: get_user(id),lineArray:lineArray, companyData:companyData}); | |
| 451 | - }); | |
| 452 | - } | |
| 453 | - | |
| 454 | - //refresh-user | |
| 455 | - $('.authorize_right_cont').on('refresh-user', function () { | |
| 456 | - $('ul.user-list>li.active').removeClass('active').trigger('click'); | |
| 457 | - }); | |
| 458 | - | |
| 459 | - function reset_dom() { | |
| 460 | - $('#select_line_modal').remove(); | |
| 461 | - } | |
| 462 | - | |
| 463 | - //滚动条 | |
| 464 | - $('.ct_page .uk-card .ct-card-body').perfectScrollbar({suppressScrollX: true}); | |
| 465 | - | |
| 466 | - //query all role | |
| 467 | - var paramsRole = {}; | |
| 468 | - paramsRole['codeName'] = 'ROLE_ADMIN'; | |
| 469 | - var userId=storage.getItem("editUser"); | |
| 470 | - $get('/user',{id_eq:userId}, function (rs) { | |
| 471 | - debugger | |
| 472 | - //if (rs) | |
| 473 | - ep.emit('query_roles', rs.content[0].roles); | |
| 474 | - }); | |
| 475 | - | |
| 476 | - | |
| 477 | - //query all user | |
| 478 | - var paramsUser = {}; | |
| 479 | - paramsRole['name'] = 'name'; | |
| 480 | - $.get('/user/all_distinct',paramsUser, function (rs) { | |
| 481 | - var userA={}; | |
| 482 | - for(var i=0,u;u=rs[i++];){ | |
| 483 | - if (u.id==userId){ | |
| 484 | - discard_field(u); | |
| 485 | - u.userNameUp=u.userName.toUpperCase(); | |
| 486 | - u.lastLoginDateStr=moment(u.lastLoginDate).format('YYYY-MM-DD HH:ss'); | |
| 487 | - userA[0]=u; | |
| 488 | - } | |
| 489 | - } | |
| 490 | - ep.emit('query_users', userA); | |
| 491 | - }); | |
| 492 | - | |
| 493 | - //query all modules | |
| 494 | - $.get('/module/all_distinct', function (rs) { | |
| 495 | - ep.emit('query_modules', rs); | |
| 496 | - }); | |
| 497 | - | |
| 498 | - //query all company data | |
| 499 | - $.get('/business/all', function (rs) { | |
| 500 | - ep.emit('query_company', rs); | |
| 501 | - }); | |
| 502 | - | |
| 503 | - //query all line | |
| 504 | - $.get('/line/all', {'remove_ne': 1}, function (rs) { | |
| 505 | - ep.emit('query_line', rs); | |
| 506 | - }); | |
| 507 | - | |
| 508 | - function discard_field(u) { | |
| 509 | - var array = []; | |
| 510 | - $.each(u.roles, function () { | |
| 511 | - array.push(this.id); | |
| 512 | - }); | |
| 513 | - u.roles = array; | |
| 514 | - } | |
| 515 | - | |
| 516 | - function render_role_list(list) { | |
| 517 | - var htmlStr = template('authorize-role-list-temp', {list: list}); | |
| 518 | - $('ul.role-list').html(htmlStr); | |
| 519 | - up_scroll(); | |
| 520 | - } | |
| 521 | - | |
| 522 | - | |
| 523 | - function render_user_list(list) { | |
| 524 | - var htmlStr = template('authorize-user-list-temp', {list: list}); | |
| 525 | - $('ul.user-list').html(htmlStr); | |
| 526 | - up_scroll(); | |
| 527 | - } | |
| 528 | - | |
| 529 | - function reset_role_list(){ | |
| 530 | - var actives = $('ul.role-list>li.active'); | |
| 531 | - if(actives.length > 0){ | |
| 532 | - $('ul.role-list>li.active').removeClass('active'); | |
| 533 | - render_user_list(users); | |
| 534 | - $('.authorize_right_cont').empty(); | |
| 535 | - } | |
| 536 | - } | |
| 537 | - | |
| 538 | - function up_scroll() { | |
| 539 | - $('.ct_page .uk-card .ct-card-body').perfectScrollbar('update'); | |
| 540 | - } | |
| 541 | - | |
| 542 | - | |
| 543 | - | |
| 544 | - function get_role(id) { | |
| 545 | - for(var i=0,r;r=roles[i++];){ | |
| 546 | - if(r.id==id) | |
| 547 | - return r; | |
| 548 | - } | |
| 549 | - return null; | |
| 550 | - } | |
| 551 | - | |
| 552 | - function get_user(id) { | |
| 553 | - for(var i=0,u;u=users[i++];){ | |
| 554 | - if(u.id==id) | |
| 555 | - return u; | |
| 556 | - } | |
| 557 | - return null; | |
| 558 | - } | |
| 559 | - | |
| 560 | - $(document).on('submit', 'form', function () { | |
| 561 | - return false; | |
| 562 | - }); | |
| 563 | - | |
| 564 | - function convert_buss_data(rs) { | |
| 565 | - var baseCode; | |
| 566 | - //找到跟节点 | |
| 567 | - $.each(rs, function () { | |
| 568 | - if(this.upCode == 0){ | |
| 569 | - baseCode=this.businessCode; | |
| 570 | - return false; | |
| 571 | - } | |
| 572 | - }); | |
| 573 | - if(!baseCode){ | |
| 574 | - alert('大爷找不到根节点，数据有问题吧！！！'); | |
| 575 | - return; | |
| 576 | - } | |
| 577 | - //提取二级节点 | |
| 578 | - var secondMap={}; | |
| 579 | - $.each(rs, function () { | |
| 580 | - if(this.upCode==baseCode){ | |
| 581 | - secondMap[this.businessCode] = { | |
| 582 | - name: this.businessName, | |
| 583 | - childs: [] | |
| 584 | - }; | |
| 585 | - } | |
| 586 | - }); | |
| 587 | - //分公司节点 | |
| 588 | - $.each(rs, function () { | |
| 589 | - if(secondMap[this.upCode]) | |
| 590 | - secondMap[this.upCode].childs.push(this); | |
| 591 | - }); | |
| 592 | - | |
| 593 | - //排序 | |
| 594 | - for(var sid in secondMap){ | |
| 595 | - secondMap[sid].childs.sort(naturalSort); | |
| 596 | - } | |
| 597 | - | |
| 598 | - return secondMap; | |
| 599 | - } | |
| 600 | - | |
| 601 | - var naturalSort=function (a, b) { | |
| 602 | - return a.businessName.localeCompare(b.businessName); | |
| 603 | - }; | |
| 604 | - | |
| 605 | - var groupBy = function (list, field) { | |
| 606 | - var rs = {}, | |
| 607 | - key; | |
| 608 | - $.each(list, function () { | |
| 609 | - key = this[field]; | |
| 610 | - if (!rs[key]) | |
| 611 | - rs[key] = []; | |
| 612 | - | |
| 613 | - rs[key].push(this); | |
| 614 | - }); | |
| 615 | - | |
| 616 | - return rs; | |
| 617 | - }; | |
| 618 | -</script> | |
| 619 | -</body> | |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="zh-cn"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <meta charset="UTF-8"> | |
| 6 | + <link rel="stylesheet" href="/assets/plugins/uk3.0/uikit.min.css"/> | |
| 7 | + <link rel="stylesheet" href="/real_control_v2/assets/plugins/perfect-scrollbar/perfect-scrollbar.css" /> | |
| 8 | + <link rel="stylesheet" href="/assets/plugins/ztree_v3/css/zTreeStyle/zTreeStyle.css" /> | |
| 9 | + <style> | |
| 10 | + html,body{ | |
| 11 | + height: 100%; | |
| 12 | + } | |
| 13 | + .ct_page{ | |
| 14 | + padding: 25px 15px; | |
| 15 | + height: 100%; | |
| 16 | + height: calc(100% - 50px); | |
| 17 | + } | |
| 18 | + | |
| 19 | + .ct_cont{ | |
| 20 | + height: calc(100% - 41px); | |
| 21 | + } | |
| 22 | + | |
| 23 | + .ct_cont>div>div.uk-card{ | |
| 24 | + height: 99%; | |
| 25 | + } | |
| 26 | + | |
| 27 | + form .uk-inline{ | |
| 28 | + width: calc(100% - 4px); | |
| 29 | + margin-left: 2px; | |
| 30 | + } | |
| 31 | + | |
| 32 | + .ct-card-body{ | |
| 33 | + overflow: auto; | |
| 34 | + padding: 1px 1px 0 2px; | |
| 35 | + height: calc(100% - 54px); | |
| 36 | + position: relative; | |
| 37 | + margin-top: -12px; | |
| 38 | + } | |
| 39 | + | |
| 40 | + .ct_li_desc{ | |
| 41 | + color: #a8a8a8; | |
| 42 | + font-size: 13px; | |
| 43 | + } | |
| 44 | + | |
| 45 | + .ct-card-body .uk-list-large{ | |
| 46 | + font-size: 14px; | |
| 47 | + } | |
| 48 | + | |
| 49 | + .ct-card-body .uk-list-large>li{ | |
| 50 | + cursor: default; | |
| 51 | + padding-left: 20px; | |
| 52 | + margin-top: 2px !important; | |
| 53 | + padding-top: 17px !important; | |
| 54 | + position: relative; | |
| 55 | + } | |
| 56 | + | |
| 57 | + .ct-card-body .uk-list-large>li:hover{ | |
| 58 | + background: #edecec; | |
| 59 | + } | |
| 60 | + | |
| 61 | + .ct-card-body .uk-list-large>li.active{ | |
| 62 | + background: #1e87f0 !important; | |
| 63 | + color: white; | |
| 64 | + } | |
| 65 | + | |
| 66 | + .ct-card-body .uk-list-large>li.active>span.role-code{ | |
| 67 | + color: #ffffff; | |
| 68 | + } | |
| 69 | + | |
| 70 | + .ct-card-body .uk-list-large.role-list>li:hover{ | |
| 71 | + background: #fff494; | |
| 72 | + } | |
| 73 | + | |
| 74 | + .ct-card-body .uk-list-large>li.active .ct_li_desc{ | |
| 75 | + color: #e6e6e6; | |
| 76 | + } | |
| 77 | + | |
| 78 | + .ct-card-body .uk-list-large>li>span.uk-badge{ | |
| 79 | + position: absolute; | |
| 80 | + top: 17px; | |
| 81 | + right: 25px; | |
| 82 | + } | |
| 83 | + | |
| 84 | + .ct-card-body .uk-list-large>li>span.role-code{ | |
| 85 | + padding: 4px 6px; | |
| 86 | + color: #a8a8a8; | |
| 87 | + margin-left: 5px; | |
| 88 | + } | |
| 89 | + | |
| 90 | + .top_title{ | |
| 91 | + padding: 9px 0 5px 15px; | |
| 92 | + border-bottom: 1px solid #ededed; | |
| 93 | + border-left: 5px solid #FFC107; | |
| 94 | + } | |
| 95 | + | |
| 96 | + .top_title>.desc{ | |
| 97 | + font-size: 13px; | |
| 98 | + color: grey; | |
| 99 | + margin-top: 3px; | |
| 100 | + } | |
| 101 | + | |
| 102 | + .left_menu_list{ | |
| 103 | + overflow: auto; | |
| 104 | + position: relative; | |
| 105 | + } | |
| 106 | + | |
| 107 | + .left_menu_list .ps-container > .ps-scrollbar-x-rail, .ps-container > .ps-scrollbar-y-rail{ | |
| 108 | + opacity: 0.6 !important; | |
| 109 | + padding: 0 !important; | |
| 110 | + } | |
| 111 | + | |
| 112 | + ._company{ | |
| 113 | + margin: 15px 0px; | |
| 114 | + } | |
| 115 | + ._company>h5{ | |
| 116 | + margin-bottom: 10px; | |
| 117 | + font-size: 15px; | |
| 118 | + color: #6b6b6b; | |
| 119 | + text-indent: 12px; | |
| 120 | + } | |
| 121 | + ._company>._fgs>label{ | |
| 122 | + padding: 3px 12px 3px 10px; | |
| 123 | + display: inline-block; | |
| 124 | + border: 1px solid gainsboro; | |
| 125 | + border-radius: 2px; | |
| 126 | + margin: 5px; | |
| 127 | + font-size: 14px; | |
| 128 | + } | |
| 129 | + ._company>._fgs>label.active{ | |
| 130 | + background: #1e87f0; | |
| 131 | + color: #fff; | |
| 132 | + } | |
| 133 | + ._company .uk-checkbox:checked:focus, | |
| 134 | + .line_checkbox_list .uk-checkbox:checked:focus{ | |
| 135 | + background-color: #1e87f0 !important; | |
| 136 | + } | |
| 137 | + .save_icon{ | |
| 138 | + position: absolute; | |
| 139 | + right: 2px; | |
| 140 | + background: #bec4c9; | |
| 141 | + font-size: 12px; | |
| 142 | + padding: 2px 15px; | |
| 143 | + color: #fff; | |
| 144 | + box-shadow: 0 5px 15px rgba(0,0,0,0.08); | |
| 145 | + cursor: pointer; | |
| 146 | + } | |
| 147 | + .save_icon:hover{ | |
| 148 | + background: #FFC107; | |
| 149 | + } | |
| 150 | + .data_auth_list{ | |
| 151 | + position: relative; | |
| 152 | + } | |
| 153 | + #user_authorize_wrap .top_title{ | |
| 154 | + border-left: 5px solid #cacac8; | |
| 155 | + } | |
| 156 | + .xd_line_list{ | |
| 157 | + height: 37%; | |
| 158 | + padding: 7px; | |
| 159 | + border-bottom: 1px solid #f2f2f2; | |
| 160 | + overflow: auto; | |
| 161 | + position: relative; | |
| 162 | + } | |
| 163 | + .xd_line_list>h5{ | |
| 164 | + color: #858585; | |
| 165 | + margin: 5px 5px 5px 0; | |
| 166 | + font-size: 14px; | |
| 167 | + } | |
| 168 | + .sub_lines{ | |
| 169 | + padding-left: 15px; | |
| 170 | + } | |
| 171 | + .sub_lines>span.line_btn { | |
| 172 | + background: #00BCD4; | |
| 173 | + color: #fff; | |
| 174 | + padding: 4px 9px; | |
| 175 | + display: inline-block; | |
| 176 | + min-width: 68px; | |
| 177 | + text-align: center; | |
| 178 | + margin: 5px 2px; | |
| 179 | + box-shadow: 0 5px 9px rgba(0,0,0,0.08); | |
| 180 | + cursor: pointer; | |
| 181 | + font-size: 14px; | |
| 182 | + font-family: 微软雅黑; | |
| 183 | + } | |
| 184 | + | |
| 185 | + .sub_lines>span.line_btn.destroy{ | |
| 186 | + background: #ff5c5c; | |
| 187 | + } | |
| 188 | + | |
| 189 | + .sub_lines>span.line_btn.destroy:hover{ | |
| 190 | + background: #ff7373; | |
| 191 | + } | |
| 192 | + | |
| 193 | + .sub_lines>span.line_btn:hover{ | |
| 194 | + background: #2dd7ed; | |
| 195 | + } | |
| 196 | + .add_line_icon{ | |
| 197 | + cursor: pointer; | |
| 198 | + padding: 2px 5px; | |
| 199 | + border-radius: 5px; | |
| 200 | + display: inline-block; | |
| 201 | + } | |
| 202 | + .add_line_icon>i{ | |
| 203 | + vertical-align: top; | |
| 204 | + margin-top: 3px; | |
| 205 | + } | |
| 206 | + .add_line_icon:hover{ | |
| 207 | + background: #ededed; | |
| 208 | + } | |
| 209 | + .ct_pattern_form{ | |
| 210 | + display: inline-block; | |
| 211 | + } | |
| 212 | + .xd_menu_grid{ | |
| 213 | + padding: 25px 25px 0 25px; | |
| 214 | + height: calc(63% - 91px); | |
| 215 | + } | |
| 216 | + .xd_menu_grid .uk-list{ | |
| 217 | + border: 1px solid #ededed; | |
| 218 | + height: calc(100% - 70px); | |
| 219 | + overflow: auto; | |
| 220 | + position: relative; | |
| 221 | + } | |
| 222 | + | |
| 223 | + .xd_menu_grid .uk-list>li{ | |
| 224 | + margin: 5px 0 !important; | |
| 225 | + padding: 10px 0 0 10px !important; | |
| 226 | + font-size: 14px; | |
| 227 | + } | |
| 228 | + .top_tools{ | |
| 229 | + position: absolute; | |
| 230 | + top: 15px; | |
| 231 | + right: 25px; | |
| 232 | + } | |
| 233 | + .ct_field { | |
| 234 | + display: inline-block; | |
| 235 | + width: 240px; | |
| 236 | + } | |
| 237 | + .ct_field>select,.ct_field>input{ | |
| 238 | + width: calc(100% - 60px); | |
| 239 | + } | |
| 240 | + .line_checkbox_list{ | |
| 241 | + margin-top: 15px; | |
| 242 | + } | |
| 243 | + .line_checkbox_list>.btn{ | |
| 244 | + padding: 5px 7px; | |
| 245 | + border-radius: 2px; | |
| 246 | + display: inline-block; | |
| 247 | + margin: 4px 9px; | |
| 248 | + font-size: 14px; | |
| 249 | + font-family: 微软雅黑; | |
| 250 | + border: 1px solid #d9d9d9; | |
| 251 | + width: 100px; | |
| 252 | + overflow: hidden; | |
| 253 | + text-overflow: ellipsis; | |
| 254 | + white-space: nowrap; | |
| 255 | + } | |
| 256 | + .line_checkbox_list>.btn>input{ | |
| 257 | + margin-right: 5px; | |
| 258 | + } | |
| 259 | + .line_checkbox_list>.btn.active{ | |
| 260 | + background: #1e87f0; | |
| 261 | + color: #fff; | |
| 262 | + } | |
| 263 | + | |
| 264 | + .line_checkbox_list>.btn.destroy, | |
| 265 | + .line_checkbox_list>.btn.destroy>input{ | |
| 266 | + border-color: #ff9595; | |
| 267 | + color: #ff5c5c; | |
| 268 | + } | |
| 269 | + | |
| 270 | + .line_checkbox_list>.btn.destroy.active{ | |
| 271 | + background: #ff5c5c; | |
| 272 | + color: #fff; | |
| 273 | + } | |
| 274 | + | |
| 275 | + .line_checkbox_list>.btn.destroy.active>input{ | |
| 276 | + background-color: #ff5c5c !important; | |
| 277 | + border-color: #ff5c5c !important; | |
| 278 | + } | |
| 279 | + | |
| 280 | + #role_authorize_wrap .ztree *{ | |
| 281 | + font-size: 14px; | |
| 282 | + } | |
| 283 | + #role_authorize_wrap .ztree li{ | |
| 284 | + line-height: 21px; | |
| 285 | + } | |
| 286 | + .loading{ | |
| 287 | + height: 100%; | |
| 288 | + text-align: center; | |
| 289 | + } | |
| 290 | + .loading .uk-spinner{ | |
| 291 | + margin-top: 200px; | |
| 292 | + } | |
| 293 | + .loading circle{ | |
| 294 | + stroke: red; | |
| 295 | + } | |
| 296 | + | |
| 297 | + #select_line_modal .uk-checkbox:checked { | |
| 298 | + background-color: #1e87f0; | |
| 299 | + } | |
| 300 | + </style> | |
| 301 | +</head> | |
| 302 | + | |
| 303 | +<body> | |
| 304 | +<div class="loading"> | |
| 305 | + <div uk-spinner></div> | |
| 306 | +</div> | |
| 307 | +<div class="ct_page" style="display: none;"> | |
| 308 | + <h2 class="uk-heading-line uk-heading-bullet"><span>用户授权管理</span></h2> | |
| 309 | + <div class="ct_cont uk-grid-small uk-child-width-expand" uk-grid> | |
| 310 | + <div class="role_list uk-width-1-4 "> | |
| 311 | + <div class="uk-card uk-card-default"> | |
| 312 | + <form> | |
| 313 | + <div class="uk-margin"> | |
| 314 | + <div class="uk-inline" > | |
| 315 | + </div> | |
| 316 | + </div> | |
| 317 | + </form> | |
| 318 | + | |
| 319 | + <div class="ct-card-body" > | |
| 320 | + <ul class="uk-list uk-list-large uk-list-divider role-list"> | |
| 321 | + </ul> | |
| 322 | + </div> | |
| 323 | + </div> | |
| 324 | + </div> | |
| 325 | + <div class="user_list uk-width-1-5 "> | |
| 326 | + <div class="uk-card uk-card-default"> | |
| 327 | + <form> | |
| 328 | + <div class="uk-margin"> | |
| 329 | + <div class="uk-inline" > | |
| 330 | + </div> | |
| 331 | + </div> | |
| 332 | + </form> | |
| 333 | + | |
| 334 | + <div class="ct-card-body"> | |
| 335 | + <ul class="uk-list uk-list-large user-list"> | |
| 336 | + </ul> | |
| 337 | + </div> | |
| 338 | + </div> | |
| 339 | + </div> | |
| 340 | + <div class="auth_cont "> | |
| 341 | + <div class="uk-card uk-card-default authorize_right_cont"> | |
| 342 | + | |
| 343 | + </div> | |
| 344 | + </div> | |
| 345 | + </div> | |
| 346 | +</div> | |
| 347 | + | |
| 348 | +<script id="authorize-role-list-temp1" type="text/html"> | |
| 349 | + {{each list as r i}} | |
| 350 | + <li data-id="{{r.id}}" data-name="{{r.roleName}}" data-code="{{r.codeUp}}">{{r.roleName}} | |
| 351 | + <span class="role-code">{{r.codeName}}</span> | |
| 352 | + <div class="ct_li_desc">{{r.createDateStr}}</div> | |
| 353 | + <span class="uk-badge">{{r.count}}</span> | |
| 354 | + </li> | |
| 355 | + {{/each}} | |
| 356 | +</script> | |
| 357 | +<script id="authorize-user-list-temp1" type="text/html"> | |
| 358 | + {{each list as u i}} | |
| 359 | + <li class="uk-animation-fade uk-animation-fast" data-name="{{u.name}}" data-code="{{u.userNameUp}}" data-id="{{u.id}}">{{u.name}}<span class="role-code">{{u.userName}}</span></li> | |
| 360 | + {{/each}} | |
| 361 | +</script> | |
| 362 | +<script src="/metronic_v4.5.4/plugins/jquery.min.js"></script> | |
| 363 | +<script src="/assets/js/common.js"></script> | |
| 364 | +<script src="/assets/plugins/uk3.0/uikit.min.js"></script> | |
| 365 | +<script src="/assets/plugins/uk3.0/uikit-icons.min.js"></script> | |
| 366 | +<script src="/real_control_v2/assets/plugins/perfect-scrollbar/perfect-scrollbar.jquery.js" ></script> | |
| 367 | +<!-- EventProxy --> | |
| 368 | +<script src="/assets/js/eventproxy.js"></script> | |
| 369 | +<!-- art-template 模版引擎 --> | |
| 370 | +<script src="/assets/plugins/template.js"></script> | |
| 371 | +<script src="/real_control_v2/assets/plugins/moment/moment.min.js"></script> | |
| 372 | +<script src="/assets/plugins/ztree_v3/js/jquery.ztree.core.min.js"></script> | |
| 373 | +<script src="/assets/plugins/ztree_v3/js/jquery.ztree.excheck.min.js"></script> | |
| 374 | +<script> | |
| 375 | + var storage = window.localStorage; | |
| 376 | + | |
| 377 | + if (typeof String.prototype.startsWith != 'function') { | |
| 378 | + String.prototype.startsWith = function (prefix){ | |
| 379 | + return this.slice(0, prefix.length) === prefix; | |
| 380 | + }; | |
| 381 | + } | |
| 382 | + var roles,users,role_users,modules,companyData,lineArray; | |
| 383 | + | |
| 384 | + var ep = EventProxy.create('query_roles', 'query_users', 'query_modules', 'query_company', 'query_line', function (rs, us, ms, cs, lines) { | |
| 385 | + roles = rs; | |
| 386 | + users = us; | |
| 387 | + modules = ms; | |
| 388 | + companyData = cs; | |
| 389 | + lineArray=lines; | |
| 390 | + role_users = {}; | |
| 391 | + debugger | |
| 392 | + for(var i=0,r;r=roles[i++];){ | |
| 393 | + r.count=0; | |
| 394 | + role_users[r.id]=[]; | |
| 395 | + r.createDateStr=moment(r.createDate).format('YYYY-MM-DD HH:ss'); | |
| 396 | + r.codeUp=r.codeName.toUpperCase(); | |
| 397 | + for(var j=0,u;u=users[j++];){ | |
| 398 | + if(u.roles.indexOf(r.id)!=-1){ | |
| 399 | + r.count++; | |
| 400 | + role_users[r.id].push(u); | |
| 401 | + } | |
| 402 | + } | |
| 403 | + } | |
| 404 | + //渲染角色list | |
| 405 | + render_role_list(roles); | |
| 406 | + //渲染用户list | |
| 407 | + render_user_list(users); | |
| 408 | + | |
| 409 | + $('.loading').remove(); | |
| 410 | + $('.ct_page').show(); | |
| 411 | + }); | |
| 412 | + | |
| 413 | + //角色点击 | |
| 414 | + $('ul.role-list').on('click', 'li', roleClickHanlder); | |
| 415 | + //用户点击 | |
| 416 | + $('ul.user-list').on('click', 'li', userClickHanlder); | |
| 417 | + | |
| 418 | + | |
| 419 | + function roleClickHanlder() { | |
| 420 | + if($(this).hasClass('active') && $('ul.user-list>li.active').length==0) | |
| 421 | + return; | |
| 422 | + | |
| 423 | + reset_dom(); | |
| 424 | + $('ul.role-list>li.active').removeClass('active'); | |
| 425 | + $(this).addClass('active'); | |
| 426 | + //重新渲染用户list | |
| 427 | + var id = $(this).data('id'); | |
| 428 | + render_user_list(role_users[id]); | |
| 429 | + //加载角色授权页面 | |
| 430 | + $('.authorize_right_cont').load('/pages/permission/authorize_all/role_auth.html', function () { | |
| 431 | + $('#role_authorize_wrap', this).trigger('init', {role: get_role(id), modules: modules, companyData: companyData}); | |
| 432 | + }); | |
| 433 | + } | |
| 434 | + | |
| 435 | + function userClickHanlder() { | |
| 436 | + if($(this).hasClass('active')) | |
| 437 | + return; | |
| 438 | + | |
| 439 | + reset_dom(); | |
| 440 | + $('ul.user-list>li.active').removeClass('active'); | |
| 441 | + $(this).addClass('active'); | |
| 442 | + | |
| 443 | + //加载用户授权页面 | |
| 444 | + var id = $(this).data('id'); | |
| 445 | + $('.authorize_right_cont').load('/pages/permission/authorize_all/user_auth.html', function () { | |
| 446 | + $('#user_authorize_wrap', this).trigger('init', {user: get_user(id),lineArray:lineArray, companyData:companyData}); | |
| 447 | + }); | |
| 448 | + } | |
| 449 | + | |
| 450 | + //refresh-user | |
| 451 | + $('.authorize_right_cont').on('refresh-user', function () { | |
| 452 | + $('ul.user-list>li.active').removeClass('active').trigger('click'); | |
| 453 | + }); | |
| 454 | + | |
| 455 | + function reset_dom() { | |
| 456 | + $('#select_line_modal').remove(); | |
| 457 | + } | |
| 458 | + | |
| 459 | + //滚动条 | |
| 460 | + $('.ct_page .uk-card .ct-card-body').perfectScrollbar({suppressScrollX: true}); | |
| 461 | + | |
| 462 | + //query all role | |
| 463 | + var paramsRole = {}; | |
| 464 | + paramsRole['codeName'] = 'ROLE_ADMIN'; | |
| 465 | + var userId=storage.getItem("editUser"); | |
| 466 | + $get('/user',{id_eq:userId}, function (rs) { | |
| 467 | + debugger | |
| 468 | + //if (rs) | |
| 469 | + ep.emit('query_roles', rs.content[0].roles); | |
| 470 | + }); | |
| 471 | + | |
| 472 | + | |
| 473 | + //query all user | |
| 474 | + var paramsUser = {}; | |
| 475 | + paramsRole['name'] = 'name'; | |
| 476 | + $.get('/user/all_distinct',paramsUser, function (rs) { | |
| 477 | + var userA={}; | |
| 478 | + for(var i=0,u;u=rs[i++];){ | |
| 479 | + if (u.id==userId){ | |
| 480 | + discard_field(u); | |
| 481 | + u.userNameUp=u.userName.toUpperCase(); | |
| 482 | + u.lastLoginDateStr=moment(u.lastLoginDate).format('YYYY-MM-DD HH:ss'); | |
| 483 | + userA[0]=u; | |
| 484 | + } | |
| 485 | + } | |
| 486 | + ep.emit('query_users', userA); | |
| 487 | + }); | |
| 488 | + | |
| 489 | + //query all modules | |
| 490 | + $.get('/module/all_distinct', function (rs) { | |
| 491 | + ep.emit('query_modules', rs); | |
| 492 | + }); | |
| 493 | + | |
| 494 | + //query all company data | |
| 495 | + $.get('/business/all', function (rs) { | |
| 496 | + ep.emit('query_company', rs); | |
| 497 | + }); | |
| 498 | + | |
| 499 | + //query all line | |
| 500 | + $.get('/line/all', {'remove_ne': 1}, function (rs) { | |
| 501 | + ep.emit('query_line', rs); | |
| 502 | + }); | |
| 503 | + | |
| 504 | + function discard_field(u) { | |
| 505 | + var array = []; | |
| 506 | + $.each(u.roles, function () { | |
| 507 | + array.push(this.id); | |
| 508 | + }); | |
| 509 | + u.roles = array; | |
| 510 | + } | |
| 511 | + | |
| 512 | + function render_role_list(list) { | |
| 513 | + var htmlStr = template('authorize-role-list-temp1', {list: list}); | |
| 514 | + $('ul.role-list').html(htmlStr); | |
| 515 | + up_scroll(); | |
| 516 | + } | |
| 517 | + | |
| 518 | + | |
| 519 | + function render_user_list(list) { | |
| 520 | + var htmlStr = template('authorize-user-list-temp1', {list: list}); | |
| 521 | + $('ul.user-list').html(htmlStr); | |
| 522 | + up_scroll(); | |
| 523 | + } | |
| 524 | + | |
| 525 | + function reset_role_list(){ | |
| 526 | + var actives = $('ul.role-list>li.active'); | |
| 527 | + if(actives.length > 0){ | |
| 528 | + $('ul.role-list>li.active').removeClass('active'); | |
| 529 | + render_user_list(users); | |
| 530 | + $('.authorize_right_cont').empty(); | |
| 531 | + } | |
| 532 | + } | |
| 533 | + | |
| 534 | + function up_scroll() { | |
| 535 | + $('.ct_page .uk-card .ct-card-body').perfectScrollbar('update'); | |
| 536 | + } | |
| 537 | + | |
| 538 | + | |
| 539 | + | |
| 540 | + function get_role(id) { | |
| 541 | + for(var i=0,r;r=roles[i++];){ | |
| 542 | + if(r.id==id) | |
| 543 | + return r; | |
| 544 | + } | |
| 545 | + return null; | |
| 546 | + } | |
| 547 | + | |
| 548 | + function get_user(id) { | |
| 549 | + for(var i=0,u;u=users[i++];){ | |
| 550 | + if(u.id==id) | |
| 551 | + return u; | |
| 552 | + } | |
| 553 | + return null; | |
| 554 | + } | |
| 555 | + | |
| 556 | + $(document).on('submit', 'form', function () { | |
| 557 | + return false; | |
| 558 | + }); | |
| 559 | + | |
| 560 | + function convert_buss_data(rs) { | |
| 561 | + var baseCode; | |
| 562 | + //找到跟节点 | |
| 563 | + $.each(rs, function () { | |
| 564 | + if(this.upCode == 0){ | |
| 565 | + baseCode=this.businessCode; | |
| 566 | + return false; | |
| 567 | + } | |
| 568 | + }); | |
| 569 | + if(!baseCode){ | |
| 570 | + alert('大爷找不到根节点，数据有问题吧！！！'); | |
| 571 | + return; | |
| 572 | + } | |
| 573 | + //提取二级节点 | |
| 574 | + var secondMap={}; | |
| 575 | + $.each(rs, function () { | |
| 576 | + if(this.upCode==baseCode){ | |
| 577 | + secondMap[this.businessCode] = { | |
| 578 | + name: this.businessName, | |
| 579 | + childs: [] | |
| 580 | + }; | |
| 581 | + } | |
| 582 | + }); | |
| 583 | + //分公司节点 | |
| 584 | + $.each(rs, function () { | |
| 585 | + if(secondMap[this.upCode]) | |
| 586 | + secondMap[this.upCode].childs.push(this); | |
| 587 | + }); | |
| 588 | + | |
| 589 | + //排序 | |
| 590 | + for(var sid in secondMap){ | |
| 591 | + secondMap[sid].childs.sort(naturalSort); | |
| 592 | + } | |
| 593 | + | |
| 594 | + return secondMap; | |
| 595 | + } | |
| 596 | + | |
| 597 | + var naturalSort=function (a, b) { | |
| 598 | + return a.businessName.localeCompare(b.businessName); | |
| 599 | + }; | |
| 600 | + | |
| 601 | + var groupBy = function (list, field) { | |
| 602 | + var rs = {}, | |
| 603 | + key; | |
| 604 | + $.each(list, function () { | |
| 605 | + key = this[field]; | |
| 606 | + if (!rs[key]) | |
| 607 | + rs[key] = []; | |
| 608 | + | |
| 609 | + rs[key].push(this); | |
| 610 | + }); | |
| 611 | + | |
| 612 | + return rs; | |
| 613 | + }; | |
| 614 | +</script> | |
| 615 | +</body> | |
| 620 | 616 | </html> |
| 621 | 617 | \ No newline at end of file | ... | ... |
src/main/resources/static/pages/report/inoutstation/js/Blob.js
| 1 | -/* Blob.js | |
| 2 | - * A Blob implementation. | |
| 3 | - * 2014-07-24 | |
| 4 | - * | |
| 5 | - * By Eli Grey, http://eligrey.com | |
| 6 | - * By Devin Samarin, https://github.com/dsamarin | |
| 7 | - * License: X11/MIT | |
| 8 | - * See https://github.com/eligrey/Blob.js/blob/master/LICENSE.md | |
| 9 | - */ | |
| 10 | - | |
| 11 | -/*global self, unescape */ | |
| 12 | -/*jslint bitwise: true, regexp: true, confusion: true, es5: true, vars: true, white: true, | |
| 13 | - plusplus: true */ | |
| 14 | - | |
| 15 | -/*! @source http://purl.eligrey.com/github/Blob.js/blob/master/Blob.js */ | |
| 16 | - | |
| 17 | -(function (view) { | |
| 18 | - "use strict"; | |
| 19 | - | |
| 20 | - view.URL = view.URL || view.webkitURL; | |
| 21 | - | |
| 22 | - if (view.Blob && view.URL) { | |
| 23 | - try { | |
| 24 | - new Blob; | |
| 25 | - return; | |
| 26 | - } catch (e) {} | |
| 27 | - } | |
| 28 | - | |
| 29 | - // Internally we use a BlobBuilder implementation to base Blob off of | |
| 30 | - // in order to support older browsers that only have BlobBuilder | |
| 31 | - var BlobBuilder = view.BlobBuilder || view.WebKitBlobBuilder || view.MozBlobBuilder || (function(view) { | |
| 32 | - var | |
| 33 | - get_class = function(object) { | |
| 34 | - return Object.prototype.toString.call(object).match(/^\[object\s(.*)\]$/)[1]; | |
| 35 | - } | |
| 36 | - , FakeBlobBuilder = function BlobBuilder() { | |
| 37 | - this.data = []; | |
| 38 | - } | |
| 39 | - , FakeBlob = function Blob(data, type, encoding) { | |
| 40 | - this.data = data; | |
| 41 | - this.size = data.length; | |
| 42 | - this.type = type; | |
| 43 | - this.encoding = encoding; | |
| 44 | - } | |
| 45 | - , FBB_proto = FakeBlobBuilder.prototype | |
| 46 | - , FB_proto = FakeBlob.prototype | |
| 47 | - , FileReaderSync = view.FileReaderSync | |
| 48 | - , FileException = function(type) { | |
| 49 | - this.code = this[this.name = type]; | |
| 50 | - } | |
| 51 | - , file_ex_codes = ( | |
| 52 | - "NOT_FOUND_ERR SECURITY_ERR ABORT_ERR NOT_READABLE_ERR ENCODING_ERR " | |
| 53 | - + "NO_MODIFICATION_ALLOWED_ERR INVALID_STATE_ERR SYNTAX_ERR" | |
| 54 | - ).split(" ") | |
| 55 | - , file_ex_code = file_ex_codes.length | |
| 56 | - , real_URL = view.URL || view.webkitURL || view | |
| 57 | - , real_create_object_URL = real_URL.createObjectURL | |
| 58 | - , real_revoke_object_URL = real_URL.revokeObjectURL | |
| 59 | - , URL = real_URL | |
| 60 | - , btoa = view.btoa | |
| 61 | - , atob = view.atob | |
| 62 | - | |
| 63 | - , ArrayBuffer = view.ArrayBuffer | |
| 64 | - , Uint8Array = view.Uint8Array | |
| 65 | - | |
| 66 | - , origin = /^[\w-]+:\/*\[?[\w\.:-]+\]?(?::[0-9]+)?/ | |
| 67 | - ; | |
| 68 | - FakeBlob.fake = FB_proto.fake = true; | |
| 69 | - while (file_ex_code--) { | |
| 70 | - FileException.prototype[file_ex_codes[file_ex_code]] = file_ex_code + 1; | |
| 71 | - } | |
| 72 | - // Polyfill URL | |
| 73 | - if (!real_URL.createObjectURL) { | |
| 74 | - URL = view.URL = function(uri) { | |
| 75 | - var | |
| 76 | - uri_info = document.createElementNS("http://www.w3.org/1999/xhtml", "a") | |
| 77 | - , uri_origin | |
| 78 | - ; | |
| 79 | - uri_info.href = uri; | |
| 80 | - if (!("origin" in uri_info)) { | |
| 81 | - if (uri_info.protocol.toLowerCase() === "data:") { | |
| 82 | - uri_info.origin = null; | |
| 83 | - } else { | |
| 84 | - uri_origin = uri.match(origin); | |
| 85 | - uri_info.origin = uri_origin && uri_origin[1]; | |
| 86 | - } | |
| 87 | - } | |
| 88 | - return uri_info; | |
| 89 | - }; | |
| 90 | - } | |
| 91 | - URL.createObjectURL = function(blob) { | |
| 92 | - var | |
| 93 | - type = blob.type | |
| 94 | - , data_URI_header | |
| 95 | - ; | |
| 96 | - if (type === null) { | |
| 97 | - type = "application/octet-stream"; | |
| 98 | - } | |
| 99 | - if (blob instanceof FakeBlob) { | |
| 100 | - data_URI_header = "data:" + type; | |
| 101 | - if (blob.encoding === "base64") { | |
| 102 | - return data_URI_header + ";base64," + blob.data; | |
| 103 | - } else if (blob.encoding === "URI") { | |
| 104 | - return data_URI_header + "," + decodeURIComponent(blob.data); | |
| 105 | - } if (btoa) { | |
| 106 | - return data_URI_header + ";base64," + btoa(blob.data); | |
| 107 | - } else { | |
| 108 | - return data_URI_header + "," + encodeURIComponent(blob.data); | |
| 109 | - } | |
| 110 | - } else if (real_create_object_URL) { | |
| 111 | - return real_create_object_URL.call(real_URL, blob); | |
| 112 | - } | |
| 113 | - }; | |
| 114 | - URL.revokeObjectURL = function(object_URL) { | |
| 115 | - if (object_URL.substring(0, 5) !== "data:" && real_revoke_object_URL) { | |
| 116 | - real_revoke_object_URL.call(real_URL, object_URL); | |
| 117 | - } | |
| 118 | - }; | |
| 119 | - FBB_proto.append = function(data/*, endings*/) { | |
| 120 | - var bb = this.data; | |
| 121 | - // decode data to a binary string | |
| 122 | - if (Uint8Array && (data instanceof ArrayBuffer || data instanceof Uint8Array)) { | |
| 123 | - var | |
| 124 | - str = "" | |
| 125 | - , buf = new Uint8Array(data) | |
| 126 | - , i = 0 | |
| 127 | - , buf_len = buf.length | |
| 128 | - ; | |
| 129 | - for (; i < buf_len; i++) { | |
| 130 | - str += String.fromCharCode(buf[i]); | |
| 131 | - } | |
| 132 | - bb.push(str); | |
| 133 | - } else if (get_class(data) === "Blob" || get_class(data) === "File") { | |
| 134 | - if (FileReaderSync) { | |
| 135 | - var fr = new FileReaderSync; | |
| 136 | - bb.push(fr.readAsBinaryString(data)); | |
| 137 | - } else { | |
| 138 | - // async FileReader won't work as BlobBuilder is sync | |
| 139 | - throw new FileException("NOT_READABLE_ERR"); | |
| 140 | - } | |
| 141 | - } else if (data instanceof FakeBlob) { | |
| 142 | - if (data.encoding === "base64" && atob) { | |
| 143 | - bb.push(atob(data.data)); | |
| 144 | - } else if (data.encoding === "URI") { | |
| 145 | - bb.push(decodeURIComponent(data.data)); | |
| 146 | - } else if (data.encoding === "raw") { | |
| 147 | - bb.push(data.data); | |
| 148 | - } | |
| 149 | - } else { | |
| 150 | - if (typeof data !== "string") { | |
| 151 | - data += ""; // convert unsupported types to strings | |
| 152 | - } | |
| 153 | - // decode UTF-16 to binary string | |
| 154 | - bb.push(unescape(encodeURIComponent(data))); | |
| 155 | - } | |
| 156 | - }; | |
| 157 | - FBB_proto.getBlob = function(type) { | |
| 158 | - if (!arguments.length) { | |
| 159 | - type = null; | |
| 160 | - } | |
| 161 | - return new FakeBlob(this.data.join(""), type, "raw"); | |
| 162 | - }; | |
| 163 | - FBB_proto.toString = function() { | |
| 164 | - return "[object BlobBuilder]"; | |
| 165 | - }; | |
| 166 | - FB_proto.slice = function(start, end, type) { | |
| 167 | - var args = arguments.length; | |
| 168 | - if (args < 3) { | |
| 169 | - type = null; | |
| 170 | - } | |
| 171 | - return new FakeBlob( | |
| 172 | - this.data.slice(start, args > 1 ? end : this.data.length) | |
| 173 | - , type | |
| 174 | - , this.encoding | |
| 175 | - ); | |
| 176 | - }; | |
| 177 | - FB_proto.toString = function() { | |
| 178 | - return "[object Blob]"; | |
| 179 | - }; | |
| 180 | - FB_proto.close = function() { | |
| 181 | - this.size = 0; | |
| 182 | - delete this.data; | |
| 183 | - }; | |
| 184 | - return FakeBlobBuilder; | |
| 185 | - }(view)); | |
| 186 | - | |
| 187 | - view.Blob = function(blobParts, options) { | |
| 188 | - var type = options ? (options.type || "") : ""; | |
| 189 | - var builder = new BlobBuilder(); | |
| 190 | - if (blobParts) { | |
| 191 | - for (var i = 0, len = blobParts.length; i < len; i++) { | |
| 192 | - builder.append(blobParts[i]); | |
| 193 | - } | |
| 194 | - } | |
| 195 | - return builder.getBlob(type); | |
| 196 | - }; | |
| 197 | -}(typeof self !== "undefined" && self || typeof window !== "undefined" && window || this.content || this)); | |
| 1 | +/* Blob.js | |
| 2 | + * A Blob implementation. | |
| 3 | + * 2014-07-24 | |
| 4 | + * | |
| 5 | + * By Eli Grey, http://eligrey.com | |
| 6 | + * By Devin Samarin, https://github.com/dsamarin | |
| 7 | + * License: X11/MIT | |
| 8 | + * See https://github.com/eligrey/Blob.js/blob/master/LICENSE.md | |
| 9 | + */ | |
| 10 | + | |
| 11 | +/*global self, unescape */ | |
| 12 | +/*jslint bitwise: true, regexp: true, confusion: true, es5: true, vars: true, white: true, | |
| 13 | + plusplus: true */ | |
| 14 | + | |
| 15 | +/*! @source http://purl.eligrey.com/github/Blob.js/blob/master/Blob.js */ | |
| 16 | + | |
| 17 | +(function (view) { | |
| 18 | + "use strict"; | |
| 19 | + | |
| 20 | + view.URL = view.URL || view.webkitURL; | |
| 21 | + | |
| 22 | + if (view.Blob && view.URL) { | |
| 23 | + try { | |
| 24 | + new Blob; | |
| 25 | + return; | |
| 26 | + } catch (e) {} | |
| 27 | + } | |
| 28 | + | |
| 29 | + // Internally we use a BlobBuilder implementation to base Blob off of | |
| 30 | + // in order to support older browsers that only have BlobBuilder | |
| 31 | + var BlobBuilder = view.BlobBuilder || view.WebKitBlobBuilder || view.MozBlobBuilder || (function(view) { | |
| 32 | + var | |
| 33 | + get_class = function(object) { | |
| 34 | + return Object.prototype.toString.call(object).match(/^\[object\s(.*)\]$/)[1]; | |
| 35 | + } | |
| 36 | + , FakeBlobBuilder = function BlobBuilder() { | |
| 37 | + this.data = []; | |
| 38 | + } | |
| 39 | + , FakeBlob = function Blob(data, type, encoding) { | |
| 40 | + this.data = data; | |
| 41 | + this.size = data.length; | |
| 42 | + this.type = type; | |
| 43 | + this.encoding = encoding; | |
| 44 | + } | |
| 45 | + , FBB_proto = FakeBlobBuilder.prototype | |
| 46 | + , FB_proto = FakeBlob.prototype | |
| 47 | + , FileReaderSync = view.FileReaderSync | |
| 48 | + , FileException = function(type) { | |
| 49 | + this.code = this[this.name = type]; | |
| 50 | + } | |
| 51 | + , file_ex_codes = ( | |
| 52 | + "NOT_FOUND_ERR SECURITY_ERR ABORT_ERR NOT_READABLE_ERR ENCODING_ERR " | |
| 53 | + + "NO_MODIFICATION_ALLOWED_ERR INVALID_STATE_ERR SYNTAX_ERR" | |
| 54 | + ).split(" ") | |
| 55 | + , file_ex_code = file_ex_codes.length | |
| 56 | + , real_URL = view.URL || view.webkitURL || view | |
| 57 | + , real_create_object_URL = real_URL.createObjectURL | |
| 58 | + , real_revoke_object_URL = real_URL.revokeObjectURL | |
| 59 | + , URL = real_URL | |
| 60 | + , btoa = view.btoa | |
| 61 | + , atob = view.atob | |
| 62 | + | |
| 63 | + , ArrayBuffer = view.ArrayBuffer | |
| 64 | + , Uint8Array = view.Uint8Array | |
| 65 | + | |
| 66 | + , origin = /^[\w-]+:\/*\[?[\w\.:-]+\]?(?::[0-9]+)?/ | |
| 67 | + ; | |
| 68 | + FakeBlob.fake = FB_proto.fake = true; | |
| 69 | + while (file_ex_code--) { | |
| 70 | + FileException.prototype[file_ex_codes[file_ex_code]] = file_ex_code + 1; | |
| 71 | + } | |
| 72 | + // Polyfill URL | |
| 73 | + if (!real_URL.createObjectURL) { | |
| 74 | + URL = view.URL = function(uri) { | |
| 75 | + var | |
| 76 | + uri_info = document.createElementNS("http://www.w3.org/1999/xhtml", "a") | |
| 77 | + , uri_origin | |
| 78 | + ; | |
| 79 | + uri_info.href = uri; | |
| 80 | + if (!("origin" in uri_info)) { | |
| 81 | + if (uri_info.protocol.toLowerCase() === "data:") { | |
| 82 | + uri_info.origin = null; | |
| 83 | + } else { | |
| 84 | + uri_origin = uri.match(origin); | |
| 85 | + uri_info.origin = uri_origin && uri_origin[1]; | |
| 86 | + } | |
| 87 | + } | |
| 88 | + return uri_info; | |
| 89 | + }; | |
| 90 | + } | |
| 91 | + URL.createObjectURL = function(blob) { | |
| 92 | + var | |
| 93 | + type = blob.type | |
| 94 | + , data_URI_header | |
| 95 | + ; | |
| 96 | + if (type === null) { | |
| 97 | + type = "application/octet-stream"; | |
| 98 | + } | |
| 99 | + if (blob instanceof FakeBlob) { | |
| 100 | + data_URI_header = "data:" + type; | |
| 101 | + if (blob.encoding === "base64") { | |
| 102 | + return data_URI_header + ";base64," + blob.data; | |
| 103 | + } else if (blob.encoding === "URI") { | |
| 104 | + return data_URI_header + "," + decodeURIComponent(blob.data); | |
| 105 | + } if (btoa) { | |
| 106 | + return data_URI_header + ";base64," + btoa(blob.data); | |
| 107 | + } else { | |
| 108 | + return data_URI_header + "," + encodeURIComponent(blob.data); | |
| 109 | + } | |
| 110 | + } else if (real_create_object_URL) { | |
| 111 | + return real_create_object_URL.call(real_URL, blob); | |
| 112 | + } | |
| 113 | + }; | |
| 114 | + URL.revokeObjectURL = function(object_URL) { | |
| 115 | + if (object_URL.substring(0, 5) !== "data:" && real_revoke_object_URL) { | |
| 116 | + real_revoke_object_URL.call(real_URL, object_URL); | |
| 117 | + } | |
| 118 | + }; | |
| 119 | + FBB_proto.append = function(data/*, endings*/) { | |
| 120 | + var bb = this.data; | |
| 121 | + // decode data to a binary string | |
| 122 | + if (Uint8Array && (data instanceof ArrayBuffer || data instanceof Uint8Array)) { | |
| 123 | + var | |
| 124 | + str = "" | |
| 125 | + , buf = new Uint8Array(data) | |
| 126 | + , i = 0 | |
| 127 | + , buf_len = buf.length | |
| 128 | + ; | |
| 129 | + for (; i < buf_len; i++) { | |
| 130 | + str += String.fromCharCode(buf[i]); | |
| 131 | + } | |
| 132 | + bb.push(str); | |
| 133 | + } else if (get_class(data) === "Blob" || get_class(data) === "File") { | |
| 134 | + if (FileReaderSync) { | |
| 135 | + var fr = new FileReaderSync; | |
| 136 | + bb.push(fr.readAsBinaryString(data)); | |
| 137 | + } else { | |
| 138 | + // async FileReader won't work as BlobBuilder is sync | |
| 139 | + throw new FileException("NOT_READABLE_ERR"); | |
| 140 | + } | |
| 141 | + } else if (data instanceof FakeBlob) { | |
| 142 | + if (data.encoding === "base64" && atob) { | |
| 143 | + bb.push(atob(data.data)); | |
| 144 | + } else if (data.encoding === "URI") { | |
| 145 | + bb.push(decodeURIComponent(data.data)); | |
| 146 | + } else if (data.encoding === "raw") { | |
| 147 | + bb.push(data.data); | |
| 148 | + } | |
| 149 | + } else { | |
| 150 | + if (typeof data !== "string") { | |
| 151 | + data += ""; // convert unsupported types to strings | |
| 152 | + } | |
| 153 | + // decode UTF-16 to binary string | |
| 154 | + bb.push(unescape(encodeURIComponent(data))); | |
| 155 | + } | |
| 156 | + }; | |
| 157 | + FBB_proto.getBlob = function(type) { | |
| 158 | + if (!arguments.length) { | |
| 159 | + type = null; | |
| 160 | + } | |
| 161 | + return new FakeBlob(this.data.join(""), type, "raw"); | |
| 162 | + }; | |
| 163 | + FBB_proto.toString = function() { | |
| 164 | + return "[object BlobBuilder]"; | |
| 165 | + }; | |
| 166 | + FB_proto.slice = function(start, end, type) { | |
| 167 | + var args = arguments.length; | |
| 168 | + if (args < 3) { | |
| 169 | + type = null; | |
| 170 | + } | |
| 171 | + return new FakeBlob( | |
| 172 | + this.data.slice(start, args > 1 ? end : this.data.length) | |
| 173 | + , type | |
| 174 | + , this.encoding | |
| 175 | + ); | |
| 176 | + }; | |
| 177 | + FB_proto.toString = function() { | |
| 178 | + return "[object Blob]"; | |
| 179 | + }; | |
| 180 | + FB_proto.close = function() { | |
| 181 | + this.size = 0; | |
| 182 | + delete this.data; | |
| 183 | + }; | |
| 184 | + return FakeBlobBuilder; | |
| 185 | + }(view)); | |
| 186 | + | |
| 187 | + view.Blob = function(blobParts, options) { | |
| 188 | + var type = options ? (options.type || "") : ""; | |
| 189 | + var builder = new BlobBuilder(); | |
| 190 | + if (blobParts) { | |
| 191 | + for (var i = 0, len = blobParts.length; i < len; i++) { | |
| 192 | + builder.append(blobParts[i]); | |
| 193 | + } | |
| 194 | + } | |
| 195 | + return builder.getBlob(type); | |
| 196 | + }; | |
| 197 | +}(typeof self !== "undefined" && self || typeof window !== "undefined" && window || this.content || this)); | ... | ... |
src/main/resources/static/pages/report/inoutstation/js/FileSaver.js
| 1 | -/* FileSaver.js | |
| 2 | - * A saveAs() FileSaver implementation. | |
| 3 | - * 2014-08-29 | |
| 4 | - * | |
| 5 | - * By Eli Grey, http://eligrey.com | |
| 6 | - * License: X11/MIT | |
| 7 | - * See https://github.com/eligrey/FileSaver.js/blob/master/LICENSE.md | |
| 8 | - */ | |
| 9 | - | |
| 10 | -/*global self */ | |
| 11 | -/*jslint bitwise: true, indent: 4, laxbreak: true, laxcomma: true, smarttabs: true, plusplus: true */ | |
| 12 | - | |
| 13 | -/*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */ | |
| 14 | - | |
| 15 | -var saveAs = saveAs | |
| 16 | - // IE 10+ (native saveAs) | |
| 17 | - || (typeof navigator !== "undefined" && | |
| 18 | - navigator.msSaveOrOpenBlob && navigator.msSaveOrOpenBlob.bind(navigator)) | |
| 19 | - // Everyone else | |
| 20 | - || (function(view) { | |
| 21 | - "use strict"; | |
| 22 | - // IE <10 is explicitly unsupported | |
| 23 | - if (typeof navigator !== "undefined" && | |
| 24 | - /MSIE [1-9]\./.test(navigator.userAgent)) { | |
| 25 | - return; | |
| 26 | - } | |
| 27 | - var | |
| 28 | - doc = view.document | |
| 29 | - // only get URL when necessary in case Blob.js hasn't overridden it yet | |
| 30 | - , get_URL = function() { | |
| 31 | - return view.URL || view.webkitURL || view; | |
| 32 | - } | |
| 33 | - , save_link = doc.createElementNS("http://www.w3.org/1999/xhtml", "a") | |
| 34 | - , can_use_save_link = "download" in save_link | |
| 35 | - , click = function(node) { | |
| 36 | - var event = doc.createEvent("MouseEvents"); | |
| 37 | - event.initMouseEvent( | |
| 38 | - "click", true, false, view, 0, 0, 0, 0, 0 | |
| 39 | - , false, false, false, false, 0, null | |
| 40 | - ); | |
| 41 | - node.dispatchEvent(event); | |
| 42 | - } | |
| 43 | - , webkit_req_fs = view.webkitRequestFileSystem | |
| 44 | - , req_fs = view.requestFileSystem || webkit_req_fs || view.mozRequestFileSystem | |
| 45 | - , throw_outside = function(ex) { | |
| 46 | - (view.setImmediate || view.setTimeout)(function() { | |
| 47 | - throw ex; | |
| 48 | - }, 0); | |
| 49 | - } | |
| 50 | - , force_saveable_type = "application/octet-stream" | |
| 51 | - , fs_min_size = 0 | |
| 52 | - // See https://code.google.com/p/chromium/issues/detail?id=375297#c7 for | |
| 53 | - // the reasoning behind the timeout and revocation flow | |
| 54 | - , arbitrary_revoke_timeout = 10 | |
| 55 | - , revoke = function(file) { | |
| 56 | - var revoker = function() { | |
| 57 | - if (typeof file === "string") { // file is an object URL | |
| 58 | - get_URL().revokeObjectURL(file); | |
| 59 | - } else { // file is a File | |
| 60 | - file.remove(); | |
| 61 | - } | |
| 62 | - }; | |
| 63 | - if (view.chrome) { | |
| 64 | - revoker(); | |
| 65 | - } else { | |
| 66 | - setTimeout(revoker, arbitrary_revoke_timeout); | |
| 67 | - } | |
| 68 | - } | |
| 69 | - , dispatch = function(filesaver, event_types, event) { | |
| 70 | - event_types = [].concat(event_types); | |
| 71 | - var i = event_types.length; | |
| 72 | - while (i--) { | |
| 73 | - var listener = filesaver["on" + event_types[i]]; | |
| 74 | - if (typeof listener === "function") { | |
| 75 | - try { | |
| 76 | - listener.call(filesaver, event || filesaver); | |
| 77 | - } catch (ex) { | |
| 78 | - throw_outside(ex); | |
| 79 | - } | |
| 80 | - } | |
| 81 | - } | |
| 82 | - } | |
| 83 | - , FileSaver = function(blob, name) { | |
| 84 | - // First try a.download, then web filesystem, then object URLs | |
| 85 | - var | |
| 86 | - filesaver = this | |
| 87 | - , type = blob.type | |
| 88 | - , blob_changed = false | |
| 89 | - , object_url | |
| 90 | - , target_view | |
| 91 | - , dispatch_all = function() { | |
| 92 | - dispatch(filesaver, "writestart progress write writeend".split(" ")); | |
| 93 | - } | |
| 94 | - // on any filesys errors revert to saving with object URLs | |
| 95 | - , fs_error = function() { | |
| 96 | - // don't create more object URLs than needed | |
| 97 | - if (blob_changed || !object_url) { | |
| 98 | - object_url = get_URL().createObjectURL(blob); | |
| 99 | - } | |
| 100 | - if (target_view) { | |
| 101 | - target_view.location.href = object_url; | |
| 102 | - } else { | |
| 103 | - var new_tab = view.open(object_url, "_blank"); | |
| 104 | - if (new_tab == undefined && typeof safari !== "undefined") { | |
| 105 | - //Apple do not allow window.open, see http://bit.ly/1kZffRI | |
| 106 | - view.location.href = object_url | |
| 107 | - } | |
| 108 | - } | |
| 109 | - filesaver.readyState = filesaver.DONE; | |
| 110 | - dispatch_all(); | |
| 111 | - revoke(object_url); | |
| 112 | - } | |
| 113 | - , abortable = function(func) { | |
| 114 | - return function() { | |
| 115 | - if (filesaver.readyState !== filesaver.DONE) { | |
| 116 | - return func.apply(this, arguments); | |
| 117 | - } | |
| 118 | - }; | |
| 119 | - } | |
| 120 | - , create_if_not_found = {create: true, exclusive: false} | |
| 121 | - , slice | |
| 122 | - ; | |
| 123 | - filesaver.readyState = filesaver.INIT; | |
| 124 | - if (!name) { | |
| 125 | - name = "download"; | |
| 126 | - } | |
| 127 | - if (can_use_save_link) { | |
| 128 | - object_url = get_URL().createObjectURL(blob); | |
| 129 | - save_link.href = object_url; | |
| 130 | - save_link.download = name; | |
| 131 | - click(save_link); | |
| 132 | - filesaver.readyState = filesaver.DONE; | |
| 133 | - dispatch_all(); | |
| 134 | - revoke(object_url); | |
| 135 | - return; | |
| 136 | - } | |
| 137 | - // Object and web filesystem URLs have a problem saving in Google Chrome when | |
| 138 | - // viewed in a tab, so I force save with application/octet-stream | |
| 139 | - // http://code.google.com/p/chromium/issues/detail?id=91158 | |
| 140 | - // Update: Google errantly closed 91158, I submitted it again: | |
| 141 | - // https://code.google.com/p/chromium/issues/detail?id=389642 | |
| 142 | - if (view.chrome && type && type !== force_saveable_type) { | |
| 143 | - slice = blob.slice || blob.webkitSlice; | |
| 144 | - blob = slice.call(blob, 0, blob.size, force_saveable_type); | |
| 145 | - blob_changed = true; | |
| 146 | - } | |
| 147 | - // Since I can't be sure that the guessed media type will trigger a download | |
| 148 | - // in WebKit, I append .download to the filename. | |
| 149 | - // https://bugs.webkit.org/show_bug.cgi?id=65440 | |
| 150 | - if (webkit_req_fs && name !== "download") { | |
| 151 | - name += ".download"; | |
| 152 | - } | |
| 153 | - if (type === force_saveable_type || webkit_req_fs) { | |
| 154 | - target_view = view; | |
| 155 | - } | |
| 156 | - if (!req_fs) { | |
| 157 | - fs_error(); | |
| 158 | - return; | |
| 159 | - } | |
| 160 | - fs_min_size += blob.size; | |
| 161 | - req_fs(view.TEMPORARY, fs_min_size, abortable(function(fs) { | |
| 162 | - fs.root.getDirectory("saved", create_if_not_found, abortable(function(dir) { | |
| 163 | - var save = function() { | |
| 164 | - dir.getFile(name, create_if_not_found, abortable(function(file) { | |
| 165 | - file.createWriter(abortable(function(writer) { | |
| 166 | - writer.onwriteend = function(event) { | |
| 167 | - target_view.location.href = file.toURL(); | |
| 168 | - filesaver.readyState = filesaver.DONE; | |
| 169 | - dispatch(filesaver, "writeend", event); | |
| 170 | - revoke(file); | |
| 171 | - }; | |
| 172 | - writer.onerror = function() { | |
| 173 | - var error = writer.error; | |
| 174 | - if (error.code !== error.ABORT_ERR) { | |
| 175 | - fs_error(); | |
| 176 | - } | |
| 177 | - }; | |
| 178 | - "writestart progress write abort".split(" ").forEach(function(event) { | |
| 179 | - writer["on" + event] = filesaver["on" + event]; | |
| 180 | - }); | |
| 181 | - writer.write(blob); | |
| 182 | - filesaver.abort = function() { | |
| 183 | - writer.abort(); | |
| 184 | - filesaver.readyState = filesaver.DONE; | |
| 185 | - }; | |
| 186 | - filesaver.readyState = filesaver.WRITING; | |
| 187 | - }), fs_error); | |
| 188 | - }), fs_error); | |
| 189 | - }; | |
| 190 | - dir.getFile(name, {create: false}, abortable(function(file) { | |
| 191 | - // delete file if it already exists | |
| 192 | - file.remove(); | |
| 193 | - save(); | |
| 194 | - }), abortable(function(ex) { | |
| 195 | - if (ex.code === ex.NOT_FOUND_ERR) { | |
| 196 | - save(); | |
| 197 | - } else { | |
| 198 | - fs_error(); | |
| 199 | - } | |
| 200 | - })); | |
| 201 | - }), fs_error); | |
| 202 | - }), fs_error); | |
| 203 | - } | |
| 204 | - , FS_proto = FileSaver.prototype | |
| 205 | - , saveAs = function(blob, name) { | |
| 206 | - return new FileSaver(blob, name); | |
| 207 | - } | |
| 208 | - ; | |
| 209 | - FS_proto.abort = function() { | |
| 210 | - var filesaver = this; | |
| 211 | - filesaver.readyState = filesaver.DONE; | |
| 212 | - dispatch(filesaver, "abort"); | |
| 213 | - }; | |
| 214 | - FS_proto.readyState = FS_proto.INIT = 0; | |
| 215 | - FS_proto.WRITING = 1; | |
| 216 | - FS_proto.DONE = 2; | |
| 217 | - | |
| 218 | - FS_proto.error = | |
| 219 | - FS_proto.onwritestart = | |
| 220 | - FS_proto.onprogress = | |
| 221 | - FS_proto.onwrite = | |
| 222 | - FS_proto.onabort = | |
| 223 | - FS_proto.onerror = | |
| 224 | - FS_proto.onwriteend = | |
| 225 | - null; | |
| 226 | - | |
| 227 | - return saveAs; | |
| 228 | -}( | |
| 229 | - typeof self !== "undefined" && self | |
| 230 | - || typeof window !== "undefined" && window | |
| 231 | - || this.content | |
| 232 | -)); | |
| 233 | -// `self` is undefined in Firefox for Android content script context | |
| 234 | -// while `this` is nsIContentFrameMessageManager | |
| 235 | -// with an attribute `content` that corresponds to the window | |
| 236 | - | |
| 237 | -if (typeof module !== "undefined" && module !== null) { | |
| 238 | - module.exports = saveAs; | |
| 239 | -} else if ((typeof define !== "undefined" && define !== null) && (define.amd != null)) { | |
| 240 | - define([], function() { | |
| 241 | - return saveAs; | |
| 242 | - }); | |
| 243 | -} | |
| 1 | +/* FileSaver.js | |
| 2 | + * A saveAs() FileSaver implementation. | |
| 3 | + * 2014-08-29 | |
| 4 | + * | |
| 5 | + * By Eli Grey, http://eligrey.com | |
| 6 | + * License: X11/MIT | |
| 7 | + * See https://github.com/eligrey/FileSaver.js/blob/master/LICENSE.md | |
| 8 | + */ | |
| 9 | + | |
| 10 | +/*global self */ | |
| 11 | +/*jslint bitwise: true, indent: 4, laxbreak: true, laxcomma: true, smarttabs: true, plusplus: true */ | |
| 12 | + | |
| 13 | +/*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */ | |
| 14 | + | |
| 15 | +var saveAs = saveAs | |
| 16 | + // IE 10+ (native saveAs) | |
| 17 | + || (typeof navigator !== "undefined" && | |
| 18 | + navigator.msSaveOrOpenBlob && navigator.msSaveOrOpenBlob.bind(navigator)) | |
| 19 | + // Everyone else | |
| 20 | + || (function(view) { | |
| 21 | + "use strict"; | |
| 22 | + // IE <10 is explicitly unsupported | |
| 23 | + if (typeof navigator !== "undefined" && | |
| 24 | + /MSIE [1-9]\./.test(navigator.userAgent)) { | |
| 25 | + return; | |
| 26 | + } | |
| 27 | + var | |
| 28 | + doc = view.document | |
| 29 | + // only get URL when necessary in case Blob.js hasn't overridden it yet | |
| 30 | + , get_URL = function() { | |
| 31 | + return view.URL || view.webkitURL || view; | |
| 32 | + } | |
| 33 | + , save_link = doc.createElementNS("http://www.w3.org/1999/xhtml", "a") | |
| 34 | + , can_use_save_link = "download" in save_link | |
| 35 | + , click = function(node) { | |
| 36 | + var event = doc.createEvent("MouseEvents"); | |
| 37 | + event.initMouseEvent( | |
| 38 | + "click", true, false, view, 0, 0, 0, 0, 0 | |
| 39 | + , false, false, false, false, 0, null | |
| 40 | + ); | |
| 41 | + node.dispatchEvent(event); | |
| 42 | + } | |
| 43 | + , webkit_req_fs = view.webkitRequestFileSystem | |
| 44 | + , req_fs = view.requestFileSystem || webkit_req_fs || view.mozRequestFileSystem | |
| 45 | + , throw_outside = function(ex) { | |
| 46 | + (view.setImmediate || view.setTimeout)(function() { | |
| 47 | + throw ex; | |
| 48 | + }, 0); | |
| 49 | + } | |
| 50 | + , force_saveable_type = "application/octet-stream" | |
| 51 | + , fs_min_size = 0 | |
| 52 | + // See https://code.google.com/p/chromium/issues/detail?id=375297#c7 for | |
| 53 | + // the reasoning behind the timeout and revocation flow | |
| 54 | + , arbitrary_revoke_timeout = 10 | |
| 55 | + , revoke = function(file) { | |
| 56 | + var revoker = function() { | |
| 57 | + if (typeof file === "string") { // file is an object URL | |
| 58 | + get_URL().revokeObjectURL(file); | |
| 59 | + } else { // file is a File | |
| 60 | + file.remove(); | |
| 61 | + } | |
| 62 | + }; | |
| 63 | + if (view.chrome) { | |
| 64 | + revoker(); | |
| 65 | + } else { | |
| 66 | + setTimeout(revoker, arbitrary_revoke_timeout); | |
| 67 | + } | |
| 68 | + } | |
| 69 | + , dispatch = function(filesaver, event_types, event) { | |
| 70 | + event_types = [].concat(event_types); | |
| 71 | + var i = event_types.length; | |
| 72 | + while (i--) { | |
| 73 | + var listener = filesaver["on" + event_types[i]]; | |
| 74 | + if (typeof listener === "function") { | |
| 75 | + try { | |
| 76 | + listener.call(filesaver, event || filesaver); | |
| 77 | + } catch (ex) { | |
| 78 | + throw_outside(ex); | |
| 79 | + } | |
| 80 | + } | |
| 81 | + } | |
| 82 | + } | |
| 83 | + , FileSaver = function(blob, name) { | |
| 84 | + // First try a.download, then web filesystem, then object URLs | |
| 85 | + var | |
| 86 | + filesaver = this | |
| 87 | + , type = blob.type | |
| 88 | + , blob_changed = false | |
| 89 | + , object_url | |
| 90 | + , target_view | |
| 91 | + , dispatch_all = function() { | |
| 92 | + dispatch(filesaver, "writestart progress write writeend".split(" ")); | |
| 93 | + } | |
| 94 | + // on any filesys errors revert to saving with object URLs | |
| 95 | + , fs_error = function() { | |
| 96 | + // don't create more object URLs than needed | |
| 97 | + if (blob_changed || !object_url) { | |
| 98 | + object_url = get_URL().createObjectURL(blob); | |
| 99 | + } | |
| 100 | + if (target_view) { | |
| 101 | + target_view.location.href = object_url; | |
| 102 | + } else { | |
| 103 | + var new_tab = view.open(object_url, "_blank"); | |
| 104 | + if (new_tab == undefined && typeof safari !== "undefined") { | |
| 105 | + //Apple do not allow window.open, see http://bit.ly/1kZffRI | |
| 106 | + view.location.href = object_url | |
| 107 | + } | |
| 108 | + } | |
| 109 | + filesaver.readyState = filesaver.DONE; | |
| 110 | + dispatch_all(); | |
| 111 | + revoke(object_url); | |
| 112 | + } | |
| 113 | + , abortable = function(func) { | |
| 114 | + return function() { | |
| 115 | + if (filesaver.readyState !== filesaver.DONE) { | |
| 116 | + return func.apply(this, arguments); | |
| 117 | + } | |
| 118 | + }; | |
| 119 | + } | |
| 120 | + , create_if_not_found = {create: true, exclusive: false} | |
| 121 | + , slice | |
| 122 | + ; | |
| 123 | + filesaver.readyState = filesaver.INIT; | |
| 124 | + if (!name) { | |
| 125 | + name = "download"; | |
| 126 | + } | |
| 127 | + if (can_use_save_link) { | |
| 128 | + object_url = get_URL().createObjectURL(blob); | |
| 129 | + save_link.href = object_url; | |
| 130 | + save_link.download = name; | |
| 131 | + click(save_link); | |
| 132 | + filesaver.readyState = filesaver.DONE; | |
| 133 | + dispatch_all(); | |
| 134 | + revoke(object_url); | |
| 135 | + return; | |
| 136 | + } | |
| 137 | + // Object and web filesystem URLs have a problem saving in Google Chrome when | |
| 138 | + // viewed in a tab, so I force save with application/octet-stream | |
| 139 | + // http://code.google.com/p/chromium/issues/detail?id=91158 | |
| 140 | + // Update: Google errantly closed 91158, I submitted it again: | |
| 141 | + // https://code.google.com/p/chromium/issues/detail?id=389642 | |
| 142 | + if (view.chrome && type && type !== force_saveable_type) { | |
| 143 | + slice = blob.slice || blob.webkitSlice; | |
| 144 | + blob = slice.call(blob, 0, blob.size, force_saveable_type); | |
| 145 | + blob_changed = true; | |
| 146 | + } | |
| 147 | + // Since I can't be sure that the guessed media type will trigger a download | |
| 148 | + // in WebKit, I append .download to the filename. | |
| 149 | + // https://bugs.webkit.org/show_bug.cgi?id=65440 | |
| 150 | + if (webkit_req_fs && name !== "download") { | |
| 151 | + name += ".download"; | |
| 152 | + } | |
| 153 | + if (type === force_saveable_type || webkit_req_fs) { | |
| 154 | + target_view = view; | |
| 155 | + } | |
| 156 | + if (!req_fs) { | |
| 157 | + fs_error(); | |
| 158 | + return; | |
| 159 | + } | |
| 160 | + fs_min_size += blob.size; | |
| 161 | + req_fs(view.TEMPORARY, fs_min_size, abortable(function(fs) { | |
| 162 | + fs.root.getDirectory("saved", create_if_not_found, abortable(function(dir) { | |
| 163 | + var save = function() { | |
| 164 | + dir.getFile(name, create_if_not_found, abortable(function(file) { | |
| 165 | + file.createWriter(abortable(function(writer) { | |
| 166 | + writer.onwriteend = function(event) { | |
| 167 | + target_view.location.href = file.toURL(); | |
| 168 | + filesaver.readyState = filesaver.DONE; | |
| 169 | + dispatch(filesaver, "writeend", event); | |
| 170 | + revoke(file); | |
| 171 | + }; | |
| 172 | + writer.onerror = function() { | |
| 173 | + var error = writer.error; | |
| 174 | + if (error.code !== error.ABORT_ERR) { | |
| 175 | + fs_error(); | |
| 176 | + } | |
| 177 | + }; | |
| 178 | + "writestart progress write abort".split(" ").forEach(function(event) { | |
| 179 | + writer["on" + event] = filesaver["on" + event]; | |
| 180 | + }); | |
| 181 | + writer.write(blob); | |
| 182 | + filesaver.abort = function() { | |
| 183 | + writer.abort(); | |
| 184 | + filesaver.readyState = filesaver.DONE; | |
| 185 | + }; | |
| 186 | + filesaver.readyState = filesaver.WRITING; | |
| 187 | + }), fs_error); | |
| 188 | + }), fs_error); | |
| 189 | + }; | |
| 190 | + dir.getFile(name, {create: false}, abortable(function(file) { | |
| 191 | + // delete file if it already exists | |
| 192 | + file.remove(); | |
| 193 | + save(); | |
| 194 | + }), abortable(function(ex) { | |
| 195 | + if (ex.code === ex.NOT_FOUND_ERR) { | |
| 196 | + save(); | |
| 197 | + } else { | |
| 198 | + fs_error(); | |
| 199 | + } | |
| 200 | + })); | |
| 201 | + }), fs_error); | |
| 202 | + }), fs_error); | |
| 203 | + } | |
| 204 | + , FS_proto = FileSaver.prototype | |
| 205 | + , saveAs = function(blob, name) { | |
| 206 | + return new FileSaver(blob, name); | |
| 207 | + } | |
| 208 | + ; | |
| 209 | + FS_proto.abort = function() { | |
| 210 | + var filesaver = this; | |
| 211 | + filesaver.readyState = filesaver.DONE; | |
| 212 | + dispatch(filesaver, "abort"); | |
| 213 | + }; | |
| 214 | + FS_proto.readyState = FS_proto.INIT = 0; | |
| 215 | + FS_proto.WRITING = 1; | |
| 216 | + FS_proto.DONE = 2; | |
| 217 | + | |
| 218 | + FS_proto.error = | |
| 219 | + FS_proto.onwritestart = | |
| 220 | + FS_proto.onprogress = | |
| 221 | + FS_proto.onwrite = | |
| 222 | + FS_proto.onabort = | |
| 223 | + FS_proto.onerror = | |
| 224 | + FS_proto.onwriteend = | |
| 225 | + null; | |
| 226 | + | |
| 227 | + return saveAs; | |
| 228 | +}( | |
| 229 | + typeof self !== "undefined" && self | |
| 230 | + || typeof window !== "undefined" && window | |
| 231 | + || this.content | |
| 232 | +)); | |
| 233 | +// `self` is undefined in Firefox for Android content script context | |
| 234 | +// while `this` is nsIContentFrameMessageManager | |
| 235 | +// with an attribute `content` that corresponds to the window | |
| 236 | + | |
| 237 | +if (typeof module !== "undefined" && module !== null) { | |
| 238 | + module.exports = saveAs; | |
| 239 | +} else if ((typeof define !== "undefined" && define !== null) && (define.amd != null)) { | |
| 240 | + define([], function() { | |
| 241 | + return saveAs; | |
| 242 | + }); | |
| 243 | +} | ... | ... |
src/main/resources/static/pages/report/inoutstation/js/tableExport.js
| 1 | - | |
| 2 | - | |
| 3 | -(function(view){ | |
| 4 | - "use strict"; | |
| 5 | - var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/='; | |
| 6 | - var fromCharCode = String.fromCharCode; | |
| 7 | - var INVALID_CHARACTER_ERR = ( function() { | |
| 8 | - // fabricate a suitable error object | |
| 9 | - try { | |
| 10 | - document.createElement('$'); | |
| 11 | - } catch (error) { | |
| 12 | - return error; | |
| 13 | - } | |
| 14 | - }()); | |
| 15 | - | |
| 16 | - // encoder | |
| 17 | - var btoa = function(string) { | |
| 18 | - var a, b, b1, b2, b3, b4, c, i = 0, len = string.length, max = Math.max, result = ''; | |
| 19 | - | |
| 20 | - while (i < len) { | |
| 21 | - a = string.charCodeAt(i++) || 0; | |
| 22 | - b = string.charCodeAt(i++) || 0; | |
| 23 | - c = string.charCodeAt(i++) || 0; | |
| 24 | - | |
| 25 | - if (max(a, b, c) > 0xFF) { | |
| 26 | - throw INVALID_CHARACTER_ERR; | |
| 27 | - } | |
| 28 | - | |
| 29 | - b1 = (a >> 2) & 0x3F; | |
| 30 | - b2 = ((a & 0x3) << 4) | ((b >> 4) & 0xF); | |
| 31 | - b3 = ((b & 0xF) << 2) | ((c >> 6) & 0x3); | |
| 32 | - b4 = c & 0x3F; | |
| 33 | - | |
| 34 | - if (!b) { | |
| 35 | - b3 = b4 = 64; | |
| 36 | - } else if (!c) { | |
| 37 | - b4 = 64; | |
| 38 | - } | |
| 39 | - result += characters.charAt(b1) + characters.charAt(b2) + characters.charAt(b3) + characters.charAt(b4); | |
| 40 | - } | |
| 41 | - return result; | |
| 42 | - }; | |
| 43 | - | |
| 44 | - //获取dom文本 | |
| 45 | - var getText = function( el ){ | |
| 46 | - var s = el.textContent || el.innerText; | |
| 47 | - return s == null ? "" : s.replace( /^\s*(.*?)\s+$/, "$1"); | |
| 48 | - }; | |
| 49 | - view.tableExport = function(tableId, filename, type){ | |
| 50 | - var doc = view.document, | |
| 51 | - table = doc.getElementById(tableId), | |
| 52 | - charSet = doc.characterSet | |
| 53 | - | |
| 54 | - var uri = { | |
| 55 | - json: 'application/json;charset='+charSet, | |
| 56 | - txt: 'csv/txt;charset='+charSet, | |
| 57 | - csv: 'csv/txt;charset='+charSet, | |
| 58 | - doc: 'application/vnd.ms-doc', | |
| 59 | - excel: 'application/vnd.ms-excel' | |
| 60 | - }; | |
| 61 | - | |
| 62 | - var base64 = function(s) { | |
| 63 | - return btoa(unescape(encodeURIComponent(s))); | |
| 64 | - }; | |
| 65 | - var template = function(s, c) { | |
| 66 | - return s.replace(/{(\w+)}/g, function(m, p) { | |
| 67 | - return c[p]; | |
| 68 | - }); | |
| 69 | - }; | |
| 70 | - | |
| 71 | - var get_blob = function() { | |
| 72 | - return view.Blob; | |
| 73 | - } | |
| 74 | - | |
| 75 | - var fixCSVField = function(value) { | |
| 76 | - var fixedValue = value; | |
| 77 | - var addQuotes = (value.indexOf(',') !== -1) || (value.indexOf('\r') !== -1) || (value.indexOf('\n') !== -1); | |
| 78 | - var replaceDoubleQuotes = (value.indexOf('"') !== -1); | |
| 79 | - | |
| 80 | - if (replaceDoubleQuotes) { | |
| 81 | - fixedValue = fixedValue.replace(/"/g, '""'); | |
| 82 | - } | |
| 83 | - if (addQuotes || replaceDoubleQuotes) { | |
| 84 | - fixedValue = '"' + fixedValue + '"'; | |
| 85 | - } | |
| 86 | - return fixedValue; | |
| 87 | - }; | |
| 88 | - | |
| 89 | - var saveData = function(data){ | |
| 90 | - var BB = get_blob(); | |
| 91 | - saveAs(new BB([data], {type: uri[type]}), filename + "."+type); | |
| 92 | - }; | |
| 93 | - | |
| 94 | - var toCSV = function(){ | |
| 95 | - var data = "\ufeff"; | |
| 96 | - for (var i = 0, row; row = table.rows[i]; i++) { | |
| 97 | - for (var j = 0, col; col = row.cells[j]; j++) { | |
| 98 | - data = data + (j ? ',' : '') + fixCSVField(getText(col)); | |
| 99 | - } | |
| 100 | - data = data + "\r\n"; | |
| 101 | - } | |
| 102 | - saveData(data); | |
| 103 | - }; | |
| 104 | - | |
| 105 | - var toJson = function(){ | |
| 106 | - var jsonHeaderArray = []; | |
| 107 | - | |
| 108 | - if(table.tHead){ | |
| 109 | - for(var i =0,col; col = table.tHead.rows[0].cells[i]; i++){ | |
| 110 | - jsonHeaderArray.push(getText(col)); | |
| 111 | - } | |
| 112 | - } | |
| 113 | - | |
| 114 | - var jsonArray = []; | |
| 115 | - if(table.tBodies){ | |
| 116 | - for(var j=0,tbody; tbody = table.tBodies[j]; j++){ | |
| 117 | - for(var k =0, rowb; rowb= tbody.rows[k]; k++){ | |
| 118 | - var len = jsonArray.length; | |
| 119 | - jsonArray[len] = []; | |
| 120 | - for (var g = 0, colb; colb = rowb.cells[g]; g++) { | |
| 121 | - jsonArray[len].push(getText(colb)); | |
| 122 | - } | |
| 123 | - } | |
| 124 | - } | |
| 125 | - } | |
| 126 | - | |
| 127 | - var jsonExportArray = { | |
| 128 | - header: jsonHeaderArray, | |
| 129 | - data: jsonArray | |
| 130 | - }; | |
| 131 | - saveData(JSON.stringify(jsonExportArray)); | |
| 132 | - }; | |
| 133 | - | |
| 134 | - var toOffice = function(){ | |
| 135 | - var tmpl = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:'+type+'" xmlns="http://www.w3.org/TR/REC-html40">'; | |
| 136 | - tmpl += '<head><meta charset="'+charSet+'" /><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>'; | |
| 137 | - tmpl += '{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]-->'; | |
| 138 | - tmpl += '</head><body><table>{table}</table></body></html>'; | |
| 139 | - var office = '', | |
| 140 | - maph = [['<thead><tr>', '</tr></thead>'], ['<tbody><tr>', '</tr></tbody>'], ['<tr>', '</tr>']], | |
| 141 | - mapb = [['<th>', '</th>'],['<td>', '</td>']], | |
| 142 | - flag = +!table.tHead, | |
| 143 | - com = 1 - flag; | |
| 144 | - | |
| 145 | - for(var i=0, row; row = table.rows[i]; i++){ | |
| 146 | - flag = i > com ? 2 : flag; | |
| 147 | - office += maph[flag][0]; | |
| 148 | - for(var j =0, col; col = row.cells[j]; j++){ | |
| 149 | - office += mapb[+!!flag][0]+ getText(col) +mapb[+!!flag][1]; | |
| 150 | - } | |
| 151 | - office += maph[flag][1]; | |
| 152 | - flag++; | |
| 153 | - } | |
| 154 | - saveData(template(tmpl, {worksheet: 'Worksheet', table: office})); | |
| 155 | - }; | |
| 156 | - | |
| 157 | - var typeMap = { | |
| 158 | - json : toJson, | |
| 159 | - txt: toCSV, | |
| 160 | - csv: toCSV, | |
| 161 | - doc: toOffice, | |
| 162 | - docx: toOffice, | |
| 163 | - xls: toOffice, | |
| 164 | - xlsx: toOffice | |
| 165 | - }; | |
| 166 | - | |
| 167 | - typeMap[type](); | |
| 168 | - }; | |
| 169 | - | |
| 1 | + | |
| 2 | + | |
| 3 | +(function(view){ | |
| 4 | + "use strict"; | |
| 5 | + var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/='; | |
| 6 | + var fromCharCode = String.fromCharCode; | |
| 7 | + var INVALID_CHARACTER_ERR = ( function() { | |
| 8 | + // fabricate a suitable error object | |
| 9 | + try { | |
| 10 | + document.createElement('$'); | |
| 11 | + } catch (error) { | |
| 12 | + return error; | |
| 13 | + } | |
| 14 | + }()); | |
| 15 | + | |
| 16 | + // encoder | |
| 17 | + var btoa = function(string) { | |
| 18 | + var a, b, b1, b2, b3, b4, c, i = 0, len = string.length, max = Math.max, result = ''; | |
| 19 | + | |
| 20 | + while (i < len) { | |
| 21 | + a = string.charCodeAt(i++) || 0; | |
| 22 | + b = string.charCodeAt(i++) || 0; | |
| 23 | + c = string.charCodeAt(i++) || 0; | |
| 24 | + | |
| 25 | + if (max(a, b, c) > 0xFF) { | |
| 26 | + throw INVALID_CHARACTER_ERR; | |
| 27 | + } | |
| 28 | + | |
| 29 | + b1 = (a >> 2) & 0x3F; | |
| 30 | + b2 = ((a & 0x3) << 4) | ((b >> 4) & 0xF); | |
| 31 | + b3 = ((b & 0xF) << 2) | ((c >> 6) & 0x3); | |
| 32 | + b4 = c & 0x3F; | |
| 33 | + | |
| 34 | + if (!b) { | |
| 35 | + b3 = b4 = 64; | |
| 36 | + } else if (!c) { | |
| 37 | + b4 = 64; | |
| 38 | + } | |
| 39 | + result += characters.charAt(b1) + characters.charAt(b2) + characters.charAt(b3) + characters.charAt(b4); | |
| 40 | + } | |
| 41 | + return result; | |
| 42 | + }; | |
| 43 | + | |
| 44 | + //获取dom文本 | |
| 45 | + var getText = function( el ){ | |
| 46 | + var s = el.textContent || el.innerText; | |
| 47 | + return s == null ? "" : s.replace( /^\s*(.*?)\s+$/, "$1"); | |
| 48 | + }; | |
| 49 | + view.tableExport = function(tableId, filename, type){ | |
| 50 | + var doc = view.document, | |
| 51 | + table = doc.getElementById(tableId), | |
| 52 | + charSet = doc.characterSet | |
| 53 | + | |
| 54 | + var uri = { | |
| 55 | + json: 'application/json;charset='+charSet, | |
| 56 | + txt: 'csv/txt;charset='+charSet, | |
| 57 | + csv: 'csv/txt;charset='+charSet, | |
| 58 | + doc: 'application/vnd.ms-doc', | |
| 59 | + excel: 'application/vnd.ms-excel' | |
| 60 | + }; | |
| 61 | + | |
| 62 | + var base64 = function(s) { | |
| 63 | + return btoa(unescape(encodeURIComponent(s))); | |
| 64 | + }; | |
| 65 | + var template = function(s, c) { | |
| 66 | + return s.replace(/{(\w+)}/g, function(m, p) { | |
| 67 | + return c[p]; | |
| 68 | + }); | |
| 69 | + }; | |
| 70 | + | |
| 71 | + var get_blob = function() { | |
| 72 | + return view.Blob; | |
| 73 | + } | |
| 74 | + | |
| 75 | + var fixCSVField = function(value) { | |
| 76 | + var fixedValue = value; | |
| 77 | + var addQuotes = (value.indexOf(',') !== -1) || (value.indexOf('\r') !== -1) || (value.indexOf('\n') !== -1); | |
| 78 | + var replaceDoubleQuotes = (value.indexOf('"') !== -1); | |
| 79 | + | |
| 80 | + if (replaceDoubleQuotes) { | |
| 81 | + fixedValue = fixedValue.replace(/"/g, '""'); | |
| 82 | + } | |
| 83 | + if (addQuotes || replaceDoubleQuotes) { | |
| 84 | + fixedValue = '"' + fixedValue + '"'; | |
| 85 | + } | |
| 86 | + return fixedValue; | |
| 87 | + }; | |
| 88 | + | |
| 89 | + var saveData = function(data){ | |
| 90 | + var BB = get_blob(); | |
| 91 | + saveAs(new BB([data], {type: uri[type]}), filename + "."+type); | |
| 92 | + }; | |
| 93 | + | |
| 94 | + var toCSV = function(){ | |
| 95 | + var data = "\ufeff"; | |
| 96 | + for (var i = 0, row; row = table.rows[i]; i++) { | |
| 97 | + for (var j = 0, col; col = row.cells[j]; j++) { | |
| 98 | + data = data + (j ? ',' : '') + fixCSVField(getText(col)); | |
| 99 | + } | |
| 100 | + data = data + "\r\n"; | |
| 101 | + } | |
| 102 | + saveData(data); | |
| 103 | + }; | |
| 104 | + | |
| 105 | + var toJson = function(){ | |
| 106 | + var jsonHeaderArray = []; | |
| 107 | + | |
| 108 | + if(table.tHead){ | |
| 109 | + for(var i =0,col; col = table.tHead.rows[0].cells[i]; i++){ | |
| 110 | + jsonHeaderArray.push(getText(col)); | |
| 111 | + } | |
| 112 | + } | |
| 113 | + | |
| 114 | + var jsonArray = []; | |
| 115 | + if(table.tBodies){ | |
| 116 | + for(var j=0,tbody; tbody = table.tBodies[j]; j++){ | |
| 117 | + for(var k =0, rowb; rowb= tbody.rows[k]; k++){ | |
| 118 | + var len = jsonArray.length; | |
| 119 | + jsonArray[len] = []; | |
| 120 | + for (var g = 0, colb; colb = rowb.cells[g]; g++) { | |
| 121 | + jsonArray[len].push(getText(colb)); | |
| 122 | + } | |
| 123 | + } | |
| 124 | + } | |
| 125 | + } | |
| 126 | + | |
| 127 | + var jsonExportArray = { | |
| 128 | + header: jsonHeaderArray, | |
| 129 | + data: jsonArray | |
| 130 | + }; | |
| 131 | + saveData(JSON.stringify(jsonExportArray)); | |
| 132 | + }; | |
| 133 | + | |
| 134 | + var toOffice = function(){ | |
| 135 | + var tmpl = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:'+type+'" xmlns="http://www.w3.org/TR/REC-html40">'; | |
| 136 | + tmpl += '<head><meta charset="'+charSet+'" /><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>'; | |
| 137 | + tmpl += '{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]-->'; | |
| 138 | + tmpl += '</head><body><table>{table}</table></body></html>'; | |
| 139 | + var office = '', | |
| 140 | + maph = [['<thead><tr>', '</tr></thead>'], ['<tbody><tr>', '</tr></tbody>'], ['<tr>', '</tr>']], | |
| 141 | + mapb = [['<th>', '</th>'],['<td>', '</td>']], | |
| 142 | + flag = +!table.tHead, | |
| 143 | + com = 1 - flag; | |
| 144 | + | |
| 145 | + for(var i=0, row; row = table.rows[i]; i++){ | |
| 146 | + flag = i > com ? 2 : flag; | |
| 147 | + office += maph[flag][0]; | |
| 148 | + for(var j =0, col; col = row.cells[j]; j++){ | |
| 149 | + office += mapb[+!!flag][0]+ getText(col) +mapb[+!!flag][1]; | |
| 150 | + } | |
| 151 | + office += maph[flag][1]; | |
| 152 | + flag++; | |
| 153 | + } | |
| 154 | + saveData(template(tmpl, {worksheet: 'Worksheet', table: office})); | |
| 155 | + }; | |
| 156 | + | |
| 157 | + var typeMap = { | |
| 158 | + json : toJson, | |
| 159 | + txt: toCSV, | |
| 160 | + csv: toCSV, | |
| 161 | + doc: toOffice, | |
| 162 | + docx: toOffice, | |
| 163 | + xls: toOffice, | |
| 164 | + xlsx: toOffice | |
| 165 | + }; | |
| 166 | + | |
| 167 | + typeMap[type](); | |
| 168 | + }; | |
| 169 | + | |
| 170 | 170 | })(window); |
| 171 | 171 | \ No newline at end of file | ... | ... |
src/main/resources/static/pages/scheduleApp/module/common/dts2/ttinfotable/saTimeTablePreView.js
| 1 | -/** | |
| 2 | - * saTimetablePreview指令，时刻表预览模式视图。 | |
| 3 | - */ | |
| 4 | -angular.module("ScheduleApp").directive( | |
| 5 | - "saTimetable2", | |
| 6 | - [ | |
| 7 | - '$timeout', | |
| 8 | - function($timeout) { | |
| 9 | - return { | |
| 10 | - restrict : 'E', | |
| 11 | - templateUrl : '/pages/scheduleApp/module/common/dts2/ttinfotable/saTimeTablePreViewTemplate.html', | |
| 12 | - scope : { // 独立作用域 | |
| 13 | - // 使用外部数据源，内部重新组合显示 | |
| 14 | - ds : "=ngModel" | |
| 15 | - }, | |
| 16 | - controllerAs : "$saTimeTablePreviewCtrl", | |
| 17 | - bindToController: true, | |
| 18 | - controller : function() { | |
| 19 | - var self = this; | |
| 20 | - | |
| 21 | - // 内部班次时刻模型 | |
| 22 | - self.internalBcModel = { | |
| 23 | - up_qdz_name : "", // 上行起点站名字 | |
| 24 | - down_qdz_name : "", // 下行起点站名字 | |
| 25 | - up_bc_list_asc : [], // 上行班次列表（按照发车时间升序） | |
| 26 | - down_bc_list_asc : [] // 下行班次列表（按照发车时间升序） | |
| 27 | - }; | |
| 28 | - | |
| 29 | - // 内部各个路牌block车次链模型 | |
| 30 | - self.internalLpBlockModel = { | |
| 31 | - // key：路牌名字 | |
| 32 | - // value: 数组（按照发车时间排序） | |
| 33 | - // value 数据内对象 {fcsj:发车时间,isUp:是否上行,fcno:发车顺序号,index:对应的班次列表索引} | |
| 34 | - }; | |
| 35 | - | |
| 36 | - // TODO： | |
| 37 | - }, | |
| 38 | - | |
| 39 | - /**， | |
| 40 | - * compile阶段，angular还没有编译模版，根据需要可以修改模版dom | |
| 41 | - * @param tElem | |
| 42 | - * @param tAttrs | |
| 43 | - * @returns {{pre: Function, post: Function}} | |
| 44 | - */ | |
| 45 | - compile : function(tElem, tAttrs) { | |
| 46 | - // 获取属性 | |
| 47 | - var $attr_name = tAttrs["name"]; // 控件的名字 | |
| 48 | - if (!$attr_name) { | |
| 49 | - throw new Error("saTimeTablePreview指令 name属性required"); | |
| 50 | - } | |
| 51 | - | |
| 52 | - // 内部controlAs名字 | |
| 53 | - var ctrlAs = "$saTimeTablePreviewCtrl"; | |
| 54 | - | |
| 55 | - // TODO： | |
| 56 | - | |
| 57 | - //------------------ 内部方法 --------------------// | |
| 58 | - var date_wrap_prefix = "2000-01-01 "; // 包装日期的前缀 | |
| 59 | - var date_wrap_format = "YYYY-MM-DD HH:mm"; // 日期格式 | |
| 60 | - /** | |
| 61 | - * 将时间包装成日期，方便计算。 | |
| 62 | - * @param timeStr 时间格式，如 06:30 | |
| 63 | - * @returns moment对象 | |
| 64 | - */ | |
| 65 | - var _fun_WrapTime = function(timeStr) { | |
| 66 | - return moment( | |
| 67 | - date_wrap_prefix + timeStr, | |
| 68 | - date_wrap_format | |
| 69 | - ); | |
| 70 | - }; | |
| 71 | - | |
| 72 | - /** | |
| 73 | - * 点击班次html元素（dl），触发班次移动，如下： | |
| 74 | - * 1、点击上行班次，下一个下行班次在下行班次列表中移到中间位置 | |
| 75 | - * 2、点击下行班次，下一个上行班次在上行班次列表中移到中间位置 | |
| 76 | - * @param ctrl 内部控制器 | |
| 77 | - * @param index 班次索引 | |
| 78 | - * @param isUp 是否上行 | |
| 79 | - * @private | |
| 80 | - */ | |
| 81 | - var _fun_bcDDViewMove = function(ctrl, index, isUp) { | |
| 82 | - // 获取当前点击班次对象 | |
| 83 | - var oBc; | |
| 84 | - if (isUp) { | |
| 85 | - oBc = ctrl.internalBcModel.up_bc_list_asc[index]; | |
| 86 | - } else { | |
| 87 | - oBc = ctrl.internalBcModel.down_bc_list_asc[index]; | |
| 88 | - } | |
| 89 | - | |
| 90 | - // 找出车次链中的下一个班次索引，没有就undefined | |
| 91 | - var nextIndex = undefined; | |
| 92 | - var nextBlockBc = undefined; | |
| 93 | - var currentBlockBcIndex = undefined; | |
| 94 | - angular.forEach(ctrl.internalLpBlockModel[oBc.lpName], function(data, i) { | |
| 95 | - if (data.fcsj == oBc.fcsj) { | |
| 96 | - currentBlockBcIndex = i; | |
| 97 | - } | |
| 98 | - }); | |
| 99 | - if (currentBlockBcIndex != undefined && | |
| 100 | - currentBlockBcIndex < (ctrl.internalLpBlockModel[oBc.lpName].length - 1)) { | |
| 101 | - nextBlockBc = ctrl.internalLpBlockModel[oBc.lpName][currentBlockBcIndex + 1]; | |
| 102 | - nextIndex = nextBlockBc.index; | |
| 103 | - } | |
| 104 | - // 先删除click标记，再添加 | |
| 105 | - angular.forEach(ctrl.internalBcModel.up_bc_list_asc, function(data) { | |
| 106 | - delete data["isClick"]; | |
| 107 | - }); | |
| 108 | - angular.forEach(ctrl.internalBcModel.down_bc_list_asc, function(data) { | |
| 109 | - delete data["isClick"]; | |
| 110 | - }); | |
| 111 | - oBc.isClick = true; | |
| 112 | - if (nextIndex) { | |
| 113 | - if (nextBlockBc.isUp) { | |
| 114 | - ctrl.internalBcModel.up_bc_list_asc[nextIndex].isClick = true; | |
| 115 | - } else { | |
| 116 | - ctrl.internalBcModel.down_bc_list_asc[nextIndex].isClick = true; | |
| 117 | - } | |
| 118 | - } | |
| 119 | - | |
| 120 | - // 移动，同方向不移动 | |
| 121 | - var clientHeight = angular.element("#temp").height() - 34; | |
| 122 | - if (nextBlockBc && isUp != nextBlockBc.isUp) { | |
| 123 | - if (isUp) { // 移动下行 | |
| 124 | - angular.element(".ttpv_table_scrollbar:eq(1)").animate( | |
| 125 | - {scrollTop : nextIndex * 30 - clientHeight / 2}, 400); | |
| 126 | - } else { // 移动上行 | |
| 127 | - angular.element(".ttpv_table_scrollbar:eq(0)").animate( | |
| 128 | - {scrollTop : nextIndex * 30 - clientHeight / 2}, 400); | |
| 129 | - } | |
| 130 | - } | |
| 131 | - | |
| 132 | - }; | |
| 133 | - | |
| 134 | - /** | |
| 135 | - * 刷新内部数据。 | |
| 136 | - * @param ctrl 内部控制器对象（$saTimeTablePreviewCtrl） | |
| 137 | - * @private | |
| 138 | - */ | |
| 139 | - var _fun_refreshInternalModel = function(ctrl) { | |
| 140 | - // 初始化内部数据 | |
| 141 | - ctrl.internalBcModel = { | |
| 142 | - up_qdz_name : "", // 上行起点站名字 | |
| 143 | - up_zdz_name : "", // 上行终点站名字 | |
| 144 | - down_qdz_name : "", // 下行起点站名字 | |
| 145 | - down_zdz_name : "", // 下行终点站名字 | |
| 146 | - up_bc_list_asc : [], // 上行班次列表（按照发车时间升序） | |
| 147 | - down_bc_list_asc : [] // 下行班次列表（按照发车时间升序） | |
| 148 | - }; | |
| 149 | - ctrl.internalLpBlockModel = { | |
| 150 | - | |
| 151 | - }; | |
| 152 | - | |
| 153 | - // ngModel传入的数据 | |
| 154 | - var dataSource = ctrl.ds.bcList; | |
| 155 | - | |
| 156 | - // 构造上下行班次列表，并确定上下行的首发站点 | |
| 157 | - angular.forEach(dataSource, function(bcObj) { | |
| 158 | - var _internalBcObj = {}; | |
| 159 | - // 构造内部班次对象 | |
| 160 | - _internalBcObj.lpName = bcObj.lp.lpName; // 路牌 | |
| 161 | - _internalBcObj.fcsj = bcObj.fcsj; // 发车时间 | |
| 162 | - _internalBcObj.ddsj = _fun_WrapTime(bcObj.fcsj).add(bcObj.bcsj, "m").format("HH:mm"); | |
| 163 | - _internalBcObj.qdzName = bcObj.qdzName; // 起点站名字 | |
| 164 | - _internalBcObj.zdzName = bcObj.zdzName; // 终点站名字 | |
| 165 | - _internalBcObj.bcType = bcObj.bcType; // 班次类型 | |
| 166 | - _internalBcObj.isTs = bcObj.isTS; // 是否停驶 | |
| 167 | - _internalBcObj.isFb = bcObj.isFB; // 是否分班 | |
| 168 | - _internalBcObj.remark = bcObj.remark; // 备注 | |
| 169 | - _internalBcObj._fcno = bcObj.fcno; // 发车顺序号 | |
| 170 | - | |
| 171 | - if (bcObj.xlDir == "0") { // 上行 | |
| 172 | - ctrl.internalBcModel.up_bc_list_asc.push(_internalBcObj); | |
| 173 | - // 确定起点站 | |
| 174 | - if (ctrl.internalBcModel.up_qdz_name == "") { | |
| 175 | - if (bcObj.bcType == "normal") { | |
| 176 | - ctrl.internalBcModel.up_qdz_name = bcObj.qdzName; | |
| 177 | - } | |
| 178 | - } | |
| 179 | - // 确定终点站 | |
| 180 | - if (ctrl.internalBcModel.up_zdz_name == "") { | |
| 181 | - if (bcObj.bcType == "normal") { | |
| 182 | - ctrl.internalBcModel.up_zdz_name = bcObj.zdzName; | |
| 183 | - } | |
| 184 | - } | |
| 185 | - } | |
| 186 | - if (bcObj.xlDir == "1") { // 下行 | |
| 187 | - ctrl.internalBcModel.down_bc_list_asc.push(_internalBcObj); | |
| 188 | - // 确定起点站 | |
| 189 | - if (ctrl.internalBcModel.down_qdz_name == "") { | |
| 190 | - if (bcObj.bcType == "normal") { | |
| 191 | - ctrl.internalBcModel.down_qdz_name = bcObj.qdzName; | |
| 192 | - } | |
| 193 | - } | |
| 194 | - // 确定终点站 | |
| 195 | - if (ctrl.internalBcModel.down_zdz_name == "") { | |
| 196 | - if (bcObj.bcType == "normal") { | |
| 197 | - ctrl.internalBcModel.down_zdz_name = bcObj.zdzName; | |
| 198 | - } | |
| 199 | - } | |
| 200 | - } | |
| 201 | - | |
| 202 | - }); | |
| 203 | - | |
| 204 | - // 发车时间升序排序上行班次 | |
| 205 | - ctrl.internalBcModel.up_bc_list_asc.sort(function(a, b) { | |
| 206 | - var a_wrapTime = _fun_WrapTime(a.fcsj); | |
| 207 | - var b_wrapTime = _fun_WrapTime(b.fcsj); | |
| 208 | - | |
| 209 | - // 判定如果发车时间是以00,01,02,03开头的，说明是下一天凌晨的班次，需要加1天判定 | |
| 210 | - // TODO：以后要配合首班车的发车时间判定 | |
| 211 | - if (a.fcsj.indexOf("00:") == 0 || | |
| 212 | - a.fcsj.indexOf("01:") == 0 || | |
| 213 | - a.fcsj.indexOf("02:") == 0) { | |
| 214 | - a_wrapTime.add(1, "day"); | |
| 215 | - } | |
| 216 | - if (b.fcsj.indexOf("00:") == 0 || | |
| 217 | - b.fcsj.indexOf("01:") == 0 || | |
| 218 | - b.fcsj.indexOf("02:") == 0) { | |
| 219 | - b_wrapTime.add(1, "day"); | |
| 220 | - } | |
| 221 | - | |
| 222 | - if (a_wrapTime.isBefore(b_wrapTime)) { | |
| 223 | - return -1; | |
| 224 | - } else if (a_wrapTime.isAfter(b_wrapTime)) { | |
| 225 | - return 1; | |
| 226 | - } else { | |
| 227 | - return 0; | |
| 228 | - } | |
| 229 | - | |
| 230 | - }); | |
| 231 | - // 发车时间升序排序下行班次 | |
| 232 | - ctrl.internalBcModel.down_bc_list_asc.sort(function(a, b) { | |
| 233 | - var a_wrapTime = _fun_WrapTime(a.fcsj); | |
| 234 | - var b_wrapTime = _fun_WrapTime(b.fcsj); | |
| 235 | - | |
| 236 | - // 判定如果发车时间是以00,01,02,03开头的，说明是下一天凌晨的班次，需要加1天判定 | |
| 237 | - // TODO：以后要配合首班车的发车时间判定 | |
| 238 | - if (a.fcsj.indexOf("00:") == 0 || | |
| 239 | - a.fcsj.indexOf("01:") == 0 || | |
| 240 | - a.fcsj.indexOf("02:") == 0) { | |
| 241 | - a_wrapTime.add(1, "day"); | |
| 242 | - } | |
| 243 | - if (b.fcsj.indexOf("00:") == 0 || | |
| 244 | - b.fcsj.indexOf("01:") == 0 || | |
| 245 | - b.fcsj.indexOf("02:") == 0) { | |
| 246 | - b_wrapTime.add(1, "day"); | |
| 247 | - } | |
| 248 | - | |
| 249 | - if (a_wrapTime.isBefore(b_wrapTime)) { | |
| 250 | - return -1; | |
| 251 | - } else if (a_wrapTime.isAfter(b_wrapTime)) { | |
| 252 | - return 1; | |
| 253 | - } else { | |
| 254 | - return 0; | |
| 255 | - } | |
| 256 | - }); | |
| 257 | - | |
| 258 | - // 构造路牌block车次链，按照发车顺序排序 | |
| 259 | - angular.forEach(ctrl.internalBcModel.up_bc_list_asc, function(data, index) { | |
| 260 | - if (!ctrl.internalLpBlockModel[data.lpName]) { | |
| 261 | - ctrl.internalLpBlockModel[data.lpName] = []; | |
| 262 | - } | |
| 263 | - ctrl.internalLpBlockModel[data.lpName].push({ | |
| 264 | - fcsj : data.fcsj, | |
| 265 | - isUp : true, | |
| 266 | - fcno : data._fcno, | |
| 267 | - index : index | |
| 268 | - }); | |
| 269 | - }); | |
| 270 | - angular.forEach(ctrl.internalBcModel.down_bc_list_asc, function(data, index) { | |
| 271 | - if (!ctrl.internalLpBlockModel[data.lpName]) { | |
| 272 | - ctrl.internalLpBlockModel[data.lpName] = []; | |
| 273 | - } | |
| 274 | - ctrl.internalLpBlockModel[data.lpName].push({ | |
| 275 | - fcsj : data.fcsj, | |
| 276 | - isUp : false, | |
| 277 | - fcno : data._fcno, | |
| 278 | - index : index | |
| 279 | - }); | |
| 280 | - }); | |
| 281 | - angular.forEach(ctrl.internalLpBlockModel, function(value, key) { | |
| 282 | - value.sort(function (a, b) { | |
| 283 | - if (a.fcno < b.fcno) { | |
| 284 | - return -1; | |
| 285 | - } else if (a.fcno > b.fcno) { | |
| 286 | - return 1; | |
| 287 | - } else { | |
| 288 | - return 0; | |
| 289 | - } | |
| 290 | - }); | |
| 291 | - }); | |
| 292 | - | |
| 293 | - | |
| 294 | - }; | |
| 295 | - | |
| 296 | - return { | |
| 297 | - pre : function(scope, element, attr) { | |
| 298 | - // TODO： | |
| 299 | - }, | |
| 300 | - post : function(scope, element, attr) { | |
| 301 | - // 班次html点击事件 | |
| 302 | - scope[ctrlAs].$$bcDD_Click = function(index, xlDir) { | |
| 303 | - _fun_bcDDViewMove(scope[ctrlAs], index, xlDir); | |
| 304 | - }; | |
| 305 | - | |
| 306 | - // 监控ngModel绑定的外部数据源的刷新状态变化 | |
| 307 | - scope.$watch( | |
| 308 | - function() { | |
| 309 | - return scope[ctrlAs].ds.refreshInfos; | |
| 310 | - }, | |
| 311 | - function(newValue, oldValue) { | |
| 312 | - if (newValue === undefined && oldValue === undefined) { | |
| 313 | - return; | |
| 314 | - } | |
| 315 | - console.log("saTimetable2 refresh"); | |
| 316 | - _fun_refreshInternalModel(scope[ctrlAs]); | |
| 317 | - }, | |
| 318 | - true | |
| 319 | - ); | |
| 320 | - } | |
| 321 | - }; | |
| 322 | - } | |
| 323 | - }; | |
| 324 | - } | |
| 325 | - ] | |
| 1 | +/** | |
| 2 | + * saTimetablePreview指令，时刻表预览模式视图。 | |
| 3 | + */ | |
| 4 | +angular.module("ScheduleApp").directive( | |
| 5 | + "saTimetable2", | |
| 6 | + [ | |
| 7 | + '$timeout', | |
| 8 | + function($timeout) { | |
| 9 | + return { | |
| 10 | + restrict : 'E', | |
| 11 | + templateUrl : '/pages/scheduleApp/module/common/dts2/ttinfotable/saTimeTablePreViewTemplate.html', | |
| 12 | + scope : { // 独立作用域 | |
| 13 | + // 使用外部数据源，内部重新组合显示 | |
| 14 | + ds : "=ngModel" | |
| 15 | + }, | |
| 16 | + controllerAs : "$saTimeTablePreviewCtrl", | |
| 17 | + bindToController: true, | |
| 18 | + controller : function() { | |
| 19 | + var self = this; | |
| 20 | + | |
| 21 | + // 内部班次时刻模型 | |
| 22 | + self.internalBcModel = { | |
| 23 | + up_qdz_name : "", // 上行起点站名字 | |
| 24 | + down_qdz_name : "", // 下行起点站名字 | |
| 25 | + up_bc_list_asc : [], // 上行班次列表（按照发车时间升序） | |
| 26 | + down_bc_list_asc : [] // 下行班次列表（按照发车时间升序） | |
| 27 | + }; | |
| 28 | + | |
| 29 | + // 内部各个路牌block车次链模型 | |
| 30 | + self.internalLpBlockModel = { | |
| 31 | + // key：路牌名字 | |
| 32 | + // value: 数组（按照发车时间排序） | |
| 33 | + // value 数据内对象 {fcsj:发车时间,isUp:是否上行,fcno:发车顺序号,index:对应的班次列表索引} | |
| 34 | + }; | |
| 35 | + | |
| 36 | + // TODO： | |
| 37 | + }, | |
| 38 | + | |
| 39 | + /**， | |
| 40 | + * compile阶段，angular还没有编译模版，根据需要可以修改模版dom | |
| 41 | + * @param tElem | |
| 42 | + * @param tAttrs | |
| 43 | + * @returns {{pre: Function, post: Function}} | |
| 44 | + */ | |
| 45 | + compile : function(tElem, tAttrs) { | |
| 46 | + // 获取属性 | |
| 47 | + var $attr_name = tAttrs["name"]; // 控件的名字 | |
| 48 | + if (!$attr_name) { | |
| 49 | + throw new Error("saTimeTablePreview指令 name属性required"); | |
| 50 | + } | |
| 51 | + | |
| 52 | + // 内部controlAs名字 | |
| 53 | + var ctrlAs = "$saTimeTablePreviewCtrl"; | |
| 54 | + | |
| 55 | + // TODO： | |
| 56 | + | |
| 57 | + //------------------ 内部方法 --------------------// | |
| 58 | + var date_wrap_prefix = "2000-01-01 "; // 包装日期的前缀 | |
| 59 | + var date_wrap_format = "YYYY-MM-DD HH:mm"; // 日期格式 | |
| 60 | + /** | |
| 61 | + * 将时间包装成日期，方便计算。 | |
| 62 | + * @param timeStr 时间格式，如 06:30 | |
| 63 | + * @returns moment对象 | |
| 64 | + */ | |
| 65 | + var _fun_WrapTime = function(timeStr) { | |
| 66 | + return moment( | |
| 67 | + date_wrap_prefix + timeStr, | |
| 68 | + date_wrap_format | |
| 69 | + ); | |
| 70 | + }; | |
| 71 | + | |
| 72 | + /** | |
| 73 | + * 点击班次html元素（dl），触发班次移动，如下： | |
| 74 | + * 1、点击上行班次，下一个下行班次在下行班次列表中移到中间位置 | |
| 75 | + * 2、点击下行班次，下一个上行班次在上行班次列表中移到中间位置 | |
| 76 | + * @param ctrl 内部控制器 | |
| 77 | + * @param index 班次索引 | |
| 78 | + * @param isUp 是否上行 | |
| 79 | + * @private | |
| 80 | + */ | |
| 81 | + var _fun_bcDDViewMove = function(ctrl, index, isUp) { | |
| 82 | + // 获取当前点击班次对象 | |
| 83 | + var oBc; | |
| 84 | + if (isUp) { | |
| 85 | + oBc = ctrl.internalBcModel.up_bc_list_asc[index]; | |
| 86 | + } else { | |
| 87 | + oBc = ctrl.internalBcModel.down_bc_list_asc[index]; | |
| 88 | + } | |
| 89 | + | |
| 90 | + // 找出车次链中的下一个班次索引，没有就undefined | |
| 91 | + var nextIndex = undefined; | |
| 92 | + var nextBlockBc = undefined; | |
| 93 | + var currentBlockBcIndex = undefined; | |
| 94 | + angular.forEach(ctrl.internalLpBlockModel[oBc.lpName], function(data, i) { | |
| 95 | + if (data.fcsj == oBc.fcsj) { | |
| 96 | + currentBlockBcIndex = i; | |
| 97 | + } | |
| 98 | + }); | |
| 99 | + if (currentBlockBcIndex != undefined && | |
| 100 | + currentBlockBcIndex < (ctrl.internalLpBlockModel[oBc.lpName].length - 1)) { | |
| 101 | + nextBlockBc = ctrl.internalLpBlockModel[oBc.lpName][currentBlockBcIndex + 1]; | |
| 102 | + nextIndex = nextBlockBc.index; | |
| 103 | + } | |
| 104 | + // 先删除click标记，再添加 | |
| 105 | + angular.forEach(ctrl.internalBcModel.up_bc_list_asc, function(data) { | |
| 106 | + delete data["isClick"]; | |
| 107 | + }); | |
| 108 | + angular.forEach(ctrl.internalBcModel.down_bc_list_asc, function(data) { | |
| 109 | + delete data["isClick"]; | |
| 110 | + }); | |
| 111 | + oBc.isClick = true; | |
| 112 | + if (nextIndex) { | |
| 113 | + if (nextBlockBc.isUp) { | |
| 114 | + ctrl.internalBcModel.up_bc_list_asc[nextIndex].isClick = true; | |
| 115 | + } else { | |
| 116 | + ctrl.internalBcModel.down_bc_list_asc[nextIndex].isClick = true; | |
| 117 | + } | |
| 118 | + } | |
| 119 | + | |
| 120 | + // 移动，同方向不移动 | |
| 121 | + var clientHeight = angular.element("#temp").height() - 34; | |
| 122 | + if (nextBlockBc && isUp != nextBlockBc.isUp) { | |
| 123 | + if (isUp) { // 移动下行 | |
| 124 | + angular.element(".ttpv_table_scrollbar:eq(1)").animate( | |
| 125 | + {scrollTop : nextIndex * 30 - clientHeight / 2}, 400); | |
| 126 | + } else { // 移动上行 | |
| 127 | + angular.element(".ttpv_table_scrollbar:eq(0)").animate( | |
| 128 | + {scrollTop : nextIndex * 30 - clientHeight / 2}, 400); | |
| 129 | + } | |
| 130 | + } | |
| 131 | + | |
| 132 | + }; | |
| 133 | + | |
| 134 | + /** | |
| 135 | + * 刷新内部数据。 | |
| 136 | + * @param ctrl 内部控制器对象（$saTimeTablePreviewCtrl） | |
| 137 | + * @private | |
| 138 | + */ | |
| 139 | + var _fun_refreshInternalModel = function(ctrl) { | |
| 140 | + // 初始化内部数据 | |
| 141 | + ctrl.internalBcModel = { | |
| 142 | + up_qdz_name : "", // 上行起点站名字 | |
| 143 | + up_zdz_name : "", // 上行终点站名字 | |
| 144 | + down_qdz_name : "", // 下行起点站名字 | |
| 145 | + down_zdz_name : "", // 下行终点站名字 | |
| 146 | + up_bc_list_asc : [], // 上行班次列表（按照发车时间升序） | |
| 147 | + down_bc_list_asc : [] // 下行班次列表（按照发车时间升序） | |
| 148 | + }; | |
| 149 | + ctrl.internalLpBlockModel = { | |
| 150 | + | |
| 151 | + }; | |
| 152 | + | |
| 153 | + // ngModel传入的数据 | |
| 154 | + var dataSource = ctrl.ds.bcList; | |
| 155 | + | |
| 156 | + // 构造上下行班次列表，并确定上下行的首发站点 | |
| 157 | + angular.forEach(dataSource, function(bcObj) { | |
| 158 | + var _internalBcObj = {}; | |
| 159 | + // 构造内部班次对象 | |
| 160 | + _internalBcObj.lpName = bcObj.lp.lpName; // 路牌 | |
| 161 | + _internalBcObj.fcsj = bcObj.fcsj; // 发车时间 | |
| 162 | + _internalBcObj.ddsj = _fun_WrapTime(bcObj.fcsj).add(bcObj.bcsj, "m").format("HH:mm"); | |
| 163 | + _internalBcObj.qdzName = bcObj.qdzName; // 起点站名字 | |
| 164 | + _internalBcObj.zdzName = bcObj.zdzName; // 终点站名字 | |
| 165 | + _internalBcObj.bcType = bcObj.bcType; // 班次类型 | |
| 166 | + _internalBcObj.isTs = bcObj.isTS; // 是否停驶 | |
| 167 | + _internalBcObj.isFb = bcObj.isFB; // 是否分班 | |
| 168 | + _internalBcObj.remark = bcObj.remark; // 备注 | |
| 169 | + _internalBcObj._fcno = bcObj.fcno; // 发车顺序号 | |
| 170 | + | |
| 171 | + if (bcObj.xlDir == "0") { // 上行 | |
| 172 | + ctrl.internalBcModel.up_bc_list_asc.push(_internalBcObj); | |
| 173 | + // 确定起点站 | |
| 174 | + if (ctrl.internalBcModel.up_qdz_name == "") { | |
| 175 | + if (bcObj.bcType == "normal") { | |
| 176 | + ctrl.internalBcModel.up_qdz_name = bcObj.qdzName; | |
| 177 | + } | |
| 178 | + } | |
| 179 | + // 确定终点站 | |
| 180 | + if (ctrl.internalBcModel.up_zdz_name == "") { | |
| 181 | + if (bcObj.bcType == "normal") { | |
| 182 | + ctrl.internalBcModel.up_zdz_name = bcObj.zdzName; | |
| 183 | + } | |
| 184 | + } | |
| 185 | + } | |
| 186 | + if (bcObj.xlDir == "1") { // 下行 | |
| 187 | + ctrl.internalBcModel.down_bc_list_asc.push(_internalBcObj); | |
| 188 | + // 确定起点站 | |
| 189 | + if (ctrl.internalBcModel.down_qdz_name == "") { | |
| 190 | + if (bcObj.bcType == "normal") { | |
| 191 | + ctrl.internalBcModel.down_qdz_name = bcObj.qdzName; | |
| 192 | + } | |
| 193 | + } | |
| 194 | + // 确定终点站 | |
| 195 | + if (ctrl.internalBcModel.down_zdz_name == "") { | |
| 196 | + if (bcObj.bcType == "normal") { | |
| 197 | + ctrl.internalBcModel.down_zdz_name = bcObj.zdzName; | |
| 198 | + } | |
| 199 | + } | |
| 200 | + } | |
| 201 | + | |
| 202 | + }); | |
| 203 | + | |
| 204 | + // 发车时间升序排序上行班次 | |
| 205 | + ctrl.internalBcModel.up_bc_list_asc.sort(function(a, b) { | |
| 206 | + var a_wrapTime = _fun_WrapTime(a.fcsj); | |
| 207 | + var b_wrapTime = _fun_WrapTime(b.fcsj); | |
| 208 | + | |
| 209 | + // 判定如果发车时间是以00,01,02,03开头的，说明是下一天凌晨的班次，需要加1天判定 | |
| 210 | + // TODO：以后要配合首班车的发车时间判定 | |
| 211 | + if (a.fcsj.indexOf("00:") == 0 || | |
| 212 | + a.fcsj.indexOf("01:") == 0 || | |
| 213 | + a.fcsj.indexOf("02:") == 0) { | |
| 214 | + a_wrapTime.add(1, "day"); | |
| 215 | + } | |
| 216 | + if (b.fcsj.indexOf("00:") == 0 || | |
| 217 | + b.fcsj.indexOf("01:") == 0 || | |
| 218 | + b.fcsj.indexOf("02:") == 0) { | |
| 219 | + b_wrapTime.add(1, "day"); | |
| 220 | + } | |
| 221 | + | |
| 222 | + if (a_wrapTime.isBefore(b_wrapTime)) { | |
| 223 | + return -1; | |
| 224 | + } else if (a_wrapTime.isAfter(b_wrapTime)) { | |
| 225 | + return 1; | |
| 226 | + } else { | |
| 227 | + return 0; | |
| 228 | + } | |
| 229 | + | |
| 230 | + }); | |
| 231 | + // 发车时间升序排序下行班次 | |
| 232 | + ctrl.internalBcModel.down_bc_list_asc.sort(function(a, b) { | |
| 233 | + var a_wrapTime = _fun_WrapTime(a.fcsj); | |
| 234 | + var b_wrapTime = _fun_WrapTime(b.fcsj); | |
| 235 | + | |
| 236 | + // 判定如果发车时间是以00,01,02,03开头的，说明是下一天凌晨的班次，需要加1天判定 | |
| 237 | + // TODO：以后要配合首班车的发车时间判定 | |
| 238 | + if (a.fcsj.indexOf("00:") == 0 || | |
| 239 | + a.fcsj.indexOf("01:") == 0 || | |
| 240 | + a.fcsj.indexOf("02:") == 0) { | |
| 241 | + a_wrapTime.add(1, "day"); | |
| 242 | + } | |
| 243 | + if (b.fcsj.indexOf("00:") == 0 || | |
| 244 | + b.fcsj.indexOf("01:") == 0 || | |
| 245 | + b.fcsj.indexOf("02:") == 0) { | |
| 246 | + b_wrapTime.add(1, "day"); | |
| 247 | + } | |
| 248 | + | |
| 249 | + if (a_wrapTime.isBefore(b_wrapTime)) { | |
| 250 | + return -1; | |
| 251 | + } else if (a_wrapTime.isAfter(b_wrapTime)) { | |
| 252 | + return 1; | |
| 253 | + } else { | |
| 254 | + return 0; | |
| 255 | + } | |
| 256 | + }); | |
| 257 | + | |
| 258 | + // 构造路牌block车次链，按照发车顺序排序 | |
| 259 | + angular.forEach(ctrl.internalBcModel.up_bc_list_asc, function(data, index) { | |
| 260 | + if (!ctrl.internalLpBlockModel[data.lpName]) { | |
| 261 | + ctrl.internalLpBlockModel[data.lpName] = []; | |
| 262 | + } | |
| 263 | + ctrl.internalLpBlockModel[data.lpName].push({ | |
| 264 | + fcsj : data.fcsj, | |
| 265 | + isUp : true, | |
| 266 | + fcno : data._fcno, | |
| 267 | + index : index | |
| 268 | + }); | |
| 269 | + }); | |
| 270 | + angular.forEach(ctrl.internalBcModel.down_bc_list_asc, function(data, index) { | |
| 271 | + if (!ctrl.internalLpBlockModel[data.lpName]) { | |
| 272 | + ctrl.internalLpBlockModel[data.lpName] = []; | |
| 273 | + } | |
| 274 | + ctrl.internalLpBlockModel[data.lpName].push({ | |
| 275 | + fcsj : data.fcsj, | |
| 276 | + isUp : false, | |
| 277 | + fcno : data._fcno, | |
| 278 | + index : index | |
| 279 | + }); | |
| 280 | + }); | |
| 281 | + angular.forEach(ctrl.internalLpBlockModel, function(value, key) { | |
| 282 | + value.sort(function (a, b) { | |
| 283 | + if (a.fcno < b.fcno) { | |
| 284 | + return -1; | |
| 285 | + } else if (a.fcno > b.fcno) { | |
| 286 | + return 1; | |
| 287 | + } else { | |
| 288 | + return 0; | |
| 289 | + } | |
| 290 | + }); | |
| 291 | + }); | |
| 292 | + | |
| 293 | + | |
| 294 | + }; | |
| 295 | + | |
| 296 | + return { | |
| 297 | + pre : function(scope, element, attr) { | |
| 298 | + // TODO： | |
| 299 | + }, | |
| 300 | + post : function(scope, element, attr) { | |
| 301 | + // 班次html点击事件 | |
| 302 | + scope[ctrlAs].$$bcDD_Click = function(index, xlDir) { | |
| 303 | + _fun_bcDDViewMove(scope[ctrlAs], index, xlDir); | |
| 304 | + }; | |
| 305 | + | |
| 306 | + // 监控ngModel绑定的外部数据源的刷新状态变化 | |
| 307 | + scope.$watch( | |
| 308 | + function() { | |
| 309 | + return scope[ctrlAs].ds.refreshInfos; | |
| 310 | + }, | |
| 311 | + function(newValue, oldValue) { | |
| 312 | + if (newValue === undefined && oldValue === undefined) { | |
| 313 | + return; | |
| 314 | + } | |
| 315 | + console.log("saTimetable2 refresh"); | |
| 316 | + _fun_refreshInternalModel(scope[ctrlAs]); | |
| 317 | + }, | |
| 318 | + true | |
| 319 | + ); | |
| 320 | + } | |
| 321 | + }; | |
| 322 | + } | |
| 323 | + }; | |
| 324 | + } | |
| 325 | + ] | |
| 326 | 326 | ); |
| 327 | 327 | \ No newline at end of file | ... | ... |
src/main/resources/static/pages/scheduleApp/module/common/dts2/ttinfotable/saTimeTablePreViewTemplate.html
| 1 | -<style> | |
| 2 | - .ttpv_detail { | |
| 3 | - height: 100%; | |
| 4 | - } | |
| 5 | - .ttpv_detail .container-fluid { | |
| 6 | - height: 100%; | |
| 7 | - margin-left: 0; | |
| 8 | - } | |
| 9 | - .ttpv_detail .container-fluid>* { | |
| 10 | - padding: 0; | |
| 11 | - } | |
| 12 | - .ttpv_detail .container-fluid.top-container { | |
| 13 | - margin-top: 5px; | |
| 14 | - padding: 0; | |
| 15 | - } | |
| 16 | - | |
| 17 | - .ttpv_detail .detail-panel { | |
| 18 | - padding: 0; | |
| 19 | - height: 100%; | |
| 20 | - border: 1px solid #ddd; | |
| 21 | - background: #fafafa; | |
| 22 | - border-radius: 10px !important; | |
| 23 | - moz-user-select: -moz-none; | |
| 24 | - -moz-user-select: none; | |
| 25 | - -o-user-select: none; | |
| 26 | - -khtml-user-select: none; | |
| 27 | - -webkit-user-select: none; | |
| 28 | - -ms-user-select: none; | |
| 29 | - user-select: none; | |
| 30 | - } | |
| 31 | - | |
| 32 | - .ttpv_detail .detail-panel .detail-wrap { | |
| 33 | - height: calc(100% - 1px); | |
| 34 | - padding: 0; | |
| 35 | - | |
| 36 | - font-size: 14px; | |
| 37 | - color: #cccaca; | |
| 38 | - } | |
| 39 | - | |
| 40 | - .ttpv_detail .detail-panel .detail-wrap .detail-title { | |
| 41 | - margin: 7px 0 5px; | |
| 42 | - text-indent: 5px; | |
| 43 | - margin: 0; | |
| 44 | - height: 31px; | |
| 45 | - line-height: 31px; | |
| 46 | - color: #2765A7; | |
| 47 | - } | |
| 48 | - | |
| 49 | - .ttpv_detail .detail-panel .detail-wrap .detail-body { | |
| 50 | - height: calc(100% - 37px); | |
| 51 | - background: #fff; | |
| 52 | - } | |
| 53 | - | |
| 54 | - .ttpv_detail .detail-panel .detail-wrap .detail-body .ttpv_table_wrap { | |
| 55 | - width: 100%; | |
| 56 | - height: 100%; | |
| 57 | - border-left: 0; | |
| 58 | - border-bottom: 0; | |
| 59 | - overflow: auto; | |
| 60 | - } | |
| 61 | - | |
| 62 | -</style> | |
| 63 | - | |
| 64 | -<style> | |
| 65 | - /** 表格样式 */ | |
| 66 | - .ttpv_table { | |
| 67 | - position: relative; | |
| 68 | - padding-top: 34px; | |
| 69 | - font-size: 13px; | |
| 70 | - } | |
| 71 | - | |
| 72 | - .ttpv_table dl { | |
| 73 | - display: block; | |
| 74 | - /*width: 100%;*/ | |
| 75 | - margin: 0; | |
| 76 | - /*border-bottom: 1px solid;*/ | |
| 77 | - cursor: default; | |
| 78 | - } | |
| 79 | - .ttpv_table dl { | |
| 80 | - font-size: 0; | |
| 81 | - white-space: nowrap; | |
| 82 | - } | |
| 83 | - .ttpv_table dl { | |
| 84 | - transition: all .1s ease; | |
| 85 | - } | |
| 86 | - | |
| 87 | - .ttpv_table dl dd, .ttpv_table dl dt { | |
| 88 | - display: inline-block; | |
| 89 | - white-space: nowrap; | |
| 90 | - overflow: hidden; | |
| 91 | - text-overflow: ellipsis; | |
| 92 | - height: 100%; | |
| 93 | - line-height: 34px; | |
| 94 | - border-right: 1px solid; | |
| 95 | - text-indent: 5px; | |
| 96 | - } | |
| 97 | - .ttpv_table dl dd, .ttpv_table dl dt { | |
| 98 | - border-right-color: #dedede; | |
| 99 | - font-size: 13px; | |
| 100 | - /*border-bottom: 1px solid #dedede;*/ | |
| 101 | - border-top: 1px solid #dedede; | |
| 102 | - text-align: center; | |
| 103 | - } | |
| 104 | - | |
| 105 | - .ttpv_table > .ttpv_table_head { | |
| 106 | - position: absolute; | |
| 107 | - top: 0; | |
| 108 | - height: 34px; | |
| 109 | - background: #f5f5f5; | |
| 110 | - /*width: 100%;*/ | |
| 111 | - line-height: 34px; | |
| 112 | - z-index: 1; | |
| 113 | - } | |
| 114 | - .ttpv_table_head dl { | |
| 115 | - border-bottom: 2px solid #96b9d7; | |
| 116 | - color: #333333; | |
| 117 | - height: 34px; | |
| 118 | - background-color: #f5f5f5; | |
| 119 | - } | |
| 120 | - .ttpv_table_head dl dt { | |
| 121 | - font-weight: normal; | |
| 122 | - font-size: 12px; | |
| 123 | - } | |
| 124 | - | |
| 125 | - .ttpv_table_head dl dt:nth-of-type(1) { | |
| 126 | - width: 50px; | |
| 127 | - height: 34px; | |
| 128 | - } | |
| 129 | - .ttpv_table_head dl dt:nth-of-type(2) { | |
| 130 | - width: 55px; | |
| 131 | - height: 34px; | |
| 132 | - } | |
| 133 | - .ttpv_table_head dl dt:nth-of-type(3) { | |
| 134 | - width: 120px; | |
| 135 | - height: 34px; | |
| 136 | - } | |
| 137 | - .ttpv_table_head dl dt:nth-of-type(4) { | |
| 138 | - width: 100px; | |
| 139 | - height: 34px; | |
| 140 | - } | |
| 141 | - .ttpv_table_head dl dt:nth-of-type(5) { | |
| 142 | - width: 200px; | |
| 143 | - height: 34px; | |
| 144 | - } | |
| 145 | - | |
| 146 | - .ttpv_table > .ttpv_table_body { | |
| 147 | - /*width: 100%;*/ | |
| 148 | - position: absolute; | |
| 149 | - border-bottom: 1px solid #dedede; | |
| 150 | - } | |
| 151 | - | |
| 152 | - .ttpv_table_body dd.ists { | |
| 153 | - background: #105383 !important; | |
| 154 | - color: white !important; | |
| 155 | - } | |
| 156 | - .ttpv_table_body dd.region { | |
| 157 | - background: #686d7b !important; | |
| 158 | - color: white !important; | |
| 159 | - } | |
| 160 | - .ttpv_table_body dd.isfb { | |
| 161 | - background: #adff00 !important; | |
| 162 | - color: #501a1a !important; | |
| 163 | - } | |
| 164 | - | |
| 165 | - .ttpv_table_body dd.istsClick { | |
| 166 | - background: linear-gradient(to right,#8baabf,#105383,#808086)!important; | |
| 167 | - } | |
| 168 | - .ttpv_table_body dd.regionClick { | |
| 169 | - background: linear-gradient(to right,#8baabf,#686d7b,#a09997)!important; | |
| 170 | - } | |
| 171 | - .ttpv_table_body dd.isfbClick { | |
| 172 | - background: linear-gradient(to right,#8baabf,#adff00,#a09997)!important; | |
| 173 | - } | |
| 174 | - | |
| 175 | - .ttpv_table_body dl dd:nth-of-type(1) { | |
| 176 | - width: 50px; | |
| 177 | - height: 30px; | |
| 178 | - } | |
| 179 | - .ttpv_table_body dl dd:nth-of-type(2) { | |
| 180 | - width: 55px; | |
| 181 | - height: 30px; | |
| 182 | - } | |
| 183 | - .ttpv_table_body dl dd:nth-of-type(3) { | |
| 184 | - width: 120px; | |
| 185 | - height: 30px; | |
| 186 | - text-align: left; | |
| 187 | - } | |
| 188 | - .ttpv_table_body dl dd:nth-of-type(4) { | |
| 189 | - width: 100px; | |
| 190 | - height: 30px; | |
| 191 | - } | |
| 192 | - .ttpv_table_body dl dd:nth-of-type(5) { | |
| 193 | - width: 200px; | |
| 194 | - height: 30px; | |
| 195 | - } | |
| 196 | - | |
| 197 | - .ttpv_table_body dd:nth-of-type(1) { | |
| 198 | - color: #2765A7; | |
| 199 | - background: #eae8e8; | |
| 200 | - /*border-bottom: 1px solid #b3b3b3;*/ | |
| 201 | - border-right: 1px solid #b3b3b3; | |
| 202 | - text-indent: -3px; | |
| 203 | - } | |
| 204 | - .ttpv_table_body dd:nth-of-type(n + 2) { | |
| 205 | - color: #2765A7; | |
| 206 | - } | |
| 207 | - .ttpv_table_body dl:hover { | |
| 208 | - box-shadow: 0 0 4px #656c71; | |
| 209 | - background: #f5fbff; | |
| 210 | - } | |
| 211 | - .ttpv_table_body dl:hover dd:nth-of-type(1) { | |
| 212 | - background: #fafafa; | |
| 213 | - background: linear-gradient(to right, #fafafa, #f5fbff); | |
| 214 | - } | |
| 215 | - | |
| 216 | - .isClick { | |
| 217 | - background: #8baabf!important; | |
| 218 | - color: #fff!important; | |
| 219 | - } | |
| 220 | - | |
| 221 | -</style> | |
| 222 | - | |
| 223 | -<style> | |
| 224 | - /** 滚动条css样式 */ | |
| 225 | - | |
| 226 | - .ttpv_table_scrollbar::-webkit-scrollbar { | |
| 227 | - width: 18px; | |
| 228 | - height: 18px; | |
| 229 | - } | |
| 230 | - | |
| 231 | - .ttpv_table_scrollbar::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb { | |
| 232 | - border-radius: 999px; | |
| 233 | - border: 5px solid transparent; | |
| 234 | - } | |
| 235 | - | |
| 236 | - .ttpv_table_scrollbar::-webkit-scrollbar-track { | |
| 237 | - box-shadow: 1px 1px 5px rgba(0, 0, 0, .2) inset; | |
| 238 | - } | |
| 239 | - | |
| 240 | - .ttpv_table_scrollbar::-webkit-scrollbar-thumb { | |
| 241 | - min-height: 20px; | |
| 242 | - background-clip: content-box; | |
| 243 | - box-shadow: 0 0 0 5px rgba(0, 0, 0, .2) inset; | |
| 244 | - } | |
| 245 | - | |
| 246 | - .ttpv_table_scrollbar::-webkit-scrollbar-corner { | |
| 247 | - background: transparent; | |
| 248 | - } | |
| 249 | -</style> | |
| 250 | - | |
| 251 | -<div class="ttpv_detail"> | |
| 252 | - <div class="container-fluid top-container"> | |
| 253 | - <div class="col-md-12 container-fluid"> | |
| 254 | - <div class="col-md-6" style="height: 100%; padding-right: 3px;"> | |
| 255 | - <div class="detail-panel"> | |
| 256 | - <div class="detail-wrap" > | |
| 257 | - <h3 class="detail-title"> | |
| 258 | - 上行： | |
| 259 | - {{$saTimeTablePreviewCtrl.internalBcModel.up_qdz_name}} | |
| 260 | - <i class="fa fa-angle-double-right" aria-hidden="true"></i> | |
| 261 | - {{$saTimeTablePreviewCtrl.internalBcModel.up_zdz_name}} | |
| 262 | - </h3> | |
| 263 | - <div id="temp" class="detail-body"> | |
| 264 | - <div class="ttpv_table_wrap ttpv_table_scrollbar" sa-tscrolly2 scrclass = ".upFixHead"> | |
| 265 | - <div class="ttpv_table"> | |
| 266 | - <div class="ttpv_table_head upFixHead"> | |
| 267 | - <dl> | |
| 268 | - <dt>序号</dt> | |
| 269 | - <dt>路牌</dt> | |
| 270 | - <dt>发车时间</dt> | |
| 271 | - <dt>到达时间</dt> | |
| 272 | - <dt>备注</dt> | |
| 273 | - </dl> | |
| 274 | - </div> | |
| 275 | - <div class="ttpv_table_body"> | |
| 276 | - <dl ng-repeat="bc in $saTimeTablePreviewCtrl.internalBcModel.up_bc_list_asc track by $index" | |
| 277 | - ng-click="$saTimeTablePreviewCtrl.$$bcDD_Click($index, true)"> | |
| 278 | - <dd>{{$index + 1}}</dd> | |
| 279 | - <dd ng-class="{isClick : bc.isClick}"> | |
| 280 | - {{bc.lpName}} | |
| 281 | - </dd> | |
| 282 | - <dd ng-class="{ | |
| 283 | - ists: (bc.isTs && !bc.isClick), | |
| 284 | - istsClick: (bc.isTs && bc.isClick), | |
| 285 | - region: (bc.bcType == 'region' && !bc.isClick), | |
| 286 | - regionClick : (bc.bcType == 'region' && bc.isClick), | |
| 287 | - isfb: (bc.isFb && !bc.isClick), | |
| 288 | - isfbClick : (bc.isFb && bc.isClick), | |
| 289 | - isClick: bc.isClick}"> | |
| 290 | - {{bc.fcsj}} | |
| 291 | - <span class="badge" | |
| 292 | - style="border-radius: 2px !important; background-color: #f9a124;" | |
| 293 | - ng-show="bc.bcType == 'out'">出场</span> | |
| 294 | - <span class="badge" | |
| 295 | - style="border-radius: 2px !important; background-color: #f9a124;" | |
| 296 | - ng-show="bc.bcType == 'in'">进场</span> | |
| 297 | - </dd> | |
| 298 | - <dd ng-class="{isClick : bc.isClick}"> | |
| 299 | - {{bc.ddsj}} | |
| 300 | - </dd> | |
| 301 | - <dd ng-class="{isClick : bc.isClick}">{{bc.remark}}</dd> | |
| 302 | - </dl> | |
| 303 | - </div> | |
| 304 | - </div> | |
| 305 | - </div> | |
| 306 | - </div> | |
| 307 | - </div> | |
| 308 | - </div> | |
| 309 | - </div> | |
| 310 | - | |
| 311 | - <div class="col-md-6" style="height: 100%; padding-left: 3px;"> | |
| 312 | - <div class="detail-panel"> | |
| 313 | - <div class="detail-wrap" > | |
| 314 | - <h3 class="detail-title"> | |
| 315 | - 下行： | |
| 316 | - {{$saTimeTablePreviewCtrl.internalBcModel.down_qdz_name}} | |
| 317 | - <i class="fa fa-angle-double-right" aria-hidden="true"></i> | |
| 318 | - {{$saTimeTablePreviewCtrl.internalBcModel.down_zdz_name}} | |
| 319 | - </h3> | |
| 320 | - <div class="detail-body"> | |
| 321 | - <div class="ttpv_table_wrap ttpv_table_scrollbar" sa-tscrolly2 scrclass = ".downFixHead"> | |
| 322 | - <div class="ttpv_table"> | |
| 323 | - <div class="ttpv_table_head downFixHead"> | |
| 324 | - <dl> | |
| 325 | - <dt>序号</dt> | |
| 326 | - <dt>路牌</dt> | |
| 327 | - <dt>发车时间</dt> | |
| 328 | - <dt>到达时间</dt> | |
| 329 | - <dt>备注</dt> | |
| 330 | - </dl> | |
| 331 | - </div> | |
| 332 | - <div class="ttpv_table_body"> | |
| 333 | - <dl ng-repeat="bc in $saTimeTablePreviewCtrl.internalBcModel.down_bc_list_asc track by $index" | |
| 334 | - ng-click="$saTimeTablePreviewCtrl.$$bcDD_Click($index, false)"> | |
| 335 | - <dd>{{$index + 1}}</dd> | |
| 336 | - <dd ng-class="{isClick : bc.isClick}"> | |
| 337 | - {{bc.lpName}} | |
| 338 | - </dd> | |
| 339 | - <dd ng-class="{ | |
| 340 | - ists: (bc.isTs && !bc.isClick), | |
| 341 | - istsClick: (bc.isTs && bc.isClick), | |
| 342 | - region: (bc.bcType == 'region' && !bc.isClick), | |
| 343 | - regionClick : (bc.bcType == 'region' && bc.isClick), | |
| 344 | - isfb: (bc.isFb && !bc.isClick), | |
| 345 | - isfbClick : (bc.isFb && bc.isClick), | |
| 346 | - isClick: bc.isClick}"> | |
| 347 | - {{bc.fcsj}} | |
| 348 | - <span class="badge" | |
| 349 | - style="border-radius: 2px !important; background-color: #f9a124;" | |
| 350 | - ng-show="bc.bcType == 'out'">出场</span> | |
| 351 | - <span class="badge" | |
| 352 | - style="border-radius: 2px !important; background-color: #f9a124;" | |
| 353 | - ng-show="bc.bcType == 'in'">进场</span> | |
| 354 | - </dd> | |
| 355 | - <dd ng-class="{isClick : bc.isClick}"> | |
| 356 | - {{bc.ddsj}} | |
| 357 | - </dd> | |
| 358 | - <dd ng-class="{isClick : bc.isClick}">{{bc.remark}}</dd> | |
| 359 | - </dl> | |
| 360 | - </div> | |
| 361 | - </div> | |
| 362 | - </div> | |
| 363 | - </div> | |
| 364 | - </div> | |
| 365 | - </div> | |
| 366 | - </div> | |
| 367 | - | |
| 368 | - </div> | |
| 369 | - </div> | |
| 370 | -</div> | |
| 371 | - | |
| 372 | - | |
| 373 | - | |
| 374 | - | |
| 375 | - | |
| 376 | - | |
| 377 | - | |
| 378 | - | |
| 379 | - | |
| 380 | - | |
| 381 | - | |
| 1 | +<style> | |
| 2 | + .ttpv_detail { | |
| 3 | + height: 100%; | |
| 4 | + } | |
| 5 | + .ttpv_detail .container-fluid { | |
| 6 | + height: 100%; | |
| 7 | + margin-left: 0; | |
| 8 | + } | |
| 9 | + .ttpv_detail .container-fluid>* { | |
| 10 | + padding: 0; | |
| 11 | + } | |
| 12 | + .ttpv_detail .container-fluid.top-container { | |
| 13 | + margin-top: 5px; | |
| 14 | + padding: 0; | |
| 15 | + } | |
| 16 | + | |
| 17 | + .ttpv_detail .detail-panel { | |
| 18 | + padding: 0; | |
| 19 | + height: 100%; | |
| 20 | + border: 1px solid #ddd; | |
| 21 | + background: #fafafa; | |
| 22 | + border-radius: 10px !important; | |
| 23 | + moz-user-select: -moz-none; | |
| 24 | + -moz-user-select: none; | |
| 25 | + -o-user-select: none; | |
| 26 | + -khtml-user-select: none; | |
| 27 | + -webkit-user-select: none; | |
| 28 | + -ms-user-select: none; | |
| 29 | + user-select: none; | |
| 30 | + } | |
| 31 | + | |
| 32 | + .ttpv_detail .detail-panel .detail-wrap { | |
| 33 | + height: calc(100% - 1px); | |
| 34 | + padding: 0; | |
| 35 | + | |
| 36 | + font-size: 14px; | |
| 37 | + color: #cccaca; | |
| 38 | + } | |
| 39 | + | |
| 40 | + .ttpv_detail .detail-panel .detail-wrap .detail-title { | |
| 41 | + margin: 7px 0 5px; | |
| 42 | + text-indent: 5px; | |
| 43 | + margin: 0; | |
| 44 | + height: 31px; | |
| 45 | + line-height: 31px; | |
| 46 | + color: #2765A7; | |
| 47 | + } | |
| 48 | + | |
| 49 | + .ttpv_detail .detail-panel .detail-wrap .detail-body { | |
| 50 | + height: calc(100% - 37px); | |
| 51 | + background: #fff; | |
| 52 | + } | |
| 53 | + | |
| 54 | + .ttpv_detail .detail-panel .detail-wrap .detail-body .ttpv_table_wrap { | |
| 55 | + width: 100%; | |
| 56 | + height: 100%; | |
| 57 | + border-left: 0; | |
| 58 | + border-bottom: 0; | |
| 59 | + overflow: auto; | |
| 60 | + } | |
| 61 | + | |
| 62 | +</style> | |
| 63 | + | |
| 64 | +<style> | |
| 65 | + /** 表格样式 */ | |
| 66 | + .ttpv_table { | |
| 67 | + position: relative; | |
| 68 | + padding-top: 34px; | |
| 69 | + font-size: 13px; | |
| 70 | + } | |
| 71 | + | |
| 72 | + .ttpv_table dl { | |
| 73 | + display: block; | |
| 74 | + /*width: 100%;*/ | |
| 75 | + margin: 0; | |
| 76 | + /*border-bottom: 1px solid;*/ | |
| 77 | + cursor: default; | |
| 78 | + } | |
| 79 | + .ttpv_table dl { | |
| 80 | + font-size: 0; | |
| 81 | + white-space: nowrap; | |
| 82 | + } | |
| 83 | + .ttpv_table dl { | |
| 84 | + transition: all .1s ease; | |
| 85 | + } | |
| 86 | + | |
| 87 | + .ttpv_table dl dd, .ttpv_table dl dt { | |
| 88 | + display: inline-block; | |
| 89 | + white-space: nowrap; | |
| 90 | + overflow: hidden; | |
| 91 | + text-overflow: ellipsis; | |
| 92 | + height: 100%; | |
| 93 | + line-height: 34px; | |
| 94 | + border-right: 1px solid; | |
| 95 | + text-indent: 5px; | |
| 96 | + } | |
| 97 | + .ttpv_table dl dd, .ttpv_table dl dt { | |
| 98 | + border-right-color: #dedede; | |
| 99 | + font-size: 13px; | |
| 100 | + /*border-bottom: 1px solid #dedede;*/ | |
| 101 | + border-top: 1px solid #dedede; | |
| 102 | + text-align: center; | |
| 103 | + } | |
| 104 | + | |
| 105 | + .ttpv_table > .ttpv_table_head { | |
| 106 | + position: absolute; | |
| 107 | + top: 0; | |
| 108 | + height: 34px; | |
| 109 | + background: #f5f5f5; | |
| 110 | + /*width: 100%;*/ | |
| 111 | + line-height: 34px; | |
| 112 | + z-index: 1; | |
| 113 | + } | |
| 114 | + .ttpv_table_head dl { | |
| 115 | + border-bottom: 2px solid #96b9d7; | |
| 116 | + color: #333333; | |
| 117 | + height: 34px; | |
| 118 | + background-color: #f5f5f5; | |
| 119 | + } | |
| 120 | + .ttpv_table_head dl dt { | |
| 121 | + font-weight: normal; | |
| 122 | + font-size: 12px; | |
| 123 | + } | |
| 124 | + | |
| 125 | + .ttpv_table_head dl dt:nth-of-type(1) { | |
| 126 | + width: 50px; | |
| 127 | + height: 34px; | |
| 128 | + } | |
| 129 | + .ttpv_table_head dl dt:nth-of-type(2) { | |
| 130 | + width: 55px; | |
| 131 | + height: 34px; | |
| 132 | + } | |
| 133 | + .ttpv_table_head dl dt:nth-of-type(3) { | |
| 134 | + width: 120px; | |
| 135 | + height: 34px; | |
| 136 | + } | |
| 137 | + .ttpv_table_head dl dt:nth-of-type(4) { | |
| 138 | + width: 100px; | |
| 139 | + height: 34px; | |
| 140 | + } | |
| 141 | + .ttpv_table_head dl dt:nth-of-type(5) { | |
| 142 | + width: 200px; | |
| 143 | + height: 34px; | |
| 144 | + } | |
| 145 | + | |
| 146 | + .ttpv_table > .ttpv_table_body { | |
| 147 | + /*width: 100%;*/ | |
| 148 | + position: absolute; | |
| 149 | + border-bottom: 1px solid #dedede; | |
| 150 | + } | |
| 151 | + | |
| 152 | + .ttpv_table_body dd.ists { | |
| 153 | + background: #105383 !important; | |
| 154 | + color: white !important; | |
| 155 | + } | |
| 156 | + .ttpv_table_body dd.region { | |
| 157 | + background: #686d7b !important; | |
| 158 | + color: white !important; | |
| 159 | + } | |
| 160 | + .ttpv_table_body dd.isfb { | |
| 161 | + background: #adff00 !important; | |
| 162 | + color: #501a1a !important; | |
| 163 | + } | |
| 164 | + | |
| 165 | + .ttpv_table_body dd.istsClick { | |
| 166 | + background: linear-gradient(to right,#8baabf,#105383,#808086)!important; | |
| 167 | + } | |
| 168 | + .ttpv_table_body dd.regionClick { | |
| 169 | + background: linear-gradient(to right,#8baabf,#686d7b,#a09997)!important; | |
| 170 | + } | |
| 171 | + .ttpv_table_body dd.isfbClick { | |
| 172 | + background: linear-gradient(to right,#8baabf,#adff00,#a09997)!important; | |
| 173 | + } | |
| 174 | + | |
| 175 | + .ttpv_table_body dl dd:nth-of-type(1) { | |
| 176 | + width: 50px; | |
| 177 | + height: 30px; | |
| 178 | + } | |
| 179 | + .ttpv_table_body dl dd:nth-of-type(2) { | |
| 180 | + width: 55px; | |
| 181 | + height: 30px; | |
| 182 | + } | |
| 183 | + .ttpv_table_body dl dd:nth-of-type(3) { | |
| 184 | + width: 120px; | |
| 185 | + height: 30px; | |
| 186 | + text-align: left; | |
| 187 | + } | |
| 188 | + .ttpv_table_body dl dd:nth-of-type(4) { | |
| 189 | + width: 100px; | |
| 190 | + height: 30px; | |
| 191 | + } | |
| 192 | + .ttpv_table_body dl dd:nth-of-type(5) { | |
| 193 | + width: 200px; | |
| 194 | + height: 30px; | |
| 195 | + } | |
| 196 | + | |
| 197 | + .ttpv_table_body dd:nth-of-type(1) { | |
| 198 | + color: #2765A7; | |
| 199 | + background: #eae8e8; | |
| 200 | + /*border-bottom: 1px solid #b3b3b3;*/ | |
| 201 | + border-right: 1px solid #b3b3b3; | |
| 202 | + text-indent: -3px; | |
| 203 | + } | |
| 204 | + .ttpv_table_body dd:nth-of-type(n + 2) { | |
| 205 | + color: #2765A7; | |
| 206 | + } | |
| 207 | + .ttpv_table_body dl:hover { | |
| 208 | + box-shadow: 0 0 4px #656c71; | |
| 209 | + background: #f5fbff; | |
| 210 | + } | |
| 211 | + .ttpv_table_body dl:hover dd:nth-of-type(1) { | |
| 212 | + background: #fafafa; | |
| 213 | + background: linear-gradient(to right, #fafafa, #f5fbff); | |
| 214 | + } | |
| 215 | + | |
| 216 | + .isClick { | |
| 217 | + background: #8baabf!important; | |
| 218 | + color: #fff!important; | |
| 219 | + } | |
| 220 | + | |
| 221 | +</style> | |
| 222 | + | |
| 223 | +<style> | |
| 224 | + /** 滚动条css样式 */ | |
| 225 | + | |
| 226 | + .ttpv_table_scrollbar::-webkit-scrollbar { | |
| 227 | + width: 18px; | |
| 228 | + height: 18px; | |
| 229 | + } | |
| 230 | + | |
| 231 | + .ttpv_table_scrollbar::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb { | |
| 232 | + border-radius: 999px; | |
| 233 | + border: 5px solid transparent; | |
| 234 | + } | |
| 235 | + | |
| 236 | + .ttpv_table_scrollbar::-webkit-scrollbar-track { | |
| 237 | + box-shadow: 1px 1px 5px rgba(0, 0, 0, .2) inset; | |
| 238 | + } | |
| 239 | + | |
| 240 | + .ttpv_table_scrollbar::-webkit-scrollbar-thumb { | |
| 241 | + min-height: 20px; | |
| 242 | + background-clip: content-box; | |
| 243 | + box-shadow: 0 0 0 5px rgba(0, 0, 0, .2) inset; | |
| 244 | + } | |
| 245 | + | |
| 246 | + .ttpv_table_scrollbar::-webkit-scrollbar-corner { | |
| 247 | + background: transparent; | |
| 248 | + } | |
| 249 | +</style> | |
| 250 | + | |
| 251 | +<div class="ttpv_detail"> | |
| 252 | + <div class="container-fluid top-container"> | |
| 253 | + <div class="col-md-12 container-fluid"> | |
| 254 | + <div class="col-md-6" style="height: 100%; padding-right: 3px;"> | |
| 255 | + <div class="detail-panel"> | |
| 256 | + <div class="detail-wrap" > | |
| 257 | + <h3 class="detail-title"> | |
| 258 | + 上行： | |
| 259 | + {{$saTimeTablePreviewCtrl.internalBcModel.up_qdz_name}} | |
| 260 | + <i class="fa fa-angle-double-right" aria-hidden="true"></i> | |
| 261 | + {{$saTimeTablePreviewCtrl.internalBcModel.up_zdz_name}} | |
| 262 | + </h3> | |
| 263 | + <div id="temp" class="detail-body"> | |
| 264 | + <div class="ttpv_table_wrap ttpv_table_scrollbar" sa-tscrolly2 scrclass = ".upFixHead"> | |
| 265 | + <div class="ttpv_table"> | |
| 266 | + <div class="ttpv_table_head upFixHead"> | |
| 267 | + <dl> | |
| 268 | + <dt>序号</dt> | |
| 269 | + <dt>路牌</dt> | |
| 270 | + <dt>发车时间</dt> | |
| 271 | + <dt>到达时间</dt> | |
| 272 | + <dt>备注</dt> | |
| 273 | + </dl> | |
| 274 | + </div> | |
| 275 | + <div class="ttpv_table_body"> | |
| 276 | + <dl ng-repeat="bc in $saTimeTablePreviewCtrl.internalBcModel.up_bc_list_asc track by $index" | |
| 277 | + ng-click="$saTimeTablePreviewCtrl.$$bcDD_Click($index, true)"> | |
| 278 | + <dd>{{$index + 1}}</dd> | |
| 279 | + <dd ng-class="{isClick : bc.isClick}"> | |
| 280 | + {{bc.lpName}} | |
| 281 | + </dd> | |
| 282 | + <dd ng-class="{ | |
| 283 | + ists: (bc.isTs && !bc.isClick), | |
| 284 | + istsClick: (bc.isTs && bc.isClick), | |
| 285 | + region: (bc.bcType == 'region' && !bc.isClick), | |
| 286 | + regionClick : (bc.bcType == 'region' && bc.isClick), | |
| 287 | + isfb: (bc.isFb && !bc.isClick), | |
| 288 | + isfbClick : (bc.isFb && bc.isClick), | |
| 289 | + isClick: bc.isClick}"> | |
| 290 | + {{bc.fcsj}} | |
| 291 | + <span class="badge" | |
| 292 | + style="border-radius: 2px !important; background-color: #f9a124;" | |
| 293 | + ng-show="bc.bcType == 'out'">出场</span> | |
| 294 | + <span class="badge" | |
| 295 | + style="border-radius: 2px !important; background-color: #f9a124;" | |
| 296 | + ng-show="bc.bcType == 'in'">进场</span> | |
| 297 | + </dd> | |
| 298 | + <dd ng-class="{isClick : bc.isClick}"> | |
| 299 | + {{bc.ddsj}} | |
| 300 | + </dd> | |
| 301 | + <dd ng-class="{isClick : bc.isClick}">{{bc.remark}}</dd> | |
| 302 | + </dl> | |
| 303 | + </div> | |
| 304 | + </div> | |
| 305 | + </div> | |
| 306 | + </div> | |
| 307 | + </div> | |
| 308 | + </div> | |
| 309 | + </div> | |
| 310 | + | |
| 311 | + <div class="col-md-6" style="height: 100%; padding-left: 3px;"> | |
| 312 | + <div class="detail-panel"> | |
| 313 | + <div class="detail-wrap" > | |
| 314 | + <h3 class="detail-title"> | |
| 315 | + 下行： | |
| 316 | + {{$saTimeTablePreviewCtrl.internalBcModel.down_qdz_name}} | |
| 317 | + <i class="fa fa-angle-double-right" aria-hidden="true"></i> | |
| 318 | + {{$saTimeTablePreviewCtrl.internalBcModel.down_zdz_name}} | |
| 319 | + </h3> | |
| 320 | + <div class="detail-body"> | |
| 321 | + <div class="ttpv_table_wrap ttpv_table_scrollbar" sa-tscrolly2 scrclass = ".downFixHead"> | |
| 322 | + <div class="ttpv_table"> | |
| 323 | + <div class="ttpv_table_head downFixHead"> | |
| 324 | + <dl> | |
| 325 | + <dt>序号</dt> | |
| 326 | + <dt>路牌</dt> | |
| 327 | + <dt>发车时间</dt> | |
| 328 | + <dt>到达时间</dt> | |
| 329 | + <dt>备注</dt> | |
| 330 | + </dl> | |
| 331 | + </div> | |
| 332 | + <div class="ttpv_table_body"> | |
| 333 | + <dl ng-repeat="bc in $saTimeTablePreviewCtrl.internalBcModel.down_bc_list_asc track by $index" | |
| 334 | + ng-click="$saTimeTablePreviewCtrl.$$bcDD_Click($index, false)"> | |
| 335 | + <dd>{{$index + 1}}</dd> | |
| 336 | + <dd ng-class="{isClick : bc.isClick}"> | |
| 337 | + {{bc.lpName}} | |
| 338 | + </dd> | |
| 339 | + <dd ng-class="{ | |
| 340 | + ists: (bc.isTs && !bc.isClick), | |
| 341 | + istsClick: (bc.isTs && bc.isClick), | |
| 342 | + region: (bc.bcType == 'region' && !bc.isClick), | |
| 343 | + regionClick : (bc.bcType == 'region' && bc.isClick), | |
| 344 | + isfb: (bc.isFb && !bc.isClick), | |
| 345 | + isfbClick : (bc.isFb && bc.isClick), | |
| 346 | + isClick: bc.isClick}"> | |
| 347 | + {{bc.fcsj}} | |
| 348 | + <span class="badge" | |
| 349 | + style="border-radius: 2px !important; background-color: #f9a124;" | |
| 350 | + ng-show="bc.bcType == 'out'">出场</span> | |
| 351 | + <span class="badge" | |
| 352 | + style="border-radius: 2px !important; background-color: #f9a124;" | |
| 353 | + ng-show="bc.bcType == 'in'">进场</span> | |
| 354 | + </dd> | |
| 355 | + <dd ng-class="{isClick : bc.isClick}"> | |
| 356 | + {{bc.ddsj}} | |
| 357 | + </dd> | |
| 358 | + <dd ng-class="{isClick : bc.isClick}">{{bc.remark}}</dd> | |
| 359 | + </dl> | |
| 360 | + </div> | |
| 361 | + </div> | |
| 362 | + </div> | |
| 363 | + </div> | |
| 364 | + </div> | |
| 365 | + </div> | |
| 366 | + </div> | |
| 367 | + | |
| 368 | + </div> | |
| 369 | + </div> | |
| 370 | +</div> | |
| 371 | + | |
| 372 | + | |
| 373 | + | |
| 374 | + | |
| 375 | + | |
| 376 | + | |
| 377 | + | |
| 378 | + | |
| 379 | + | |
| 380 | + | |
| 381 | + | ... | ... |