综合统计分析页面

lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/css/stat1.css

@@ -3,9 +3,6 @@
 /* CSS Document */
 
 
-
-
-
 * {
     margin: 0;
     padding: 0;
@@ -80,7 +77,7 @@ body {
     min-width: 6%;
     height: 2.75rem;
     line-height: 1.75;
-	color: rgba(0,0,0,0.4);
+    color: rgba(0, 0, 0, 0.4);
     font-size: 1.35rem;
     font-weight: 600;
     text-align: center;
@@ -88,9 +85,9 @@ body {
     cursor: pointer;
 }
 
-.statit>span.actit {
+.statit > span.actit {
     /*background: url(/img/sel_tab.png) no-repeat center bottom;*/
-	border-bottom: 3px solid rgba(12, 94, 249,1);
+    border-bottom: 3px solid rgba(12, 94, 249, 1);
     color: rgb(12, 94, 249);
 }
 
@@ -232,7 +229,6 @@ body {
     padding-left: 20px;
 }
 
-
 .static-content li label:before {
     position: absolute;
     top: 20%;
@@ -246,7 +242,7 @@ body {
 
 .static-content li span {
     margin: 0 5px 0 10px;
- }
+}
 
 
 .static-content li b {
@@ -254,13 +250,13 @@ body {
     font-size: 1.5rem;
 }
 
-
+h1.page-title {
-
+    float: left;
-
+    margin: 2.5% 2% 0;
-
+    font-size: 2.5rem;
-
+    font-weight: 500;
-
+    color: #4c4c4c;
-
+}
 
 
 /** 滚动条样式 **/
@@ -290,7 +286,8 @@ body {
     justify-content: center
 
 }
-.tab_item2 .echarts{
+
+.tab_item2 .echarts {
     width: 45%;
     height: 45%;
 }

lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/statistical/statisticalPanel.html

@@ -9,55 +9,139 @@
     <th:block th:include="zdxtInclude :: datetimepicker-css" />
     <link type="text/css" href="/css/stat1.css" rel="stylesheet"/>
     <style type="text/css">
-        .statwrap .panel-card{
+        .select-list {
-            width: 32%;
+            float: right;
-            height: 35%;
+            margin: 2% 0 1%;
-            background-color: #dedbd6;
-            margin: 30px 10px
         }
-        .statwrap{
+
+        .statwrap {
             display: flex;
             flex-wrap: wrap;
             justify-content: center;
-            align-content: center;
+            padding: 0;
+            height: calc(100% - 130px);
         }
-        .panel-card-top{
+
-            width: 60%;
+        .statwrap .panel-card {
-            height: 35%;
+            margin: 0.75%;
-            padding-left: 8%;
+            width: 31.5%;
-            padding-top: 2%;
+            height: 47%;
+            background-color: #fff;
+            border-radius: 4px;
+            box-shadow: 0 0 5px #e2e3e4;
+        }
+
+        .panel-card-top {
             display: flex;
             flex-direction: column;
             flex-wrap: nowrap;
             justify-content: space-around;
             align-items: stretch;
+            width: 60%;
+            height: 32%;
+            padding: 3%;
         }
-        .panel-card-bottom{
+
+        .panel-card-bottom {
             display: flex;
             flex-wrap: wrap;
             align-content: flex-end;
+            justify-content: space-around;
             width: 100%;
             height: 56%;
-            justify-content: space-around;
         }
-        .panel-card-left{
+
-            width: 35%;
+        .panel-card-left {
-            height: 52%;
             display: flex;
             flex-direction: column;
             justify-content: space-around;
-        }
+            margin-left: -5%;
-        .panel-card-right{
             width: 35%;
             height: 52%;
+            border-right: 1px solid #eee;
+        }
+
+        .panel-card-right {
             display: flex;
             flex-direction: column;
             justify-content: space-around;
+            width: 35%;
+            height: 52%;
+        }
+
+        .cont-title {
+            margin: 2% 4%;
+            color: #333;
+            font-size: 1.85rem;
+            font-weight: 550;
+            white-space: nowrap;
+        }
+
+        .panel-card-bottom .cont-title {
+            margin: 2% 4%;
+            color: #333;
+            font-size: 1.6rem;
+            font-weight: 550;
+        }
+
+        .cont-total {
+            margin: 2% 4%;
+            color: #999;
+            font-size: 1.25rem;
+        }
+
+        .cont-total b {
+            margin-right: 0.5rem;
+            color: #ff8400;
+            font-size: 4.5rem;
+            font-weight: 500;
+            line-height: 1.5;
+        }
+
+        .panel-card-bottom .cont-total b {
+            margin-right: 0.5rem;
+            color: #0e83ff;
+            font-size: 3rem;
+            font-weight: 500;
+            line-height: 1.75;
+        }
+
+        .percent-tag {
+            display: flex;
+            align-items: center;
+            margin: 1% 3% 2%;
+        }
+
+        .percent-tag span {
+            margin: 0.2%;
+            font-size: 2rem;
+        }
+
+        .percent-tag span span {
+            margin: 0;
+        }
+
+        .percent-tag span.data-rise, .percent-tag span.data-fall {
+            margin: 0 2% 0 2.5%;
+            color: #03a159;
+            font-size: 1.85rem;
+            font-weight: 700;
+        }
+
+        .percent-tag span.data-fall {
+            color: #ff0000;
+        }
+
+        .percent-tag label {
+            margin: 2px 0 0 5%;
+            color: #999;
+            font-size: 1.5rem;
         }
 
     </style>
 </head>
 <body>
+<h1 class="page-title">综合统计分析</h1>
 <form id="formId">
     <div class="select-list">
         <ul>
@@ -104,38 +188,162 @@
     </div>
 </form>
     <div class="statwrap">
+        <div class="panel-card">
+            <div class="panel-card-top">
+                <div class="cont-title">执法部门数量</div>
+                <div class="cont-total"><b>48</b><span>个</span></div>
+                <div class="percent-tag">
+                    <span class="data-rise">&#8593</span><span class="data-change">2</span><label>较上年</label></span>
+                </div>
+            </div>
+            <div class="panel-card-bottom">
+                <div class="panel-card-left">
+                    <div class="cont-title">执法人员数量</div>
+                    <div class="cont-total"><b>1,969</b><span>人</span></div>
+                    <div class="percent-tag">
+                        <span class="data-fall">&#8595</span><span class="data-change">32</span><label>较上年</label>
+                    </div>
+                </div>
+                <div class="panel-card-right">
+                    <div class="cont-title">本单位执法人员数量</div>
+                    <div class="cont-total"><b>29</b><span>人</span></div>
+                    <div class="percent-tag">
+                        <span class="data-fall">&#8595</span><span class="data-change">2</span><label>较上年</label>
+                    </div>
+                </div>
+            </div>
 
+        </div>
+        <div class="panel-card">
+            <div class="panel-card-top">
+                <div class="cont-title">企业数量</div>
+                <div class="cont-total"><b>4,317,947</b><span>家</span></div>
+                <div class="percent-tag">
+                    <span class="data-rise">&#8593</span><span class="data-change">1.25万</span><label>较上年</label></span>
+                </div>
+            </div>
+            <div class="panel-card-bottom">
+                <div class="panel-card-left">
+                    <div class="cont-title">续存企业数量</div>
+                    <div class="cont-total"><b>3,568,481</b><span>家</span></div>
+                    <div class="percent-tag">
+                        <span class="data-rise">&#8593</span><span class="data-change">0.63万</span><label>较上年</label>
+                    </div>
+                </div>
+                <div class="panel-card-right">
+                    <div class="cont-title">注销企业数量</div>
+                    <div class="cont-total"><b>79,962</b><span>家</span></div>
+                    <div class="percent-tag">
+                        <span class="data-fall">&#8595</span><span class="data-change">0.39万</span><label>较上年</label>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+        <div class="panel-card">
+            <div class="panel-card-top">
+                <div class="cont-title">检查计划数量</div>
+                <div class="cont-total"><b>1,674</b><span>个</span></div>
+                <div class="percent-tag">
+                    <span class="data-rise">&#8593</span><span class="data-change">35</span><label>较上年</label></span>
+                </div>
+            </div>
+            <div class="panel-card-bottom">
+                <div class="panel-card-left">
+                    <div class="cont-title">行政检查计划数量</div>
+                    <div class="cont-total"><b>1,005</b><span>个</span></div>
+                    <div class="percent-tag">
+                        <span class="data-fall">&#8595</span><span class="data-change">62</span><label>较上年</label>
+                    </div>
+                </div>
+                <div class="panel-card-right">
+                    <div class="cont-title">本单位检查计划数量</div>
+                    <div class="cont-total"><b>597</b><span>个</span></div>
+                    <div class="percent-tag">
+                        <span class="data-rise">&#8593</span><span class="data-change">26</span><label>较上年</label>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+        <div class="panel-card">
+            <div class="panel-card-top">
+                <div class="cont-title">执法检查数量</div>
+                <div class="cont-total"><b>14,457</b><span>件</span></div>
+                <div class="percent-tag">
+                    <span class="data-rise">&#8593</span><span class="data-change">33</span><label>较上年</label></span>
+                </div>
+            </div>
+            <div class="panel-card-bottom">
+                <div class="panel-card-left">
+                    <div class="cont-title">本单位检查数量</div>
+                    <div class="cont-total"><b>2,356</b><span>件</span></div>
+                    <div class="percent-tag">
+                        <span class="data-rise">&#8593</span><span class="data-change">27</span><label>较上年</label>
+                    </div>
+                </div>
+                <div class="panel-card-right">
+                    <div class="cont-title">联合检查数量</div>
+                    <div class="cont-total"><b>1,637</b><span>件</span></div>
+                    <div class="percent-tag">
+                        <span class="data-rise">&#8593</span><span class="data-change">21</span><label>较上年</label>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+        <div class="panel-card">
+            <div class="panel-card-top">
+                <div class="cont-title">执法预警数量</div>
+                <div class="cont-total"><b>3,892</b><span>次</span></div>
+                <div class="percent-tag">
+                    <span class="data-rise">&#8593</span><span class="data-change">199</span><label>较上年</label></span>
+                </div>
+            </div>
+            <div class="panel-card-bottom">
+                <div class="panel-card-left">
+                    <div class="cont-title">涉事单位数量</div>
+                    <div class="cont-total"><b>737</b><span>家</span></div>
+                    <div class="percent-tag">
+                        <span class="data-fall">&#8595</span><span class="data-change">32</span><label>较上年</label>
+                    </div>
+                </div>
+                <div class="panel-card-right">
+                    <div class="cont-title">本单位发布预警数量</div>
+                    <div class="cont-total"><b>629</b><span>次</span></div>
+                    <div class="percent-tag">
+                        <span class="data-fall">&#8595</span><span class="data-change">41</span><label>较上年</label>
+                    </div>
+                </div>
+            </div>
+
+        </div>
         <div class="panel-card">
             <div class="panel-card-top">
-                <div style="font-size: 17px">执法部门数量</div>
+                <div class="cont-title">执法投诉数量</div>
-                <div style="font-size: 19px;color: burlywood">48</div>
+                <div class="cont-total"><b>445</b><span>件</span></div>
-                <div>
+                <div class="percent-tag">
-                    <span>2</span><span>较上年</span>
+                    <span class="data-fall">&#8595</span><span class="data-change">26</span><label>较上年</label></span>
                 </div>
             </div>
             <div class="panel-card-bottom">
                 <div class="panel-card-left">
-                    <div style="font-size: 17px">执法人员数量</div>
+                    <div class="cont-title">入企不扫码投诉数量</div>
-                    <div style="font-size: 19px;color: burlywood">1969</div>
+                    <div class="cont-total"><b>79</b><span>件</span></div>
-                    <div>
+                    <div class="percent-tag">
-                        <span>32</span><span style="margin-left: 2%">较上年</span>
+                        <span class="data-fall">&#8595</span><span class="data-change">11</span><label>较上年</label>
                     </div>
                 </div>
                 <div class="panel-card-right">
-                    <div style="font-size: 17px">本单位执法人员数量</div>
+                    <div class="cont-title">被投诉部门数量</div>
-                    <div style="font-size: 19px;color: burlywood">48</div>
+                    <div class="cont-total"><b>22</b><span>个</span></div>
-                    <div>
+                    <div class="percent-tag">
-                        <span>14</span><span style="margin-left: 2%">较上年</span>
+                        <span class="data-fall">&#8595</span><span class="data-change">2</span><label>较上年</label>
                     </div>
                 </div>
             </div>
 
         </div>
-        <div class="panel-card"></div>
-        <div class="panel-card"></div>
-        <div class="panel-card"></div>
-        <div class="panel-card"></div>
-        <div class="panel-card"></div>
     </div>
 <th:block th:include="zdxtInclude :: footer" />
     <script th:inline="javascript">

lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/statisticsEnterprise/statisticsEnterprise.html

@@ -54,7 +54,7 @@
                     <div class="static-content">
                         <ul>
                             <li id="fragmentE" th:fragment="fragmentE">
-                                <p th:text="全市"></p>
+                                <p th:text="|全市:|"></p>
                                 <p><label th:text="企业数量"></label><b th:text="${number}"></b></p>
                                 <p></i><label th:text="续存企业数量"></label><b th:text="${exist}"></b></p>
                                 <p></i><label th:text="注销企业数量"></label><b th:text="${logout}"></b></p>