在线查看

消逝

2024-07-12 b81d9110bcdef3b80386c6f16fa927e481ed9a7a

 src/views/folder/index.vue

@@ -66,7 +66,7 @@
    </div>

    <!-- pdf查看 -->
    <div class="pdf-container" v-show="pdfViewer">
    <!-- <div class="pdf-container" v-show="pdfViewer">
      <PDFViewer :pdfUrl="pdfFile"></PDFViewer>
      <div class="close-btn">
        <el-button type="danger" size="large" circle @click="closeViewer">
@@ -77,7 +77,7 @@
          </template>
        </el-button>
      </div>
    </div>
    </div> -->

    <!-- image查看 -->
    <div class="image-container" v-show="imageViewer">
@@ -97,7 +97,10 @@
        </el-button>
      </div>
    </div>

    <!-- 弹窗 -->
    <el-drawer v-model="fileViewer" direction="btt" size="90%" :before-close="handleClose">
        <DocumentViewer :fileUrl="fileUrl"></DocumentViewer>
    </el-drawer>
  </div>
</template>

@@ -112,6 +115,7 @@

import PDFViewer from '@/components/PDFViewer/index.vue';
import VideoViewer from '@/components/VideoViewer/index.vue';
import DocumentViewer from "@/components/DocumentViewer/index.vue";

import {useUserStore} from '@/store/index.js';
import useWebScoket from '@/hooks/useWebScoket.js';
@@ -180,9 +184,18 @@
  { name: 'PPT', value: 'ppt' }]);
const currentIndex = ref(1);


const fileUrl = ref("");
const fileViewer = ref(false);
const checkRow = (item) => {
    fileUrl.value = item.contentUrl.url;
  fileType[item.contentType] && fileType[item.contentType].handle(item);
  fileViewer.value = true
};

const handleClose = () => {
  fileViewer.value = false;
  fileUrl.value = "";
  console.log("我是否关闭：",fileUrl.value);
};

const closeViewer = () => {