syy

zhsq_qk-ui/src/assets/images/qkq_sprh.css

@@ -1180,20 +1180,20 @@ border-radius: 2px;
 	margin-top: 20px;
 }
 .qkq_yshj_txtbg1{
-	background: url("../images/qkq_icon18_1.png") no-repeat 15px 0px;
+	background: url("../images/qkq_icon18_1.png") no-repeat 15px 1px;
 	background-size:contain;
 }
 .qkq_yshj_txtbg2{
-	background: url("../images/qkq_icon18_2.png") no-repeat 15px 0px;
-	background-size:contain;
+	background: url("../images/qkq_icon18_2.png") no-repeat 15px 56px;
+	background-size:32%;
 }
 .qkq_yshj_txtbg3{
 	background: url("../images/qkq_icon18_3.png") no-repeat 15px 0px;
 	background-size:contain;
 }
 .qkq_yshj_txtbg4{
-	background: url("../images/qkq_icon18_4.png") no-repeat 15px 0px;
-	background-size:contain;
+	background: url("../images/qkq_icon18_4.png") no-repeat 15px 56px;
+	background-size:32%;
 }
 .qkq_yshj_txt .qkq_yshjnew{
 	width: 50%;
@@ -1202,7 +1202,13 @@ border-radius: 2px;
 	text-align: center;
 	padding-top: 15px;
 	padding-bottom: 10px;
+}
+.qkq_yshj_txt .qkq_yshjnew2{
+    height: 150px;
+    padding-top: 50px;
 }
+
+
 .qkq_yshj_txt .qkq_yshjnew p{
 	color: #fff;
 	font-size: 14px;
@@ -1225,3 +1231,189 @@ border-radius: 2px;
 	width: 100%;
 	height: 350px;
 }
+
+/* bjzshz */
+#qkq_bj1{
+	width: 100%;
+	height: 200px;
+}
+#qkq_bj2{
+	width: 55%;
+	height: 200px;
+}
+.qkq_hz{
+	padding-top: 40px;
+	width: 45%;
+	padding-left: 10%;
+}
+.qkq_hz p{
+	background: url(../images/qkq_hzbg.png) no-repeat left center;
+	color: #fff;
+	height: 50px;
+	line-height: 50px;
+	padding-left: 20px;
+	background-size: 100% 100%;
+	margin: 10px 0px 20px 0px;
+}
+.qkq_hz p b{
+	font-size: 20px;
+	color: #faea12;
+	
+}
+#qkq_bj3{
+	width: 100%;
+	height: 200px;
+}
+.qkq_bjzs{
+	height: 495px;
+}
+.qkq_bjzs_con{
+	position: relative;
+	background: url(../images/qkq_top.png) no-repeat center;
+	width: 100%;
+	height: 100%;
+	background-size: 40%;
+}
+.qkq_bjzs_bg{
+	background: url(../images/qkq_btm.png) no-repeat center;
+	background-size: 47%;
+	 content: " ";
+	 width: 100%;
+	 height: 100%;
+	    display: block;
+	    position: absolute;
+	    top: 0px;
+	    left: 0px;
+		z-index: -1;
+		animation:changDeg 2s linear 0.5s infinite;
+
+}
+.qkq_bjzs_con h4{
+	text-align: center;
+	font-size: 30px;
+	color: #faea12;
+	font-weight: 900;
+	padding-top: 235px;
+}
+.qkq_bjzs_con p{
+	text-align: center;
+	font-size: 18px;
+	color: #fff;
+	padding-top: 50px;
+}
+@keyframes changDeg{
+			0%{
+				transform: rotate(0deg);
+			}
+			100%{
+				transform: rotate(360deg);
+			}
+		}
+		
+.qkq_bjzs_txt{
+	position: absolute;
+	top:80px;
+	left: 2%;
+	width: 96%;
+	height: 100%;
+}
+.qkq_bjzs_txt .bjzs_txt{
+	margin-bottom: 45px;
+}
+.qkq_bjzs_txt .bjzs_txt p{
+	height: 25px;
+	line-height: 25px;
+	text-align: left;
+padding: 0px;
+}
+.qkq_bjzs_txt .bjzs_txt p b{
+	height: 40px;
+	line-height: 40px;
+	text-align: left;
+padding: 0px;
+color: #00ffff;
+padding-right: 10px;
+}
+.qkq_bjzs_txt_fr p{
+	text-align: right!important;
+}
+.qkq_bjs_con{
+	display: flex;
+	flex-direction: row;
+	justify-content: space-between;
+}
+.qkq_bjs_con .qkq_bjs{
+	display: flex;
+	flex-direction: row;
+	justify-content: space-between;
+	margin-top: 50px;
+}
+.qkq_bjs_con .qkq_bjs p{
+	color: #fff;
+	line-height: 30px;
+}
+.qkq_bjs_con .qkq_bjs p b{
+	color: #fff;
+	font-size: 24px;
+	padding-right: 10px;
+	color: #bceaf7;
+}
+#qkq_bj4{
+	width: 100%;
+	height: 200px;
+}
+#qkq_bj5{
+	width: 50%;
+	height: 200px;
+}
+.qkq_hz2{
+	padding-left: 5%;
+}
+.qkq_sxtop{
+	height: 200px;
+	overflow-y: scroll;
+	padding-left: 20px;
+}
+.qkq_sxtop::-webkit-scrollbar{
+	width: 0px;
+	height: 0px;
+}
+.qkq_sxtop p{
+	height: 35px;
+	line-height: 35px;
+	display: flex;
+	flex-direction: row;
+	color: #fff;
+	justify-content: space-between;
+}
+.qkq_sxtop p i{
+	width: 16px;
+	height: 16px;
+	line-height: 16px;
+	display: inline-block;
+	background: #00aaff;
+	font-size: 14px;
+	color: #fff;
+	text-align: center;
+	margin: 9px 8px;
+}
+.qkq_sxtop p a{
+	color: #fff;
+	font-size: 16px;
+	display: inline-block;
+}
+.qkq_sxtop p span{
+
+	color: #e70000;
+float: right;
+display: block;
+}
+.qkq_sxtop p:nth-child(1) i{
+	background: #ff0000;
+}
+.qkq_sxtop p:nth-child(2) i{
+	background: #ff8102;
+}
+.qkq_sxtop p:nth-child(3) i{
+	background: #ffca5e;
+}

