Commit 080a01e516d43956d749cad23a9cc6b54f79c5a1
1 parent
1fea0eae
集合平台
Showing
3 changed files
with
50 additions
and
42 deletions
css/index.css
... | ... | @@ -12,7 +12,7 @@ header{ |
12 | 12 | /*background-color: #1a222c;*/ |
13 | 13 | } |
14 | 14 | .index_topbar{ |
15 | - width: 1160px; | |
15 | + width: 1200px; | |
16 | 16 | height: 80px; |
17 | 17 | margin: 0 auto; |
18 | 18 | /*overflow: hidden;*/ |
... | ... | @@ -61,7 +61,6 @@ header{ |
61 | 61 | /*登录后*/ |
62 | 62 | .topbar_userMsg{ |
63 | 63 | display: none; |
64 | - margin-right: 26px; | |
65 | 64 | color: #fff; |
66 | 65 | font-size: 14px; |
67 | 66 | padding-left: 48px; |
... | ... | @@ -1213,59 +1212,77 @@ header{ |
1213 | 1212 | margin-top: -222px; |
1214 | 1213 | |
1215 | 1214 | } |
1216 | -.silde-wrap li:nth-of-type(1){ | |
1215 | +.parking-wrap{ | |
1217 | 1216 | width: 1200px; |
1218 | 1217 | height: 444px; |
1219 | 1218 | background:url("../img/silde-wrap1-icon.png") no-repeat ; |
1220 | 1219 | cursor: pointer; |
1221 | 1220 | position: relative; |
1222 | 1221 | } |
1223 | -.silde-wrap li:nth-of-type(2){ | |
1222 | +.platform-wrap{ | |
1224 | 1223 | width: 1200px; |
1225 | 1224 | height: 444px; |
1226 | 1225 | background:url("../img/silde-wrap2-icon.png") no-repeat ; |
1227 | 1226 | cursor: pointer; |
1228 | 1227 | position: relative; |
1229 | 1228 | } |
1230 | -.silde-wrap li:nth-of-type(3){ | |
1229 | +.api-wrap{ | |
1231 | 1230 | width: 1200px; |
1232 | 1231 | height: 444px; |
1233 | 1232 | background:url("../img/silde-wrap3-icon.png") no-repeat ; |
1234 | 1233 | cursor: pointer; |
1235 | 1234 | position: relative; |
1236 | 1235 | } |
1237 | -.silde-wrap li:nth-of-type(1) div{ | |
1236 | +.parking-wrap div,.platform-wrap div,.api-wrap div{ | |
1238 | 1237 | font-size:24px; |
1239 | 1238 | font-weight:600; |
1240 | 1239 | color:rgba(255,255,255,1); |
1241 | 1240 | } |
1242 | -.silde-wrap li:nth-of-type(1) div:nth-of-type(1){ | |
1241 | +.parking-wrap div:nth-of-type(1){ | |
1243 | 1242 | position: absolute; |
1244 | 1243 | left: 87px; |
1245 | 1244 | top: 300px; |
1246 | 1245 | } |
1247 | -.silde-wrap li:nth-of-type(1) div:nth-of-type(2){ | |
1246 | +.parking-wrap div:nth-of-type(2){ | |
1248 | 1247 | position: absolute; |
1249 | 1248 | left: 1012px; |
1250 | 1249 | top: 162px; |
1251 | 1250 | } |
1252 | -.silde-wrap li:nth-of-type(1) div:nth-of-type(3){ | |
1251 | +.parking-wrap div:nth-of-type(3){ | |
1253 | 1252 | position: absolute; |
1254 | 1253 | left: 1012px; |
1255 | 1254 | top: 387px; |
1256 | 1255 | } |
1257 | -/*.silde-wrap li:nth-of-type(2){*/ | |
1258 | - /*width: 1200px;*/ | |
1259 | - /*height: 444px;*/ | |
1260 | - /*background-color: #ff0;*/ | |
1261 | - /*cursor: pointer;*/ | |
1262 | -/*}*/ | |
1263 | -/*.silde-wrap li:nth-of-type(3){*/ | |
1264 | - /*width: 1200px;*/ | |
1265 | - /*height: 444px;*/ | |
1266 | - /*background-color: #f0f;*/ | |
1267 | - /*cursor: pointer;*/ | |
1268 | -/*}*/ | |
1256 | +.platform-wrap div:nth-of-type(1){ | |
1257 | + position: absolute; | |
1258 | + left: 87px; | |
1259 | + top: 160px; | |
1260 | +} | |
1261 | +.platform-wrap div:nth-of-type(2){ | |
1262 | + position: absolute; | |
1263 | + left: 87px; | |
1264 | + top: 390px; | |
1265 | +} | |
1266 | +.platform-wrap div:nth-of-type(3){ | |
1267 | + position: absolute; | |
1268 | + left: 1012px; | |
1269 | + top: 327px; | |
1270 | +} | |
1271 | +.api-wrap div:nth-of-type(1){ | |
1272 | + position: absolute; | |
1273 | + left: 87px; | |
1274 | + top: 350px; | |
1275 | +} | |
1276 | +.api-wrap div:nth-of-type(2){ | |
1277 | + position: absolute; | |
1278 | + left: 1012px; | |
1279 | + top: 170px; | |
1280 | +} | |
1281 | +.api-wrap div:nth-of-type(3){ | |
1282 | + position: absolute; | |
1283 | + left: 1012px; | |
1284 | + top: 390px; | |
1285 | +} | |
1269 | 1286 | /*底部_______________________________________________*/ |
1270 | 1287 | .footer-nav{ |
1271 | 1288 | width: 1270px; | ... | ... |
index.html
... | ... | @@ -87,13 +87,21 @@ |
87 | 87 | <!--</li>--> |
88 | 88 | <!--</ul>--> |
89 | 89 | <ul class="silde-wrap" id="box"> |
90 | - <li> | |
90 | + <li class="parking-wrap" data-link="http://ent.dyszt.com/parkingcloud/admin/SubMenus/index.html"> | |
91 | + <div>车场概况</div> | |
92 | + <div>实时监控</div> | |
93 | + <div>订单管理</div> | |
94 | + </li> | |
95 | + <li class="platform-wrap" data-link="http://zteits.gnway.cc:8021/cfgovcloud/pages/total.html"> | |
96 | + <div>车场概况</div> | |
97 | + <div>实时监控</div> | |
98 | + <div>订单管理</div> | |
99 | + </li> | |
100 | + <li class="api-wrap" data-link=""> | |
91 | 101 | <div>车场概况</div> |
92 | 102 | <div>实时监控</div> |
93 | 103 | <div>订单管理</div> |
94 | 104 | </li> |
95 | - <li></li> | |
96 | - <li></li> | |
97 | 105 | </ul> |
98 | 106 | |
99 | 107 | </div> | ... | ... |
js/index.js
... | ... | @@ -39,31 +39,14 @@ $('#login_out_btn').on('click', function () { |
39 | 39 | fn.loginOut(); |
40 | 40 | }); |
41 | 41 | |
42 | -$('#main-wrap .clicklink').on('click',function () { | |
43 | - if($('#topbar_tologin').css('display')=='block'){ | |
44 | - fn.toLoginPage(); | |
45 | - } | |
46 | - // else if(){ | |
47 | - //token=a5ebda3f-f8b3-4499-bd43-76a69b340f88 | |
48 | - // } | |
49 | - else{ | |
42 | +$('#box li').on('click',function () { | |
50 | 43 | var link = $(this).attr('data-link'); |
51 | - if(link==''|| link==undefined||link==null){ | |
52 | - $('#alertmodel').modal('show'); | |
53 | - setTimeout(function () { | |
54 | - $('#alertmodel').modal('hide') | |
55 | - },3000); | |
56 | - // alert('您的账号没有权限登录此平台'); | |
57 | - return; | |
58 | - } | |
59 | 44 | if(link.indexOf("monitoringPlatform")>0){ |
60 | 45 | link+=("?token="+sessionStorage.getItem("token")); |
61 | 46 | } else if(link.indexOf("SubMenus/index.html")>0){ |
62 | 47 | link+=("?token="+sessionStorage.getItem("token")); |
63 | 48 | } |
64 | 49 | window.open(link) |
65 | - } | |
66 | - | |
67 | 50 | }) |
68 | 51 | var $box = $('#box') |
69 | 52 | $box.boxSlider({ | ... | ... |