瀏覽代碼

首页样式修改

limiao 4 年之前
父節點
當前提交
a739e8e0cf
共有 2 個文件被更改,包括 98 次插入95 次删除
  1. 20 2
      components/monitor/MatrixMonitor.vue
  2. 78 93
      pages/index/Index.vue

+ 20 - 2
components/monitor/MatrixMonitor.vue

@@ -231,7 +231,7 @@ export default {
 					windPowerStationId: 'MHS_FDC'
 				}
 			],
-			windStationName: '麻黄山',
+			windStationName: '',
 			modalWindStationName: '',
 			CustomBar: this.CustomBar,
 			modalName: null,
@@ -1241,9 +1241,27 @@ export default {
 		this.address = uni.getStorageSync('windpowerstationName');
 		if (this.address == '宁夏新能源公司') {
 			this.windStation = ['麻黄山风电场', '牛首山风电场', '石板泉风电场', '青山风电场', '香山风电场'];
+			this.windStationName =this.windStation[0].replace('风电场', '');
 		}
 		if (this.address == '麻黄山风电场') {
 			this.windStation = ['麻黄山风电场', '麻黄山一期', '麻黄山二期', '麻黄山三期'];
+			this.windStationName =this.windStation[0].replace('风电场', '');
+		}
+		if (this.address == '牛首山风电场') {
+			this.windStation = ['牛首山风电场', '牛首山一期', '牛首山二期', '牛首山三期'];
+			this.windStationName =this.windStation[0].replace('风电场', '');
+		}
+		if (this.address == '石板泉风电场') {
+			this.windStation = ['石板泉风电场', '石板泉一期', '石板泉二期', '石板泉三期'];
+			this.windStationName =this.windStation[0].replace('风电场', '');
+		}
+		if (this.address == '香山风电场') {
+			this.windStation = ['香山风电场', '香山一期', '香山二期', '香山三期'];
+			this.windStationName =this.windStation[0].replace('风电场', '');
+		}
+		if (this.address == '青山风电场') {
+			this.windStation = ['青山风电场', '青山一期', '青山二期', '青山三期'];
+			this.windStationName =this.windStation[0].replace('风电场', '');
 		}
 		this.windStationListHeight = this.windStation.length * 50 + 40 + 'px';
 		this.spopupWrapperHeight=this.windStation.length * 50 + 90 + 'px';
@@ -1421,7 +1439,7 @@ export default {
 						this.windStationName = this.windStation[i].replace('风电场', '');
 						this.modalWindStationName = this.windStation[i].replace('风电场', '');
 					}
-					if (this.address == '麻黄山风电场') {
+					if (this.address.search('风电场') != -1) {
 						if (this.windStation[i].search('风电场') != -1) {
 							this.windStationName = this.windStation[i].replace('风电场', '');
 						} else {

+ 78 - 93
pages/index/Index.vue

@@ -39,31 +39,27 @@
 			<view class="informationCardAll">
 				<view class="informationCardTextOne">
 					<view class="informationCardText">
-						<view class="textSilver" @tap="common.navTo('/components/detail/Detail')">安全天数</view>
-						<view class="textWhite">(天)</view>
-						:15
+						<view class="textSilver" @tap="common.navTo('/components/detail/Detail')">安全天数(&nbsp;天&nbsp;)&nbsp;&nbsp;:</view>						
+						<view class="textWhite">15</view>
 					</view>
 					<view class="informationCardTextzj">
-						<view class="textSilver" @tap="common.navTo('/components/detail/Detail')">装机容量</view>
-						<view class="textWhite">(MV)</view>
-						:15
+						<view class="textSilver" @tap="common.navTo('/components/detail/Detail')">装机容量(MV):</view>					
+						<view class="textWhite">15</view>
 					</view>
 				</view>
 				<view class="informationCardTextTwo">
 					<view class="informationCardTextNo1">
-						<view class="textSilver" @tap="common.navTo('/components/detail/Detail')">日发电量</view>
-						<view class="textWhite">(kwh)</view>
-						:150
+						<view class="textSilver" @tap="common.navTo('/components/detail/Detail')">日发电量(kwh):</view>
+						<view class="textWhite">150</view>					
 					</view>
 					<view class="informationCardText3">
-						<view class="textSilver" @tap="common.navTo('/components/detail/Detail')">预测发电量</view>
-						<view class="textWhite">(kwh)</view>
-						:15
+						<view class="textSilver" @tap="common.navTo('/components/detail/Detail')">预测发电量(kwh):</view>
+						<view class="textWhite">15</view>			
 					</view>
 					<view class="informationCardText2">
-						<view class="textSilver" @tap="common.navTo('/components/detail/Detail')">上网电量</view>
-						<view class="textWhite">(kwh)</view>
-						:15
+						<view class="textSilver" @tap="common.navTo('/components/detail/Detail')">上网电量(kwh):</view>
+						<view class="textWhite">15</view>
+						
 					</view>
 				</view>
 			</view>
@@ -72,8 +68,8 @@
 		<view class="speedPower">
 			<view class="cardinstallredSpeed" @tap="common.navTo('/components/detail/Detail')">
 				<view class="cardinstalltitlegreen">
-					平均风速
-					<view class="textWhitekuangSpeed">(km/h)</view>
+					平均风速(km/h)
+					<!-- <view class="textWhitekuangSpeed">(km/h)</view> -->
 				</view>
 				<view class="cardinstallnumbergreen">5</view>
 				<view class="cardinstallnumbergreenmin">
@@ -85,8 +81,8 @@
 			</view>
 			<view class="cardinstallredSpeed" @tap="common.navTo('/components/detail/Detail')">
 				<view class="cardinstalltitlegreen">
-					预测风速
-					<view class="textWhitekuangSpeed">(km/h)</view>
+					预测风速(km/h)
+					<!-- <view class="textWhitekuangSpeed">(km/h)</view> -->
 				</view>
 				<view class="cardinstallnumbergreen">48</view>
 				<view class="cardinstallnumbergreenmin">
@@ -98,8 +94,8 @@
 			</view>
 			<view class="cardinstallredSpeed" @tap="common.navTo('/components/detail/Detail')">
 				<view class="cardinstalltitleRed">
-					实际功率
-					<view class="textWhitekuang">(kw)</view>
+					实际功率(kw)
+					<!-- <view class="textWhitekuang">(kw)</view> -->
 				</view>
 				<view class="cardinstallnumberred">15</view>
 				<view class="cardinstallnumberredmin">
@@ -111,8 +107,8 @@
 			</view>
 			<view class="cardinstallredSpeed" @tap="common.navTo('/components/detail/Detail')">
 				<view class="cardinstalltitleRed">
-					理论功率
-					<view class="textWhitekuang">(kw)</view>
+					理论功率(kw)
+					<!-- <view class="textWhitekuang">(kw)</view> -->
 				</view>
 				<view class="cardinstallnumberred">14</view>
 				<view class="cardinstallnumberredmin">
@@ -272,24 +268,20 @@
 						<view class="windStationTitle">麻黄山风电场</view>
 						<view class="powerAndSpeedContainer">
 							<view class="powerAndSpeedRed">
-								预测电量
-								<span>(kwh)</span>
-								:15
+								预测电量(kwh):
+								<span>15</span>								
 							</view>
 							<view class="powerAndSpeedRed">
-								日发电量
-								<span>(kwh)</span>
-								:15
+								日发电量(kwh):
+								<span>15</span>							
 							</view>
 							<view class="powerAndSpeedRed">
-								实时风速
-								<span>(km/h)</span>
-								:15
+								实时风速(km/h):
+								<span>15</span>						
 							</view>
 							<view class="powerAndSpeedRed">
-								实际功率
-								<span>(km/h)</span>
-								:15
+								实际功率(km/h):
+								<span>15</span>						
 							</view>
 						</view>
 						<!-- HQChart图 -->
@@ -350,24 +342,20 @@
 						<view class="windStationTitle">牛首山风电场</view>
 						<view class="powerAndSpeedContainer">
 							<view class="powerAndSpeedRed">
-								预测电量
-								<span>(kwh)</span>
-								:15
+								预测电量(kwh):
+								<span>15</span>							
 							</view>
 							<view class="powerAndSpeedRed">
-								日发电量
-								<span>(kwh)</span>
-								:15
+								日发电量(kwh):
+								<span>15</span>								
 							</view>
 							<view class="powerAndSpeedRed">
-								实时风速
-								<span>(km/h)</span>
-								:15
+								实时风速(km/h):
+								<span>15</span>							
 							</view>
 							<view class="powerAndSpeedRed">
-								实际功率
-								<span>(km/h)</span>
-								:15
+								实际功率(km/h):
+								<span>15</span>								
 							</view>
 						</view>
 						<!-- HQChart图 -->
@@ -427,24 +415,22 @@
 						<view class="windStationTitle">石板泉风电场</view>
 						<view class="powerAndSpeedContainer">
 							<view class="powerAndSpeedRed">
-								预测电量
-								<span>(kwh)</span>
-								:15
+								预测电量(kwh):
+								<span>15</span>				
 							</view>
 							<view class="powerAndSpeedRed">
-								日发电量
-								<span>(kwh)</span>
-								:15
+								日发电量(kwh):
+								<span>15</span>
+								
 							</view>
 							<view class="powerAndSpeedRed">
-								实时风速
-								<span>(km/h)</span>
-								:15
+								实时风速(km/h):
+								<span>15</span>
+								
 							</view>
 							<view class="powerAndSpeedRed">
-								实际功率
-								<span>(km/h)</span>
-								:15
+								实际功率(km/h):
+								<span>15</span>					
 							</view>
 						</view>
 						<!-- HQChart图 -->
@@ -504,24 +490,20 @@
 						<view class="windStationTitle">青山风电场</view>
 						<view class="powerAndSpeedContainer">
 							<view class="powerAndSpeedRed">
-								预测电量
-								<span>(kwh)</span>
-								:15
+								预测电量(kwh):
+								<span>15</span>			
 							</view>
 							<view class="powerAndSpeedRed">
-								日发电量
-								<span>(kwh)</span>
-								:15
+								日发电量(kwh):
+								<span>15</span>								
 							</view>
 							<view class="powerAndSpeedRed">
-								实时风速
-								<span>(km/h)</span>
-								:15
+								实时风速(km/h):
+								<span>15</span>								
 							</view>
 							<view class="powerAndSpeedRed">
-								实际功率
-								<span>(km/h)</span>
-								:15
+								实际功率(km/h):
+								<span>15</span>								
 							</view>
 						</view>
 						<!-- HQChart图 -->
@@ -581,24 +563,20 @@
 						<view class="windStationTitle">香山风电场</view>
 						<view class="powerAndSpeedContainer">
 							<view class="powerAndSpeedRed">
-								预测电量
-								<span>(kwh)</span>
-								:15
+								预测电量(kwh):
+								<span>15</span>							
 							</view>
 							<view class="powerAndSpeedRed">
-								日发电量
-								<span>(kwh)</span>
-								:15
+								日发电量(kwh):
+								<span>15</span>							
 							</view>
 							<view class="powerAndSpeedRed">
-								实时风速
-								<span>(km/h)</span>
-								:15
+								实时风速(km/h):
+								<span>15</span>							
 							</view>
 							<view class="powerAndSpeedRed">
-								实际功率
-								<span>(km/h)</span>
-								:15
+								实际功率(km/h):
+								<span>15</span>								
 							</view>
 						</view>
 						<!-- HQChart图 -->
@@ -756,8 +734,12 @@
 				windStationCardPixelRatio: 1
 			};
 		},
-created: function() {
+		created: function() {
 			this.address = this.getWindPowerStationNameToSessionStorage();
+			if(this.address==""){
+				this.pushWindPowerStationNameToSessionStorage("宁夏新能源公司");
+				this.address = this.getWindPowerStationNameToSessionStorage();
+			}
 			this.windPowerStationId = uni.getStorageSync('windPowerStationId');
 		},
 		onLoad: function() {
@@ -2574,7 +2556,7 @@ created: function() {
 		-moz-user-select: text;
 		-ms-user-select: text;
 		font-size: 20px;
-		color: silver;
+		color: white;
 		/* color: #449618; */
 		line-height: 25px;
 		float: left;
@@ -2628,7 +2610,7 @@ created: function() {
 		-moz-user-select: text;
 		-ms-user-select: text;
 		font-size: 20px;
-		color: silver;
+		color: white;
 		/* color: #E93131; */
 		line-height: 25px;
 		float: left;
@@ -2724,13 +2706,13 @@ created: function() {
 	}
 
 	.textWhitekuangSpeed {
-		color: white;
-		float: right;
+		color: silver;
+		float: right ;
 		margin-right: 70px;
 	}
 
 	.textWhitekuang {
-		color: white;
+		color: silver;
 		float: right;
 		margin-right: 85px;
 	}
@@ -2793,7 +2775,7 @@ created: function() {
 		}
 	
 		.informationCardTextzj {
-			margin-left: 43%;
+			/* margin-left: 43%; */
 			width: 105px;
 			height: 35px;
 			line-height: 35px;
@@ -2803,7 +2785,8 @@ created: function() {
 			-ms-user-select: text;
 			color: silver;
 			font-size: 13px;
-			float: left;
+			float: right;
+			margin-right: 9px;
 		}
 	
 		.informationCardTextTwo {
@@ -2818,7 +2801,8 @@ created: function() {
 		}
 	
 		.informationCardText2 {
-			margin-left: 6%;
+			/* margin-left: 6%; */
+			margin-left: calc(48% - 172.5px);
 			width: 110px;
 			height: 35px;
 			font-size: 13px;
@@ -2826,7 +2810,8 @@ created: function() {
 			float: left;
 		}
 		.informationCardText3 {
-			margin-left: 6%;
+			/* margin-left: 6%; */
+			margin-left: calc(48% - 172.5px);
 			width: 120px;
 			height: 35px;
 			font-size: 13px;