Commit f1bab7ee0168c97b7810c4e9143bea4987eb680c

Authored by 廖磊
1 parent 890624bf

安全驾驶接口ip修改

.gitignore
1   -.classpath
2   -.project
3   -.springBeans
4   -.settings/*
5   -/target/*
6   -node_modules/
7   -test_junitReport/
8   -test_coverage/
9   -.idea
10   -.DS_Store
11   -*.iml
12   -tmp
13   -
14   -# git忽略空文件夹,按照惯例,空文件夹下放置.gitkeep文件避免文件夹被忽略不上传。
15   -!.gitkeep
16   -/target/
  1 +.classpath
  2 +.project
  3 +.springBeans
  4 +.settings/*
  5 +/target/*
  6 +node_modules/
  7 +test_junitReport/
  8 +test_coverage/
  9 +.idea
  10 +.DS_Store
  11 +*.iml
  12 +tmp
  13 +
  14 +# git忽略空文件夹,按照惯例,空文件夹下放置.gitkeep文件避免文件夹被忽略不上传。
  15 +!.gitkeep
  16 +/target/
  17 +/bin/
... ...
src/main/resources/application-dev.properties
1   -server.port=9089
2   -management.port= 9001
3   -management.address= 127.0.0.1
4   -
5   -spring.jpa.hibernate.ddl-auto= none
6   -spring.jpa.hibernate.naming_strategy= org.hibernate.cfg.ImprovedNamingStrategy
7   -#DATABASE
8   -spring.jpa.database= MYSQL
9   -spring.jpa.show-sql= true
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
12   -spring.datasource.username= root
13   -spring.datasource.password= panzhao
14   -#DATASOURCE
15   -spring.datasource.max-active=100
16   -spring.datasource.max-idle=8
17   -spring.datasource.min-idle=8
18   -spring.datasource.initial-size=5
19   -
20   -spring.datasource.test-on-borrow=true
21   -spring.datasource.test-on-connect=true
22   -spring.datasource.test-on-return=true
23   -spring.datasource.test-while-idle=true
24   -spring.datasource.validation-query=select 1
25   -
26   -
27   -#REDIS
28   -spring.redis.database=0
29   -spring.redis.host=127.0.0.1
30   -spring.redis.password=bsth_control_001
31   -spring.redis.port=28008
32   -
33   -http.control.service_data_url= http://127.0.0.1:9088/companyService
34   -http.control.secret.key= dVPHJkWUt5FhMT7jrM2dLV7QvlHAmZFd42rs1P0usBx8A7HZki
35   -
36   -http.gps.real.url= http://27.115.69.123:8800/transport_server/rtgps/
  1 +server.port=9089
  2 +management.port= 9001
  3 +management.address= 127.0.0.1
  4 +
  5 +spring.jpa.hibernate.ddl-auto= none
  6 +spring.jpa.hibernate.naming_strategy= org.hibernate.cfg.ImprovedNamingStrategy
  7 +#DATABASE
  8 +spring.jpa.database= MYSQL
  9 +spring.jpa.show-sql= true
  10 +spring.datasource.driver-class-name= com.mysql.jdbc.Driver
  11 +spring.datasource.url= jdbc:mysql://127.0.0.1/control?useUnicode=true&characterEncoding=utf-8&useSSL=false
  12 +spring.datasource.username= root
  13 +spring.datasource.password= root
  14 +#DATASOURCE
  15 +spring.datasource.max-active=100
  16 +spring.datasource.max-idle=8
  17 +spring.datasource.min-idle=8
  18 +spring.datasource.initial-size=5
  19 +
  20 +spring.datasource.test-on-borrow=true
  21 +spring.datasource.test-on-connect=true
  22 +spring.datasource.test-on-return=true
  23 +spring.datasource.test-while-idle=true
  24 +spring.datasource.validation-query=select 1
  25 +
  26 +
  27 +#REDIS
  28 +spring.redis.database=0
  29 +spring.redis.host=127.0.0.1
  30 +spring.redis.password=bsth_control_001
  31 +spring.redis.port=28008
  32 +
  33 +http.control.service_data_url= http://127.0.0.1:9088/companyService
  34 +http.control.secret.key= dVPHJkWUt5FhMT7jrM2dLV7QvlHAmZFd42rs1P0usBx8A7HZki
  35 +
  36 +http.gps.real.url= http://27.115.69.123:8800/transport_server/rtgps/
... ...
src/main/resources/logback.xml
... ... @@ -9,7 +9,8 @@
9 9  
10 10 <layout class="ch.qos.logback.classic.PatternLayout">
11 11 <!--格式化输出:%d表示日期,%thread表示线程名,%-5level:级别从左显示5个字符宽度%msg:日志消息,%n是换行符 -->
12   - <pattern>%d{yyyy-MM-dd HH:mm:ss.SSS} [%thread] [%file:%line] %-5level-%msg%n
  12 + <pattern>%d{yyyy-MM-dd HH:mm:ss.SSS} [%thread] [%file:%line]
  13 + %-5level-%msg%n
13 14 </pattern>
14 15 </layout>
15 16 </appender>
... ... @@ -31,7 +32,8 @@
31 32  
32 33 <layout class="ch.qos.logback.classic.PatternLayout">
33 34 <!--格式化输出:%d表示日期,%thread表示线程名,%-5level:级别从左显示5个字符宽度%msg:日志消息,%n是换行符 -->
34   - <pattern>%d{yyyy-MM-dd HH:mm:ss.SSS} [%thread] [%file:%line] %-5level-%msg%n
  35 + <pattern>%d{yyyy-MM-dd HH:mm:ss.SSS} [%thread] [%file:%line]
  36 + %-5level-%msg%n
35 37 </pattern>
36 38 </layout>
37 39 </appender>
... ...
src/main/resources/static/bootstrap-switch/css/bootstrap3/bootstrap-switch.css
1   -/**
2   - * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches.
3   - *
4   - * @version v3.3.4
5   - * @homepage https://bttstrp.github.io/bootstrap-switch
6   - * @author Mattia Larentis <mattia@larentis.eu> (http://larentis.eu)
7   - * @license Apache-2.0
8   - */
9   -
10   -.bootstrap-switch {
11   - display: inline-block;
12   - direction: ltr;
13   - cursor: pointer;
14   - border-radius: 4px;
15   - border: 1px solid;
16   - border-color: #ccc;
17   - position: relative;
18   - text-align: left;
19   - overflow: hidden;
20   - line-height: 8px;
21   - z-index: 0;
22   - -webkit-user-select: none;
23   - -moz-user-select: none;
24   - -ms-user-select: none;
25   - user-select: none;
26   - vertical-align: middle;
27   - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
28   - -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
29   - transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
30   -}
31   -.bootstrap-switch .bootstrap-switch-container {
32   - display: inline-block;
33   - top: 0;
34   - border-radius: 4px;
35   - -webkit-transform: translate3d(0, 0, 0);
36   - transform: translate3d(0, 0, 0);
37   -}
38   -.bootstrap-switch .bootstrap-switch-handle-on,
39   -.bootstrap-switch .bootstrap-switch-handle-off,
40   -.bootstrap-switch .bootstrap-switch-label {
41   - -webkit-box-sizing: border-box;
42   - -moz-box-sizing: border-box;
43   - box-sizing: border-box;
44   - cursor: pointer;
45   - display: table-cell;
46   - vertical-align: middle;
47   - padding: 6px 12px;
48   - font-size: 14px;
49   - line-height: 20px;
50   -}
51   -.bootstrap-switch .bootstrap-switch-handle-on,
52   -.bootstrap-switch .bootstrap-switch-handle-off {
53   - text-align: center;
54   - z-index: 1;
55   -}
56   -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
57   -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
58   - color: #fff;
59   - background: #337ab7;
60   -}
61   -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
62   -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
63   - color: #fff;
64   - background: #5bc0de;
65   -}
66   -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
67   -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
68   - color: #fff;
69   - background: #5cb85c;
70   -}
71   -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
72   -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
73   - background: #f0ad4e;
74   - color: #fff;
75   -}
76   -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
77   -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
78   - color: #fff;
79   - background: #d9534f;
80   -}
81   -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
82   -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
83   - color: #000;
84   - background: #eeeeee;
85   -}
86   -.bootstrap-switch .bootstrap-switch-label {
87   - text-align: center;
88   - margin-top: -1px;
89   - margin-bottom: -1px;
90   - z-index: 100;
91   - color: #333;
92   - background: #fff;
93   -}
94   -.bootstrap-switch span::before {
95   - content: "\200b";
96   -}
97   -.bootstrap-switch .bootstrap-switch-handle-on {
98   - border-bottom-left-radius: 3px;
99   - border-top-left-radius: 3px;
100   -}
101   -.bootstrap-switch .bootstrap-switch-handle-off {
102   - border-bottom-right-radius: 3px;
103   - border-top-right-radius: 3px;
104   -}
105   -.bootstrap-switch input[type='radio'],
106   -.bootstrap-switch input[type='checkbox'] {
107   - position: absolute !important;
108   - top: 0;
109   - left: 0;
110   - margin: 0;
111   - z-index: -1;
112   - opacity: 0;
113   - filter: alpha(opacity=0);
114   - visibility: hidden;
115   -}
116   -.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
117   -.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
118   -.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
119   - padding: 1px 5px;
120   - font-size: 12px;
121   - line-height: 1.5;
122   -}
123   -.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
124   -.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
125   -.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
126   - padding: 5px 10px;
127   - font-size: 12px;
128   - line-height: 1.5;
129   -}
130   -.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
131   -.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
132   -.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
133   - padding: 6px 16px;
134   - font-size: 18px;
135   - line-height: 1.3333333;
136   -}
137   -.bootstrap-switch.bootstrap-switch-disabled,
138   -.bootstrap-switch.bootstrap-switch-readonly,
139   -.bootstrap-switch.bootstrap-switch-indeterminate {
140   - cursor: default !important;
141   -}
142   -.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
143   -.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
144   -.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
145   -.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
146   -.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
147   -.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
148   -.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
149   -.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
150   -.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
151   - opacity: 0.5;
152   - filter: alpha(opacity=50);
153   - cursor: default !important;
154   -}
155   -.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
156   - -webkit-transition: margin-left 0.5s;
157   - -o-transition: margin-left 0.5s;
158   - transition: margin-left 0.5s;
159   -}
160   -.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
161   - border-bottom-left-radius: 0;
162   - border-top-left-radius: 0;
163   - border-bottom-right-radius: 3px;
164   - border-top-right-radius: 3px;
165   -}
166   -.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
167   - border-bottom-right-radius: 0;
168   - border-top-right-radius: 0;
169   - border-bottom-left-radius: 3px;
170   - border-top-left-radius: 3px;
171   -}
172   -.bootstrap-switch.bootstrap-switch-focused {
173   - border-color: #66afe9;
174   - outline: 0;
175   - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
176   - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
177   -}
178   -.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
179   -.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
180   - border-bottom-right-radius: 3px;
181   - border-top-right-radius: 3px;
182   -}
183   -.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
184   -.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
185   - border-bottom-left-radius: 3px;
186   - border-top-left-radius: 3px;
187   -}
  1 +/**
  2 + * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches.
  3 + *
  4 + * @version v3.3.4
  5 + * @homepage https://bttstrp.github.io/bootstrap-switch
  6 + * @author Mattia Larentis <mattia@larentis.eu> (http://larentis.eu)
  7 + * @license Apache-2.0
  8 + */
  9 +.bootstrap-switch {
  10 + display: inline-block;
  11 + direction: ltr;
  12 + cursor: pointer;
  13 + border-radius: 4px;
  14 + border: 1px solid;
  15 + border-color: #ccc;
  16 + position: relative;
  17 + text-align: left;
  18 + overflow: hidden;
  19 + line-height: 8px;
  20 + z-index: 0;
  21 + -webkit-user-select: none;
  22 + -moz-user-select: none;
  23 + -ms-user-select: none;
  24 + user-select: none;
  25 + vertical-align: middle;
  26 + -webkit-transition: border-color ease-in-out .15s, box-shadow
  27 + ease-in-out .15s;
  28 + -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
  29 + .15s;
  30 + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  31 +}
  32 +
  33 +.bootstrap-switch .bootstrap-switch-container {
  34 + display: inline-block;
  35 + top: 0;
  36 + border-radius: 4px;
  37 + -webkit-transform: translate3d(0, 0, 0);
  38 + transform: translate3d(0, 0, 0);
  39 +}
  40 +
  41 +.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off,
  42 + .bootstrap-switch .bootstrap-switch-label {
  43 + -webkit-box-sizing: border-box;
  44 + -moz-box-sizing: border-box;
  45 + box-sizing: border-box;
  46 + cursor: pointer;
  47 + display: table-cell;
  48 + vertical-align: middle;
  49 + padding: 6px 12px;
  50 + font-size: 14px;
  51 + line-height: 20px;
  52 +}
  53 +
  54 +.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off
  55 + {
  56 + text-align: center;
  57 + z-index: 1;
  58 +}
  59 +
  60 +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
  61 + .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary
  62 + {
  63 + color: #fff;
  64 + background: #337ab7;
  65 +}
  66 +
  67 +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
  68 + .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  69 + color: #fff;
  70 + background: #5bc0de;
  71 +}
  72 +
  73 +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
  74 + .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success
  75 + {
  76 + color: #fff;
  77 + background: #5cb85c;
  78 +}
  79 +
  80 +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
  81 + .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning
  82 + {
  83 + background: #f0ad4e;
  84 + color: #fff;
  85 +}
  86 +
  87 +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
  88 + .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger
  89 + {
  90 + color: #fff;
  91 + background: #d9534f;
  92 +}
  93 +
  94 +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
  95 + .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default
  96 + {
  97 + color: #000;
  98 + background: #eeeeee;
  99 +}
  100 +
  101 +.bootstrap-switch .bootstrap-switch-label {
  102 + text-align: center;
  103 + margin-top: -1px;
  104 + margin-bottom: -1px;
  105 + z-index: 100;
  106 + color: #333;
  107 + background: #fff;
  108 +}
  109 +
  110 +.bootstrap-switch span::before {
  111 + content: "\200b";
  112 +}
  113 +
  114 +.bootstrap-switch .bootstrap-switch-handle-on {
  115 + border-bottom-left-radius: 3px;
  116 + border-top-left-radius: 3px;
  117 +}
  118 +
  119 +.bootstrap-switch .bootstrap-switch-handle-off {
  120 + border-bottom-right-radius: 3px;
  121 + border-top-right-radius: 3px;
  122 +}
  123 +
  124 +.bootstrap-switch input[type='radio'], .bootstrap-switch input[type='checkbox']
  125 + {
  126 + position: absolute !important;
  127 + top: 0;
  128 + left: 0;
  129 + margin: 0;
  130 + z-index: -1;
  131 + opacity: 0;
  132 + filter: alpha(opacity = 0);
  133 + visibility: hidden;
  134 +}
  135 +
  136 +.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
  137 + .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
  138 + .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  139 + padding: 1px 5px;
  140 + font-size: 12px;
  141 + line-height: 1.5;
  142 +}
  143 +
  144 +.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
  145 + .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
  146 + .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  147 + padding: 5px 10px;
  148 + font-size: 12px;
  149 + line-height: 1.5;
  150 +}
  151 +
  152 +.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
  153 + .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
  154 + .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  155 + padding: 6px 16px;
  156 + font-size: 18px;
  157 + line-height: 1.3333333;
  158 +}
  159 +
  160 +.bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly,
  161 + .bootstrap-switch.bootstrap-switch-indeterminate {
  162 + cursor: default !important;
  163 +}
  164 +
  165 +.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
  166 + .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
  167 + .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
  168 + .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
  169 + .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
  170 + .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
  171 + .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
  172 + .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
  173 + .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label
  174 + {
  175 + opacity: 0.5;
  176 + filter: alpha(opacity = 50);
  177 + cursor: default !important;
  178 +}
  179 +
  180 +.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  181 + -webkit-transition: margin-left 0.5s;
  182 + -o-transition: margin-left 0.5s;
  183 + transition: margin-left 0.5s;
  184 +}
  185 +
  186 +.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
  187 + border-bottom-left-radius: 0;
  188 + border-top-left-radius: 0;
  189 + border-bottom-right-radius: 3px;
  190 + border-top-right-radius: 3px;
  191 +}
  192 +
  193 +.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off
  194 + {
  195 + border-bottom-right-radius: 0;
  196 + border-top-right-radius: 0;
  197 + border-bottom-left-radius: 3px;
  198 + border-top-left-radius: 3px;
  199 +}
  200 +
  201 +.bootstrap-switch.bootstrap-switch-focused {
  202 + border-color: #66afe9;
  203 + outline: 0;
  204 + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
  205 + rgba(102, 175, 233, 0.6);
  206 + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
  207 + rgba(102, 175, 233, 0.6);
  208 +}
  209 +
  210 +.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
  211 + .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label
  212 + {
  213 + border-bottom-right-radius: 3px;
  214 + border-top-right-radius: 3px;
  215 +}
  216 +
  217 +.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
  218 + .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label
  219 + {
  220 + border-bottom-left-radius: 3px;
  221 + border-top-left-radius: 3px;
  222 +}
