Commit 080a01e516d43956d749cad23a9cc6b54f79c5a1
1 parent
1fea0eae
集合平台
Showing
3 changed files
with
50 additions
and
42 deletions
css/index.css
| @@ -12,7 +12,7 @@ header{ | @@ -12,7 +12,7 @@ header{ | ||
| 12 | /*background-color: #1a222c;*/ | 12 | /*background-color: #1a222c;*/ |
| 13 | } | 13 | } |
| 14 | .index_topbar{ | 14 | .index_topbar{ |
| 15 | - width: 1160px; | 15 | + width: 1200px; |
| 16 | height: 80px; | 16 | height: 80px; |
| 17 | margin: 0 auto; | 17 | margin: 0 auto; |
| 18 | /*overflow: hidden;*/ | 18 | /*overflow: hidden;*/ |
| @@ -61,7 +61,6 @@ header{ | @@ -61,7 +61,6 @@ header{ | ||
| 61 | /*登录后*/ | 61 | /*登录后*/ |
| 62 | .topbar_userMsg{ | 62 | .topbar_userMsg{ |
| 63 | display: none; | 63 | display: none; |
| 64 | - margin-right: 26px; | ||
| 65 | color: #fff; | 64 | color: #fff; |
| 66 | font-size: 14px; | 65 | font-size: 14px; |
| 67 | padding-left: 48px; | 66 | padding-left: 48px; |
| @@ -1213,59 +1212,77 @@ header{ | @@ -1213,59 +1212,77 @@ header{ | ||
| 1213 | margin-top: -222px; | 1212 | margin-top: -222px; |
| 1214 | 1213 | ||
| 1215 | } | 1214 | } |
| 1216 | -.silde-wrap li:nth-of-type(1){ | 1215 | +.parking-wrap{ |
| 1217 | width: 1200px; | 1216 | width: 1200px; |
| 1218 | height: 444px; | 1217 | height: 444px; |
| 1219 | background:url("../img/silde-wrap1-icon.png") no-repeat ; | 1218 | background:url("../img/silde-wrap1-icon.png") no-repeat ; |
| 1220 | cursor: pointer; | 1219 | cursor: pointer; |
| 1221 | position: relative; | 1220 | position: relative; |
| 1222 | } | 1221 | } |
| 1223 | -.silde-wrap li:nth-of-type(2){ | 1222 | +.platform-wrap{ |
| 1224 | width: 1200px; | 1223 | width: 1200px; |
| 1225 | height: 444px; | 1224 | height: 444px; |
| 1226 | background:url("../img/silde-wrap2-icon.png") no-repeat ; | 1225 | background:url("../img/silde-wrap2-icon.png") no-repeat ; |
| 1227 | cursor: pointer; | 1226 | cursor: pointer; |
| 1228 | position: relative; | 1227 | position: relative; |
| 1229 | } | 1228 | } |
| 1230 | -.silde-wrap li:nth-of-type(3){ | 1229 | +.api-wrap{ |
| 1231 | width: 1200px; | 1230 | width: 1200px; |
| 1232 | height: 444px; | 1231 | height: 444px; |
| 1233 | background:url("../img/silde-wrap3-icon.png") no-repeat ; | 1232 | background:url("../img/silde-wrap3-icon.png") no-repeat ; |
| 1234 | cursor: pointer; | 1233 | cursor: pointer; |
| 1235 | position: relative; | 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 | font-size:24px; | 1237 | font-size:24px; |
| 1239 | font-weight:600; | 1238 | font-weight:600; |
| 1240 | color:rgba(255,255,255,1); | 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 | position: absolute; | 1242 | position: absolute; |
| 1244 | left: 87px; | 1243 | left: 87px; |
| 1245 | top: 300px; | 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 | position: absolute; | 1247 | position: absolute; |
| 1249 | left: 1012px; | 1248 | left: 1012px; |
| 1250 | top: 162px; | 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 | position: absolute; | 1252 | position: absolute; |
| 1254 | left: 1012px; | 1253 | left: 1012px; |
| 1255 | top: 387px; | 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 | .footer-nav{ | 1287 | .footer-nav{ |
| 1271 | width: 1270px; | 1288 | width: 1270px; |
index.html
| @@ -87,13 +87,21 @@ | @@ -87,13 +87,21 @@ | ||
| 87 | <!--</li>--> | 87 | <!--</li>--> |
| 88 | <!--</ul>--> | 88 | <!--</ul>--> |
| 89 | <ul class="silde-wrap" id="box"> | 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 | <div>车场概况</div> | 101 | <div>车场概况</div> |
| 92 | <div>实时监控</div> | 102 | <div>实时监控</div> |
| 93 | <div>订单管理</div> | 103 | <div>订单管理</div> |
| 94 | </li> | 104 | </li> |
| 95 | - <li></li> | ||
| 96 | - <li></li> | ||
| 97 | </ul> | 105 | </ul> |
| 98 | 106 | ||
| 99 | </div> | 107 | </div> |
js/index.js
| @@ -39,31 +39,14 @@ $('#login_out_btn').on('click', function () { | @@ -39,31 +39,14 @@ $('#login_out_btn').on('click', function () { | ||
| 39 | fn.loginOut(); | 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 | var link = $(this).attr('data-link'); | 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 | if(link.indexOf("monitoringPlatform")>0){ | 44 | if(link.indexOf("monitoringPlatform")>0){ |
| 60 | link+=("?token="+sessionStorage.getItem("token")); | 45 | link+=("?token="+sessionStorage.getItem("token")); |
| 61 | } else if(link.indexOf("SubMenus/index.html")>0){ | 46 | } else if(link.indexOf("SubMenus/index.html")>0){ |
| 62 | link+=("?token="+sessionStorage.getItem("token")); | 47 | link+=("?token="+sessionStorage.getItem("token")); |
| 63 | } | 48 | } |
| 64 | window.open(link) | 49 | window.open(link) |
| 65 | - } | ||
| 66 | - | ||
| 67 | }) | 50 | }) |
| 68 | var $box = $('#box') | 51 | var $box = $('#box') |
| 69 | $box.boxSlider({ | 52 | $box.boxSlider({ |