feat:图片查看

ZhangXianQiang

2024-07-03 450e4d8252f1042e8269db9ab3412d5df19bab35

feat:图片查看

 components.d.ts

@@ -18,6 +18,7 @@
    ElForm: typeof import('element-plus/es')['ElForm']
    ElFormItem: typeof import('element-plus/es')['ElFormItem']
    ElIcon: typeof import('element-plus/es')['ElIcon']
    ElImageViewer: typeof import('element-plus/es')['ElImageViewer']
    ElInput: typeof import('element-plus/es')['ElInput']
    ElPagination: typeof import('element-plus/es')['ElPagination']
    ElProgress: typeof import('element-plus/es')['ElProgress']
@@ -34,6 +35,7 @@
    ExamInfoDialog: typeof import('./src/components/ExamInfoDialog/index.vue')['default']
    Header: typeof import('./src/components/Header/index.vue')['default']
    HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
    ImageViewer: typeof import('./src/components/ImageViewer/index.vue')['default']
    NormalHeader: typeof import('./src/components/NormalHeader/index.vue')['default']
    PDFViewer: typeof import('./src/components/PDFViewer/index.vue')['default']
    PDFVIewer: typeof import('./src/components/PDFVIewer/index.vue')['default']

 src/views/folder/index.vue

@@ -50,6 +50,7 @@
      </div>
    </div>

    <!-- pdf查看 -->
    <div class="pdf-container" v-show="pdfViewer">
      <PDFViewer :pdfUrl="'/helloworld.pdf'"></PDFViewer>
      <div class="close-btn">
@@ -62,6 +63,14 @@
        </el-button>
      </div>
    </div>

    <!-- image查看 -->
     <div class="image-container" v-show="imageViewer">
      <el-image-viewer :url-list="imageList" @close="closeViewer"></el-image-viewer>
     </div>

     <!-- 视频查看 -->
      
  </div>
</template>

@@ -79,6 +88,7 @@
    iconPath: '/static/icons/file_type_image.png',
    handle: (item) => {
      console.log(item);
      imageViewer.value = true;
    }
  },
  'video': {
@@ -103,6 +113,8 @@
const imageViewer = ref(false);
const videoViewer = ref(false);

const imageList = ref([]);

const fileList = ref([
  {
    id: 1,