From d4495e97f126bbbde5eecee17a167d28853e3478 Mon Sep 17 00:00:00 2001
From: zwq <zwq229436@163.com>
Date: Thu, 3 Jul 2025 11:08:05 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dashboard/allDashboard/index-model.vue    |  28 ++-
 src/views/dashboard/allDashboard/index.vue    |  82 +++++----
 .../dashboard/coldDashboard/index-model.vue   |  13 +-
 src/views/dashboard/coldDashboard/index.vue   | 161 +++++++++---------
 .../dashboard/rawDashboard/index-model.vue    |   6 +-
 src/views/dashboard/rawDashboard/index.vue    |   6 +-
 6 files changed, 155 insertions(+), 141 deletions(-)

diff --git a/src/views/dashboard/allDashboard/index-model.vue b/src/views/dashboard/allDashboard/index-model.vue
index 637bc711..9b0b16fe 100644
--- a/src/views/dashboard/allDashboard/index-model.vue
+++ b/src/views/dashboard/allDashboard/index-model.vue
@@ -26,22 +26,36 @@
 			<div class="main-body">
 				<div style="flex: 3" class="bz25-1"></div>
 				<div style="flex: 5" class="bz25-2 bz-top">
-					<div class="topNum">{{ Number(topData.yestodaySum).toFixed(1) }}</div>
+					<div class="topNum">
+						{{
+							topData.yestodaySum ? Number(topData.yestodaySum).toFixed(1) : '-'
+						}}
+					</div>
 					<div class="topText">昨日总成本/万元</div>
 				</div>
 				<div style="flex: 5" class="bz25-3 bz-top">
 					<div class="topNum" style="margin-left: 50px">
-						{{ Number(topData.yestodayRatio).toFixed(1) }}%
+						{{
+							topData.yestodayRatio
+								? Number(topData.yestodayRatio).toFixed(1)
+								: '-'
+						}}%
 					</div>
 					<div class="topText">昨日良品率</div>
 				</div>
 				<div style="flex: 5" class="bz25-4 bz-top">
-					<div class="topNum">{{ Number(topData.monthSum).toFixed(1) }}</div>
+					<div class="topNum">
+						{{ topData.monthSum ? Number(topData.monthSum).toFixed(1) : '-' }}
+					</div>
 					<div class="topText">本月总成本/万元</div>
 				</div>
 				<div style="flex: 5" class="bz25-5 bz-top">
 					<div class="topNum">
-						{{ Number(topData.monthAreaCost).toFixed(1) }}
+						{{
+							topData.monthAreaCost
+								? Number(topData.monthAreaCost).toFixed(1)
+								: '-'
+						}}
 					</div>
 					<div class="topText">本月每平米总成本/元</div>
 				</div>
@@ -81,7 +95,7 @@
 								二氧化硫 排放浓度
 							</div>
 							<div class="content middle2-right">
-								{{ Number(topData.so2).toFixed(1) }}
+								{{ topData.so2 ? Number(topData.so2).toFixed(1) : '-' }}
 								<span style="font-size: 14px; line-height: 43px">mg/m³</span>
 							</div>
 						</div>
@@ -91,7 +105,7 @@
 								粉尘排放
 							</div>
 							<div class="content middle2-right">
-								{{ Number(topData.fc).toFixed(1) }}
+								{{ topData.fc ? Number(topData.fc).toFixed(1) : '-' }}
 								<span style="font-size: 14px; line-height: 43px">mg/m³</span>
 							</div>
 						</div>
@@ -101,7 +115,7 @@
 								氮氧化物 排放浓度
 							</div>
 							<div class="content middle2-right">
-								{{ Number(topData.no).toFixed(1) }}
+								{{ topData.no ? Number(topData.no).toFixed(1) : '-' }}
 								<span style="font-size: 14px; line-height: 43px">mg/m³</span>
 							</div>
 						</div>
diff --git a/src/views/dashboard/allDashboard/index.vue b/src/views/dashboard/allDashboard/index.vue
index e89bc9ea..f60e3053 100644
--- a/src/views/dashboard/allDashboard/index.vue
+++ b/src/views/dashboard/allDashboard/index.vue
@@ -26,22 +26,36 @@
 			<div class="main-body">
 				<div style="flex: 3" class="bz25-1"></div>
 				<div style="flex: 5" class="bz25-2 bz-top">
