123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta name="renderer" content="webkit">
- <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
- <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
- <meta http-equiv="pragma" content="no-cache">
- <meta http-equiv="Cache" content="no-cache">
- <meta http-equiv="cache-control" content="no-cache, must-revalidate">
- <meta http-equiv="expires" content="0">
- <meta name="viewport"
- content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
- <link rel="stylesheet" href="../css/vanindex.css">
- <link rel="stylesheet" id="linkSource" href="../css/style.css">
- <link rel="stylesheet" href="../css/iconfont.css">
- <script src="../js/vue.min.js"></script>
- <script src="../js/vant.min.js"></script>
- <script src="../js/jquery.min.js"></script>
- <script type="text/javascript">
- document.write('<script src="../assets/init.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
- </script>
- <script>
- checkLogin();
- </script>
- <style type="text/css">
- .yz-fluid,iframe{
- width: 100%;
- height: 100%;
- padding: 0;
- }
- .footer_yz{
- position: fixed;
- bottom: 0;
- left: 0;
- height: 50px;
- width: 100%;
- z-index: 444;
- font-size: 12px;
- color: #dddddd;
- text-align: center;
- background-color: #173862;
- }
- .footer_yz img{
- width: 20px;
- height: 20px;
- }
- .yzkjSider .icon-chuanbo{
- margin-right: 6px;
- color: #0081ff;
- }
- .search_ .van-cell{
- padding: 0;
- border-radius: 6px;
- }
- .search_ .van-field__left-icon{
- margin-left: 4px;
- margin-top: 4px;
- }
- .search_ input{
- height: 30px;
- line-height: 30px;
- }
- </style>
- </head>
- <body>
- <div id="app" v-cloak style="height: 100vh;background-color:#040d32;">
- <div class="yz-fluid" style="position: relative;">
- <div class="heardYz">
- <div>
- <span>{{tabTitle}}</span>
- <van-icon v-if="tabInd != 2" name="exchange" @click="changeSider"/>
- </div>
- </div>
- <div class="layui-body" style="height: calc(100% - 50px);">
- <iframe :src="'./Phone/'+tabUrl+'.html'" ref="ifView" frameborder="0"></iframe>
- </div>
- <div class="footer_yz flex justify-around align-center">
- <div @click="changeInd(0)">
- <div><img :src="'../img/home'+(tabInd == 0?'_active':'')+'.png'" alt=""></div>
- <div>首页</div>
- </div>
- <div @click="changeInd(1)" v-if="authorArr['P01'] || authorArr['P03'] || authorArr['P03_1']">
- <div><img :src="'../img/video'+(tabInd == 1?'_active':'')+'.png'" alt=""></div>
- <div>AI监控</div>
- </div>
- <div @click="changeInd(3)" v-if="authorArr['P20']">
- <div><img :src="'../img/helment'+(tabInd == 3?'_active':'')+'.png'" alt=""></div>
- <div>安全帽</div>
- </div>
- <div @click="changeInd(4)" v-if="authorArr['P30']">
- <div><img :src="'../img/device'+(tabInd == 4?'_active':'')+'.png'" alt=""></div>
- <div>设备检测</div>
- </div>
- <div @click="changeInd(2)">
- <div><img :src="'../img/user'+(tabInd == 2?'_active':'')+'.png'" alt=""></div>
- <div>我的</div>
- </div>
- </div>
- <div class="yzkjSider" :style="'left: '+(siderShow?'0px':'-150px')+';'">
- <div class="search_">
- <van-field
- v-model="queryKey"
- clearable
- left-icon="search"
- @input="inpSearch"
- placeholder="船舶名称"
- />
- </div>
- <div style="height: calc(100% - 40px);">
- <ul class="padding-xs">
- <li class="flex align-start padding-tb-xs" @click="changeShip(item.sn)"
- v-for="(item,index) in shipList" :key="index">
- <div class="iconfont icon-chuanbo "></div>
- <div class="text-sm" :class="tabShip.sn == item.sn?'text-blue':'text-white'">{{item.dev_name}}</div>
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </body>
- <script>
- document.write('<script src="../assets/mainPh.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
- </script>
- </html>
|