处理试题作答空图片的情况

src/views/targetImprove/components/ImageJumpPreview.vue

@@ -20,7 +20,7 @@
             v-if="imgVisible"
             :url-list="[fileMessage ? fileMessage.url : '']"
             show-progress
-            @close="imgVisible = false"
+            :on-close="()=>{imgVisible = false}"
         />
 
         <!-- 页面指示器 -->
@@ -42,6 +42,7 @@
 </template>
 
 <script>
+import ElImageViewer from 'element-ui/packages/image/src/image-viewer';
 
 // interface FileMsg {
 //     name:String,
@@ -50,6 +51,9 @@
 
 export default {
     name: 'ImageJumpPreview',
+    components:{
+        ElImageViewer
+    },
     // 1. 将 defineModel 的 prop 提取到这里，父组件需使用 :current-nav-page.sync="xxx"
     props: {
         fileMessage: {

src/views/targetImprove/practice/practiceResults/practiceDetail.vue

@@ -81,7 +81,7 @@
                         :answerType="item.isObjective ? (item.isJudge ? 'img' : 'online') : 'img'"
                         :answerOptionNum="item.optionsNum"
                         :rightAnswer="item.answer"
-                        :answerImg="item.studentAnswer.split(',').map(img=>({name:img,url:img}))"
+                        :answerImg="(item.studentAnswer?.split(',')?.map(img=>({name:img,url:img})) || [])"
                     />
                 </li>
             </ul>

src/views/targetImprove/practice/practiceResults/studentAnswerDetail.vue

@@ -17,7 +17,7 @@
             </el-radio-group>
 
             <ImageJumpPreview 
-                v-if="answerType == 'img'"
+                v-if="answerType == 'img' && answerImg?.length > 0"
                 :fileMessage="answerImg[currentNavPage - 1]" height="400px"
                 :filePadding="{padding:`0 ${imgPreviewPadding}`}"
                 :navBarWidth="{width:`calc(100% - ${imgPreviewPadding} + 20px)`}"