-					<div class="topNum">{{ Number(topData.yestodaySum).toFixed(1) }}</div>
+					<div class="topNum">
+						{{
+							topData.yestodaySum ? Number(topData.yestodaySum).toFixed(1) : '-'
+						}}
+					</div>
 					<div class="topText">昨日总成本/万元</div>
 				</div>
 				<div style="flex: 5" class="bz25-3 bz-top">
 					<div class="topNum" style="margin-left: 50px">
-						{{ Number(topData.yestodayRatio).toFixed(1) }}%
+						{{
+							topData.yestodayRatio
+								? Number(topData.yestodayRatio).toFixed(1)
+								: '-'
+						}}%
 					</div>
 					<div class="topText">昨日良品率</div>
 				</div>
 				<div style="flex: 5" class="bz25-4 bz-top">
-					<div class="topNum">{{ Number(topData.monthSum).toFixed(1) }}</div>
+					<div class="topNum">
+						{{ topData.monthSum ? Number(topData.monthSum).toFixed(1) : '-' }}
+					</div>
 					<div class="topText">本月总成本/万元</div>
 				</div>
 				<div style="flex: 5" class="bz25-5 bz-top">
 					<div class="topNum">
-						{{ Number(topData.monthAreaCost).toFixed(1) }}
+						{{
+							topData.monthAreaCost
+								? Number(topData.monthAreaCost).toFixed(1)
+								: '-'
+						}}
 					</div>
 					<div class="topText">本月每平米总成本/元</div>
 				</div>
@@ -73,13 +87,15 @@
 							margin: 10px 30px;
 							gap: 12px;
 						">
-						<div class="yanqi" style="width: 566px;">
-							<div class="content middle2-left" style="margin-left: 50px;width: 210px;">
+						<div class="yanqi" style="width: 566px">
+							<div
+								class="content middle2-left"
+								style="margin-left: 50px; width: 210px">
 								<el-image class="imageClass" :src="imgUrl.so2"></el-image>
 								二氧化硫 排放浓度
 							</div>
 							<div class="content middle2-right">
-								{{ Number(topData.so2).toFixed(1) }}
+								{{ topData.so2 ? Number(topData.so2).toFixed(1) : '-' }}
 								<span style="font-size: 14px; line-height: 43px">mg/m³</span>
 							</div>
 						</div>
@@ -89,7 +105,7 @@
 								粉尘排放
 							</div>
 							<div class="content middle2-right">
-								{{ Number(topData.fc).toFixed(1) }}
+								{{ topData.fc ? Number(topData.fc).toFixed(1) : '-' }}
 								<span style="font-size: 14px; line-height: 43px">mg/m³</span>
 							</div>
 						</div>
@@ -99,7 +115,7 @@
 								氮氧化物 排放浓度
 							</div>
 							<div class="content middle2-right">
-								{{ Number(topData.no).toFixed(1) }}
+								{{ topData.no ? Number(topData.no).toFixed(1) : '-' }}
 								<span style="font-size: 14px; line-height: 43px">mg/m³</span>
 							</div>
 						</div>
@@ -260,7 +276,7 @@ export default {
 			} else {
 				this.permission = false;
 			}
