syy

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

@@ -160,18 +160,18 @@ a:hover {
 
 
 /* 全局通用 */
+.clearfix:after {       
+    content: ".";     /*内容为“.”就是一个英文的句号而已。也可以不写。*/
+   display: block;   /*加入的这个元素转换为块级元素。*/
+    clear: both;     /*清除左右两边浮动。*/
 
-.clearfix:after {
-    content: ".";
-    display: block;
-    height: 0;
-    clear: both;
-    visibility: hidden
-}
+    visibility: hidden;      /*可见度设为隐藏。注意它和display:none;是有区别的。visibility:hidden;仍然占据空间，只是看不到而已；*/
+   line-height: 0;    /*行高为0；*/
+    height: 0;     /*高度为0；*/
+   font-size:0;    /*字体大小为0；*/}
+
+.clearfix { *zoom:1;}   /*这是针对于IE6的，因为IE6不支持:after伪类，这个神奇的zoom:1让IE6的元素可以清除浮动来包裹内部元素。*/
 
-.clearfix {
-    height: 1%;
-}
 
 input {
     border: 0px;

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

@@ -948,7 +948,7 @@ border-radius: 2px;
 
 .con_left_b{
 	width: 500px;
-	margin-left: 20px;
+	margin-left: 30px;
 }
 .qkq_zcfg{
 	height: 240px;
@@ -1017,9 +1017,39 @@ border-radius: 2px;
 	color: #00ffff;
 	margin-right: 8px;
 }
+.qkq_wrzwq{
+	background: url(../images/aqyj_wrzwq.png) no-repeat center; 
+	background-size: 100% 100%;
+	height: 155px;
+	/* background:  linear-gradient(to bottom right, #0536554f, #071e3361, #0536554f); */
+}
+.qkq_wr .qkq_si_div:nth-child(1){
+	background: url(../images/qkq_icon10.png) no-repeat 185px 15px;
+}
+.qkq_wr .qkq_si_div:nth-child(2){
+	background: url(../images/qkq_icon14.png) no-repeat 185px 15px;
+}
+.qkq_wr .qkq_si_div:nth-child(3){
+	background: url(../images/qkq_icon15.png) no-repeat 185px 15px;
+}
+.qkq_wr .qkq_si_div:nth-child(4){
+	background: url(../images/qkq_icon13.png) no-repeat 185px 15px;
+}
+.qkq_tz .qkq_si_div:nth-child(1){
+	background: url(../images/qkq_icon10.png) no-repeat 185px 15px;
+}
+.qkq_tz .qkq_si_div:nth-child(2){
+	background: url(../images/qkq_icon9.png) no-repeat 185px 15px;
+}
+.qkq_tz .qkq_si_div:nth-child(3){
+	background: url(../images/qkq_icon12.png) no-repeat 185px 15px;
+}
+.qkq_tz .qkq_si_div:nth-child(4){
+	background: url(../images/qkq_icon11.png) no-repeat 185px 15px;
+}
 .con_left_c{
 	width: 500px;
-	margin-left: 20px;
+	margin-left: 30px;
 }
 .qkq_zsss{
 	width: 27%;
@@ -1061,5 +1091,48 @@ border-radius: 2px;
 }
 .con_left_d{
 	width: 400px;
-	margin-left: 20px;
-}
+	margin-left: 30px;
+}
+
+/* jjyx */
+.con_left_e{
+	width: 550px;
+}
+.qkq_jjyx_div{
+	display: flex;
+	flex-direction: row;
+	justify-content: space-between;
+}
+#qkq_zjz1_1,#qkq_zjz2_1,#qkq_zjz1_2,#qkq_zjz2_2,#qkq_zjz1_3,#qkq_zjz2_3
+,#qkq_zjz1_4,#qkq_zjz2_4,#qkq_zjz1_5,#qkq_zjz2_5,#qkq_zjz1_6,#qkq_zjz2_6
+{
+	width: 50%;
+	height: 200px;
+}
+.con_left_f{
+	width: 706px;
+	margin-left: 30px;
+}
+.con_left_g{
+		width: 550px;
+		margin-left: 30px;
+}
+.con_left_l,.con_left_r{
+	width: 49%;
+}
+.qkq_zcfg i{
+	display: inline-block;
+	float: right;
+	padding-right: 15px;
+	text-align: left;
+}
+.qkq_zcfg i.up{
+	background: url(../images/qkq_icon16.png) no-repeat right center;
+}
+.qkq_zcfg i.down{
+	background: url(../images/qkq_icon17.png) no-repeat right center;
+}
+#qkq_jdt{
+	width: 100%;
+	height: 200px;
+}

zhsq_qk-ui/src/router/index.js

@@ -82,6 +82,10 @@ export const constantRoutes = [
     component: () => import('@/views/fusion/fwyq'),
     hidden: true
   },{
+    path: '/jjyx',
+    component: () => import('@/views/fusion/jjyx'),
+    hidden: true
+  },{
     path: '/csgl',
     component: () => import('@/views/fusion/csgl'),
     hidden: true

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

@@ -141,6 +141,7 @@
     </div>
      点位图例 结束 -->
     <!--底部开始-->
+	
     <div class="footer">
       <div class="nav-bottom">
         <div class="nav-bottom-left">

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

@@ -33,6 +33,9 @@ export default {
       path:'/fwyq1',
       redirect:'/fwyq'
     },{
+      path:'/jjyx1',
+      redirect:'/jjyx'
+    },{
       path:'/csgl1',
       redirect:'/csgl'
     }];

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

@@ -174,7 +174,7 @@
 	  </div>	
 	  <div class="con_div">
 	  	<div class="qkq_tit ">万人助万企</div>
-		<div class="qkq_wrzwq clearfix">
+		<div class="qkq_wrzwq qkq_wr clearfix">
 			<div class="qkq_si_div">
 				<p><b>728</b><span>次</span></p>
 				<p>深入企业</p>
@@ -211,22 +211,22 @@
 		</div>
 		<div class="con_div">
 			<div class="qkq_tit ">服务企业台账</div>
-				<div class="qkq_wrzwq clearfix">
+				<div class="qkq_wrzwq qkq_tz clearfix">
 					<div class="qkq_si_div">
-						<p><b>728</b><span>次</span></p>
-						<p>深入企业</p>
+						<p><b>177</b><span>次</span></p>
+						<p>服务企业</p>
 					</div>
 					<div class="qkq_si_div">
-						<p><b>787</b><span>万元</span></p>
-						<p>输送补贴</p>
+						<p><b>92</b><span>家</span></p>
+						<p>服务企业</p>
 					</div>
 					<div class="qkq_si_div">
-						<p><b>187</b><span>个</span></p>
-						<p>输送岗位</p>
+						<p><b>97%</b></p>
+						<p>服务覆盖率</p>
 					</div>
 					<div class="qkq_si_div">
-						<p><b>92</b><span>项</span></p>
-						<p>提供政策</p>
+						<p><b>100%</b></p>
+						<p>服务满意率</p>
 					</div>
 				</div>
 		 </div>