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,7 +9,8 @@
9 9
10 <layout class="ch.qos.logback.classic.PatternLayout"> 10 <layout class="ch.qos.logback.classic.PatternLayout">
11 <!--格式化输出:%d表示日期,%thread表示线程名,%-5level:级别从左显示5个字符宽度%msg:日志消息,%n是换行符 --> 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 </pattern> 14 </pattern>
14 </layout> 15 </layout>
15 </appender> 16 </appender>
@@ -31,7 +32,8 @@ @@ -31,7 +32,8 @@
31 32
32 <layout class="ch.qos.logback.classic.PatternLayout"> 33 <layout class="ch.qos.logback.classic.PatternLayout">
33 <!--格式化输出:%d表示日期,%thread表示线程名,%-5level:级别从左显示5个字符宽度%msg:日志消息,%n是换行符 --> 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 </pattern> 37 </pattern>
36 </layout> 38 </layout>
37 </appender> 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 \ No newline at end of file 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 \ No newline at end of file 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 \ No newline at end of file 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 </html> 179 </html>
180 \ No newline at end of file 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 \ No newline at end of file 542 \ No newline at end of file