syy

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

@@ -365,9 +365,9 @@ body {
     color: #d0e3fd;
     font-size: 16px;
     height: 30px;
-    padding: 15px 0px 0px 31px;
+    padding: 10px 0px 0px 31px;
     margin-bottom: 10px;
-    background-size: 100%;
+    background-size: 100% 100%;
 	position: relative;
 }
 .qkq_tit select{
@@ -384,7 +384,44 @@ body {
 background-color:#001339;
 color: #fff;
 	border: 0px;
-}
+}
+
+
+.bottom_con{
+	position: fixed;
+	bottom:110px;
+	left: 50%;
+	transform: translateX(-50%);
+	z-index: 2;
+	width: 60%;
+	min-height: 20vh;
+	display: flex;
+	flex-direction: row;
+	justify-content: space-between;
+}
+
+
+.map_tab{
+	position: fixed;
+	right: 400px;
+	bottom:150px;
+}
+.map_tab button{
+	margin: 0px 5px;
+	padding: 2px 6px;
+	font-size: 14px;
+	background-color: rgba(36, 56, 115, 0.7);
+	outline: 0px;
+	border: #001339;
+	border-radius: 3px;
+	color: #fff;
+}
+.map_tab button.on{
+	background-color: rgba(37, 67, 167, 0.7);
+	color: #fff;
+	box-shadow: 0px 0px 4px #1880ff;
+}
+
 
 /*底部*/
 .footer{

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

@@ -34,7 +34,7 @@
 }
 .qkq_tdzy{
   width: 100%;
-  height: 45px;
+  height: 25px;
   position: relative;
 }
 /***********************设备tab*******************************/
@@ -70,7 +70,7 @@
     line-height: 1.64;
     color: #fff;
     position:absolute;
-    top: 20px;
+    top: 11px;
     right: 0;
   }
 
@@ -444,8 +444,135 @@ padding-left: 20px;
   align-items: center;
 }
 
+
+/* 基层治理 */
+.jczl_tit{
+	margin: 5px 0px 5px 0px;
+	text-align: center;
+}
+.jczl_tit span{
+	color: #fff;
+	font-size: 14px;
+	margin-left: 14px;
+	text-align: center;
+}
+.jczl_tit span u{
+	color: #0055ff;
+	font-size: 16px;
+	padding: 0px 4px;
+}
+.jczl_tit span:nth-last-child(1) u{
+	color: #ddcd14;
+	font-size: 16px;
+	padding: 0px 4px;
+}
+.bmfw_mssq{
+	height: 200px;
+	overflow-y: scroll;
+	padding-left: 32px;
+}
+.bmfw_mssq p{
+	font-size: 14px;
+	color: #fff;
+	line-height: 30px;
+	padding-left: 10px;
+}
+.bmfw_mssq p:nth-child(odd){
+	background: rgba(16, 75, 131, 0.3);
+}
+.bmfw_mssq p i{
+	display: inline-block;
+	float: right;
+}
+
+.scrll_bar::-webkit-scrollbar{
+	width: 0px;
+	height: 0px;
+	
+}
+.qkq_jmzs{
+	text-align: center;
+}
+.qkq_jmzs span{
+	font-size: 16px;
+	color: #fff;
+}
+.qkq_jmzs b{
+	font-size: 20px;
+	color: #1990ea;
+	display: inline-block;
+	padding: 4px 8px;
+	border: 1px solid #1351af;
+	border-radius: 4px;
+	margin: 0px 8px;
+	letter-spacing: 1px;
+}
+.tsrq_scro{
+	height: 200px;
+	overflow-y: scroll;
+}
+.tsrq_scro::-webkit-scrollbar{
+	width: 0px;
+	height: 0px;
+	
+}
+.xqqy_div{
+	display: flex;
+	flex-direction: row;
+	   padding-bottom: 15px;
+}
+.xqqy_div .xqqy_tit{
+	width: 100%;
+	 padding: 15px 0px 15px 5%;
+}
+.xqqy_div .xqqy_tit p{
+	margin-bottom: 3px;
+	width: 33%;
+	float: left;
+}
+.xqqy_div .xqqy_tit p span{
+	font-size: 12px;
+	color: #fff;
+	text-align: left;
+	display: flex;
+	flex-direction: row;
+}
+.xqqy_div .xqqy_tit p b{
+	font-size: 18px;
+	color: #1990ea;
+	padding-right: 5px;
+}
+.xqqy_div .xqqy_tit p i{
+	font-size: 12px;
+	color: #fff;
+	line-height: 26px;
+}
+#sprh-xqqy{
+	width: 60%;
+}
+.qkq_mssq{
+	display: flex;
+	flex-direction: row;
+	justify-content: space-around;
+margin: 10px auto 20px auto;
+padding: 0px 10px;
+}
+
+.qkq_mssq_div{
+	display: flex;
+	flex-direction: row;
 
-
-
-
-
+}
+.qkq_mssq_div img{
+	margin-right: 10px;
+}
+.qkq_mssq_div p{
+	font-size: 22px;
+	font-weight: 900;
+	color: #ddcd14;
+	padding-top: 10px;
+}
+.qkq_mssq_div span{
+	font-size: 14px;
+	color: #fff;
+}

zhsq_qk-ui/src/router/index.js

@@ -48,7 +48,12 @@ export const constantRoutes = [
   //     title: '城市运行一网统管指挥中心',
   //     icon: ['eye-open'] // 添加图标
   //   }
-  // },
+  // },
+  {
+    path: '/jczl',
+    component: () => import('@/views/fusion/jczl'),
+    hidden: true
+  },
   {
     path: '/sprh',
     component: () => import('@/views/fusion/sprh'),

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

@@ -15,6 +15,9 @@ export default {
     // alert(path)
     console.log('window.path',window)
     let paths = [{
+      path:'/jczl1',
+      redirect:'/jczl'
+    },{
       path:'/sprh1',
       redirect:'/sprh'
     },{

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

@@ -10,9 +10,11 @@
     <div class="bj_bottom"><img src="@/assets/images/sprhbj-bottom.png"/></div>
     <!--头部开始-->
     <div class="header">
-      <h1>城市运行一网统管指挥中心</h1>
-      <button @click="sltHandle" style="margin-left: 1200px">矢量图</button>
-      <button @click="yxtHandle">影像图</button>
+      <h1>城市运行一网统管指挥中心</h1>
+			<div class="map_tab">
+				<button @click="sltHandle" class="on">矢量图</button>
+				<button @click="yxtHandle">影像图</button>
+			</div>
     </div>
     <!--头部结束-->
     <!--左侧开始-->