大屏样式ui处理 tech首页

public/edge.html

@@ -13,7 +13,7 @@
 		body{overflow-x:hidden;background-color:#000;overflow:hidden;}
 		*, :after, :before{box-sizing:border-box;}
 	</style>
-	<link rel="stylesheet" href="/static/js/Cesium/bucket.css">
+	<!-- <link rel="stylesheet" href="/static/js/Cesium/bucket.css"> -->
 	<!-- <link rel="stylesheet" href="/Build/Cesium/Widgets/widgets.css"> -->
 	<script src="/config/settings.js"></script>
 	<script src="/static/js/qf_web.min.js"></script>

src/assets/js/httpApi.js

@@ -574,7 +574,7 @@ var reqApis = function(){
 						},
 						"founderCharacteristics": {name:"主要负责人创业特征", must:true, table:0, 'type':'select', key:'name', },
 						"companyType": {name:"企业类型", must:true, 'type':'select', key:'name', },
-
+						"legalPerson": { 'type': '', 'name': '法人', table:0, width: 215  },
 						"address":{
 							name:"位置",/* must:true, disabled: true,type:'map',style:"display:flex",*/ table:0, width: 215,
 							mapConfig: {
@@ -642,11 +642,14 @@ var reqApis = function(){
 						// "longitude": {name:"经度", must:true, table:0, form:0 },
 						// "latitude": {name:"纬度", must:true, table:0, form:0 },
 						"mentorId": {name:"全职导师", table:0, 'type':'select', key:'name',},
+						"parMentorId": { 'type': '', 'name': '兼职导师', table:0, width: 215  },
+						"outsideIncubation": { 'type': 'select', 'name': '是否体外孵化', table:0, },
 						"occupiedArea": {name:"占用孵化场地面积", table:0,width: 215 },
 						"principal": {name:"联系人", must:true ,width: 215},
 						"contactPhone": {name:"联系方式", must:true ,width: 215},
 						// "intellectualProperty": {name:"知识产权", table:0, 'type':'select', key:'name',},
 						"totalFunding": {name:"累计获得融资总额(万元)", table:0,width: 215},
+						"registeredCapital": { 'type': '', 'name': '注册资金(万元)', table:0, width: 215 },
 						"incubationStatus": {name:"企业孵化状态", 'type':'select',
 							change: function (val){
 								var Dict = this.Dict, slist = Dict.selectList, fitem = this.form.item;
@@ -657,22 +660,22 @@ var reqApis = function(){
 						// 新增字段
 						"companyLevel": { 'type': 'select', 'name': '企业级别', table:0 },
 						"technicalField": { 'type': 'select', 'name': '所属技术领域',  },
-						"registeredCapital": { 'type': '', 'name': '注册资金(万元)', table:0, width: 215 },
+					
 						"inventionPatentsNumber": { 'type': '', 'name': '发明专利数(件)', table:0, width: 215 },
 						"inventionApplicationsNumber": { 'type': '', 'name': '发明申请数(件)', table:0, width: 215  },
 						"utilityModelsNumber": { 'type': '', 'name': '实用新型数(件)', table:0, width: 215  },
 						"softwareCopyrightNumber": { 'type': '', 'name': '软件著作权数（件）', table:0, width: 215  },
 						// 新增字段
-						"registerDate": { 'type': 'date', 'name': '注册时间', table:0, width: 215  },
-						"legalPerson": { 'type': '', 'name': '法人', table:0, width: 215  },
-						"parMentorId": { 'type': '', 'name': '兼职导师', table:0, width: 215  },
+					
+					
 						// 后台没有这个字段，目前有联系方式这个字段，是否为同一个。还是说新增的为导师的联系方式？
 						// "legalPerson": { 'type': '', 'name': '联系电话', table:0,  },
 						// 字段已有！
 						// "registeredCapital": { 'type': 'date', 'name': '注册资金', table:0,  },
-						"outsideIncubation": { 'type': 'select', 'name': '是否体外孵化', table:0, },
+					
 						"investorsName": { 'type': '', 'name': '投资方名称', table:0, width: 215  },
 						"investmentArea": { 'type': '', 'name': '投资地区', table:0, width: 215  },
+						"registerDate": { 'type': 'date', 'name': '注册时间', table:0, width: 215  },
 						
 
 

src/views/Screen/index.vue

@@ -22,7 +22,7 @@
 		</div>
 		<div class="map-mask"></div>
 	  </div>
-	  <div class="b_0">
+	  <div class="b_0" v-show="showSreen">
 		<section class="b0_" id="b0_">
 		  <div class="b0_a" :class="{ active: navActive === 0 }">
 			<div class="side b0_left" :class="{ show: view0.show }">
@@ -130,11 +130,11 @@
 	return pxValue
   }
 
-  
   export default {
 	data() {
 	  return {
 		// isTechUser: localStorage.getItem('groupIdByloginType')*1===2,
+		showSreen: false,
 		map: null,
 		infoWindow: null,
 		navActive: null,
@@ -170,8 +170,6 @@
   
 		this.navActive = 0;
   
-	
-  
 		this.getRoleInfo();
 	  });
 	},
@@ -264,13 +262,13 @@
 		this.infoWindow.setContent(content);
 		this.infoWindow.open(this.map, marker.getPosition());
 	  },
-	  getAllApi(){
-		this.sjzl()
-		this.srph();
-		this.qycxcysjfx();
-		this.byqyjnzsrphb();
-		this.byqyndsjsfbhqs();
-		this.zfqyndsjsfbhqs();
+	  async getAllApi(){
+		await this.sjzl()
+		await this.srph();
+		await this.qycxcysjfx();
+		await this.byqyjnzsrphb();
+		await this.byqyndsjsfbhqs();
+		await this.zfqyndsjsfbhqs();
 	  },
 	  sjzl() {
 		// 孵化数据总览
@@ -302,7 +300,7 @@
 		}).then((res) => {
 		  const list = res.body || [];
 		//   var colors = ["#0b50f5", "#00d1e6", "#0ce2a6", "#fdbe17"];
-		var colors = ["#00f0ff", "#00d1e6", "#0ce2a6", "#fdbe17", '#ff1fdd', '#ff3333', '#f8ff3a'];
+		var colors = ["#00f0ff", "#f88f41", "#0ce2a6", "#fdbe17", '#ff1fdd', '#ff3333', '#f8ff3a'];  //'#f8ff3a'
 		  var seriesFormat = Highchart.formatSeriesList(list, {
 			value: "num",
 			colors: colors,
@@ -460,7 +458,7 @@
 					enabled: true,
 					allowOverlap: true, // 允许数据标签重叠
 					style: {
-					  fontSize: "0.18rem", // 设置数据标签的字体大小
+					  fontSize: "0.19rem", // 设置数据标签的字体大小
 					  fontWeight: "bold", // 设置数据标签的字体粗细
 					},
 				  },
@@ -488,7 +486,7 @@
 					enabled: true,
 					color: "#FFFFFF",
 					// align: "right", // 内部对其专用，设置外部对齐时，不可设置该属性！！！
-					format: "<div style='font-size: 0.18rem;color:{point.color};color:#fff;'>{point.y:.2f}万</div>", // :.1f 为保留 1 位小数
+					format: "<div style='font-size: 0.19rem;color:{point.color};color:#fff;'>{point.y:.2f}万</div>", // :.1f 为保留 1 位小数
 				  },
 				},
 			  ],
@@ -568,7 +566,7 @@
 					enabled: true,
 					allowOverlap: true, // 允许数据标签重叠
 					style: {
-					  fontSize: "0.18rem", // 设置数据标签的字体大小
+					  fontSize: "0.19rem", // 设置数据标签的字体大小
 					  fontWeight: "bold", // 设置数据标签的字体粗细
 					},
 				  },
@@ -596,7 +594,7 @@
 					enabled: true,
 					color: "#FFFFFF",
 					// align: "right", // 内部对其专用，设置外部对齐时，不可设置该属性！！！
-					format: "<div style='font-size: 0.18rem;color:{point.color}; color:#fff;'>{point.y:.2f}万</div>", // :.1f 为保留 1 位小数
+					format: "<div style='font-size: 0.19rem;color:{point.color}; color:#fff;'>{point.y:.2f}万</div>", // :.1f 为保留 1 位小数
 				
 				  },
 				},
@@ -832,7 +830,9 @@
 					this.incubatorId = result[0].id
 				}
 				this.getAllApi()
-			}, 900);
+				
+				this.showSreen = true
+			}, 3000);
 
 		});
 	  },