zhsq_qk-ui/src/router/index.js

@@ -159,6 +159,11 @@ export const constantRoutes = [
     path: '/401',
     component: () => import('@/views/error/401'),
     hidden: true
+  },
+  {
+    path: '/bjzshz',
+    component: () => import('@/views/fusion/bjzshz'),
+    hidden: true
   },
 
   {

zhsq_qk-ui/src/views/fusion/demo.vue

@@ -41,6 +41,9 @@ export default {
     },{
       path:'/csgl1',
       redirect:'/csgl'
+    },{
+      path:'/bjzshz1',
+      redirect:'/bjzshz'
     }];
     let redirect = '';
     for (let i = 0; i < paths.length; i++) {

zhsq_qk-ui/src/views/fusion/yshj_new.vue

@@ -39,41 +39,41 @@
           </div>
           <div class="qkq_yshj_div clearfix">
             <div class="qkq_txt">
-              <p><b>299</b><i>件</i></p>
-              <p>容缺受理</p>
+              <p><b>53%</b></p>
+              <p>政务服务事项即办件占比</p>
             </div>
             <div class="qkq_txt">
-              <p><b>198</b><i>次</i></p>
-              <p>告知承诺</p>
+              <p><b>83%</b></p>
+              <p>承诺时限压缩</p>
             </div>
             <div class="qkq_txt">
-              <p><b>56</b><i>人</i></p>
-              <p>政务服务首席事务代表</p>
+              <p><b>43%</b></p>
+              <p>行政许可事项即办件占比</p>
             </div>
             <div class="qkq_txt">
-              <p><b>44</b><i>件</i></p>
-              <p>收件即受理</p>
+              <p><b>78%</b></p>
+              <p>承诺时限压缩</p>
             </div>
           </div>
         </div>
         <div class="con_div">
-          <div class="qkq_tit txt_t">人才生态建设</div>
+          <div class="qkq_tit txt_t">惠民惠企建设</div>
           <div class="qkq_yshj_txt qkq_yshj_txtbg1 clearfix">
             <div class="qkq_yshjnew">
-              <p><b>465</b><i>条</i></p>
-              <p>人才引进服务及培养措施</p>
+              <p><b>12</b><i>个</i></p>
+              <p>平台上线政策</p>
             </div>
             <div class="qkq_yshjnew">
-              <p><b>4569</b><i>套</i></p>
-              <p>人才保障住房</p>
+              <p><b>2</b><i>个</i></p>
+              <p>免申即享</p>
             </div>
             <div class="qkq_yshjnew">
-              <p><b>30</b><i>项</i></p>
-              <p>帮助企业解决技术创新难题</p>
+              <p><b>241</b><i>个</i></p>
+              <p>惠及企业个人</p>
             </div>
             <div class="qkq_yshjnew">
-              <p><b>6</b><i>所</i></p>
-              <p>战略合作高校</p>
+              <p><b>1823</b><i>万元</i></p>
+              <p>兑付金额</p>
             </div>
           </div>
         </div>
@@ -90,69 +90,50 @@
         </div>
       </div>
       <div class="con_left_g">
+		  <div class="con_div">
+		    <div class="qkq_tit txt_t">信用环境建设</div>
+		    <div class="qkq_yshj_txt qkq_yshj_txtbg4 clearfix">
+		      <div class="qkq_yshjnew qkq_yshjnew2">
+		        <p><b>49</b><i>次</i></p>
+		        <p>开展诚信守法教育</p>
+		      </div>
+		      <div class="qkq_yshjnew qkq_yshjnew2">
+		        <p><b>18</b><i>场</i></p>
+		        <p>组织信用培训</p>
+		      </div>
+		      <div class="qkq_yshjnew qkq_yshjnew2">
+		        <p><b>1628</b><i>份</i></p>
+		        <p>个人政务诚信承诺书</p>
+		      </div>
+		      <div class="qkq_yshjnew qkq_yshjnew2">
+		        <p><b>187</b><i>次</i></p>
+		        <p>减少企业信用检查</p>
+		      </div>
+		    </div>
+		  </div>
         <div class="con_div">
-          <div class="qkq_tit txt_t">法治环境建设</div>
+          <div class="qkq_tit txt_t">营商环境问题</div>
           <div class="qkq_yshj_txt qkq_yshj_txtbg2 clearfix">
-            <div class="qkq_yshjnew">
-              <p><b>45</b><i>次</i></p>
-              <p>社区普法</p>
+            <div class="qkq_yshjnew qkq_yshjnew2">
+              <p><b>9</b><i>件</i></p>
+              <p>平台投诉举报问题</p>
             </div>
-            <div class="qkq_yshjnew">
-              <p><b>5176</b><i>张</i></p>
-              <p>发放反诈宣传单</p>
+            <div class="qkq_yshjnew qkq_yshjnew2">
+              <p><b>120</b><i>件</i></p>
+              <p>企业群众需求问题</p>
             </div>
-            <div class="qkq_yshjnew">
-              <p><b>5</b><i>次</i></p>
-              <p>专项清理行动</p>
+            <div class="qkq_yshjnew qkq_yshjnew2">
+              <p><b>100%</b></p>
+              <p>受理率</p>
             </div>
-            <div class="qkq_yshjnew">
-              <p><b>75</b><i>次</i></p>
-              <p>行政处罚评估</p>
-            </div>
-          </div>
-        </div>
-        <div class="con_div">
-          <div class="qkq_tit txt_t">惠企政策落实</div>
-          <div class="qkq_yshj_txt qkq_yshj_txtbg3 clearfix">
-            <div class="qkq_yshjnew">
-              <p><b>165.45</b><i>万元</i></p>
-              <p>“六税两费”减免</p>
-            </div>
-            <div class="qkq_yshjnew">
-              <p><b>15672</b><i>次</i></p>
-              <p>智能应答、有问必答</p>
-            </div>
-            <div class="qkq_yshjnew">
-              <p><b>84</b><i>户</i></p>
-              <p>惠及企业</p>
-            </div>
-            <div class="qkq_yshjnew">
-              <p><b>1514</b><i>万元</i></p>
-              <p>预计兑付金额</p>
-            </div>
-          </div>
-        </div>
-        <div class="con_div">
-          <div class="qkq_tit txt_t">信用环境建设</div>
-          <div class="qkq_yshj_txt qkq_yshj_txtbg4 clearfix">
-            <div class="qkq_yshjnew">
-              <p><b>49</b><i>次</i></p>
-              <p>开展诚信守法教育</p>
-            </div>
-            <div class="qkq_yshjnew">
-              <p><b>18</b><i>场</i></p>
-              <p>组织信用培训</p>
-            </div>
-            <div class="qkq_yshjnew">
-              <p><b>1628</b><i>份</i></p>
-              <p>个人政务诚信承诺书</p>
-            </div>
-            <div class="qkq_yshjnew">
-              <p><b>187</b><i>次</i></p>
-              <p>减少企业信用检查</p>
+            <div class="qkq_yshjnew qkq_yshjnew2">
+              <p><b>100%</b></p>
+              <p>办结率</p>
             </div>
           </div>
         </div>
+
+       
       </div>
 
 
@@ -1264,7 +1245,7 @@ export default {
 
     qkq_yhhj2() {
       var myChart = echarts.init(document.getElementById('qkq_yhhj2'));
-      let valueData = [300, 450, 770, 203, 255, 188, 156, 300, 450, 770, 203, 255, 188, 156];
+      let valueData = [26, 14, 8, 6, 6, 6, 4, 4, 4, 4, 3];
       var option = {
         title: {
           text: '企业开展活动',
@@ -1290,7 +1271,7 @@ export default {
         },
         xAxis: [{
           type: 'category',
-          data: ['企业1', '企业2', '企业3', '企业4', '企业5', '企业6', '企业7', '企业8', '企业9', '企业10'],
+          data: ['解放局', '大众局', '商务局', '税务局', '丰田局', '前程街道', '国资局', '东风街道', '法院', '社保分局', '建设局'],
           axisLine: {
             lineStyle: {
               color: 'rgba(255,255,255,0.12)'