188 223 \ No newline at end of file
... ...
src/main/resources/static/bootstrap-switch/css/bootstrap3/bootstrap-switch.min.css
1   -/**
2   - * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches.
3   - *
4   - * @version v3.3.4
5   - * @homepage https://bttstrp.github.io/bootstrap-switch
6   - * @author Mattia Larentis <mattia@larentis.eu> (http://larentis.eu)
7   - * @license Apache-2.0
8   - */
9   -
10   -.bootstrap-switch{display:inline-block;direction:ltr;cursor:pointer;border-radius:4px;border:1px solid #ccc;position:relative;text-align:left;overflow:hidden;line-height:8px;z-index:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bootstrap-switch .bootstrap-switch-container{display:inline-block;top:0;border-radius:4px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-label{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:table-cell;vertical-align:middle;padding:6px 12px;font-size:14px;line-height:20px}.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on{text-align:center;z-index:1}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{color:#fff;background:#337ab7}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info{color:#fff;background:#5bc0de}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success{color:#fff;background:#5cb85c}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning{background:#f0ad4e;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger{color:#fff;background:#d9534f}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default{color:#000;background:#eee}.bootstrap-switch .bootstrap-switch-label{text-align:center;margin-top:-1px;margin-bottom:-1px;z-index:100;color:#333;background:#fff}.bootstrap-switch span::before{content:"\200b"}.bootstrap-switch .bootstrap-switch-handle-on{border-bottom-left-radius:3px;border-top-left-radius:3px}.bootstrap-switch .bootstrap-switch-handle-off{border-bottom-right-radius:3px;border-top-right-radius:3px}.bootstrap-switch input[type=radio],.bootstrap-switch input[type=checkbox]{position:absolute!important;top:0;left:0;margin:0;z-index:-1;opacity:0;filter:alpha(opacity=0);visibility:hidden}.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label{padding:1px 5px;font-size:12px;line-height:1.5}.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label{padding:5px 10px;font-size:12px;line-height:1.5}.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label{padding:6px 16px;font-size:18px;line-height:1.3333333}.bootstrap-switch.bootstrap-switch-disabled,.bootstrap-switch.bootstrap-switch-indeterminate,.bootstrap-switch.bootstrap-switch-readonly{cursor:default!important}.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label{opacity:.5;filter:alpha(opacity=50);cursor:default!important}.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container{-webkit-transition:margin-left .5s;-o-transition:margin-left .5s;transition:margin-left .5s}.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on{border-radius:0 3px 3px 0}.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off{border-radius:3px 0 0 3px}.bootstrap-switch.bootstrap-switch-focused{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label{border-bottom-right-radius:3px;border-top-right-radius:3px}.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label{border-bottom-left-radius:3px;border-top-left-radius:3px}
11 1 \ No newline at end of file
  2 +/**
  3 + * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches.
  4 + *
  5 + * @version v3.3.4
  6 + * @homepage https://bttstrp.github.io/bootstrap-switch
  7 + * @author Mattia Larentis <mattia@larentis.eu> (http://larentis.eu)
  8 + * @license Apache-2.0
  9 + */
  10 +.bootstrap-switch {
  11 + display: inline-block;
  12 + direction: ltr;
  13 + cursor: pointer;
  14 + border-radius: 4px;
  15 + border: 1px solid #ccc;
  16 + position: relative;
  17 + text-align: left;
  18 + overflow: hidden;
  19 + line-height: 8px;
  20 + z-index: 0;
  21 + -webkit-user-select: none;
  22 + -moz-user-select: none;
  23 + -ms-user-select: none;
  24 + user-select: none;
  25 + vertical-align: middle;
  26 + -webkit-transition: border-color ease-in-out .15s, box-shadow
  27 + ease-in-out .15s;
  28 + -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
  29 + .15s;
  30 + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
  31 +}
  32 +
  33 +.bootstrap-switch .bootstrap-switch-container {
  34 + display: inline-block;
  35 + top: 0;
  36 + border-radius: 4px;
  37 + -webkit-transform: translate3d(0, 0, 0);
  38 + transform: translate3d(0, 0, 0)
  39 +}
  40 +
  41 +.bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-on,
  42 + .bootstrap-switch .bootstrap-switch-label {
  43 + -webkit-box-sizing: border-box;
  44 + -moz-box-sizing: border-box;
  45 + box-sizing: border-box;
  46 + cursor: pointer;
  47 + display: table-cell;
  48 + vertical-align: middle;
  49 + padding: 6px 12px;
  50 + font-size: 14px;
  51 + line-height: 20px
  52 +}
  53 +
  54 +.bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-on
  55 + {
  56 + text-align: center;
  57 + z-index: 1
  58 +}
  59 +
  60 +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
  61 + .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary
  62 + {
  63 + color: #fff;
  64 + background: #337ab7
  65 +}
  66 +
  67 +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,
  68 + .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
  69 + color: #fff;
  70 + background: #5bc0de
  71 +}
  72 +
  73 +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,
  74 + .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success
  75 + {
  76 + color: #fff;
  77 + background: #5cb85c
  78 +}
  79 +
  80 +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,
  81 + .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning
  82 + {
  83 + background: #f0ad4e;
  84 + color: #fff
  85 +}
  86 +
  87 +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,
  88 + .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
  89 + color: #fff;
  90 + background: #d9534f
  91 +}
  92 +
  93 +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
  94 + .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default
  95 + {
  96 + color: #000;
  97 + background: #eee
  98 +}
  99 +
  100 +.bootstrap-switch .bootstrap-switch-label {
  101 + text-align: center;
  102 + margin-top: -1px;
  103 + margin-bottom: -1px;
  104 + z-index: 100;
  105 + color: #333;
  106 + background: #fff
  107 +}
  108 +
  109 +.bootstrap-switch span::before {
  110 + content: "\200b"
  111 +}
  112 +
  113 +.bootstrap-switch .bootstrap-switch-handle-on {
  114 + border-bottom-left-radius: 3px;
  115 + border-top-left-radius: 3px
  116 +}
  117 +
  118 +.bootstrap-switch .bootstrap-switch-handle-off {
  119 + border-bottom-right-radius: 3px;
  120 + border-top-right-radius: 3px
  121 +}
  122 +
  123 +.bootstrap-switch input[type=radio], .bootstrap-switch input[type=checkbox]
  124 + {
  125 + position: absolute !important;
  126 + top: 0;
  127 + left: 0;
  128 + margin: 0;
  129 + z-index: -1;
  130 + opacity: 0;
  131 + filter: alpha(opacity = 0);
  132 + visibility: hidden
  133 +}
  134 +
  135 +.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
  136 + .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
  137 + .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  138 + padding: 1px 5px;
  139 + font-size: 12px;
  140 + line-height: 1.5
  141 +}
  142 +
  143 +.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
  144 + .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
  145 + .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  146 + padding: 5px 10px;
  147 + font-size: 12px;
  148 + line-height: 1.5
  149 +}
  150 +
  151 +.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
  152 + .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
  153 + .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  154 + padding: 6px 16px;
  155 + font-size: 18px;
  156 + line-height: 1.3333333
  157 +}
  158 +
  159 +.bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-indeterminate,
  160 + .bootstrap-switch.bootstrap-switch-readonly {
  161 + cursor: default !important
  162 +}
  163 +
  164 +.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
  165 + .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
  166 + .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
  167 + .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
  168 + .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
  169 + .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label,
  170 + .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
  171 + .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
  172 + .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label {
  173 + opacity: .5;
  174 + filter: alpha(opacity = 50);
  175 + cursor: default !important
  176 +}
  177 +
  178 +.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  179 + -webkit-transition: margin-left .5s;
  180 + -o-transition: margin-left .5s;
  181 + transition: margin-left .5s
  182 +}
  183 +
  184 +.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
  185 + border-radius: 0 3px 3px 0
  186 +}
  187 +
  188 +.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off
  189 + {
  190 + border-radius: 3px 0 0 3px
  191 +}
  192 +
  193 +.bootstrap-switch.bootstrap-switch-focused {
  194 + border-color: #66afe9;
  195 + outline: 0;
  196 + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
  197 + rgba(102, 175, 233, .6);
  198 + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
  199 + rgba(102, 175, 233, .6)
  200 +}
  201 +
  202 +.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,
  203 + .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
  204 + border-bottom-right-radius: 3px;
  205 + border-top-right-radius: 3px
  206 +}
  207 +
  208 +.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,
  209 + .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
  210 + border-bottom-left-radius: 3px;
  211 + border-top-left-radius: 3px
  212 +}
