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({ | ... | ... |