@@ -984,27 +984,25 @@
 			width: 100%;
 			margin: 0 auto;
 			background: no-repeat top center
-			  url("~@/assets/images/layout/s_hd_m.png");
+			  url("~@/assets/images/layout/s_hd_m1.png");
 			background-size: auto 0.98rem;
 			display: flex;
 			justify-content: center;
 			pointer-events: none;
 			h2 {
-			  font-size: 0.45rem;
+				font-size: .4rem;
 				line-height: 1;
-			  margin: 0.23rem 0 0 0rem;
+				margin: .23rem 0 0 0rem;
 				font-weight: bold;
-			  font-family: "element-icons";
 				color: #fff;
-			  background-image: -webkit-linear-gradient(
-				top,
-				#fff,
-				#c6dafb,
-				#90b6f5
-			  );
+				// background-image: -webkit-linear-gradient(top, #fff, #c6dafb, #90b6f5);
+				font-family: Adobe Heiti Std;
+				letter-spacing: .06rem;
+				color: #E0F1FF;
+				text-shadow: 0px 12px 27px rgba(0, 70, 169, 0.78);
+				background-image: linear-gradient(0deg, #B3D0FD 38.1640625%, #FFF 100%);
 				-webkit-background-clip: text;
 				-webkit-text-fill-color: transparent;
-			  letter-spacing: 0.06rem;
 			}
 		  }
 		  .go-back {
@@ -1014,7 +1012,7 @@
 			height: 0.54rem;
 			width: 1.56rem;
 			background: no-repeat top center
-			  url("~@/assets/images/layout/h_btn_2.png");
+			  url("~@/assets/images/layout/h_btn1.png");
 			background-size: 100%;
 			display: flex;
 			justify-content: center;
@@ -1175,7 +1173,7 @@
 			h4 {
 			  height: 100%;
 			  line-height: 0.48rem;
-			  font-size: 0.24rem;
+			  font-size: 0.22rem;
 			  letter-spacing: 0.01rem;
 			  padding-left: 0.4rem;
 			  font-weight: normal;
@@ -1267,7 +1265,7 @@
 				padding-left: 0.5rem;
 				&:before {
 				  content: "";
-				  height: 0.44rem;
+				  height: 0.5rem;
 				  width: 0.44rem;
 				  background-repeat: no-repeat;
 				  background-position: center center;