考场名单增加查看图片功能

src/views/exam/examList.vue

@@ -125,6 +125,7 @@
         </div>
     </div>
     <AddStudent ref="addStudentRef"  v-model="showAddStudent" :selectSchoolId="selectSchoolId" @success="HandleSuccess" />
+    <PaperPreview v-model="showPaperPreview"  :imageList="previewImageList"></PaperPreview>
   </div>
 </template>
 <script lang="ts" setup>
@@ -134,6 +135,8 @@ import { useRouter } from 'vue-router'
 import { onMounted, onUnmounted, ref, nextTick,computed, watch } from 'vue';
 import { ElMessageBox, ElMessage } from 'element-plus'
 import AddStudent from './components/addStudent.vue' // 新增学生弹窗
+import PaperPreview from '@/views/exam/components/PaperPreview.vue';//试卷预览
+
 // 实例化 Store
 const examStore = useExamStore()
 const router = useRouter()
@@ -152,6 +155,9 @@ const teachingClassList = ref<any[]>([]);
 const adminClassList = ref<any[]>([]);
 const studentTypeList=ref<any[]>([]);
 
+const showPaperPreview=ref(false);//是否显示图片预览
+const previewImageList=ref<any[]>([]);//预览图片列表
+
 const tableHeight=ref(400);//表格高度
 const examInfo=ref({
     classCount:0,//班级数
@@ -272,7 +278,26 @@ const EditorStudent=async (row:any)=>{
 const HandleSuccess=() => { 
    
 }
-
+//查看图片
+const OpenImage = (item: any) => {
+    if (item.scanPictureVOS && item.scanPictureVOS.length > 0) {
+        console.log("查看图片item", item);
+        showPaperPreview.value = true;
+        let imgList = [];
+        item.scanPictureVOS.forEach((item: any) => {
+            let obj = {
+                url: item.recognizeUrl,
+            };
+            imgList.push(obj);
+        });
+        previewImageList.value = imgList;
+    } else {
+        ElMessage({
+            type: 'info',
+            message: '没有图片'
+        });
+    }
+};
 
 //获取考试班级列表
 const GetClassListData = () => {