ren

src/views/professional/professionalqualificationrelation/index.vue

@@ -166,15 +166,13 @@
         @size-change="sizeChangeHandle"
       />
 
-      <!-- 材料预览对话框 -->
-      <el-dialog v-model="dialogVisible" title="职业资格材料" append-to-body width="90%">
-        <auth-img 
-          v-for="src in imgUrl" 
-          :key="src.title" 
-          :authSrc="src.url" 
-          style="height:1000px;"
-        />
-      </el-dialog>
+      <!-- 材料预览：图片直接显示，PDF 在组件内部 dialog 中显示 -->
+      <auth-img 
+        v-for="src in imgUrl" 
+        :key="src.title" 
+        :authSrc="src.url"
+        dialog-title="职业资格材料"
+      />
 
       <!-- 子组件 -->
       <DataForm ref="dataFormRef" @refreshData="handleFilter" />
@@ -249,7 +247,6 @@ const search = reactive({
 })
 
 // 材料预览
-const dialogVisible = ref(false)
 const imgUrl = ref<Array<{ title: string; url: string }>>([])
 
 // 导出加载状态
@@ -283,6 +280,7 @@ const state: BasicTableProps = reactive<BasicTableProps>({
 
 const { getDataList, currentChangeHandle, sizeChangeHandle, tableStyle } = useTable(state)
 
+// 预览材料
 // 预览材料
 const handlePreview = (list: string[]) => {
   imgUrl.value = []
@@ -293,9 +291,6 @@ const handlePreview = (list: string[]) => {
         url: v
       })
     })
-    nextTick(() => {
-      dialogVisible.value = true
-    })
   })
 }