feige
2025-05-20 1e264767dd2ac93e83b57b4e8e6626621fff4c6f
ruoyi-ui/src/views/qrcode/pdfShow.vue
@@ -8,31 +8,38 @@
      </h1>
    </div>
    <li v-for="(item,index) in fileList1">
          <el-link :href="'/pdfShowInfo?filePath='+item" type="success">{{fileList[index]}}</el-link>
    <li v-for="(item,index) in fileList">
          <el-link @click="handleDownload(fileLs[index])" type="success">{{fileList[index]}}-------下载</el-link>
    </li>
      <!--  <h4 class="form-header"> </h4>
        <div style="margin-left: 20px;">
           <el-link :href="'/register'" class="psf" type="success">注册             </el-link>
                <el-link :href="'/login'" type="success">登录</el-link>
        </div> -->
   <el-dialog
       :visible.sync="msk" >
         <p class="op65">点击右上角按钮,然后在弹出的菜单中,点击在浏览器中打开,即可下载视频</p>
   </el-dialog>
  </div>
</template>
<script>
import {listFScan,getFScanInfo,addFScan,delFScan,getFSInfo,updateFScan, uploadPic, uploadPic1, download} from "@/api/fscan/index";
import {blobValidate} from "@/utils/ruoyi";
export default {
  components: {
    pdf
  },
  // components: {
  //   pdf
  // },
  data() {
    return {
           fileList1:[],
          fileList:[],
      pdfSrc: '',
        numPages: undefined,
        fileLs:[],
        pdfSrc: '',
          numPages: undefined,
        msk: false,
    }
  },
  mounted() {
@@ -41,7 +48,8 @@
    //发起请求拿到pdfSrc
    let _this = this
    getFScanInfo(id).then(response => {
     // alert(23)
      //console.log(response)
     // if(response.msg=="操作成功")
      {
@@ -51,18 +59,55 @@
        this.fileList1 = response.data.filePath.split(",");
        for(let i = 0; i < this.fileList1.length; i++)
        {
         if(this.fileList1[i].length!=0){
         this.fileLs.push(this.fileList1[i])
          var lsr = this.fileList1[i].split("/")
          var ls = lsr[lsr.length - 1].split("_")
          var lr = ls[ls.length-1].split(".")
          var pnam = ls[0] + "." + lr[lr.length-1]
          this.fileList.push(pnam)
          this.fileList.push(pnam)}
        }
      console.log(this.fileLs)
      console.log("--------------------")
        // alert(1234)
      }
   
      })
  },
  methods:{
     is_weixin() {
         var ua = navigator.userAgent.toLowerCase();
         if (ua.match(/MicroMessenger/i) == "micromessenger") {
             return true;
         } else {
             return false;
         }
     },
     handleDownload(url) {
      if (this.is_weixin()) {
         //alert(123)
           window.location = "www.bendudu.com"
         }
         else{
            this.msk = false;
         var formData = {'path':url.replace(process.env.VUE_APP_BASE_TRUE_API,"")};
         let lens = formData.path.split(".")
         let suffix = lens[lens.length-1]
         console.log(formData)
         download(formData).then(async (response) => {
           const isLogin = await blobValidate(response);
           let nt = new Date().getTime()
           let filename = 'scods_'+nt+'.'+suffix
           const blob = new Blob([response])
           saveAs(blob, filename)
         })
      }
     },
  }
}
</script>
@@ -82,4 +127,18 @@
    .psf{
      margin-right: 20px;
    }
   .block {
     width: 100%;
     height: 400px;
     background-color: gray;
     background-image: url("/live_weixin.png");//默认路劲为public下
     background-size: 100% 100%;
   }
   .blocks {
     width: 100%;
     height: 400px;
     background-color: gray;
     background-size: 100% 100%;
   }
</style>