登录 注册
开源 企业版 高校版 私有云 Gitee AI NEW
扫描微信二维码支付
取消
支付完成
Watch
不关注 关注所有动态 仅关注版本发行动态 关注但不提醒动态
6 Star 0 Fork 0

hu_sy / cs

代码 Issues 0 Pull Requests 0 Wiki 统计 流水线
服务
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目，私有仓库也完全免费 ：）
免费加入
该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。
项目仓库所选许可证以仓库主分支所使用许可证为准
克隆/下载
index.html.bak 39.79 KB
一键复制 编辑 原始数据 按行查看 历史
moso 提交于 2020-12-21 00:48 . ces
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922
<!DOCTYPE html>

<html lang="en">



<head>

    <meta charset="UTF-8" />

    <meta http-equiv="X-UA-Compatible" content="ie=edge" />

    <meta name="viewport"

        content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1,user-scalable=no, minimal-ui, shrink-to-fit=no, viewport-fit=cover">

    <title>首页</title>

    <link rel="stylesheet" href="./layui/css/layui.css">

    <link rel="stylesheet" href="./font/iconfont.css">

    <link rel="stylesheet" href="./css/public.css">

    <link rel="stylesheet" href="./css/index.css">

    <style>

        #container {

            position: fixed !important;

            width: 100%;

            height: 100%;

            left: 0;

            top: 0;

            bottom: 0;

            right: 0;

            animation: fade-in;

            animation-duration: 1s;

            -webkit-animation: fade-in 1s;

        }

    </style>

</head>



