Przeglądaj źródła

商丘公示系统

miaofuhao 6 lat temu
rodzic
commit
44c98f429e
2 zmienionych plików z 61 dodań i 126 usunięć
  1. 37 34
      WebChart/css/index.css
  2. 24 92
      WebChart/index.html

+ 37 - 34
WebChart/css/index.css

@@ -262,7 +262,10 @@ a {
262 262
 .slide_middle {
263 263
 	width: 50%;
264 264
 }
265
-
265
+.slide_middle_first{
266
+	width: 75%;
267
+	margin-left: -5%;
268
+}
266 269
 .orderStatistic>.orderCon_middle {
267 270
 	padding-top: 180px;
268 271
 }
@@ -444,7 +447,7 @@ a {
444 447
 
445 448
 .map_bg {
446 449
 	background: url(../img/map.png) no-repeat center;
447
-	background-size: 90%;
450
+	background-size: 66%;
448 451
 	position: relative;
449 452
 }
450 453
 
@@ -791,60 +794,60 @@ a {
791 794
 
792 795
 .quan_SYQ {
793 796
 	/* 睢阳区*/
794
-	top: 36%;
795
-	left: 38%;
797
+	top: 40%;
798
+	left: 41%;
796 799
 }
797 800
 
798 801
 .quan_MQ {
799 802
 	/* 民权*/
800
-	top: 16%;
801
-	left: 16%;
803
+	top: 5%;
804
+	left: 26%;
802 805
 }
803 806
 
804 807
 .quan_SX {
805 808
 	/* 睢县*/
806
-	top: 33%;
807
-	left: 12%;
809
+	top: 27%;
810
+	left: 21%;
808 811
 }
809 812
 
810 813
 .quan_NL {
811 814
 	/* 宁陵*/
812
-	top: 31%;
813
-	left: 25%;
815
+	top: 22%;
816
+	left: 32%;
814 817
 }
815 818
 
816 819
 .quan_LYQ {
817 820
 	/* 梁园区*/
818
-	top: 27%;
819
-	left: 39%;
821
+	top: 22%;
822
+	left: 40%;
820 823
 }
821 824
 .quan_KFQ {
822 825
 	/* 开发区*/
823
-	top: 35%;
824
-	left: 45%;
826
+	top: 33%;
827
+	left: 46%;
825 828
 }
826 829
 .quan_ZC {
827 830
 	/* 柘城*/
828
-	top: 59%;
829
-	left: 24%;
831
+	top: 51%;
832
+	left: 30%;
830 833
 }
831 834
 
832 835
 .quan_YCX {
833 836
 	/* 虞城*/
834
-	top: 36%;
835
-	left: 51%;
837
+	top: 24%;
838
+	left: 52%;
836 839
 }
837 840
 
838 841
 .quan_XYX {
839 842
 	/*夏邑县*/
840
-	top: 48%;
841
-	left: 63%;
843
+	top: 42%;
844
+	left: 60%;
842 845
 }
843 846
 
844 847
 .quan_YCS {
845 848
 	/*永城市*/
846
-	top: 67%;
847
-	left: 78%;
849
+	top: 57%;
850
+	left: 69%;
848 851
 }
849 852
 
850 853
 .txt {
@@ -865,47 +868,47 @@ a {
865 868
 
866 869
 .txt_MQ {
867 870
 	/* 民权*/
868
-	top: 2%;
869
-	right: 32%;
871
+	top: 67%;
872
+	right: 20%;
870 873
 }
871 874
 
872 875
 .txt_SX {
873 876
 	/* 睢县*/
874
-	top: 2%;
877
+	top: 65%;
875 878
 	right: 32%;
876 879
 }
877 880
 
878 881
 .txt_NL {
879 882
 	/* 宁陵*/
880
-	top: 2%;
883
+	top: 68%;
881 884
 	right: 32%;
882 885
 }
883 886
 
884 887
 .txt_LYQ {
885 888
 	/* 梁园区*/
886
-	top: 19%;
887
-	right: 55%;
889
+	top: 62%;
890
+	right: 22%;
888 891
 }
889 892
 .txt_KFQ {
890 893
 	/* 开发区*/
891
-	top: 10%;
892
-	right: 37%;
894
+	top: 59%;
895
+	right: 16%;
893 896
 }
894 897
 .txt_ZC {
895 898
 	/* 柘城*/
896
-	top: 0;
897
-	right: 35%;
899
+	top: 64%;
900
+	right: 19%;
898 901
 }
899 902
 
900 903
 .txt_YCX {
901 904
 	/* 虞城*/
902
-	top: 0;
905
+	top: 67%;
903 906
 	right: 15%;
904 907
 }
905 908
 
906 909
 .txt_XYX {
907 910
 	/* 夏邑县*/
908
-	top: 0;
911
+	top: 73%;
909 912
 	right: 15%;
910 913
 }
911 914
 

+ 24 - 92
WebChart/index.html

@@ -95,48 +95,42 @@
95 95
 									<li>
96 96
 										<img src="img/num_icon.png" alt="" />
97 97
 										<p class="num_word">
98
-											<span>市直单位</span></br>
99
-											<span>工单数量</span><span class="order_count1">45</span>
98
+											<span>受理量</span></br>
99
+											<span></span>
100
+											<span>118710</span>
100 101
 										</p>
101 102
 									</li>
102 103
 									<!--<li class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.3s" swiper-animate-delay="4.5s">-->
103 104
 									<li>
104 105
 										<img src="img/num_icon.png" alt="" />
105 106
 										<p class="num_word">
106
-											<span>睢阳区</span></br>
107
-											<span>工单数量</span><span class="order_count2" id="syq_count" >2389</span>
107
+											<span>结案量</span></br>
108
+											<span></span>
109
+											<span>116704</span>
108 110
 										</p>
109 111
 									</li>
110 112
 									<!--<li class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.3s" swiper-animate-delay="5s">-->
111 113
 									<li>
112 114
 										<img src="img/num_icon.png" alt="" />
113 115
 										<p class="num_word">
114
-											<span>梁园区</span></br>
115
-											<span>工单数量</span><span class="order_count3" id="lyq_count">2389</span>
116
+											<span>结案率</span></br>
117
+											<span></span>
118
+											<span>98.31%</span>
116 119
 										</p>
117 120
 									</li>
118 121
 									<!--<li class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.3s" swiper-animate-delay="5.5s">-->
119 122
 									<li>
120 123
 										<img src="img/num_icon.png" alt="" />
121 124
 										<p class="num_word">
122
-											<span>城乡一体化示范</span></br>
123
-											<span>工单数量</span><span class="order_count5" id="cxyt_count">2389</span>
125
+											<span>满意度</span></br>
126
+											<span></span>
127
+											<span>89.63%</span>
124 128
 										</p>
125 129
 									</li>
126 130
 									<!--<li class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.3s" swiper-animate-delay="6s">-->
127
-									<li>
128
-										<img src="img/num_icon.png" alt="" />
129
-										<p class="num_word">
130
-											<span>民权县</span></br>
131
-											<span>工单数量</span><span class="order_count5" id="mqx_count">2389</span>
132
-										</p>
133
-									</li>
134
-									<!--<li class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.3s" swiper-animate-delay="6.5s">-->
135
-									
136
-
137 131
 								</ul>
138 132
 							</div>
139
-							<div class="orderCon_middle slide_middle">
133
+							<div class="orderCon_middle slide_middle_first">
140 134
 								<div class="map_bg">
141 135
 									<div id="radarBox" class="ani" swiper-animate-effect="OutOpcity" swiper-animate-duration="infinite" swiper-animate-delay="3s">
142 136
 										<div class="radar">
@@ -153,7 +147,7 @@
153 147
 											<span class="quan quan2 quan2b "></span>
154 148
 											<span class="quan quan3 quan3b "></span>
155 149
 										</div>
156
-										<span class="txt txt_SYQ">睢阳区</span>
150
+										<span class="txt txt_SYQ">睢阳区</br>5174</span>
157 151
 									</div>
158 152
 									<div class="quanbgBox quan_MQ ani" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
159 153
 										<div class="quanbg">
@@ -165,7 +159,7 @@
165 159
 											<span class="quan quan2 quan2b "></span>
166 160
 											<span class="quan quan3 quan3b "></span>
167 161
 										</div>
168
-										<span class="txt txt_MQ">民权县</span>
162
+										<span class="txt txt_MQ">民权县</br>7634</span>
169 163
 									</div>
170 164
 									<div class="quanbgBox quan_SX ani" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
171 165
 										<div class="quanbg">
@@ -177,7 +171,7 @@
177 171
 											<span class="quan quan2 quan2b "></span>
178 172
 											<span class="quan quan3 quan3b "></span>
179 173
 										</div>
180
-										<span class="txt txt_SX">睢县</span>
174
+										<span class="txt txt_SX">睢县</br>2285</span>
181 175
 									</div>
182 176
 									<div class="quanbgBox quan_NL ani" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
183 177
 										<div class="quanbg">
@@ -189,7 +183,7 @@
189 183
 											<span class="quan quan2 quan2b "></span>
190 184
 											<span class="quan quan3 quan3b "></span>
191 185
 										</div>
192
-										<span class="txt txt_NL">宁陵县</span>
186
+										<span class="txt txt_NL">宁陵县</br>681</span>
193 187
 									</div>
194 188
 									<div class="quanbgBox quan_LYQ ani" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
195 189
 										<div class="quanbg">
@@ -201,7 +195,7 @@
201 195
 											<span class="quan quan2 quan2b "></span>
202 196
 											<span class="quan quan3 quan3b "></span>
203 197
 										</div>
204
-										<span class="txt txt_LYQ">梁园区</span>
198
+										<span class="txt txt_LYQ">梁园区</br>4253</span>
205 199
 									</div>
206 200
 									<div class="quanbgBox quan_KFQ ani" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
207 201
 										<div class="quanbg">
@@ -213,7 +207,7 @@
213 207
 											<span class="quan quan2 quan2b "></span>
214 208
 											<span class="quan quan3 quan3b "></span>
215 209
 										</div>
216
-										<span class="txt txt_KFQ">示范区</span>
210
+										<span class="txt txt_KFQ">示范区</br>2773</span>
217 211
 									</div>
218 212
 									<div class="quanbgBox quan_ZC ani" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
219 213
 										<div class="quanbg">
@@ -225,7 +219,7 @@
225 219
 											<span class="quan quan2 quan2b "></span>
226 220
 											<span class="quan quan3 quan3b "></span>
227 221
 										</div>
228
-										<span class="txt txt_ZC">柘城县</span>
222
+										<span class="txt txt_ZC">柘城县</br>3141</span>
229 223
 									</div>
230 224
 									<div class="quanbgBox quan_YCX ani" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
231 225
 										<div class="quanbg">
@@ -237,7 +231,7 @@
237 231
 											<span class="quan quan2 quan2b "></span>
238 232
 											<span class="quan quan3 quan3b "></span>
239 233
 										</div>
240
-										<span class="txt txt_YCX">虞城县</span>
234
+										<span class="txt txt_YCX">虞城县</br>5452</span>
241 235
 									</div>
242 236
 									<div class="quanbgBox quan_XYX ani" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
243 237
 										<div class="quanbg">
@@ -249,9 +243,9 @@
249 243
 											<span class="quan quan2 quan2b "></span>
250 244
 											<span class="quan quan3 quan3b "></span>
251 245
 										</div>
252
-										<span class="txt txt_XYX">夏邑县</span>
246
+										<span class="txt txt_XYX">夏邑县</br>3735</span>
253 247
 									</div>
254
-									<div class="quanbgBox quan_YCS ani" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
248
+									<!--<div class="quanbgBox quan_YCS ani" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
255 249
 										<div class="quanbg">
256 250
 											<span class="quan quan1 quan1a "></span>
257 251
 											<span class="quan quan2 quan2a "></span>
@@ -262,72 +256,10 @@
262 256
 											<span class="quan quan3 quan3b "></span>
263 257
 										</div>
264 258
 										<span class="txt txt_YCS">永城市</span>
265
-									</div>
259
+									</div>-->
266 260
 								</div>
267 261
 							</div>
268 262
 
269
-							<div class="orderCon_right slide_right">
270
-								<ul>
271
-									<li>
272
-										<img src="img/num_icon.png" alt="" />
273
-										<p class="num_word">
274
-											<span>睢县</span></br>
275
-											<span>工单数量</span><span class="order_count6" id="sx_count">2389</span>
276
-										</p>
277
-									</li>
278
-									<!--<li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.3s" swiper-animate-delay="4s">-->
279
-									<li>
280
-										<img src="img/num_icon.png" alt="" />
281
-										<p class="num_word">
282
-											<span>宁陵县</span></br>
283
-											<span>工单数量</span><span class="order_count1" id="nlx_count" >238952</span>
284
-										</p>
285
-									</li>
286
-									<!--<li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.3s" swiper-animate-delay="4.5s">-->
287
-									<li>
288
-										<img src="img/num_icon.png" alt="" />
289
-										<p class="num_word">
290
-											<span>柘城县</span></br>
291
-											<span>工单数量</span><span class="order_count2" id="zcx_count">2389</span>
292
-										</p>
293
-									</li>
294
-									<!--<li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.3s" swiper-animate-delay="5s">-->
295
-									<li>
296
-										<img src="img/num_icon.png" alt="" />
297
-										<p class="num_word">
298
-											<span>虞城县</span></br>
299
-											<span>工单数量</span><span class="order_count3" id="ycx_count">2389</span>
300
-										</p>
301
-									</li>
302
-									<!--<li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.3s" swiper-animate-delay="5.5s">-->
303
-									<li>
304
-										<img src="img/num_icon.png" alt="" />
305
-										<p class="num_word">
306
-											<span>夏邑县</span></br>
307
-											<span>工单数量</span><span class="order_count4" id="xyx_count">2389</span>
308
-										</p>
309
-									</li>
310
-									<!--<li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.3s" swiper-animate-delay="6s">-->
311
-									<!--<li>
312
-										<img src="img/num_icon.png" alt="" />
313
-										<p class="num_word">
314
-											<span>永城市</span></br>
315
-											<span>工单数量</span><span class="order_count4" id="ycs_count">2389</span>
316
-										</p>
317
-									</li>-->
318
-									
319
-									<!--<li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.3s" swiper-animate-delay="6.5s">-->
320
-									<!--<li>
321
-										<img src="img/num_icon.png" alt="" />
322
-										<p class="num_word">
323
-											<span>当即办理</span></br>
324
-											<span>工单数量</span><span class="order_count6"  id="djbl_count">2389</span>
325
-										</p>
326
-									</li>-->
327
-
328
-								</ul>
329
-							</div>
330
-
331 263
 						</div>
332 264
 					</div>
333 265