From 264f1f1bee5291ca96d36db6de61470a91c36a5a Mon Sep 17 00:00:00 2001 From: dong_bo0602 <358256383@qq.com> Date: Tue, 17 Aug 2021 17:27:00 +0800 Subject: [PATCH] 0817 --- .../resources/static/assets/web/css/style.css | 71 ++++++-- .../static/assets/web/images/five-icon.png | Bin 0 -> 1753 bytes .../static/assets/web/images/four-icon.png | Bin 0 -> 1593 bytes .../static/assets/web/images/news-bg.png | Bin 0 -> 1354 bytes .../static/assets/web/images/six-icon.png | Bin 0 -> 1637 bytes src/main/resources/templates/index.html | 168 +++++++++--------- 6 files changed, 138 insertions(+), 101 deletions(-) create mode 100644 src/main/resources/static/assets/web/images/five-icon.png create mode 100644 src/main/resources/static/assets/web/images/four-icon.png create mode 100644 src/main/resources/static/assets/web/images/news-bg.png create mode 100644 src/main/resources/static/assets/web/images/six-icon.png diff --git a/src/main/resources/static/assets/web/css/style.css b/src/main/resources/static/assets/web/css/style.css index 62433cc..735262a 100644 --- a/src/main/resources/static/assets/web/css/style.css +++ b/src/main/resources/static/assets/web/css/style.css @@ -32,15 +32,18 @@ .mid-link .link .link-box:last-child{margin-right:0} .mid-link .link .link-box img{width:100%;height:100%} .news{width:1200px;margin:0 auto 20px;position:relative;z-index:100} -.news .news-box{width:32%;margin-right:2%;-webkit-box-shadow:0 0 10px #eee;box-shadow:0 0 10px #eee;float:left} +.news .news-box{width:32%;margin-right:2%;float:left} .news .news-box:last-child{margin-right:0} -.news .news-box .box-title{height:40px;line-height:40px;padding:0 10px;background:#064ec0;color:#fff} -.news .news-box .box-title span{font-size:18px} +.news .news-box .box-title{height:40px;line-height:40px;color:#333} +.news .news-box .box-title span{font-size:18px;display: inline-block;padding-left: 35px;} +.news .news-box .box-title span.four{background: url("../images/four-icon.png") no-repeat left center;} +.news .news-box .box-title span.five{background: url("../images/five-icon.png") no-repeat left center;} +.news .news-box .box-title span.six{background: url("../images/six-icon.png") no-repeat left center;} .news .news-box .box-title a{font-size:16px;float:right;color:#fff} -.news .news-box .news-list{padding:0 10px;overflow: hidden;} -.news .news-box .news-list ul{height:243px;overflow-y: scroll;width:110%;padding-right:20px;box-sizing: border-box;} -.news .news-box .news-list ul li{border-bottom:1px dashed #dcdcdc;height:60px;line-height:60px;font-size:16px;color:#333;background:#fff} -.news .news-box .news-list ul li:last-child{border:none} +.news .news-box .news-list{overflow: hidden;} +.news .news-box .news-list ul{height:215px;overflow-y: scroll;width:110%;padding-right:20px;box-sizing: border-box;} +.news .news-box .news-list ul li{padding-left:55px;margin-bottom:15px;height:40px;line-height:40px;font-size:16px;color:#333;background:url("../images/news-bg.png") no-repeat center;background-size: 100% 100%;} +.news .news-box .news-list ul li:last-child{border:none;margin-bottom:0;} .news .news-box .news-list ul li:hover,.news .news-box .news-list ul li:hover a{color:#064ec0} .news .news-box .news-list ul li a{color:#333;display:inline-block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .news .news-box .news-list ul li span{float:right} @@ -102,11 +105,20 @@ .news-detail p{line-height:35px;font-size:16px;color:#333} .news-detail img,.news-detail video{max-width:100%!important} .assessment-header .banner img{width:100%} -.count{width:1200px;margin:20px auto;padding:15px 15px 0;box-sizing:border-box;background:#fff;box-shadow: 0 0 10px #eee;} -.count>h3{font-size: 20px;color: #333;font-weight: normal;margin-bottom: 10px;} -.chart-box{width:260px} +.count{width:1200px;margin:20px auto;padding:15px;box-sizing:border-box;background:#fff;box-shadow: 0 0 10px #eee;} +.count>h3 span{float:right;color: #808080;font-size: 14px;} +.count>h3{font-size: 16px;color: #333;font-weight: normal;margin-bottom: 10px;} +.chart-box{width:100%;position: relative;} +.tj-box{position: absolute;right: 0;top:6%;width:160px;z-index: 10000} +.tj-box-inner{float:left;width:50%;text-align: center;} +.tj-box-inner span{font-size: 28px;} +.tj-box-inner span.tj-1{color: #d3d6d7} +.tj-box-inner span.tj-2{color: #3ab896} +.tj-box-inner span.tj-3{color: #e94d43} +.tj-box-inner span.tj-4{color: #f4c736} +.tj-box-inner p{font-size: 14px;color: #333;} .count-title{padding-left:10px;border-left:5px solid #3d41b7;font-size:16px;color:#333} -.chart{width:260px;height:170px;margin-top:10px} +.chart{width:100%;height:160px;} .count-container{width:900px} .count-out{margin-top:30px} .count-box{float:left;width:210px;height:115px;padding:20px 20px 30px 100px;cursor:pointer;box-sizing:border-box;text-align:right;margin-right:15px} @@ -171,8 +183,8 @@ .news-container .news-list ul li span{float:right;font-size:18px;color:#333} .street{width:32%;background:#fff;padding:15px;box-sizing:border-box;box-shadow:0 0 10px #eee;float:right;overflow:hidden;height:420px} .street-box{width:100%;height:100%} -.street a{display:block;padding:0 5px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left;margin-bottom:15px;width:49%;background:#d12730;color:#fff;text-align:center;line-height:35px;border-radius:5px} -.street a:hover{background:rgba(209,39,48,.8)} +.street a{display:block;padding:0 5px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left;margin-bottom:15px;width:49%;background:#3db3bd;color:#fff;text-align:center;line-height:35px;border-radius:5px} +.street a:hover{background:#2f747b} .street a:nth-child(even){float:right} .street a img{display:block;margin:10px auto 0} @media (min-width:1420px){.banner{height:450px} @@ -240,19 +252,20 @@ position: fixed; top:42.7%; right:0; - padding:0 15px 15px; background: #fff; width: 300px; - z-index: 100; + z-index: 1000000; box-shadow: 0 0 10px #EEE; - border-radius: 5px; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; + overflow: hidden; } .fix-title{ - border-bottom: 1px solid #eee; line-height: 45px; font-size: 18px; text-align: center; - color: #333; + background: #2f747b; + color: #fff; font-weight: bold; } .scroll-slide-title,.scroll-slide li{ @@ -261,6 +274,9 @@ .scroll-slide-title span{ font-weight: bold; } +.scroll-slide-title span{ + color: #2f747b; +} .scroll-slide-title span,.scroll-slide span{ display: inline-block; font-size: 16px; @@ -275,3 +291,22 @@ overflow:hidden; text-overflow: ellipsis; } +.scroll-slide{ + padding: 0 15px; +} +.count-outer{ + width: 1200px; + margin: 20px auto; +} +.count-outer:after{ + content: ''; + display: block; + clear: both; +} +.count-outer .count{ + float:left; + width: 32%; + margin-right: 2%; +}.count-outer .count:last-child{ + margin-right: 0; + } \ No newline at end of file diff --git a/src/main/resources/static/assets/web/images/five-icon.png b/src/main/resources/static/assets/web/images/five-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..d0e6a05ca24982986b9335661d9b1d34680c7314 GIT binary patch literal 1753 zcmaJ?c~BE~7>$T1C{`+<5s&SPf=F(&hBXm#LPkOf1c}mCHp%8tlMTsA0)v2z2UMI2 zgB4IQP=um1S_-ydGCGS_xs+?=EcTD zdV9_BB9Tbm(kM|JG5QjZ{}d16-NJ8j4P;!b#N#n7ZbK|6iLb#_C?GW=Iy4SNG-)a4 zP%eoy5i}^2xKb7kt1%-Labc)-qnTinNZfF{8BuRQaX^LY3??4<=tMIJ7&JUEku9Uk z%tBOeh)TDh@#!%Nb@~Q%m<9}A32^N&Az(yt1h5-7nyj#$2fosUiMeZ=1_G}j_y!*M zIw_?r77$_<6kt%uVw5o%Ri3})Pb znE;m}qQW-eJdnurbqPlETUnF!%`p)NMzbSk8iPuAl{5yF$^IW|G`>Y!@i_EdzW*s~ zRiv3wS{!P{Hd)j}o8jV`e}Y4*|i629pM}S(m)R z%VeklwB1$b#-ec`vCh+s37*q-v7=X<5Zz@ZMj$N)A5iEGc1qbeUS&aS<;)XU!{iKk>UNqrNN(F8V=Qz4b&w zgn}y@W*w-?9*)uWPaUmPW$KliE&4pPb?=fF4+BD&C+n-T@{aBqep;Km$2#-gt=dCA zjf#T6F+d&yNPr|YJ+F)yA8 zB_pD)kD&wbK+?_U!jqMYjj62tHOE^zzTnln4PRJOusfcUzG$ga1on#x!+$g-C0=>xuEq_iqv_2?!%tsb&i~(KejTdA#<;0lGuh@ zmn4B5etYkd+m06I7u`nWnetHbqMJd1eZhY7{eyJ=ogUlDrWX!WE8`c09u8hlw($#} zGP_lB$Bdb=*&fyo&La|Dd6kZI z$2^{U6%9&7+~b<*X(mYFc+g&5y?epelN~n#Qrg@j-mA!0Z{wBz{A_6pNvKDSr z1<%~X^wgl##FWaylc_cg49rTIArU1JzCKpT`MG+DAT@dwxdlMo3=B5*6$OdO*{LN8 zNvY|XdA3ULckfqH$V{%1*XSQL?vFu&J;D8jzb> zlBiITo0C^;Rbi_HHrEQs1_|pcDS(xfWZNo192Makpx~Tel&WB=XRMoSU}&gdW~OIo zVrph)sH0$HU}&Uo07PcGh9*{~W>!Y#3Q(W~w5=#5%__*n4QdyVXRDM^Qc_^0uU}qX zu2*iXmtT~wZ)j<02{OaTNEfI=x41H|B(Xv_uUHvof=g;~a#3bMNoIbY0?5R~r2Ntn zTP2`NAzsKWfE$}v3=Jk=fazBx7U&!58GyV5Q|Rl9UukYGTy=3tP%6T`SPd=?sVqp< z4@xc0FD*(2MqHXQ$f^P>=c3falKi5O{QMkPC|Z5PB_f>IEf*+ybD@E~!PCWvMA{Mftf3U@u!`;&zJ}PV=C8 zQ*gV*9H(A=pkwqw5sMVjFd<;-0Wsmp7RZ4o{M0;PYA*sN>o?U)`4Gvik^M;p$rs$i80<5|u}CLdWXez99z-;uLPqv;=`Z-zrms&=oBsF2JGFD4(w6Pcjw{`}>ebYTp3RlgjBn%` zCc8AmvUVEZrx3tV*O2rrcVW?D#dKoEjE%mjdgu|rB@8B zM1JQkd&{|5MD@$7x0ZAJOIPl_e&;}|p0!EEl7NfpNxyhs1WZ?wSG~r+f8(x2ISL|S zla@r<81Fe>GSNWz$gEk8v)_hzn_Q_;%~ND|+T|M3wIon-RwRdR-4@Txcb9^*=h>vi zbL$9p2bjxn+kX(R-C=9`?$y)n7X?oIid>rVQDSwg@~azs6E$wKT&iGVdGq{G!V?XT z??=BC>t5>UK3nI0#y_NZQti3DUvdfp*tGb}w_SV7_>dYPv?3So2))hAzVfZs*FQ&8VxKYEhR*r4c#+Zaz116iHYcl9 zZSlJHjz>o(f6bgFZy(%$FFtAN52rherl0>R`^&$9k-_MY=&2dp;m<*Zxu>h2 J%Q~loCIFl=UgQ7( literal 0 HcmV?d00001 diff --git a/src/main/resources/static/assets/web/images/news-bg.png b/src/main/resources/static/assets/web/images/news-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..7530fe3bb50b8f46c5618b8def1cc97185fd7cd1 GIT binary patch literal 1354 zcmeAS@N?(olHy`uVBq!ia0y~yV5|eOwK&*-l zO)W`OsL0L9E4HezRRWu91!RMS^_3LBN=mYAl^~9a@C{IK&M!(;Fx4~GO*SwzR4_Bs zGc++ZGc(jtFfuSS(l-DiGhIUyD^oKoBXb2PPy*Ukl#*r@D#)ydJo&CSBl!obzU z#o5`_%@U^9B|o_|H#M&WrZ)wl*BGZ>P*TV(0NU)5T9jFqn&MWJpQ`}&vQ;K-w*Xy$ z%PkPSDY)HYh*PgV&@uX;h((HMm=G}afSB-P3*^8Perg^twHE=Cb!g00HDDgw=jq}Y zQgQ3e9eaNfM~MRuBR2*yP1`nuVOvStjEo64W=Z7!;7Z6(_daOesQtq5;*EfSJEd$k zre)8hEFb(+nREC|nVZH*)y?N8?>Tud&wTbDqnmqkO3MuSPA1KIYw|kt854u*%jK3H zpX=6NwOSeUWBTR(!zTP|cpWbOTT(gc@O>}#^=sK3ekS$&w*0gF;A7c_Wi9m+4$JGZ zIuzg8$ii@lzu^P3!XE|>dz?&#KbHme|K*w7d$!*1Yvd_G| zoDaABf8Y9Zr@`k+{g7_%cYF?>*8ld)m;LLnn|AK%bq0;>($xoaW*Mkb z*Z<$E{A$#4^Y_;$kAKa1!8~RAWA+7!)^!Xm@(d5z9eywhAedmG1v@@`*JXAvJ|fX> z`GieI){(7{0|8e=tCmWYCYUurF nepv8h>D|2i(%pCC!DSr z1<%~X^wgl##FWaylc_cg49rTIArU1JzCKpT`MG+DAT@dwxdlMo3=B5*6$OdO*{LN8 zNvY|XdA3ULckfqH$V{%1*XSQL?vFu&J;D8jzb> zlBiITo0C^;Rbi_HHrEQs1_|pcDS(xfWZNo192Makpx~Tel&WB=XRMoSU}&gdW~OIo zVrph)sH0$HU}&Uo07PcGh9*{~W>!Y#3Q(W~w5=#5%__*n4QdyVXRDM^Qc_^0uU}qX zu2*iXmtT~wZ)j<02{OaTNEfI=x41H|B(Xv_uUHvof=g;~a#3bMNoIbY0?5R~r2Ntn zTP2`NAzsKWfE$}v3=Jk=fazBx7U&!58GyV5Q|Rl9UukYGTy=3tP%6T`SPd=?sVqp< z4@xc0FD*(2MqHXQ$f^P>=c3falKi5O{QMkPCP^Az77Ltu^?{Dj2SqGWM8kxDsRzV_CtDx~p72xifT_I*n5VGjI+^S5R(H<9Wg$i6;B(`$5O3ZG<3`O0| ztpY#9b{2}dsD5#7b90q&On71Ze(q)S;^VJt?N!bCi|@~zS-ju!x%KliM_b*sR#i~5X0UwPNM%}kajDraum<9s3QRO+e5v#l0)H94Qej2#69-OUmQ7+6Sd*bp#3~%?j2u_+Zp;u>> zL++|CVxp`3x35)x?QLl9!Nu8`&8_DiHkbN)%pPt^ppXBo1aFz~Mat!X|nb!*4J zCN|-7M?PlsOw{l`lwcaY@6GEaE;a~v-B7DSiZ}ywq(6#6=(RA&+E>e z^u2PW^DYTmEm7E^vXc3Nu}O8(+P(fgwRd(OY@4Yn`*#Uj-@G6Cl@Tjbr`+4|X@_6e zv6wHC%d4jLe|vB)@)qyviHgDX)=x~PZF{DdQhFoPx8$v<<WUk8gfo5kGNK+11qfoqv7S#{U(GoEZJKVI|k+oo%zelyX;w?O=^sWqs;Z zSbRY5>=3WBd9w4hw0CW*JZW%TeJU$=8$*BJyhBre?$rx4)0XakyJyOo%a*_HoLt)e z@IYR~+$Ckb3CUBe*Gc}oq`U8;c>BD&85gE++Nd{a&0)*Gx1H=SHBWCfV9ziK_|o3i zzjOZs2jQ;YX1>=RRREPFv;Xgbt@0~TP^|y3+nOkyp=XB-8 zj|DflaJk=ny#B-m1#`I!72`=OPFHE$N+
- 四个清单 + 四个清单 更多>
@@ -136,7 +136,7 @@
- 五项流程 + 五项流程 更多>
@@ -149,7 +149,7 @@
- 六本台账 + 六本台账 更多>
@@ -193,91 +193,90 @@
- -
-

四个清单-指标上报统计

-
-
指标状态占比统计
-
-
-
-
指标状态统计
-
-
- {{countInfo4.checkPendingNum}} -

未审核

-
-
- {{countInfo4.checkPassNum}} -

审核通过

-
-
- {{countInfo4.checkArchivesNum}} -

归档

-
-
- {{countInfo4.checkNoPassNum}} -

审核不通过

+
+
+

+ 四个清单-指标上报统计 + 指标状态占比统计 +

+
+
+
+
+ {{countInfo4.checkPendingNum}} +

未审核

+
+
+ {{countInfo4.checkPassNum}} +

审核通过

+
+
+ {{countInfo4.checkArchivesNum}} +

审核不通过

+
+
+ {{countInfo4.checkNoPassNum}} +

归档

+
-
-
-

五项流程-指标上报统计

-
-
指标状态占比统计
-
-
-
-
指标状态统计
-
-
- {{countInfo5.checkPendingNum}} -

未审核

-
-
- {{countInfo5.checkPassNum}} -

审核通过

-
-
- {{countInfo5.checkArchivesNum}} -

归档

-
-
- {{countInfo5.checkNoPassNum}} -

审核不通过

+
+

+ 五项流程-指标上报统计 + 指标状态占比统计 +

+
+
+
+
+ {{countInfo5.checkPendingNum}} +

未审核

+
+
+ {{countInfo5.checkPassNum}} +

审核通过

+
+
+ {{countInfo5.checkArchivesNum}} +

审核不通过

+
+
+ {{countInfo5.checkNoPassNum}} +

归档

+
-
-
-

六本台账-指标上报统计

+
+

+ 六本台账-指标上报统计 + 指标状态占比统计 +

-
指标状态占比统计
-
-
-
指标状态统计
-
-
- {{countInfo6.checkPendingNum}} +
+
+ {{countInfo6.checkPendingNum}}

未审核

-
- {{countInfo6.checkPassNum}} +
+ {{countInfo6.checkPassNum}}

审核通过

-
- {{countInfo6.checkArchivesNum}} -

归档

-
-
- {{countInfo6.checkNoPassNum}} +
+ {{countInfo6.checkArchivesNum}}

审核不通过

+
+ {{countInfo6.checkNoPassNum}} +

归档

+
+
+
门户导航
@@ -368,15 +367,16 @@ formatter: '{b} : {c} ({d}%)' }, legend: { - x: '0', - y: '25px', - orient: 'vertical' + x: 'center', + y: 'bottom', + orient: 'horizontal' }, + color: ['#d3d6d7','#3ab896','#f4c736','#e94d43'], series: [ { type: 'pie', radius: '65%', - center: ['70%', '50%'], + center: ['30%', '40%'], selectedMode: 'single', data: [ {value: self.countInfo4.checkPendingNum, name: '未审核',}, @@ -414,15 +414,16 @@ formatter: '{b} : {c} ({d}%)' }, legend: { - x: '0', - y: '25px', - orient: 'vertical' + x: 'center', + y: 'bottom', + orient: 'horizontal' }, + color: ['#d3d6d7','#3ab896','#f4c736','#e94d43'], series: [ { type: 'pie', radius: '65%', - center: ['70%', '50%'], + center: ['30%', '40%'], selectedMode: 'single', data: [ {value: self.countInfo5.checkPendingNum, name: '未审核',}, @@ -460,15 +461,16 @@ formatter: '{b} : {c} ({d}%)' }, legend: { - x: '0', - y: '25px', - orient: 'vertical' + x: 'center', + y: 'bottom', + orient: 'horizontal' }, + color: ['#d3d6d7','#3ab896','#f4c736','#e94d43'], series: [ { type: 'pie', radius: '65%', - center: ['70%', '50%'], + center: ['30%', '40%'], selectedMode: 'single', data: [ {value: self.countInfo6.checkPendingNum, name: '未审核',},