feat:添加webscoket

ZhangXianQiang

2024-07-03 229894d52a0f4cdca90bebfde323104d1810ef4f

 src/views/folder/index.vue

@@ -50,8 +50,9 @@
      </div>
    </div>

    <!-- pdf查看 -->
    <div class="pdf-container" v-show="pdfViewer">
      <PDFViewer :pdfUrl="'/helloworld.pdf'"></PDFViewer>
      <PDFViewer :pdfUrl="'/test.pdf'"></PDFViewer>
      <div class="close-btn">
        <el-button type="danger" size="large" circle @click="closeViewer">
          <template #icon>
@@ -62,6 +63,17 @@
        </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 class="video-container">

     </div>

  </div>
</template>

@@ -79,6 +91,7 @@
    iconPath: '/static/icons/file_type_image.png',
    handle: (item) => {
      console.log(item);
      imageViewer.value = true;
    }
  },
  'video': {
@@ -95,18 +108,21 @@
    }
  },
};
const searchText = ref('');

const loading = ref(false);
const searchText = ref('');

const pdfViewer = ref(false);
const imageViewer = ref(false);
const videoViewer = ref(false);

const imageList = ref([]);

const fileList = ref([
  {
    id: 1,
    name: '测试测试测试',
    url: '',
    url: '/test_question.png',
    date: '2024-12-12',
    class: 'test',
    subject: '测试',
@@ -124,7 +140,7 @@
  {
    id: 3,
    name: '测试测试测试',
    url: '',
    url: '/test.pdf',
    date: '2024-12-12',
    class: 'test',
    subject: '测试',