-      this.initWebSocket();
+			this.initWebSocket();
 		});
 	},
 	destroy() {
@@ -352,37 +368,37 @@ export default {
 			// 数据接收
 			if ('factoryState' in dataJson) {
 				this.topData = dataJson.factoryState;
-        if(!this.permission){
-          this.topData.monthAreaCost = '***'
-          this.topData.monthSum = '***'
-          this.topData.yestodaySum = '***'
-        }
+				if (!this.permission) {
+					this.topData.monthAreaCost = '***';
+					this.topData.monthSum = '***';
+					this.topData.yestodaySum = '***';
+				}
 			}
 			if ('factoryCostTableList' in dataJson) {
 				this.tableData1 = dataJson.factoryCostTableList;
-        if(!this.permission){
-          this.tableData1.forEach(item=>{
-            item.priceS = null
-            item.matPriceS = null
-            item.energyPriceS = null
-            item.otherPriceS = null
-            item.areaPriceS = null
-          })
-        }
+				if (!this.permission) {
+					this.tableData1.forEach((item) => {
+						item.priceS = null;
+						item.matPriceS = null;
+						item.energyPriceS = null;
+						item.otherPriceS = null;
+						item.areaPriceS = null;
+					});
+				}
 			}
 			if ('factoryEnergyTableList' in dataJson) {
 				this.tableData2 = dataJson.factoryEnergyTableList;
-        if(!this.permission){
-          this.tableData2.forEach(item=>{
-            item.price = null
-          })
-        }
+				if (!this.permission) {
+					this.tableData2.forEach((item) => {
+						item.price = null;
+					});
+				}
 			}
 			if ('factoryCostTrendList' in dataJson) {
 				this.echartData = dataJson.factoryCostTrendList;
-        this.$nextTick(()=>{
-          this.$refs.chartRef.initChart(!this.permission);
-        })
+				this.$nextTick(() => {
+					this.$refs.chartRef.initChart(!this.permission);
+				});
 			}
 		},
 		websocketsend(val) {
@@ -525,7 +541,7 @@ export default {
 	padding-top: 12px;
 	padding-left: 12px;
 	float: left;
-  margin-right: 10px;
+	margin-right: 10px;
 }
 .middle2-right {
 	font-weight: 600;
diff --git a/src/views/dashboard/coldDashboard/index-model.vue b/src/views/dashboard/coldDashboard/index-model.vue
index 5fed683f..02c71888 100644
--- a/src/views/dashboard/coldDashboard/index-model.vue
+++ b/src/views/dashboard/coldDashboard/index-model.vue
@@ -35,7 +35,6 @@ export default {
 		return {
 			isFullScreen: false,
 			scaleNum: 1,
-			permission: false,
 			url: process.env.VUE_APP_WS_API,
 			websock: '',
 			line1: {},
@@ -46,16 +45,7 @@ export default {
 	},
 	created() {
 		this.init();
-		this.permission = false;
-		getUserProfile().then((response) => {
-			const user = response.data;
-			if (user.roles[0].name !== 'dashborad') {
-				this.permission = true;
-			} else {
-				this.permission = false;
-			}
-			this.initWebSocket();
-		});
+		this.initWebSocket();
 	},
 	mounted() {
 		this.boxReset();
@@ -133,7 +123,6 @@ export default {
 				console.log('websocket: [unable to msgData] :  ', e.data);
 			}
 			if (!Object.prototype.toString.call(msgData).includes('Object')) return;
-			if (!this.permission) return;
 			msgData.originRatioTables &&
 				msgData.originRatioTables.forEach((item) => {
 					item.lineName.includes('1') && (this.line1 = item);
diff --git a/src/views/dashboard/coldDashboard/index.vue b/src/views/dashboard/coldDashboard/index.vue
index 2a8cd01a..68d10e38 100644
--- a/src/views/dashboard/coldDashboard/index.vue
+++ b/src/views/dashboard/coldDashboard/index.vue
@@ -1,16 +1,23 @@
 <template>
-  <div id="coldContainerB" ref="coldContainerB" style="width: 100%; height: 100%">
-    <div id="coldContainer" class="coldContainer" style="width: 1920px; height: 1080px" :style="{ transform: 'scale(' + scaleNum + ')' }">
-      <KHeader
+	<div
+		id="coldContainerB"
+		ref="coldContainerB"
+		style="width: 100%; height: 100%">
+		<div
+			id="coldContainer"
+			class="coldContainer"
+			style="width: 1920px; height: 1080px"
+			:style="{ transform: 'scale(' + scaleNum + ')' }">
+			<KHeader
 				:isFullScreen="isFullScreen"
 				@screenfullChange="screenfullChange"
 				topTitle="自贡冷端数据看板" />
-        <DataBox title='原片产线1' position='lt' :msgData='line1' class="box1"/>
-        <DataBox title='原片产线2' position='rt' :msgData='line2' class="box2"/>
-        <DataBox title='原片产线3' position='lb' :msgData='line3' class="box3"/>
-        <DataBox title='原片产线4' position='rb' :msgData='line4' class="box4"/>
-    </div>
-  </div>
+			<DataBox title="原片产线1" position="lt" :msgData="line1" class="box1" />
+			<DataBox title="原片产线2" position="rt" :msgData="line2" class="box2" />
+			<DataBox title="原片产线3" position="lb" :msgData="line3" class="box3" />
+			<DataBox title="原片产线4" position="rb" :msgData="line4" class="box4" />
+		</div>
+	</div>
 </template>
 <script>
 import KHeader from '../components/Header';
@@ -19,38 +26,28 @@ import screenfull from 'screenfull';
 import { debounce } from '@/utils/debounce';
 import { getUserProfile } from '@/api/system/user';
 export default {
-  name: 'ColdDashboard',
-  components: {
+	name: 'ColdDashboard',
+	components: {
 		KHeader,
-    DataBox
+		DataBox,
 	},
-  data() {
-    return {
-      isFullScreen: false,
-      scaleNum:1,
-			permission: false,
+	data() {
+		return {
+			isFullScreen: false,
+			scaleNum: 1,
 			url: process.env.VUE_APP_WS_API,
 			websock: '',
-			line1:{},
-			line2:{},
-			line3:{},
-			line4:{}
-    }
-  },
+			line1: {},
+			line2: {},
+			line3: {},
+			line4: {},
+		};
+	},
 	created() {
 		this.init();
-		this.permission = false;
-		getUserProfile().then((response) => {
-			const user = response.data;
-			if (user.roles[0].name !== 'dashborad') {
-				this.permission = true;
-			} else {
-				this.permission = false;
-			}
-      this.initWebSocket();
-		});
+		this.initWebSocket();
 	},
-  mounted() {
+	mounted() {
 		this.boxReset();
 		window.addEventListener('resize', this.boxReset);
 	},
@@ -58,13 +55,13 @@ export default {
 		window.removeEventListener('resize', this.boxReset);
 		this.websocketclose();
 	},
-  methods: {
-    boxReset() {
+	methods: {
+		boxReset() {
 			debounce(() => {
 				this.resetSize();
 			}, 300)();
 		},
-    change() {
+		change() {
 			this.isFullScreen = screenfull.isFullscreen;
 		},
 		init() {
@@ -77,7 +74,7 @@ export default {
 				screenfull.off('change', this.change);
 			}
 		},
-    // 全屏
+		// 全屏
 		screenfullChange() {
 			if (!screenfull.isEnabled) {
 				this.$message({
@@ -88,10 +85,8 @@ export default {
 			}
 			screenfull.toggle(this.$refs.coldContainerB);
 		},
-    resetSize() {
-			let coldContainerBox = document.getElementById(
-				'coldContainer'
-			);
+		resetSize() {
+			let coldContainerBox = document.getElementById('coldContainer');
 			let rw = parseFloat(window.innerWidth);
 			let rh = parseFloat(window.innerHeight);
 			let bw = parseFloat(coldContainerBox.style.width);
@@ -131,20 +126,20 @@ export default {
 			this.initWebSocket();
 		},
 		websocketonmessage(e) {
-			let msgData = e.data
+			let msgData = e.data;
 			try {
 				msgData = JSON.parse(e.data);
 			} catch (error) {
-				console.log("websocket: [unable to msgData] :  ", e.data);
+				console.log('websocket: [unable to msgData] :  ', e.data);
 			}
 			if (!Object.prototype.toString.call(msgData).includes('Object')) return;
-			if (!this.permission) return
-			msgData.originRatioTables && msgData.originRatioTables.forEach((item) => {
-			  item.lineName.includes('1') && (this.line1 = item);
-			  item.lineName.includes('2') && (this.line2 = item);
-			  item.lineName.includes('3') && (this.line3 = item);
-			  item.lineName.includes('4') && (this.line4 = item);
-			})
+			msgData.originRatioTables &&
+				msgData.originRatioTables.forEach((item) => {
+					item.lineName.includes('1') && (this.line1 = item);
+					item.lineName.includes('2') && (this.line2 = item);
+					item.lineName.includes('3') && (this.line3 = item);
+					item.lineName.includes('4') && (this.line4 = item);
+				});
 		},
 		websocketsend() {
 			// 数据发送
@@ -159,41 +154,41 @@ export default {
 			this.websock.close();
 			console.log('断开连接', e);
 		},
-  }
-}
+	},
+};
 </script>
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 .coldContainer {
-  position: absolute;
-  transform-origin: 16px 8px;
-  font-size: 16px;
-  top: 0px;
-  left: 0px;
-  width: 1920px;
-  height: 1080px;
-  background: url(../assets/bg1.png) no-repeat;
+	position: absolute;
+	transform-origin: 16px 8px;
+	font-size: 16px;
+	top: 0px;
+	left: 0px;
+	width: 1920px;
+	height: 1080px;
+	background: url(../assets/bg1.png) no-repeat;
 	background-size: cover;
 	background-position: 0 0;
 	overflow: auto;
-  .box1 {
-    position: absolute;
-    top: 141px;
-    left: 40px;
-  }
-  .box2 {
-    position: absolute;
-    top: 141px;
-    right: 40px;
-  }
-  .box3 {
-    position: absolute;
-    bottom: 66px;
-    left: 40px;
-  }
-  .box4 {
-    position: absolute;
-    bottom: 66px;
-    right: 40px;
-  }
+	.box1 {
+		position: absolute;
+		top: 141px;
+		left: 40px;
+	}
+	.box2 {
+		position: absolute;
+		top: 141px;
+		right: 40px;
+	}
+	.box3 {
+		position: absolute;
+		bottom: 66px;
+		left: 40px;
+	}
+	.box4 {
+		position: absolute;
+		bottom: 66px;
+		right: 40px;
+	}
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dashboard/rawDashboard/index-model.vue b/src/views/dashboard/rawDashboard/index-model.vue
index b848b82f..380fd400 100644
--- a/src/views/dashboard/rawDashboard/index-model.vue
+++ b/src/views/dashboard/rawDashboard/index-model.vue
@@ -89,7 +89,7 @@
 								二氧化硫 排放浓度
 							</div>
 							<div class="content middle2-right">
-								{{ Number(topData.so2).toFixed(1) }}
+								{{ topData.so2 ? Number(topData.so2).toFixed(1) : '-' }}
 								<span style="font-size: 14px; line-height: 43px">mg/m³</span>
 							</div>
 						</div>
@@ -99,7 +99,7 @@
 								粉尘排放
 							</div>
 							<div class="content middle2-right">
-								{{ Number(topData.fc).toFixed(1) }}
+								{{ topData.fc ? Number(topData.fc).toFixed(1) : '-' }}
 								<span style="font-size: 14px; line-height: 43px">mg/m³</span>
 							</div>
 						</div>
@@ -109,7 +109,7 @@
 								氮氧化物 排放浓度
 							</div>
 							<div class="content middle2-right">
-								{{ Number(topData.no).toFixed(1) }}
+								{{ topData.no ? Number(topData.no).toFixed(1) : '-' }}
 								<span style="font-size: 14px; line-height: 43px">mg/m³</span>
 							</div>
 						</div>
diff --git a/src/views/dashboard/rawDashboard/index.vue b/src/views/dashboard/rawDashboard/index.vue
index 725c26bb..f533c27f 100644
--- a/src/views/dashboard/rawDashboard/index.vue
+++ b/src/views/dashboard/rawDashboard/index.vue
@@ -83,7 +83,7 @@
 								二氧化硫 排放浓度
 							</div>
 							<div class="content middle2-right">
-								{{ Number(topData.so2).toFixed(1) }}
+								{{ topData.so2 ? Number(topData.so2).toFixed(1) : '-' }}
 								<span style="font-size: 14px; line-height: 43px">mg/m³</span>
 							</div>
 						</div>
@@ -93,7 +93,7 @@
 								粉尘排放
 							</div>
 							<div class="content middle2-right">
-								{{ Number(topData.fc).toFixed(1) }}
+								{{ topData.fc ? Number(topData.fc).toFixed(1) : '-' }}
 								<span style="font-size: 14px; line-height: 43px">mg/m³</span>
 							</div>
 						</div>
@@ -103,7 +103,7 @@
 								氮氧化物 排放浓度
 							</div>
 							<div class="content middle2-right">
-								{{ Number(topData.no).toFixed(1) }}
+								{{ topData.no ? Number(topData.no).toFixed(1) : '-' }}
 								<span style="font-size: 14px; line-height: 43px">mg/m³</span>
 							</div>
 						</div>