diff --git a/src/views/caseDetail.vue b/src/views/caseDetail.vue
index 396eb92..8290eef 100644
--- a/src/views/caseDetail.vue
+++ b/src/views/caseDetail.vue
@@ -106,6 +106,23 @@ const unitAnswer = {
 };
 const cdialog = ref(null);
 const dialog_message = ref("");
+watch(() => props.step, async(newVal) => {
+  let imgArr = [];
+  await nextTick(() => {
+    const nodeList = document.querySelectorAll("#pagemain"+props.pageIndex+" .namebox img");
+    console.log(nodeList);
+    nodeList.forEach(function (node) {
+      imgArr.push(node.src);
+        node.removeEventListener("click",(e)=>{
+            handleClick(e)
+        });
+        node.addEventListener("click", (e)=>{
+            handleClick(e)
+        });
+    });
+    imgList.value = [...new Set(imgArr)]; 
+  });
+})
 
 watch(
   () => props.pageItem,
@@ -284,21 +301,7 @@ const handleClick = (e) => {
   
 };
 onMounted(async () => {
-   let imgArr = [];
-  await nextTick(() => {
-    const nodeList = document.querySelectorAll("#pagemain"+props.pageIndex+" .namebox img");
-    console.log(nodeList);
-    nodeList.forEach(function (node) {
-      imgArr.push(node.src);
-        node.removeEventListener("click",(e)=>{
-            handleClick(e)
-        });
-        node.addEventListener("click", (e)=>{
-            handleClick(e)
-        });
-    });
-    imgList.value = [...new Set(imgArr)]; 
-  });
+  
 });
 const onChange=(newIndex)=>{
   position.value = newIndex || 0