public.html 6.73 KB
<!doctype html>
<meta charset="utf-8">
<title>小区大屏</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/echarts.min.js" charset="utf-8"></script>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="/js/vue/vue.min.js"></script>
<script src="/js/vue/vue-resource.min.js"></script>

<script>
    var t = null;
        t = setTimeout(time,1000);//開始运行
        function time()
        {
           clearTimeout(t);//清除定时器
           dt = new Date();
            var y=dt.getFullYear();
            var mt=dt.getMonth()+1;
            var day=dt.getDate();
           var h=dt.getHours();//获取时
           var m=dt.getMinutes();//获取分
           var s=dt.getSeconds();//获取秒
           document.getElementById("showTime").innerHTML = y+"年"+mt+"月"+day+"-"+h+"时"+m+"分"+s+"秒";
           document.getElementById("showTime2").innerHTML = y+"年"+mt+"月"+day+"-"+h+"时"+m+"分"+s+"秒";
           t = setTimeout(time,1000); //设定定时器,循环运行     
        } 
    
    </script>


<body>
    <div class="bnt">
        <div class="topbnt_left fl">
            <ul>
                <li><a href="/#/pages/property/reportProficient">报表专家</a></li>
                <li><a href="/#/pages/property/reportFeeSummary">费用汇总</a></li>
                <li><a href="/#/pages/report/dataReport">费用统计</a></li>
                <li><a href="/#/pages/property/reportOweFeeDetail">欠费明细</a></li>
            </ul>
        </div>
        <h1 class="tith1 fl" id="community"></h1>
        <div class=" fr topbnt_right">
            <ul>
                <li><a href="/">控制台</a></li>
                <li><a href="/#/pages/report/feeRemind">费用到期提醒</a></li>
                <li><a href="/#/pages/property/reportRepair">报修汇总</a></li>
                <li><a href="/#/pages/report/feeRemind">预交费提醒</a></li>
            </ul>
            </ul>
        </div>
    </div>
    <!-- bnt end -->
    <div class="puleft fl">
        <div class="pulefttop">
            <h2 class="tith2"><span>费用分析</span></h2>
            <div class="lefttoday_tit">

            </div>
            <div class="box pbox">
                <div class="lefttoday_bar pulefttoday_bar fl" id="ownerCount">

                </div>
                <div class="pvr fr pulefttoday_bar2" id="feeAnsicis">

                </div>
            </div>
            <!-- lefttoday_number end -->
        </div>
        <div class="puleftboxtmidd">
            <h2 class="tith2">楼栋费用分析</h2>
            <div class="lefttoday_tit">

            </div>
            <div class="box pbox">
                <div id="foorFeeAnsicis" class="fl puleftboxtmidd1"></div>
            </div>
        </div>
        <div class="puleftboxtbott">
            <h2 class="tith2 pt1">缴费分析</h2>
            <div class="lefttoday_tit">
            </div>
            <div class="box pbox">
                <div id="box4" class="fl puleftboxtmidd1"></div>
            </div>

        </div>
    </div>
    <!--  left1 end -->
    <div class="fl pt6 puleft2">
        <div class="pmidd_bott">
            <div class="pumiddboxttop1 fl">
                <h2 class="tith2 pt3">小区资产</h2>
                <div class="lefttoday_tit">
                    <p class="fl">状态:在用</p>
                    <p class="fr">
                        <span id="showTime"></span>
                    </p>
                </div>
                <div class="puleft2height">
                    <div class="widget-inline-box text-center ">
                        <p>楼栋</p>
                        <h3 class=" ceeb1fd f30" id="floorCount">0</h3>
                        <h4 class="text-muted "></h4>
                    </div>
                    <div class="widget-inline-box text-center ">
                        <p>房屋</p>
                        <h3 class=" c24c9ff f30" id="roomCount">0</h3>
                        <h4 class="text-muted "></h4>
                    </div>
                    <div class="widget-inline-box text-center ">
                        <p>车位</p>
                        <h3 class=" cffff00 f30" id="parkingSpaceCount">0</h3>
                        <h4 class="text-muted "></h4>
                    </div>
                    <div class="widget-inline-box text-center ">
                        <p>设备</p>
                        <h3 class=" ceeb1fd f30" id="machineCount">0</h3>
                        <h4 class="text-muted "></h4>
                    </div>
                </div>
            </div>
            <div class="pumiddboxttop2 fl">
                <h2 class="tith2 pt3">今日巡检</h2>
                <div class="lefttoday_tit ">
                    <p class="fl">状态:正在巡检</p>
                    <p class="fr">
                        <span id="showTime2"></span>
                    </p>
                </div>
                <div class="left2_table pumiddboxttop2_cont">
                    <ul id="todayInpection">
                        <!-- <li>
              <p class="text_l">村名王某因为被隔壁邻居的狗咬了,产生了纠纷,村名报警。</p>
              <p class="text_r">新浪微博 转发:86 2018-06-14 11:08:56</p>
            </li> -->
                    </ul>
                </div>
            </div>
        </div>
        <!--  amidd_bott end-->
        <div class="pmiddboxtbott">
            <h2 class="tith2 pt1">开门次数</h2>
            <div class="lefttoday_tit">

            </div>
            <div class="box pbox">
                <div class="fl pumiddboxtbott1cont" id="box3_right"></div>
            </div>
        </div>
        <!-- amidd_bott end -->
    </div>
    <!-- mrbox_top end -->
    <div class="mr_right fl">
        <div class="purightboxtop">
            <h2 class="tith2 pt12">房屋分析</h2>
            <div class="lefttoday_tit">

            </div>
            <div id="box1" class="purightboxtopcont"></div>
        </div>
        <div class="purightboxmidd">
            <h2 class="tith2 pt12">报修分析</h2>
            <div class="lefttoday_tit">

            </div>
            <div id="box2" class="purightboxmiddcont"></div>
        </div>
        <div class="purightboxbott">
            <h2 class="tith2 pt12">缴费提醒分析</h2>
            <div class="lefttoday_tit">
            </div>
            <div id="shopCount" class="purightboxbottcont"></div>
        </div>
    </div>
    <!-- mrbox_top_right end -->
    </div>


    </div>
    <script src="/js/vcCore/vcFramework.js"></script>
    <script src="js/public.js"></script>

</body>

</html>