From 503ff4eb86668e4fb7e57f779fe63031fe542cce Mon Sep 17 00:00:00 2001
From: Iruka <1017819588@qq.com>
Date: Wed, 4 Dec 2024 11:30:49 +0800
Subject: [PATCH] .

---
 pages/index.vue                               |  17 ++++--
 .../valves/3/{valve3.png => valve3_close.png} | Bin
 .../valves/5/{valve5.png => valve5_0000.png}  | Bin
 utils/indexUtil/imageAssets.js                |  50 ++++++++++++++++++
 4 files changed, 62 insertions(+), 5 deletions(-)
 rename static/images/valves/3/{valve3.png => valve3_close.png} (100%)
 rename static/images/valves/5/{valve5.png => valve5_0000.png} (100%)
 create mode 100644 utils/indexUtil/imageAssets.js

diff --git a/pages/index.vue b/pages/index.vue
index fc16d57..f4b5312 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -19,7 +19,6 @@
 			<button @click="mqttSubscribes">订阅</button>
 		</view>
 	</u-popup>
-
 	<!-- 内容 -->
 	<view class="content">
 		<!-- 顶部搜索框 -->
@@ -300,7 +299,8 @@
 																	</view>
 																	<view class="bottom"></view>
 																</view>
-																<image src="../static/images/valves/3/valve3.png"
+																<image
+																	:src="valveImg[dc.dataObj[child.dataKey].valveImg]"
 																	mode="widthFix" />
 															</view>
 															<view>
@@ -399,7 +399,8 @@
 																		{{ dc.dataObj[child.dataKey].adc.p[3] }}
 																	</view>
 																</view>
-																<image src="../static/images/valves/5/valve5.png"
+																<image
+																	:src="valveImg[dc.dataObj[child.dataKey].valveImg]"
 																	mode="widthFix" />
 															</view>
 															<view style="display: flow-root;">
@@ -466,8 +467,12 @@
 																		无数据上报
 																	</view>
 																</view>
-																<image src="../static/images/valves/3/valve3.png"
-																	mode="widthFix" />
+																<image mode="widthFix"
+																	v-if="child.device.deviceTypeKey == 'valve'"
+																	:src="valveImg['valve3_close']" />
+																<image mode="widthFix"
+																	v-if="child.device.deviceTypeKey == 'fiveValve'"
+																	:src="valveImg['valve5_0000']" />
 															</view>
 														</view>
 													</u-col>
@@ -506,6 +511,7 @@
 
 <script>
 	import store from "@/store"
+	import * as imageAssets from '@/utils/indexUtil/imageAssets.js'
 
 	export default {
 		data() {
@@ -514,6 +520,7 @@
 				title: "",
 				ijs: getApp().ijs, // 首页公共js
 				dc: getApp().dc, // 设备控制公共代码
+				valveImg: imageAssets, //阀门图片
 				mqttshow: false, // h5端手动链接mqtt按钮显示
 				mqttConnected: false, //	mqtt链接状态
 				screenValue: "", // 关键字搜索
diff --git a/static/images/valves/3/valve3.png b/static/images/valves/3/valve3_close.png
similarity index 100%
rename from static/images/valves/3/valve3.png
rename to static/images/valves/3/valve3_close.png
diff --git a/static/images/valves/5/valve5.png b/static/images/valves/5/valve5_0000.png
similarity index 100%
rename from static/images/valves/5/valve5.png
rename to static/images/valves/5/valve5_0000.png
diff --git a/utils/indexUtil/imageAssets.js b/utils/indexUtil/imageAssets.js
new file mode 100644
index 0000000..59a2da1
--- /dev/null
+++ b/utils/indexUtil/imageAssets.js
@@ -0,0 +1,50 @@
+// 导入图片并存储在变量中
+import valve3_close from "@/static/images/valves/3/valve3_close.png"
+import valve3_open from "@/static/images/valves/3/valve3_open.gif"
+import valve3_open1 from "@/static/images/valves/3/valve3_open1.gif"
+import valve3_open2 from "@/static/images/valves/3/valve3_open2.gif"
+import valve3_run from "@/static/images/valves/3/valve3_run.gif"
+
+import valve5_0000 from "@/static/images/valves/5/valve5_0000.png"
+import valve5_0001 from "@/static/images/valves/5/valve5_0001.gif"
+import valve5_0010 from "@/static/images/valves/5/valve5_0010.gif"
+import valve5_0011 from "@/static/images/valves/5/valve5_0011.gif"
+import valve5_0100 from "@/static/images/valves/5/valve5_0100.gif"
+import valve5_0101 from "@/static/images/valves/5/valve5_0101.gif"
+import valve5_0110 from "@/static/images/valves/5/valve5_0110.gif"
+import valve5_0111 from "@/static/images/valves/5/valve5_0111.gif"
+import valve5_1000 from "@/static/images/valves/5/valve5_1000.gif"
+import valve5_1001 from "@/static/images/valves/5/valve5_1001.gif"
+import valve5_1010 from "@/static/images/valves/5/valve5_1010.gif"
+import valve5_1011 from "@/static/images/valves/5/valve5_1011.gif"
+import valve5_1100 from "@/static/images/valves/5/valve5_1100.gif"
+import valve5_1101 from "@/static/images/valves/5/valve5_1101.gif"
+import valve5_1110 from "@/static/images/valves/5/valve5_1110.gif"
+import valve5_1111 from "@/static/images/valves/5/valve5_1111.gif"
+import valve5_run from "@/static/images/valves/5/valve5_run.gif"
+
+// 导出这个对象以便在其他地方使用
+export {
+	valve3_close,
+	valve3_open,
+	valve3_open1,
+	valve3_open2,
+	valve3_run,
+	valve5_0000,
+	valve5_0001,
+	valve5_0010,
+	valve5_0011,
+	valve5_0100,
+	valve5_0101,
+	valve5_0110,
+	valve5_0111,
+	valve5_1000,
+	valve5_1001,
+	valve5_1010,
+	valve5_1011,
+	valve5_1100,
+	valve5_1101,
+	valve5_1110,
+	valve5_1111,
+	valve5_run,
+};
\ No newline at end of file