<body>

    <!-- <div class="layui-container"> -->

    <!-- 标题 -->

    <div class="layui-row header">

        <div class="layui-col-md2" style="display:flex">

            <img src="./img/logo.png" alt="" class="logo" style="margin-top:0;margin-right: 0.1rem;">

            <p style="font-size: 0.14rem;"><span class="Data"></span><span class="time"

                    style="margin-left: 0.05rem;"></span></p>

        </div>

        <div class="layui-col-md8 title">

            数感稠城·街道云图

        </div>

        <div class="layui-col-md2 header-data">

            <p style="font-size: 0.2rem;">值班领导：<span style="font-weight: bold;">待定</span></p>

        </div>

    </div>

    <!-- 轮播 -->

    <div class="bopao">

        <div id="container_small_tip" class="bopao-pic">

            <div id="content_small_tip" style="height: 100%;"></div>

        </div>



    </div>

    <div class="left">

        <div class=" nav-left">

            <div class="container">

                <div class="left-top card" style="height: 64%;">

                    <div class="top-title">党建统领</div>

                    <div class="top-nav1">

                        <div class="nav1-left">

                            <p>党建组织</p>

                            <p>140</p>

                        </div>

                        <div class="nav1-left">

                            <p>党员人数</p>

                            <p>2917</p>

                        </div>

                    </div>

                    <ul class="top-nav2 layui-row">

                        <li class="layui-col-md4">

                            <i class="iconfont">&#xe600;</i>

                            <p>正式党员:2887人</p>

                        </li>

                        <li class="layui-col-md4">

                            <i class="iconfont">&#xe600;</i>

                            <p>预备党员:30人</p>

                        </li>

                        <li class="layui-col-md4">

                            <i class="iconfont">&#xe600;</i>

                            <p>发展党员:25人</p>

                        </li>

                        <li class="layui-col-md4">

                            <i class="iconfont">&#xe6f1;</i>

                            <p>机关党员:135人</p>

                        </li>

                        <li class="layui-col-md4">

                            <i class="iconfont">&#xe6f1;</i>

                            <p>社区党员:2365人</p>

                        </li>

                        <li class="layui-col-md4">

                            <i class="iconfont">&#xe6f1;</i>

                            <p>两新党员:385人</p>

                        </li>

                    </ul>

                    <p class="top_p"><img src="./img/ictitle.png" alt="" class="ictitle"> 三方办</p>

                    <div class="top-nav3">

                        <div class="nav3_cont">

                            <div class="Ncont1">业委会覆盖率</div>

                            <div class="Ncont2">70%</div>

                        </div>

                        <div class="nav3_cont">

                            <div class="Ncont1">业委会党员比例</div>

                            <div class="Ncont2">0%</div>

                        </div>

                    </div>

                    <div class="youxiao-title"><img src="./img/ictitle.png" alt="" class="ictitle">阵地类型</div>

                    <div class="top-nav4">

                        <div class="map1" style="width: 45%;height: 100%;">

                            <div id="map1" style="width: 100%;height:100%;"></div>

                        </div>

                        <ul class="nav4-right">

                            <li>

                                <i class="iconfont yuan yuan1">&#xe63a;</i>

                                <div>

                                    <span>文明实践阵地</span>

                                    <span>14</span>

                                </div>

                            </li>

                            <li>

                                <i class="iconfont yuan yuan2">&#xe63a;</i>

                                <div>

                                    <span>民生服务阵地</span>

                                    <span>14</span>

                                </div>

                            </li>

                            <li>

                                <i class="iconfont yuan yuan3">&#xe63a;</i>

                                <div>

                                    <span>15分钟便民服务圈</span>

                                    <span>13</span>

                                </div>

                            </li>

                            <li>

                                <i class="iconfont yuan yuan4">&#xe63a;</i>

                                <div>

                                    <span>党群阵地</span>

                                    <span>14</span>

                                </div>

                            </li>

                        </ul>

                    </div>

                    <div class="youxiao-title"><img src="./img/ictitle.png" alt="" class="ictitle">区域共建单位</div>

                    <div class="top-nav4" style="height: 22%;">

                        <div class="map" style="width: 45%;height: 100%;">

                            <div id="map2" style="width: 100%;height: 100%;"></div>

                        </div>

                        <ul class="nav4-right">

                            <li>

                                <i class="iconfont yuan yuan2">&#xe63a;</i>

                                <div>

                                    <span>私企</span>

                                    <span>7300</span>

                                </div>

                            </li>

                            <li>

                                <i class="iconfont yuan yuan5">&#xe63a;</i>

                                <div>

                                    <span>学校</span>

                                    <span>10</span>

                                </div>

                            </li>

                            <li>

                                <i class="iconfont yuan yuan1">&#xe63a;</i>

                                <div>

                                    <span>机关事业单位</span>

                                    <span>0</span>

                                </div>

                            </li>

                            <li>

                                <i class="iconfont yuan yuan3">&#xe63a;</i>

                                <div>

                                    <span>国企</span>

                                    <span>0</span>

                                </div>

                            </li>

                            <li>

                                <i class="iconfont yuan yuan4">&#xe63a;</i>

                                <div>

                                    <span>银行金融</span>

                                    <span>0</span>

                                </div>

                            </li>

                        </ul>

                    </div>

                </div>

                <div class="left-top card left-nav" style="height: 20%;background-image: url('./img/Ping1.png');">

                    <div class="top-title">稠城总览</div>

                    <div class="nav-cont">

                        <div class="NVcont-left">

                            <p>社区总量</p>

                            <p>13</p>

                            <p>网格数量</p>

                            <p>62</p>

                        </div>

                        <div class="map" style="width: 37%;height: 90%;">

                            <div id="NVcont-center" style="width:100%;height: 100%;"></div>

                        </div>



                        <div class="NVcont-right">

                            <div class="NVright">

                                <i class="iconfont yuan yuan7">&#xe63a;</i>

                                <div>

                                    <p>常驻人口</p>

                                    <p>81866 37%</p>

                                </div>

                            </div>

                            <div class="NVright">

                                <i class="iconfont yuan yuan6">&#xe63a;</i>

                                <div>

                                    <p>流动人口</p>

                                    <p>136256 57%</p>

                                </div>

                            </div>

                        </div>



                    </div>

                    <div class="NVbottom">

                        <p>稠城街道总面积 </p>

                        <p class="NVB-p">12.6平方公里</p>

                    </div>

                </div>

                <div class="left-top card left-foot" style="height: 15%;background-image: url('./img/Ping1.png');">

                    <div class="top-title">值班备勤</div>

                    <ul class="foot-ul layui-row">

                        <li class="layui-col-md6">

                            <img src="./img/zhiban.png" alt="">

                            <p>赋能研判岗：张超</p>

                        </li>

                        <li class="layui-col-md6">

                            <img src="./img/zhiban.png" alt="">

                            <p>综合调度岗：李伟</p>

                        </li>

                        <li class="layui-col-md6">

                            <img src="./img/zhiban.png" alt="">

                            <p>场景分析岗：徐林</p>

                        </li>

                        <li class="layui-col-md6">

                            <img src="./img/zhiban.png" alt="">

                            <p>督办考核岗：王琪</p>

                        </li>

                    </ul>

                </div>

            </div>



        </div>

        <div class=" nav-left NVL-bom">

            <div class="container">

                <div class="left-top card" style="height: 64%;">

                    <div class="top-title">党建统领</div>

                    <div class="top-nav1">

                        <div class="nav1-left">

                            <p>党建组织</p>

                            <p>140</p>

                        </div>

                        <div class="nav1-left">

                            <p>党员人数</p>

                            <p>2917</p>

                        </div>

                    </div>

                    <ul class="top-nav2 layui-row">

                        <li class="layui-col-md4">

                            <i class="iconfont">&#xe600;</i>

                            <p>正式党员：2,887人</p>

                        </li>

                        <li class="layui-col-md4">

                            <i class="iconfont">&#xe600;</i>

                            <p>预备党员：30人</p>

                        </li>

                        <li class="layui-col-md4">

                            <i class="iconfont">&#xe600;</i>

                            <p>发展党员：25人</p>

                        </li>

                        <li class="layui-col-md4">

                            <i class="iconfont">&#xe6f1;</i>

                            <p>机关党员：135人</p>

                        </li>

                        <li class="layui-col-md4">

                            <i class="iconfont">&#xe6f1;</i>

                            <p>社区党员：2,365人</p>

                        </li>

                        <li class="layui-col-md4">

                            <i class="iconfont">&#xe6f1;</i>

                            <p>两新党员：385人</p>

                        </li>

                    </ul>

                    <p class="top_p">三方办</p>

                    <div class="top-nav3">

                        <div class="nav3_cont">

                            <div class="Ncont1">业委会覆盖率</div>

                            <div class="Ncont2">70%</div>

                        </div>

                        <div class="nav3_cont">

                            <div class="Ncont1">业委会党员比例</div>

                            <div class="Ncont2">0%</div>

                        </div>

                    </div>

                    <div class="youxiao-title">阵地类型</div>

                    <div class="top-nav4">

                        <div class="map" style="width: 0.8rem;height: 0.8rem;">

                            <div id="map1" style="width: 80px;height: 80px;"></div>

                        </div>

                        <div class="nav4-right">

                            <li>

                                <img src="./img/yuan1.png" alt="" class="yuan">

                                <div>

                                    <span>文明实践阵地</span>

                                    <span>14</span>

                                </div>

                            </li>

                            <li>

                                <img src="./img/yuan2.png" alt="" class="yuan">

                                <div>

                                    <span>民生服务阵地</span>

                                    <span>14</span>

                                </div>

                            </li>

                            <li>

                                <img src="./img/yuan3.png" alt="" class="yuan">

                                <div>

                                    <span>15分钟便民服务圈</span>

                                    <span>13</span>

                                </div>

                            </li>

                            <li>

                                <img src="./img/yuan4.png" alt="" class="yuan">

                                <div>

                                    <span>党群阵地</span>

                                    <span>14</span>

                                </div>

                            </li>

                        </div>

                    </div>

                    <div class="youxiao-title">区域共建单位</div>

                    <div class="top-nav4">

                        <div class="map" style="width: 0.8rem;height: 0.8rem;">

                            <div id="map2" style="width: 80px;height: 80px;"></div>

                        </div>



                        <div class="nav4-right">

                            <li>

                                <img src="./img/yuan1.png" alt="" class="yuan">

                                <div>

                                    <span>私企</span>

                                    <span>7300</span>

                                </div>

                            </li>

                            <li>

                                <img src="./img/yuan5.png" alt="" class="yuan">

                                <div>

                                    <span>学校</span>

                                    <span>10</span>

                                </div>

                            </li>

                            <li>

                                <img src="./img/yuan2.png" alt="" class="yuan">

                                <div>

                                    <span>机关事业单位</span>

                                    <span>0</span>

                                </div>

                            </li>

                            <li>

                                <img src="./img/yuan3.png" alt="" class="yuan">

                                <div>

                                    <span>国企</span>

                                    <span>0</span>

                                </div>

                            </li>

                            <li>

                                <img src="./img/yuan4.png" alt="" class="yuan">

                                <div>

                                    <span>银行金融</span>

                                    <span>0</span>

                                </div>

                            </li>

                        </div>

                    </div>

                </div>

                <div class="left-top card left-nav" style="height: 20%;background-image: url('./img/Ping1.png');">

                    <div class="top-title">稠城总览</div>

                    <div class="nav-cont">

                        <div class="NVcont-left">

                            <p>社区总量</p>

                            <p>13</p>

                            <p>网格数量</p>

                            <p>62</p>

                        </div>

                        <div class="map" style="width: 0.8rem;height: 0.8rem;">

                            <div id="NVcont-center" style="width:80px;height: 80px;"></div>

                        </div>



                        <div class="NVcont-right">

                            <div class="NVright">

                                <img src="./img/yuan6.png" alt="" class="yuan">

                                <div>

                                    <p>常驻人口</p>

                                    <p>81866 37%</p>

                                </div>

                            </div>

                            <div class="NVright">

                                <img src="./img/yuan7.png" alt="" class="yuan">

                                <div>

                                    <p>流动人口</p>

                                    <p>136256 57%</p>

                                </div>

                            </div>

                        </div>



                    </div>

                    <div class="NVbottom">

                        <p>稠城街道总面积 </p>

                        <p>12.6平方公里</p>

                    </div>

                </div>

                <div class="left-top card left-foot" style="height: 15%;background-image: url('./img/Ping1.png');">

                    <div class="top-title">值班备勤</div>

                    <ul class="foot-ul layui-row">

                        <li class="layui-col-md6">

                            <img src="./img/zhiban.png" alt="">

                            <p>赋能研判岗：张超</p>

                        </li>

                        <li class="layui-col-md6">

                            <img src="./img/zhiban.png" alt="">

                            <p>综合调度岗：李伟</p>

                        </li>

                        <li class="layui-col-md6">

                            <img src="./img/zhiban.png" alt="">

                            <p>场景分析岗：徐林</p>

                        </li>

                        <li class="layui-col-md6">

                            <img src="./img/zhiban.png" alt="">

                            <p>督办考核岗：王琪</p>

                        </li>

                    </ul>

                </div>

            </div>



        </div>

    </div>



    <!-- <div class=" nav_cont"> -->

    <ul class="shequ-ul">

        <li>社区<br />民意</li>

        <li>区域<br />发展</li>

        <li>平安<br />建设</li>

        <li>公共<br />服务</li>

    </ul>

    <div class="shequImg">

        <div class="SQ-img">

            <a href="http://139.224.226.216:8083/system/event"><img src="./img/pic2.png" alt=""></a>

            <div class="SQ-title">

                <p>

                    <span>出店经营</span>

                    <i class="iconfont">&#xe64b;</i>

                    <span>杨记早点铺</span>

                </p>

                <p>浙江省金华市义乌市稠佛路30号</p>

                <p>2020年11月24日 09:58</p>

            </div>

        </div>

    </div>

    <div class="shequ-foot">

        <ul class="SQ-ul">

            <li class="SQ_li">

                <i class="iconfont">&#xe8d6;</i>

                <p>

                    <span>今日总告警数</span>

                    <span class="NumSprice">324</span>

                </p>

            </li>

            <li class="SQ_li">

                <i class="iconfont">&#xe8d6;</i>

                <p>



                    <span>未处理告警数</span>

                    <span class="gj">26</span>

                </p>



            </li>

            <li class="SQ_li">

                <i class="iconfont">&#xe8d6;</i>

                <p>

                    <span>逾期处置数</span>

                    <span class="yu">18</span>

                </p>



            </li>

            <li class="SQ_li">

                <i class="iconfont">&#xe8d6;</i>

                <p>

                    <span>处置率</span>

                    <span class="cz">86%</span>

                </p>



            </li>

            <li class="sq_div">

                <p>

                    <i class="iconfont">&#xe8d6;</i>

                    <span>实时待处理事件</span>

                </p>







                <div class="SQ_div">

                    <div>

                        <img src="./img/pic1.png" alt="">

                        <p>机动车违停 </p>

                    </div>

                    <div>

                        <img src="./img/pic2.png" alt="">

                        <p>出店经营</p>

                    </div>

                    <div>

                        <img src="./img/pic3.png" alt="">

                        <p>非机动车违停</p>

                    </div>

                </div>





            </li>

        </ul>

        <div class="contBottom ">

            <ul class="SQ_CC">

                <li>

                    <span>稠城红</span>

                </li>

                <li>

                    <span>稠城驿</span>

                </li>

                <li>

                    <span>稠城力</span>

                </li>

                <li>

                    <span>稠城协</span>

                </li>

            </ul>

        </div>



    </div>



    <!-- </div> -->

    <div class="right">

        <div class=" nav_right">

            <div class="container">

                <div class="right-top" style="height: 60%;">

                    <div class="top-title">城市眼</div>

                    <div class="youxiao-title"><img src="./img/ictitle.png" alt="" class="ictitle">近24时告警事件发生数</div>

                    <div class="JG" style="width: 95%;height: 20%;">

                        <div id="JG" style="width: 100%; height: 100%;"></div>

                    </div>



                    <div class="tongji">

                        <div class="tongj-title"><img src="./img/ictitle.png" alt="" class="ictitle">当日告警统计</div>

                        <ul class="tongj-ul">

                            <li>

                                <span>垃圾堆积</span>

                                <span>20</span>

                            </li>

                            <li>

                                <span>出店经营</span>

                                <span>25</span>

                            </li>

                            <li>

                                <span>游商摊贩</span>

                                <span>26</span>

                            </li>

                            <li>

                                <span>沿街晾晒</span>

                                <span>14</span>

                            </li>

                            <li>

                                <span>人员聚集</span>

                                <span>21</span>

                            </li>

                            <li>

                                <span>机动车违停</span>

                                <span>14</span>

                            </li>

                            <li>

                                <span>违规宣传物</span>

                                <span>19</span>

                            </li>



                            <li>

                                <span>消防室离岗</span>

                                <span>31</span>

                            </li>

                            <li>

                                <span>电动车飞线</span>

                                <span>22</span>

                            </li>

                            <li>

                                <span>非机动车违停</span>

                                <span>23</span>

                            </li>

                            <li>

                                <span>消防通道违规占用</span>

                                <span>25</span>

                            </li>

                        </ul>

                    </div>

                    <div class="youxiao">

                        <div class="youxiao-left">

                            <div class="youxiao_title"><img src="./img/ictitle.png" alt="" class="ictitle">事件有效流转率</div>

                            <div class="youxiao-nav">

                                <div class="shuiq" style="width: 45%;height: 100%;">

                                    <div id="shuiq1" style='width: 100%;height: 100%;'></div>

                                </div>



                                <ul class="YXN-right">

                                    <li>

                                        <p>事件签收</p>

                                        <p>123</p>

                                    </li>

                                    <li>

                                        <p>事件关闭</p>

                                        <p>24</p>

                                    </li>

                                    <li>

                                        <p>异常报送</p>

                                        <p style="color:#f00">23</p>

                                    </li>

                                </ul>

                            </div>

                        </div>

                        <div class="youxiao-right">

                            <div class="youxiao_title"><img src="./img/ictitle.png" alt="" class="ictitle">实时队伍情况</div>

                            <div class="DW" style="width: 100%;height: 80%;">

                                <div id="Duiwu" style="width: 100%;height: 100%;"></div>

                            </div>



                        </div>



                    </div>

                </div>

                <div class="right-top right-botm" style="height: 39%;">

                    <div class="top-title">云共治</div>

                    <div class="youxiao-title"><img src="./img/ictitle.png" alt="" class="ictitle">本日各类违规事件告警数与处置率</div>

                    <div class="JG" style="width: 95%;height: 30%;">

                        <div id="WG" style="width: 100%; height: 100%;"></div>

                    </div>



                    <div class="RT-bom">



                        <div class="RT-lituf">

                            <div class="youxiao_title"><img src="./img/ictitle.png" alt="" class="ictitle">事件完成率</div>

                            <div class="map" style="width: 100%;height: 80%;">

                                <div id="RTB-right" style="width: 100%; height: 100%;"></div>

                            </div>



                        </div>

                        <div class="RTB-left">

                            <div class="youxiao_title"><img src="./img/ictitle.png" alt="" class="ictitle">事件完成类型</div>

                            <div class="RTBL-right">

                                <div class="map" style="width: 40%;height: 100%;">

                                    <div id="RTB-right2" style="width: 100%; height: 100%;"></div>

                                </div>

                                <ul class="nav4-right">

                                    <li>

                                        <i class="iconfont yuan yuan1">&#xe63a;</i>

                                        <div>

                                            <span>共治处理</span>

                                            <span>52%</span>

                                        </div>

                                    </li>

                                    <li>

                                        <i class="iconfont yuan yuan6">&#xe63a;</i>

                                        <div>

                                            <span>执法处理</span>

                                            <span>8%</span>

                                        </div>

                                    </li>

                                    <li>

                                        <i class="iconfont yuan yuan4">&#xe63a;</i>

                                        <div>

                                            <span>机器处理</span>

                                            <span>18%</span>

                                        </div>

                                    </li>

                                    <li>

                                        <i class="iconfont yuan yuan3">&#xe63a;</i>

                                        <div>

                                            <span>异常关闭</span>

                                            <span>22%</span>

                                        </div>

                                    </li>

                                </ul>

                            </div>

                        </div>

                    </div>

                </div>

            </div>



        </div>

        <div class=" nav_right NVR-bom">

            <div class="container">

                <div class="right-top" style="height: 60%;">

                    <div class="top-title">城市眼</div>

                    <div class="youxiao-title">近24时告警事件发生数</div>

                    <div class="JG" style="width: 2.9rem;height: 0.78rem;">

                        <div id="JG" style="width: 290px; height: 78px;"></div>

                    </div>



                    <div class="tongji">

                        <div class="tongj-title">当日告警统计</div>

                        <ul class="tongj-ul">

                            <li>

                                <span>垃圾堆积</span>

                                <span>20</span>

                            </li>

                            <li>

                                <span>出店经营</span>

                                <span>25</span>

                            </li>

                            <li>

                                <span>游商摊贩</span>

                                <span>26</span>

                            </li>

                            <li>

                                <span>沿街晾晒</span>

                                <span>14</span>

                            </li>

                            <li>

                                <span>人员聚集</span>

                                <span>21</span>

                            </li>

                            <li>

                                <span>机动车违停</span>

                                <span>14</span>

                            </li>

                            <li>

                                <span>违规宣传物</span>

                                <span>19</span>

                            </li>



                            <li>

                                <span>消防室离岗</span>

                                <span>31</span>

                            </li>

                            <li>

                                <span>电动车飞线</span>

                                <span>22</span>

                            </li>

                            <li>

                                <span>非机动车违停</span>

                                <span>23</span>

                            </li>

                            <li>

                                <span>消防通道违规占用</span>

                                <span>25</span>

                            </li>

                        </ul>

                    </div>

                    <div class="youxiao">

                        <div class="youxiao-left">

                            <div class="youxiao-title">事件有效流转率</div>

                            <div class="youxiao-nav">

                                <div class="shuiq" style="width: 0.8rem;height: 0.8rem;">

                                    <div id="shuiq1" style='width: 80px;height: 80px;'></div>

                                </div>



                                <ul class="YXN-right">

                                    <li>

                                        <p>事件签收</p>

                                        <p>123</p>

                                    </li>

                                    <li>

                                        <p>事件关闭</p>

                                        <p>24</p>

                                    </li>

                                    <li>

                                        <p>事件异常</p>

                                        <p>23</p>

                                    </li>

                                </ul>

                            </div>

                        </div>

                        <div class="youxiao-right">

                            <div class="youxiao-title">实时队伍情况</div>

                            <div class="DW" style="width: 0.8rem;height: 0.8rem;">

                                <div id="Duiwu" style="width: 80px;height: 80px;"></div>

                            </div>



                        </div>



                    </div>

                </div>

                <div class="right-top right-botm" style="height: 39%;">

                    <div class="top-title">云共治</div>

                    <div class="RT-title">本日各类违规事件告警数与处置率</div>

                    <div class="JG" style="width: 2.9rem;height: 0.78rem;">

                        <div id="WG" style="width: 290px; height: 78px;"></div>

                    </div>



                    <div class="RT-bom">



                        <div class="RT-lituf">

                            <div class="RT-title">事件完成率</div>

                            <div class="map" style="width: 0.8rem;height: 0.8rem;">

                                <div id="RTB-right" style="width: 80px; height: 80px;"></div>

                            </div>



                        </div>

                        <div class="RTB-left">

                            <div class="RT-title">事件完成类型</div>

                            <div class="RTBL-right">

                                <div class="map" style="width: 0.8rem;height: 0.8rem;">

                                    <div id="RTB-right2" style="width: 80px; height: 80px;"></div>

                                </div>

                                <ul class="nav4-right">

                                    <li>

                                        <i class="iconfont yuan yuan1">&#xe63a;</i>

                                        <div>

                                            <span>共治处理</span>

                                            <span>52%</span>

                                        </div>

                                    </li>

                                    <li>

                                        <i class="iconfont yuan yuan6">&#xe63a;</i>

                                        <div>

                                            <span>执法处理</span>

                                            <span>8%</span>

                                        </div>

                                    </li>

                                    <li>

                                        <i class="iconfont yuan yuan4">&#xe63a;</i>

                                        <div>

                                            <span>机器处理</span>

                                            <span>18%</span>

                                        </div>

                                    </li>

                                    <li>

                                        <i class="iconfont yuan yuan3">&#xe63a;</i>

                                        <div>

                                            <span>异常关闭</span>

                                            <span>22%</span>

                                        </div>

                                    </li>

                                </ul>

                            </div>

                        </div>

                    </div>

                </div>

            </div>



        </div>

    </div>

    <div class="pin-left">

        <img src="./img/right.png" alt="">

    </div>

    <div class="pin-right">

        <img src="./img/right.png" alt="">

    </div>

    <!-- </div> -->

    <div id="container"></div>