12 213 \ No newline at end of file
... ...
src/main/resources/static/index.html
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   - <title>调度系统营运数据接口</title>
5   - <meta charset="utf-8">
6   - <meta http-equiv="Expires" content="0">
7   - <meta http-equiv="Pragma" content="no-cache">
8   - <meta http-equiv="Cache-control" content="no-cache">
9   - <meta http-equiv="Cache" content="no-cache">
10   - <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css">
11   - <link rel="stylesheet" href="/simple_switch/simple.switch.three.css">
12   - <style>
13   - .table-wrap {
14   - height: 500px;
15   - overflow: auto;
16   - }
17   -
18   - #line2SysListTable .Switch_FlatRadius .SwitchLine:before {
19   - content: "老系统";
20   - }
21   -
22   - #line2SysListTable .Switch_FlatRadius .SwitchLine:after {
23   - content: "新系统";
24   - }
25   -
26   - #line2SysListTable .Switch_FlatRadius {
27   - width: 118px;
28   - }
29   -
30   - #line2SysListTable .Switch_FlatRadius .SwitchButton {
31   - width: 52px;
32   - }
33   -
34   - #line2SysListTable .Switch_FlatRadius .SwitchButton:before {
35   - left: 18px;
36   - }
37   -
38   - #line2SysListTable .Switch_FlatRadius .SwitchButton:after {
39   - left: 30px;
40   - }
41   -
42   - #line2SysListTable .Switch_FlatRadius.On .SwitchButton {
43   - left: 60px;
44   - }
45   - </style>
46   -</head>
47   -
48   -<body>
49   -
50   -<div class="row" style="margin: 15px;">
51   - <div class="col-md-12 well">
52   - <h4>Available SOAP services: <a href="/webservice" target="_blank">/webservice</a></h4>
53   - <h4>WSDL: <a href="/webservice/CompanyService?wsdl" target="_blank">/webservice/CompanyService?wsdl</a></h4>
54   - </div>
55   -
56   - <div class="col-lg-4 col-md-6 col-sm-12">
57   - <div class="bs-example" data-example-id="panel-without-body-with-table">
58   - <div class="panel panel-default">
59   - <!-- Default panel contents -->
60   - <div class="panel-heading">线路清单</div>
61   - <div class="panel-body">
62   - <p style="color: #ff2727;">
63   - 屏蔽新老系统的底层数据差异,对外提供统一的数据输出
64   - </p>
65   - <p>
66   - 1、使用员工号查询数据时,系统将参考 “线路人员配置” 以确定人员所在线路。
67   - </p>
68   - <p>
69   - 2、使用公司编码查询数据时,系统将参考 “线路基础信息” 里的公司编码。
70   - </p>
71   - </div>
72   - <div class="table-wrap">
73   - <table class="table" id="line2SysListTable">
74   - <thead>
75   - <tr>
76   - <th>线路编码</th>
77   - <th>线路名称</th>
78   - <th>数据来源</th>
79   - </tr>
80   - </thead>
81   - <tbody>
82   - </tbody>
83   - </table>
84   - </div>
85   - </div>
86   - </div>
87   - </div>
88   -
89   - <div class="col-lg-8 col-md-6 col-sm-12">
90   - <div class="bs-example">
91   - <div class="panel panel-default">
92   - <div class="panel-heading">接口调试工具</div>
93   - <div style="padding: 15px;margin-top: 15px;">
94   - <form class="form-inline">
95   - <div class="form-group">
96   - <label>函数</label>
97   - <select class="form-control">
98   - <option value="returnCCInfo">returnCCInfo(获取出场班次信息)</option>
99   - <option value="returnJCInfo">returnJCInfo(获取进场班次信息)</option>
100   - </select>
101   - </div>
102   - &nbsp;
103   - <div class="form-group">
104   - <label>公司编码</label>
105   - <select class="form-control">
106   - <option value="55">55(上南)</option>
107   - <option value="22">22(金高)</option>
108   - <option value="05">05(杨高)</option>
109   - <option value="26">26(南汇)</option>
110   - </select>
111   - </div>
112   - &nbsp;
113   - <div class="form-group">
114   - <label>日期</label>
115   - <input type="date" class="form-control" style="width: 150px;" required>
116   - </div>
117   - <button type="submit" class="btn btn-primary">获取数据</button>
118   -
119   - <textarea class="form-control" rows="25" style="width: 100%;margin-top: 25px;"></textarea>
120   - </form>
121   -
122   - </div>
123   - </div>
124   - </div>
125   - </div>
126   -</div>
127   -
128   -<script id="line2sys-table-list-temp" type="text/html">
129   - {{each list as obj i}}
130   - <tr data-id="{{obj.lineCode}}" data-name="{{obj.lineName}}" {{if obj.new}}class="warning" {{/if}} >
131   - <td>{{obj.lineCode}}</td>
132   - <td>{{obj.lineName}}</td>
133   - <td>
134   - <input type="checkbox" {{if obj.new}}checked{{/if}} />
135   - </td>
136   - </tr>
137   - {{/each}}
138   -</script>
139   -
140   -<script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.min.js"></script>
141   -<script src="http://apps.bdimg.com/libs/bootstrap/3.2.0/js/bootstrap.min.js"></script>
142   -<script src="/assets/js/template.js"></script>
143   -<script src="/simple_switch/simple.switch.min.js"></script>
144   -
145   -<script>
146   -
147   - //线路清单
148   - !function () {
149   - var f = arguments.callee;
150   -/* $.get('/line2System/all', function (list) {
151   - list.sort(function (a, b) {
152   - return b.new - a.new;
153   - });
154   - var htmlStr = template('line2sys-table-list-temp', {list: list});
155   - $('#line2SysListTable tbody').html(htmlStr);
156   -
157   - $('input[type=checkbox]').simpleSwitch({
158   - "theme": "FlatRadius"
159   - });
160   -
161   - $('input[type=checkbox]').on('change', function () {
162   - var $tr = $(this).parents('tr');
163   - var data = {
164   - lineCode: $tr.data('id'),
165   - lineName: $tr.data('name'),
166   - new: this.checked
167   - }
168   -
169   - $.post('/line2System/update', data, function (rs) {
170   - var $tr = $('#line2SysListTable tr[data-id=' + rs.lineCode + ']');
171   - $tr.attr('class', rs.new ? 'warning' : '');
172   - });
173   - });
174   - });*/
175   - }();
176   -
177   -</script>
178   -</body>
  1 +<!DOCTYPE html>
  2 +<html>
  3 +<head>
  4 +<title>调度系统营运数据接口</title>
  5 +<meta charset="utf-8">
  6 +<meta http-equiv="Expires" content="0">
  7 +<meta http-equiv="Pragma" content="no-cache">
  8 +<meta http-equiv="Cache-control" content="no-cache">
  9 +<meta http-equiv="Cache" content="no-cache">
  10 +<link rel="stylesheet"
  11 + href="http://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css">
  12 +<link rel="stylesheet" href="/simple_switch/simple.switch.three.css">
  13 +<style>
  14 +.table-wrap {
  15 + height: 500px;
  16 + overflow: auto;
  17 +}
  18 +
  19 +#line2SysListTable .Switch_FlatRadius .SwitchLine:before {
  20 + content: "老系统";
  21 +}
  22 +
  23 +#line2SysListTable .Switch_FlatRadius .SwitchLine:after {
  24 + content: "新系统";
  25 +}
  26 +
  27 +#line2SysListTable .Switch_FlatRadius {
  28 + width: 118px;
  29 +}
  30 +
  31 +#line2SysListTable .Switch_FlatRadius .SwitchButton {
  32 + width: 52px;
  33 +}
  34 +
  35 +#line2SysListTable .Switch_FlatRadius .SwitchButton:before {
  36 + left: 18px;
  37 +}
  38 +
  39 +#line2SysListTable .Switch_FlatRadius .SwitchButton:after {
  40 + left: 30px;
  41 +}
  42 +
  43 +#line2SysListTable .Switch_FlatRadius.On .SwitchButton {
  44 + left: 60px;
  45 +}
  46 +</style>
  47 +</head>
  48 +
  49 +<body>
  50 +
  51 + <div class="row" style="margin: 15px;">
  52 + <div class="col-md-12 well">
  53 + <h4>
  54 + Available SOAP services: <a href="/webservice" target="_blank">/webservice</a>
  55 + </h4>
  56 + <h4>
  57 + WSDL: <a href="/webservice/CompanyService?wsdl" target="_blank">/webservice/CompanyService?wsdl</a>
  58 + </h4>
  59 + </div>
  60 +
  61 + <div class="col-lg-4 col-md-6 col-sm-12">
  62 + <div class="bs-example"
  63 + data-example-id="panel-without-body-with-table">
  64 + <div class="panel panel-default">
  65 + <!-- Default panel contents -->
  66 + <div class="panel-heading">线路清单</div>
  67 + <div class="panel-body">
  68 + <p style="color: #ff2727;">屏蔽新老系统的底层数据差异,对外提供统一的数据输出</p>
  69 + <p>1、使用员工号查询数据时,系统将参考 “线路人员配置” 以确定人员所在线路。</p>
  70 + <p>2、使用公司编码查询数据时,系统将参考 “线路基础信息” 里的公司编码。</p>
  71 + </div>
  72 + <div class="table-wrap">
  73 + <table class="table" id="line2SysListTable">
  74 + <thead>
  75 + <tr>
  76 + <th>线路编码</th>
  77 + <th>线路名称</th>
  78 + <th>数据来源</th>
  79 + </tr>
  80 + </thead>
  81 + <tbody>
  82 + </tbody>
  83 + </table>
  84 + </div>
  85 + </div>
  86 + </div>
  87 + </div>
  88 +
  89 + <div class="col-lg-8 col-md-6 col-sm-12">
  90 + <div class="bs-example">
  91 + <div class="panel panel-default">
  92 + <div class="panel-heading">接口调试工具</div>
  93 + <div style="padding: 15px; margin-top: 15px;">
  94 + <form class="form-inline">
  95 + <div class="form-group">
  96 + <label>函数</label> <select class="form-control">
  97 + <option value="returnCCInfo">returnCCInfo(获取出场班次信息)</option>
  98 + <option value="returnJCInfo">returnJCInfo(获取进场班次信息)</option>
  99 + </select>
  100 + </div>
  101 + &nbsp;
  102 + <div class="form-group">
  103 + <label>公司编码</label> <select class="form-control">
  104 + <option value="55">55(上南)</option>
  105 + <option value="22">22(金高)</option>
  106 + <option value="05">05(杨高)</option>
  107 + <option value="26">26(南汇)</option>
  108 + </select>
  109 + </div>
  110 + &nbsp;
  111 + <div class="form-group">
  112 + <label>日期</label> <input type="date" class="form-control"
  113 + style="width: 150px;" required>
  114 + </div>
  115 + <button type="submit" class="btn btn-primary">获取数据</button>
  116 +
  117 + <textarea class="form-control" rows="25"
  118 + style="width: 100%; margin-top: 25px;"></textarea>
  119 + </form>
  120 +
  121 + </div>
  122 + </div>
  123 + </div>
  124 + </div>
  125 + </div>
  126 +
  127 + <script id="line2sys-table-list-temp" type="text/html">
  128 + {{each list as obj i}}
  129 + <tr data-id="{{obj.lineCode}}" data-name="{{obj.lineName}}" {{if obj.new}}class="warning" {{/if}} >
  130 + <td>{{obj.lineCode}}</td>
  131 + <td>{{obj.lineName}}</td>
  132 + <td>
  133 + <input type="checkbox" {{if obj.new}}checked{{/if}} />
  134 + </td>
  135 + </tr>
  136 + {{/each}}
  137 +</script>
  138 +
  139 + <script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.min.js"></script>
  140 + <script
  141 + src="http://apps.bdimg.com/libs/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  142 + <script src="/assets/js/template.js"></script>
  143 + <script src="/simple_switch/simple.switch.min.js"></script>
  144 +
  145 + <script>
  146 +
  147 + //线路清单
  148 + !function () {
  149 + var f = arguments.callee;
  150 +/* $.get('/line2System/all', function (list) {
  151 + list.sort(function (a, b) {
  152 + return b.new - a.new;
  153 + });
  154 + var htmlStr = template('line2sys-table-list-temp', {list: list});
  155 + $('#line2SysListTable tbody').html(htmlStr);
  156 +
  157 + $('input[type=checkbox]').simpleSwitch({
  158 + "theme": "FlatRadius"
  159 + });
  160 +
  161 + $('input[type=checkbox]').on('change', function () {
  162 + var $tr = $(this).parents('tr');
  163 + var data = {
  164 + lineCode: $tr.data('id'),
  165 + lineName: $tr.data('name'),
  166 + new: this.checked
  167 + }
  168 +
  169 + $.post('/line2System/update', data, function (rs) {
  170 + var $tr = $('#line2SysListTable tr[data-id=' + rs.lineCode + ']');
  171 + $tr.attr('class', rs.new ? 'warning' : '');
  172 + });
  173 + });
  174 + });*/
  175 + }();
  176 +
  177 +</script>
  178 +</body>
