diff --git a/public/img/opsVisualization/node1_1.png b/public/img/opsVisualization/node1_1.png
new file mode 100644
index 0000000..212bc5a
Binary files /dev/null and b/public/img/opsVisualization/node1_1.png differ
diff --git a/public/img/opsVisualization/node1_2.png b/public/img/opsVisualization/node1_2.png
new file mode 100644
index 0000000..532989f
Binary files /dev/null and b/public/img/opsVisualization/node1_2.png differ
diff --git a/public/img/opsVisualization/node1_3.png b/public/img/opsVisualization/node1_3.png
new file mode 100644
index 0000000..236f790
Binary files /dev/null and b/public/img/opsVisualization/node1_3.png differ
diff --git a/public/img/opsVisualization/node2_1.png b/public/img/opsVisualization/node2_1.png
new file mode 100644
index 0000000..1db3636
Binary files /dev/null and b/public/img/opsVisualization/node2_1.png differ
diff --git a/public/img/opsVisualization/node2_2.png b/public/img/opsVisualization/node2_2.png
new file mode 100644
index 0000000..479a4af
Binary files /dev/null and b/public/img/opsVisualization/node2_2.png differ
diff --git a/public/img/opsVisualization/node2_3.png b/public/img/opsVisualization/node2_3.png
new file mode 100644
index 0000000..bb750ca
Binary files /dev/null and b/public/img/opsVisualization/node2_3.png differ
diff --git a/public/img/opsVisualization/node3_1.png b/public/img/opsVisualization/node3_1.png
new file mode 100644
index 0000000..62a0dda
Binary files /dev/null and b/public/img/opsVisualization/node3_1.png differ
diff --git a/public/img/opsVisualization/node3_2.png b/public/img/opsVisualization/node3_2.png
new file mode 100644
index 0000000..47baf20
Binary files /dev/null and b/public/img/opsVisualization/node3_2.png differ
diff --git a/public/img/opsVisualization/node3_3.png b/public/img/opsVisualization/node3_3.png
new file mode 100644
index 0000000..edceec5
Binary files /dev/null and b/public/img/opsVisualization/node3_3.png differ
diff --git a/public/img/opsVisualization/node4_1.png b/public/img/opsVisualization/node4_1.png
new file mode 100644
index 0000000..b6a5c5b
Binary files /dev/null and b/public/img/opsVisualization/node4_1.png differ
diff --git a/public/img/opsVisualization/node4_2.png b/public/img/opsVisualization/node4_2.png
new file mode 100644
index 0000000..0a8d13f
Binary files /dev/null and b/public/img/opsVisualization/node4_2.png differ
diff --git a/public/img/opsVisualization/node4_3.png b/public/img/opsVisualization/node4_3.png
new file mode 100644
index 0000000..1c527ab
Binary files /dev/null and b/public/img/opsVisualization/node4_3.png differ
diff --git a/public/img/opsVisualization/node5_1.png b/public/img/opsVisualization/node5_1.png
new file mode 100644
index 0000000..9d48f2f
Binary files /dev/null and b/public/img/opsVisualization/node5_1.png differ
diff --git a/public/img/opsVisualization/node5_2.png b/public/img/opsVisualization/node5_2.png
new file mode 100644
index 0000000..58288ef
Binary files /dev/null and b/public/img/opsVisualization/node5_2.png differ
diff --git a/public/img/opsVisualization/node5_3.png b/public/img/opsVisualization/node5_3.png
new file mode 100644
index 0000000..b89ab36
Binary files /dev/null and b/public/img/opsVisualization/node5_3.png differ
diff --git a/src/page/opsVisualization/alarmProcess.vue b/src/page/opsVisualization/alarmProcess.vue
index dc88de7..5d1d92f 100644
--- a/src/page/opsVisualization/alarmProcess.vue
+++ b/src/page/opsVisualization/alarmProcess.vue
@@ -58,7 +58,7 @@
                 <div class="node-img" v-if="item.lineData && item.lineData[0]">
                   <img
                     class="nav_img"
-                    src="../../../public/img/process/node1.png"
+                    :src="require(`../../../public/img/opsVisualization/node1_${item.lineData[1].status ||3}.png`)"
                   />
                   <div class="node-text">
                     {{
@@ -73,7 +73,7 @@
                 <div class="node-img" v-if="item.lineData && item.lineData[1]">
                   <img
                     class="nav_img"
-                    src="../../../public/img/process/node2.png"
+                    :src="require(`../../../public/img/opsVisualization/node2_${item.lineData[1].status||3}.png`)"
                   />
                   <div class="node-text">
                     {{
@@ -88,7 +88,7 @@
                 <div class="node-img" v-if="item.lineData && item.lineData[2]">
                   <img
                     class="nav_img"
-                    src="../../../public/img/process/node3.png"
+                    :src="require(`../../../public/img/opsVisualization/node3_${item.lineData[2].status||3}.png`)"
                   />
                   <div class="node-text">
                     {{
@@ -103,7 +103,7 @@
                 <div class="node-img" v-if="item.lineData && item.lineData[3]">
                   <img
                     class="nav_img"
-                    src="../../../public/img/process/node4.png"
+                    :src="require(`../../../public/img/opsVisualization/node3_${item.lineData[3].status||3}.png`)"
                   />
                   <div class="node-text">
                     {{
@@ -118,7 +118,7 @@
                 <div class="node-img" v-if="item.lineData && item.lineData[4]">
                   <img
                     class="nav_img"
-                    src="../../../public/img/process/node5.png"
+                    :src="require(`../../../public/img/opsVisualization/node3_${item.lineData[4].status||3}.png`)"
                   />
                   <div class="node-text">
                     {{