</body>

<script src="./js/jquery.min.js"></script>

<script src="./layui/layui.js"></script>

<script src="./js/echarts.min.js"></script>

<script src="./js/echarts-gl.min.js"></script>

<script src="./js/echarts-liquidfill.js"></script>

<script src="./bmap-offline/map3.0_init.js"></script>

<script src="./bmap-offline/map3.0.js"></script>

<script src="./js/theme.js"></script>

<script src="./js/map.js"></script>

<script src="./js/iecharts.js"></script>

<script src="./js/index.js"></script>

<script>



    (function (doc, win) {

        var docEl = doc.documentElement,

            isIOS = navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),

            dpr = isIOS ? Math.min(win.devicePixelRatio, 3) : 1,

            dpr = window.top === window.self ? dpr : 1, //被iframe引用时，禁止缩放

            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';

        docEl.dataset.dpr = dpr;

        var recalc = function () {

            var width = docEl.clientWidth;

            var designWidth = 100;

            if (width / dpr > designWidth) {

                width = designWidth * dpr;

            }

            docEl.dataset.width = width

            docEl.dataset.percent = 100 * (width / designWidth);

            docEl.style.fontSize = 100 * (width / designWidth) + 'px';

        };

        recalc()

        if (!doc.addEventListener) return;

        win.addEventListener(resizeEvt, recalc, false);

    })(document, window);

    // 图片请求

    setInterval(() => {

        $.ajax({

			

            type:"get",

            dataType:"json",

            url: "http://139.224.226.216:8083/system/obtain/obtainTiming",

            // dataType: 'jsonp',

            success: (res) => {

                console.log(res);

				if(res.data != null){

					// 铃声

					toggleMusic();

					// 图片

					$('.SQ-img img').attr('src', res.data.eventImage)

					// 跑马灯

					var content = `<a href="http://139.224.226.216:8083/system/event"><img src="./img/ning.png" alt="">

					<span>${res.data.eventAddress} <span>${res.data.eventTypeName}</span>事件，请及时处理！</span></a>`;

					$("#content_small_tip").html(content);

					roll(2, "#container_small_tip", "#content_small_tip");	

				}



                

            },

            error: (err) => {

                console.log(err);

            },

        });



    }, 60000)



</script>



</html>
1
https://gitee.com/hu_sy/cs.git
git@gitee.com:hu_sy/cs.git
hu_sy
cs
cs
master
点此查找更多帮助

搜索帮助

Git 命令在线学习 如何在 Gitee 导入 GitHub 仓库
Git 仓库基础操作
企业版和社区版功能对比
SSH 公钥设置
如何处理代码冲突
仓库体积过大，如何减小？
如何找回被删除的仓库数据
Gitee 产品配额说明
GitHub仓库快速导入Gitee及同步更新
什么是 Release（发行版）
将 PHP 项目自动发布到 packagist.org
评论
仓库举报
回到顶部