179 179 </html>
180 180 \ No newline at end of file
... ...
src/main/resources/static/simple_switch/simple.switch.three.css
1   -
2   -* {
3   - box-sizing: border-box !important;
4   -}
5   -
6   -.Switch, .Switch * {
7   - -webkit-transition-property: all;
8   - -moz-transition-property: all;
9   - -o-transition-property: all;
10   - transition-property: all;
11   - -webkit-transition-duration: 0.2s;
12   - -moz-transition-duration: 0.2s;
13   - -o-transition-duration: 0.2s;
14   - transition-duration: 0.2s;
15   - -webkit-transition-delay: 0s;
16   - -moz-transition-delay: 0s;
17   - -o-transition-delay: 0s;
18   - transition-delay: 0s;
19   -}
20   -
21   -/*
22   -Default
23   -*/
24   -
25   -.Switch_Default {
26   - position: relative;
27   - width: 64px;
28   - height: 32px;
29   - cursor: pointer;
30   - display: inline-block;
31   - vertical-align: middle;
32   -}
33   -
34   -.Switch_Default .SwitchLine {
35   - position: absolute;
36   - width: 60px;
37   - height: 4px;
38   - left: 2px;
39   - top: 14px;
40   - z-index: 1;
41   - background-color: #dadada;
42   -}
43   -
44   -.Switch_Default .SwitchButton {
45   - position: absolute;
46   - width: 32px;
47   - height: 32px;
48   - left: 0;
49   - top: 0;
50   - z-index: 2;
51   - background-color: #dadada;
52   - border-radius: 32px;
53   -}
54   -
55   -.Switch_Default.On .SwitchLine {
56   - background-color: #00c0ff;
57   -}
58   -
59   -.Switch_Default.On .SwitchButton {
60   - left: 32px;
61   - background-color: #00c0ff;
62   -}
63   -
64   -.Switch_Default.On .SwitchButton {
65   - left: 32px;
66   - background-color: #00c0ff;
67   -}
68   -
69   -.Switch_Default.Disabled {
70   - opacity: 0.3;
71   -}
72   -
73   -.Switch_Default.Disabled .SwitchButton {
74   - /*opacity:0.5;*/
75   -}
76   -
77   -.Switch_Default.On.Disabled .SwitchLine {
78   - /*opacity:0.5;*/
79   -}
80   -
81   -/* DefaultMin */
82   -.Switch_DefaultMin {
83   - position: relative;
84   - width: 48px;
85   - height: 24px;
86   - cursor: pointer;
87   - display: inline-block;
88   - vertical-align: middle;
89   -}
90   -
91   -.Switch_DefaultMin .SwitchLine {
92   - position: absolute;
93   - width: 44px;
94   - height: 2px;
95   - left: 2px;
96   - top: 11px;
97   - z-index: 1;
98   - background-color: #dadada;
99   -}
100   -
101   -.Switch_DefaultMin .SwitchButton {
102   - position: absolute;
103   - width: 24px;
104   - height: 24px;
105   - left: 0;
106   - top: 0;
107   - z-index: 2;
108   - background-color: #dadada;
109   - border-radius: 24px;
110   -}
111   -
112   -.Switch_DefaultMin.On .SwitchLine {
113   - background-color: #00c0ff;
114   -}
115   -
116   -.Switch_DefaultMin.On .SwitchButton {
117   - left: 24px;
118   - background-color: #00c0ff;
119   -}
120   -
121   -.Switch_DefaultMin.Disabled {
122   - opacity: 0.3;
123   -}
124   -
125   -.Switch_DefaultMin.Disabled .SwitchButton {
126   - /*opacity:0.5;*/
127   -}
128   -
129   -.Switch_DefaultMin.On.Disabled .SwitchLine {
130   - /*opacity:0.5;*/
131   -}
132   -
133   -/* Flat */
134   -.Switch_Flat {
135   - position: relative;
136   - width: 100px;
137   - height: 40px;
138   - cursor: pointer;
139   - display: inline-block;
140   - vertical-align: middle;
141   - background-color: #f5a5a6;
142   -}
143   -
144   -.Switch_Flat .SwitchLine:before {
145   - position: absolute;
146   - content: "OFF";
147   - color: #fff;
148   - left: 60px;
149   - top: 9px;
150   -}
151   -
152   -.Switch_Flat .SwitchLine:after {
153   - position: absolute;
154   - content: "ON";
155   - color: #fff;
156   - left: 15px;
157   - top: 9px;
158   -}
159   -
160   -.Switch_Flat .SwitchButton {
161   - position: absolute;
162   - width: 45px;
163   - height: 30px;
164   - left: 5px;
165   - top: 5px;
166   - z-index: 2;
167   - background-color: #fff;
168   -}
169   -
170   -.Switch_Flat .SwitchButton:before {
171   - position: absolute;
172   - content: "";
173   - width: 4px;
174   - height: 16px;
175   - left: 15px;
176   - top: 7px;
177   - background-color: #f5a5a6;
178   -}
179   -
180   -.Switch_Flat .SwitchButton:after {
181   - position: absolute;
182   - content: "";
183   - width: 4px;
184   - height: 16px;
185   - left: 26px;
186   - top: 7px;
187   - background-color: #f5a5a6;
188   -}
189   -
190   -.Switch_Flat.On {
191   - background-color: #a7cce9;
192   -}
193   -
194   -.Switch_Flat.On .SwitchLine {
195   -}
196   -
197   -.Switch_Flat.On .SwitchButton {
198   - left: 50px;
199   -}
200   -
201   -.Switch_Flat.On .SwitchButton:after, .Switch_Flat.On .SwitchButton:before {
202   - background-color: #a7cce9;
203   -}
204   -
205   -.Switch_Flat.Disabled {
206   - opacity: 0.3;
207   -}
208   -
209   -.Switch_Flat.Disabled .SwitchButton {
210   - /*opacity:0.5;*/
211   -}
212   -
213   -.Switch_Flat.On.Disabled .SwitchLine {
214   - /*opacity:0.5;*/
215   -}
216   -
217   -/* FlatRadius */
218   -.Switch_FlatRadius {
219   - position: relative;
220   - width: 100px;
221   - height: 40px;
222   - cursor: pointer;
223   - display: inline-block;
224   - vertical-align: middle;
225   - background-color: #f5a5a6;
226   - border-radius: 4px;
227   -}
228   -
229   -.Switch_FlatRadius .SwitchLine:before {
230   - position: absolute;
231   - content: "OFF";
232   - color: #fff;
233   - left: 60px;
234   - top: 9px;
235   -}
236   -
237   -.Switch_FlatRadius .SwitchLine:after {
238   - position: absolute;
239   - content: "ON";
240   - color: #fff;
241   - left: 15px;
242   - top: 9px;
243   -}
244   -
245   -.Switch_FlatRadius .SwitchButton {
246   - position: absolute;
247   - width: 45px;
248   - height: 30px;
249   - left: 5px;
250   - top: 5px;
251   - z-index: 2;
252   - background-color: #fff;
253   - border-radius: 4px;
254   -}
255   -
256   -.Switch_FlatRadius .SwitchButton:before {
257   - position: absolute;
258   - content: "";
259   - width: 4px;
260   - height: 16px;
261   - left: 15px;
262   - top: 7px;
263   - background-color: #f5a5a6;
264   -}
265   -
266   -.Switch_FlatRadius .SwitchButton:after {
267   - position: absolute;
268   - content: "";
269   - width: 4px;
270   - height: 16px;
271   - left: 26px;
272   - top: 7px;
273   - background-color: #f5a5a6;
274   -}
275   -
276   -.Switch_FlatRadius.On {
277   - background-color: #a7cce9;
278   -}
279   -
280   -.Switch_FlatRadius.On .SwitchLine {
281   -}
282   -
283   -.Switch_FlatRadius.On .SwitchButton {
284   - left: 50px;
285   -}
286   -
287   -.Switch_FlatRadius.On .SwitchButton:after, .Switch_FlatRadius.On .SwitchButton:before {
288   - background-color: #a7cce9;
289   -}
290   -
291   -.Switch_FlatRadius.Disabled {
292   - opacity: 0.3;
293   -}
294   -
295   -.Switch_FlatRadius.Disabled .SwitchButton {
296   - /*opacity:0.5;*/
297   -}
298   -
299   -.Switch_FlatRadius.On.Disabled .SwitchLine {
300   - /*opacity:0.5;*/
301   -}
302   -
303   -/* FlatCircular */
304   -.Switch_FlatCircular {
305   - position: relative;
306   - width: 100px;
307   - height: 40px;
308   - cursor: pointer;
309   - display: inline-block;
310   - vertical-align: middle;
311   - background-color: #f5a5a6;
312   - border-radius: 20px;
313   -}
314   -
315   -.Switch_FlatCircular .SwitchLine:before {
316   - position: absolute;
317   - content: "OFF";
318   - color: #fff;
319   - left: 60px;
320   - top: 9px;
321   -}
322   -
323   -.Switch_FlatCircular .SwitchLine:after {
324   - position: absolute;
325   - content: "ON";
326   - color: #fff;
327   - left: 15px;
328   - top: 9px;
329   -}
330   -
331   -.Switch_FlatCircular .SwitchButton {
332   - position: absolute;
333   - width: 46px;
334   - height: 46px;
335   - left: -3px;
336   - top: -3px;
337   - z-index: 2;
338   - background-color: #fff;
339   - border-radius: 45px;
340   - border: 1px solid #f5a5a6;
341   -}
342   -
343   -.Switch_FlatCircular.On {
344   - background-color: #a7cce9;
345   -}
346   -
347   -.Switch_FlatCircular.On .SwitchLine {
348   -}
349   -
350   -.Switch_FlatCircular.On .SwitchButton {
351   - border: 1px solid #a7cce9;
352   - left: 57px;
353   -}
354   -
355   -.Switch_FlatCircular.On .SwitchButton:after, .Switch_FlatCircular.On .SwitchButton:before {
356   - background-color: #a7cce9;
357   -}
358   -
359   -.Switch_FlatCircular.Disabled {
360   - opacity: 0.3;
361   -}
362   -
363   -.Switch_FlatCircular.Disabled .SwitchButton {
364   - /*opacity:0.5;*/
365   -}
366   -
367   -.Switch_FlatCircular.On.Disabled .SwitchLine {
368   - /*opacity:0.5;*/
369   -}
370   -
371   -/* Green */
372   -.Switch_Green {
373   - position: relative;
374   - width: 100px;
375   - height: 40px;
376   - cursor: pointer;
377   - display: inline-block;
378   - vertical-align: middle;
379   - background-color: #b4aa9f;
380   - border-radius: 20px;
381   -}
382   -
383   -.Switch_Green .SwitchLine:before {
384   - position: absolute;
385   - content: "\f00d";
386   - color: #fff3e3;
387   - left: 62px;
388   - top: 8px;
389   - /*font-awesome*/
390   - font: normal normal normal 14px/1 FontAwesome !important;
391   - font-size: 25px !important;
392   -}
393   -
394   -.Switch_Green .SwitchLine:after {
395   - position: absolute;
396   - content: "\f00c";
397   - color: #fff3e3;
398   - left: 15px;
399   - top: 8px;
400   - /*font-awesome*/
401   - font: normal normal normal 14px/1 FontAwesome !important;
402   - font-size: 25px !important;
403   -}
404   -
405   -.Switch_Green .SwitchButton {
406   - position: absolute;
407   - width: 46px;
408   - height: 46px;
409   - left: -3px;
410   - top: -3px;
411   - z-index: 2;
412   - background-color: #fff3e3;
413   - border-radius: 45px;
414   - border: 3px solid #b4aa9f;
415   -}
416   -
417   -.Switch_Green.On {
418   - background-color: #6ebf5f;
419   -}
420   -
421   -.Switch_Green.On .SwitchLine {
422   -}
423   -
424   -.Switch_Green.On .SwitchButton {
425   - border: 3px solid #6ebf5f;
426   - left: 57px;
427   -}
428   -
429   -.Switch_Green.On .SwitchButton:after, .Switch_Green.On .SwitchButton:before {
430   - background-color: #a7cce9;
431   -}
432   -
433   -.Switch_Green.Disabled {
434   - opacity: 0.3;
435   -}
436   -
437   -.Switch_Green.Disabled .SwitchButton {
438   - /*opacity:0.5;*/
439   -}
440   -
441   -.Switch_Green.On.Disabled .SwitchLine {
442   - /*opacity:0.5;*/
443   -}
444   -
445   -
446   -
447   -
448   -/* Icon */
449   -.Switch_Icon {
450   - position: relative;
451   - width: 90px;
452   - height: 50px;
453   - cursor: pointer;
454   - display: inline-block;
455   - vertical-align: middle;
456   - border-radius: 30px;
457   - border: 6px solid #fff;
458   - margin: 0 38px;
459   -}
460   -
461   -.Switch_Icon .SwitchLine:before {
462   - position: absolute;
463   - content: "\f1e3";
464   - color: #1b5a95;
465   - left: 96px;
466   - top: 8px;
467   - /*font-awesome*/
468   - font: normal normal normal 14px/1 FontAwesome !important;
469   - font-size: 25px !important;
470   -}
471   -
472   -.Switch_Icon .SwitchLine:after {
473   - position: absolute;
474   - content: "\f1db";
475   - color: #fff;
476   - left: -42px;
477   - top: 8px;
478   - /*font-awesome*/
479   - font: normal normal normal 14px/1 FontAwesome !important;
480   - font-size: 25px !important;
481   -}
482   -
483   -.Switch_Icon .SwitchButton {
484   - position: absolute;
485   - width: 26px;
486   - height: 26px;
487   - left: 6px;
488   - top: 6px;
489   - z-index: 2;
490   - background-color: #fff;
491   - border-radius: 26px;
492   -}
493   -
494   -.Switch_Icon.On {
495   -}
496   -
497   -.Switch_Icon.On .SwitchLine {
498   -}
499   -
500   -.Switch_Icon.On .SwitchButton {
501   - left: 48px;
502   -}
503   -
504   -.Switch_Icon.On .SwitchLine:after{
505   - color: #1b5a95;
506   -}
507   -
508   -.Switch_Icon.On .SwitchLine:before {
509   - color: #fff;
510   -}
511   -
512   -.Switch_Icon.Disabled {
513   - opacity: 0.3;
514   -}
515   -
516   -.Switch_Icon.Disabled .SwitchButton {
517   - /*opacity:0.5;*/
518   -}
519   -
520   -.Switch_Icon.On.Disabled .SwitchLine {
521   - /*opacity:0.5;*/
  1 +* {
  2 + box-sizing: border-box !important;
  3 +}
  4 +
  5 +.Switch, .Switch * {
  6 + -webkit-transition-property: all;
  7 + -moz-transition-property: all;
  8 + -o-transition-property: all;
  9 + transition-property: all;
  10 + -webkit-transition-duration: 0.2s;
  11 + -moz-transition-duration: 0.2s;
  12 + -o-transition-duration: 0.2s;
  13 + transition-duration: 0.2s;
  14 + -webkit-transition-delay: 0s;
  15 + -moz-transition-delay: 0s;
  16 + -o-transition-delay: 0s;
  17 + transition-delay: 0s;
  18 +}
  19 +
  20 +/*
  21 +Default
  22 +*/
  23 +.Switch_Default {
  24 + position: relative;
  25 + width: 64px;
  26 + height: 32px;
  27 + cursor: pointer;
  28 + display: inline-block;
  29 + vertical-align: middle;
  30 +}
  31 +
  32 +.Switch_Default .SwitchLine {
  33 + position: absolute;
  34 + width: 60px;
  35 + height: 4px;
  36 + left: 2px;
  37 + top: 14px;
  38 + z-index: 1;
  39 + background-color: #dadada;
  40 +}
  41 +
  42 +.Switch_Default .SwitchButton {
  43 + position: absolute;
  44 + width: 32px;
  45 + height: 32px;
  46 + left: 0;
  47 + top: 0;
  48 + z-index: 2;
  49 + background-color: #dadada;
  50 + border-radius: 32px;
  51 +}
  52 +
  53 +.Switch_Default.On .SwitchLine {
  54 + background-color: #00c0ff;
  55 +}
  56 +
  57 +.Switch_Default.On .SwitchButton {
  58 + left: 32px;
  59 + background-color: #00c0ff;
  60 +}
  61 +
  62 +.Switch_Default.On .SwitchButton {
  63 + left: 32px;
  64 + background-color: #00c0ff;
  65 +}
  66 +
  67 +.Switch_Default.Disabled {
  68 + opacity: 0.3;
  69 +}
  70 +
  71 +.Switch_Default.Disabled .SwitchButton {
  72 + /*opacity:0.5;*/
  73 +
  74 +}
  75 +
  76 +.Switch_Default.On.Disabled .SwitchLine {
  77 + /*opacity:0.5;*/
  78 +
  79 +}
  80 +
  81 +/* DefaultMin */
  82 +.Switch_DefaultMin {
  83 + position: relative;
  84 + width: 48px;
  85 + height: 24px;
  86 + cursor: pointer;
  87 + display: inline-block;
  88 + vertical-align: middle;
  89 +}
  90 +
  91 +.Switch_DefaultMin .SwitchLine {
  92 + position: absolute;
  93 + width: 44px;
  94 + height: 2px;
  95 + left: 2px;
  96 + top: 11px;
  97 + z-index: 1;
  98 + background-color: #dadada;
  99 +}
  100 +
  101 +.Switch_DefaultMin .SwitchButton {
  102 + position: absolute;
  103 + width: 24px;
  104 + height: 24px;
  105 + left: 0;
  106 + top: 0;
  107 + z-index: 2;
  108 + background-color: #dadada;
  109 + border-radius: 24px;
  110 +}
  111 +
  112 +.Switch_DefaultMin.On .SwitchLine {
  113 + background-color: #00c0ff;
  114 +}
  115 +
  116 +.Switch_DefaultMin.On .SwitchButton {
  117 + left: 24px;
  118 + background-color: #00c0ff;
  119 +}
  120 +
  121 +.Switch_DefaultMin.Disabled {
  122 + opacity: 0.3;
  123 +}
  124 +
  125 +.Switch_DefaultMin.Disabled .SwitchButton {
  126 + /*opacity:0.5;*/
  127 +
  128 +}
  129 +
  130 +.Switch_DefaultMin.On.Disabled .SwitchLine {
  131 + /*opacity:0.5;*/
  132 +
  133 +}
  134 +
  135 +/* Flat */
  136 +.Switch_Flat {
  137 + position: relative;
  138 + width: 100px;
  139 + height: 40px;
  140 + cursor: pointer;
  141 + display: inline-block;
  142 + vertical-align: middle;
  143 + background-color: #f5a5a6;
  144 +}
  145 +
  146 +.Switch_Flat .SwitchLine:before {
  147 + position: absolute;
  148 + content: "OFF";
  149 + color: #fff;
  150 + left: 60px;
  151 + top: 9px;
  152 +}
  153 +
  154 +.Switch_Flat .SwitchLine:after {
  155 + position: absolute;
  156 + content: "ON";
  157 + color: #fff;
  158 + left: 15px;
  159 + top: 9px;
  160 +}
  161 +
  162 +.Switch_Flat .SwitchButton {
  163 + position: absolute;
  164 + width: 45px;
  165 + height: 30px;
  166 + left: 5px;
  167 + top: 5px;
  168 + z-index: 2;
  169 + background-color: #fff;
  170 +}
  171 +
  172 +.Switch_Flat .SwitchButton:before {
  173 + position: absolute;
  174 + content: "";
  175 + width: 4px;
  176 + height: 16px;
  177 + left: 15px;
  178 + top: 7px;
  179 + background-color: #f5a5a6;
  180 +}
  181 +
  182 +.Switch_Flat .SwitchButton:after {
  183 + position: absolute;
  184 + content: "";
  185 + width: 4px;
  186 + height: 16px;
  187 + left: 26px;
  188 + top: 7px;
  189 + background-color: #f5a5a6;
  190 +}
  191 +
  192 +.Switch_Flat.On {
  193 + background-color: #a7cce9;
  194 +}
  195 +
  196 +.Switch_Flat.On .SwitchLine {
  197 +
  198 +}
  199 +
  200 +.Switch_Flat.On .SwitchButton {
  201 + left: 50px;
  202 +}
  203 +
  204 +.Switch_Flat.On .SwitchButton:after, .Switch_Flat.On .SwitchButton:before
  205 + {
  206 + background-color: #a7cce9;
  207 +}
  208 +
  209 +.Switch_Flat.Disabled {
  210 + opacity: 0.3;
  211 +}
  212 +
  213 +.Switch_Flat.Disabled .SwitchButton {
  214 + /*opacity:0.5;*/
  215 +
  216 +}
  217 +
  218 +.Switch_Flat.On.Disabled .SwitchLine {
  219 + /*opacity:0.5;*/
  220 +
  221 +}
  222 +
  223 +/* FlatRadius */
  224 +.Switch_FlatRadius {
  225 + position: relative;
  226 + width: 100px;
  227 + height: 40px;
  228 + cursor: pointer;
  229 + display: inline-block;
  230 + vertical-align: middle;
  231 + background-color: #f5a5a6;
  232 + border-radius: 4px;
  233 +}
  234 +
  235 +.Switch_FlatRadius .SwitchLine:before {
  236 + position: absolute;
  237 + content: "OFF";
  238 + color: #fff;
  239 + left: 60px;
  240 + top: 9px;
  241 +}
  242 +
  243 +.Switch_FlatRadius .SwitchLine:after {
  244 + position: absolute;
  245 + content: "ON";
  246 + color: #fff;
  247 + left: 15px;
  248 + top: 9px;
  249 +}
  250 +
  251 +.Switch_FlatRadius .SwitchButton {
  252 + position: absolute;
  253 + width: 45px;
  254 + height: 30px;
  255 + left: 5px;
  256 + top: 5px;
  257 + z-index: 2;
  258 + background-color: #fff;
  259 + border-radius: 4px;
  260 +}
  261 +
  262 +.Switch_FlatRadius .SwitchButton:before {
  263 + position: absolute;
  264 + content: "";
  265 + width: 4px;
  266 + height: 16px;
  267 + left: 15px;
  268 + top: 7px;
  269 + background-color: #f5a5a6;
  270 +}
  271 +
  272 +.Switch_FlatRadius .SwitchButton:after {
  273 + position: absolute;
  274 + content: "";
  275 + width: 4px;
  276 + height: 16px;
  277 + left: 26px;
  278 + top: 7px;
  279 + background-color: #f5a5a6;
  280 +}
  281 +
  282 +.Switch_FlatRadius.On {
  283 + background-color: #a7cce9;
  284 +}
  285 +
  286 +.Switch_FlatRadius.On .SwitchLine {
  287 +
  288 +}
  289 +
  290 +.Switch_FlatRadius.On .SwitchButton {
  291 + left: 50px;
  292 +}
  293 +
  294 +.Switch_FlatRadius.On .SwitchButton:after, .Switch_FlatRadius.On .SwitchButton:before
  295 + {
  296 + background-color: #a7cce9;
  297 +}
  298 +
  299 +.Switch_FlatRadius.Disabled {
  300 + opacity: 0.3;
  301 +}
  302 +
  303 +.Switch_FlatRadius.Disabled .SwitchButton {
  304 + /*opacity:0.5;*/
  305 +
  306 +}
  307 +
  308 +.Switch_FlatRadius.On.Disabled .SwitchLine {
  309 + /*opacity:0.5;*/
  310 +
  311 +}
  312 +
  313 +/* FlatCircular */
  314 +.Switch_FlatCircular {
  315 + position: relative;
  316 + width: 100px;
  317 + height: 40px;
  318 + cursor: pointer;
  319 + display: inline-block;
  320 + vertical-align: middle;
  321 + background-color: #f5a5a6;
  322 + border-radius: 20px;
  323 +}
  324 +
  325 +.Switch_FlatCircular .SwitchLine:before {
  326 + position: absolute;
  327 + content: "OFF";
  328 + color: #fff;
  329 + left: 60px;
  330 + top: 9px;
  331 +}
  332 +
  333 +.Switch_FlatCircular .SwitchLine:after {
  334 + position: absolute;
  335 + content: "ON";
  336 + color: #fff;
  337 + left: 15px;
  338 + top: 9px;
  339 +}
  340 +
  341 +.Switch_FlatCircular .SwitchButton {
  342 + position: absolute;
  343 + width: 46px;
  344 + height: 46px;
  345 + left: -3px;
  346 + top: -3px;
  347 + z-index: 2;
  348 + background-color: #fff;
  349 + border-radius: 45px;
  350 + border: 1px solid #f5a5a6;
  351 +}
  352 +
  353 +.Switch_FlatCircular.On {
  354 + background-color: #a7cce9;
  355 +}
  356 +
  357 +.Switch_FlatCircular.On .SwitchLine {
  358 +
  359 +}
  360 +
  361 +.Switch_FlatCircular.On .SwitchButton {
  362 + border: 1px solid #a7cce9;
  363 + left: 57px;
  364 +}
  365 +
  366 +.Switch_FlatCircular.On .SwitchButton:after, .Switch_FlatCircular.On .SwitchButton:before
  367 + {
  368 + background-color: #a7cce9;
  369 +}
  370 +
  371 +.Switch_FlatCircular.Disabled {
  372 + opacity: 0.3;
  373 +}
  374 +
  375 +.Switch_FlatCircular.Disabled .SwitchButton {
  376 + /*opacity:0.5;*/
  377 +
  378 +}
  379 +
  380 +.Switch_FlatCircular.On.Disabled .SwitchLine {
  381 + /*opacity:0.5;*/
  382 +
  383 +}
  384 +
  385 +/* Green */
  386 +.Switch_Green {
  387 + position: relative;
  388 + width: 100px;
  389 + height: 40px;
  390 + cursor: pointer;
  391 + display: inline-block;
  392 + vertical-align: middle;
  393 + background-color: #b4aa9f;
  394 + border-radius: 20px;
  395 +}
  396 +
  397 +.Switch_Green .SwitchLine:before {
  398 + position: absolute;
  399 + content: "\f00d";
  400 + color: #fff3e3;
  401 + left: 62px;
  402 + top: 8px;
  403 + /*font-awesome*/
  404 + font: normal normal normal 14px/1 FontAwesome !important;
  405 + font-size: 25px !important;
  406 +}
  407 +
  408 +.Switch_Green .SwitchLine:after {
  409 + position: absolute;
  410 + content: "\f00c";
  411 + color: #fff3e3;
  412 + left: 15px;
  413 + top: 8px;
  414 + /*font-awesome*/
  415 + font: normal normal normal 14px/1 FontAwesome !important;
  416 + font-size: 25px !important;
  417 +}
  418 +
  419 +.Switch_Green .SwitchButton {
  420 + position: absolute;
  421 + width: 46px;
  422 + height: 46px;
  423 + left: -3px;
  424 + top: -3px;
  425 + z-index: 2;
  426 + background-color: #fff3e3;
  427 + border-radius: 45px;
  428 + border: 3px solid #b4aa9f;
  429 +}
  430 +
  431 +.Switch_Green.On {
  432 + background-color: #6ebf5f;
  433 +}
  434 +
  435 +.Switch_Green.On .SwitchLine {
  436 +
  437 +}
  438 +
  439 +.Switch_Green.On .SwitchButton {
  440 + border: 3px solid #6ebf5f;
  441 + left: 57px;
  442 +}
  443 +
  444 +.Switch_Green.On .SwitchButton:after, .Switch_Green.On .SwitchButton:before
  445 + {
  446 + background-color: #a7cce9;
  447 +}
  448 +
  449 +.Switch_Green.Disabled {
  450 + opacity: 0.3;
  451 +}
  452 +
  453 +.Switch_Green.Disabled .SwitchButton {
  454 + /*opacity:0.5;*/
  455 +
  456 +}
  457 +
  458 +.Switch_Green.On.Disabled .SwitchLine {
  459 + /*opacity:0.5;*/
  460 +
  461 +}
  462 +
  463 +/* Icon */
  464 +.Switch_Icon {
  465 + position: relative;
  466 + width: 90px;
  467 + height: 50px;
  468 + cursor: pointer;
  469 + display: inline-block;
  470 + vertical-align: middle;
  471 + border-radius: 30px;
  472 + border: 6px solid #fff;
  473 + margin: 0 38px;
  474 +}
  475 +
  476 +.Switch_Icon .SwitchLine:before {
  477 + position: absolute;
  478 + content: "\f1e3";
  479 + color: #1b5a95;
  480 + left: 96px;
  481 + top: 8px;
  482 + /*font-awesome*/
  483 + font: normal normal normal 14px/1 FontAwesome !important;
  484 + font-size: 25px !important;
  485 +}
  486 +
  487 +.Switch_Icon .SwitchLine:after {
  488 + position: absolute;
  489 + content: "\f1db";
  490 + color: #fff;
  491 + left: -42px;
  492 + top: 8px;
  493 + /*font-awesome*/
  494 + font: normal normal normal 14px/1 FontAwesome !important;
  495 + font-size: 25px !important;
  496 +}
  497 +
  498 +.Switch_Icon .SwitchButton {
  499 + position: absolute;
  500 + width: 26px;
  501 + height: 26px;
  502 + left: 6px;
  503 + top: 6px;
  504 + z-index: 2;
  505 + background-color: #fff;
  506 + border-radius: 26px;
  507 +}
  508 +
  509 +.Switch_Icon.On {
  510 +
  511 +}
  512 +
  513 +.Switch_Icon.On .SwitchLine {
  514 +
  515 +}
  516 +
  517 +.Switch_Icon.On .SwitchButton {
  518 + left: 48px;
  519 +}
  520 +
  521 +.Switch_Icon.On .SwitchLine:after {
  522 + color: #1b5a95;
  523 +}
  524 +
  525 +.Switch_Icon.On .SwitchLine:before {
  526 + color: #fff;
  527 +}
  528 +
  529 +.Switch_Icon.Disabled {
  530 + opacity: 0.3;
  531 +}
  532 +
  533 +.Switch_Icon.Disabled .SwitchButton {
  534 + /*opacity:0.5;*/
  535 +
  536 +}
  537 +
  538 +.Switch_Icon.On.Disabled .SwitchLine {
  539 + /*opacity:0.5;*/
  540 +
522 541 }
523 542 \ No newline at end of file
... ...