From f1c72b7eb3d844a77fd8e563024e0e9cd364f530 Mon Sep 17 00:00:00 2001
From: feige <791364011@qq.com>
Date: 星期二, 20 五月 2025 21:23:09 +0800
Subject: [PATCH] 修改了bug
---
ruoyi-ui/src/views/qrcode/pdscanInfo.vue | 681 ++++++--------------------------------------------------
1 files changed, 80 insertions(+), 601 deletions(-)
diff --git a/ruoyi-ui/src/views/qrcode/pdscanInfo.vue b/ruoyi-ui/src/views/qrcode/pdscanInfo.vue
index 7b3ce50..4cfab4b 100644
--- a/ruoyi-ui/src/views/qrcode/pdscanInfo.vue
+++ b/ruoyi-ui/src/views/qrcode/pdscanInfo.vue
@@ -1,630 +1,109 @@
<template>
- <div class="app-container" id="printable-content">
+
+
+ <div>
<div class="form-header mt">
<h1 style="font-size:21px;padding-top:30px;display: flex;justify-content: space-between;align-items: center;" >
- <span>浜岀淮鐮佺敓鎴愯褰曡鎯�</span>
+ <span>瑙嗛璇︽儏涓嬭浇</span>
</h1>
</div>
+ <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-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px">
-
- <el-form-item label="濮撳悕" prop="name">
- <el-input v-model="formData.name" placeholder="璇疯緭鍏ュ鍚�" clearable :style="{width: '100%'}" :disabled="dsb"></el-input>
- </el-form-item>
-
- <el-form-item label="鏍囬" prop="title">
- <el-input v-model="formData.title" placeholder="璇疯緭鍏ユ爣棰�" clearable :style="{width: '100%'}" :disabled="dsb"></el-input>
- </el-form-item>
-
-
-
-<!-- <el-form-item label="鏄惁鏄湰瀹跺涵璁板綍" prop="ownData">-->
-<!-- <el-input v-model="formData.ownData=== 1 ? '鏄�':'鍚�'" placeholder=" " clearable :style="{width: '100%'}" :disabled=true></el-input>-->
-<!-- </el-form-item>-->
- <!-- :http-request="requestUpload" -->
-
- <h4 class="form-header">浜岀淮鐮佸浘鐗�</h4>
- <el-upload
- action="#"
- list-type="picture-card"
- multiple
- ref="upload"
- :show-file-list="true"
- :http-request="requestUpload"
- :file-list="fileList"
- :on-change="handleChange"
- :auto-upload="false"
- :disabled="true"
- :class="{ hide: true }"
-
- >
-
- <!-- <div v-if="uploading" class="upload-status">姝ｅ湪涓婁紶...</div> -->
-
- <div slot="file" slot-scope="{file}">
- <img
- class="el-upload-list__item-thumbnail"
- :src="file.url"
- alt=""
- style="width: 147px; height: 147px"
- fit="cover"
- :preview-src-list="[file.url]"
- >
- <span class="el-upload-list__item-actions">
- <span
-
- class="el-upload-list__item-preview"
- @click="handlePictureCardPreview(file)"
- >
- <i class="el-icon-zoom-in"></i>
- </span>
- <span
-
- class="el-upload-list__item-delete"
- @click="handleDownload(file.url)"
- >
- <i class="el-icon-download"></i>
- </span>
-
- </span>
-
-
- </div>
-
-
- </el-upload>
-<h4 class="form-header">pdf鏂囦欢</h4>
- <el-form-item prop="cov">
-
-<!-- <el-upload
- action="#"
- list-type="picture-card"
- multiple
- ref="upload"
-
- :http-request="requestUpload"
- :file-list="fileList"
- :on-change="handleChange"
- :auto-upload="false"
- :disabled="!btn"
- :class="{ hide: !btn }"
-
- >
- -->
-
- <el-upload
- action="#"
- multiple
-list-type="picture-card"
- ref="upload1"
- :on-remove="handleRemoveFile"
- :http-request="requestUpload"
- :file-list="fileList1"
-
- :disabled="!btn"
-
- :class="{ hide: !btn }"
-
-
- :on-change="handleChange1"
- :auto-upload="false"
-
-
-
-
-
- >
-<!--
- <div v-if="uploading" class="upload-status">姝ｅ湪涓婁紶...</div> -->
- <i slot="default" class="el-icon-plus"></i>
- <div slot="file" slot-scope="{file}">
- <!-- 娣诲姞video鍏冪礌鐢ㄤ簬鏄剧ず瑙嗛 -->
- <img
- class="el-upload-list__item-thumbnail"
- src="../../assets/401_images/401.gif" alt=""
- >
- <p style="text-align: center;">{{ file.name }}</p>
-
- <span class="el-upload-list__item-actions">
- <span class="el-upload-list__item-name" @click="handleDownload(file.url)"><span>{{ file.name }}</span></span>
-
- <span
-
- class="el-upload-list__item-delete"
- @click="handleDownload(file.url)"
- >
- <i class="el-icon-download"></i>
- </span>
- <span
-
- class="el-upload-list__item-delete"
- @click="handleRemoveFile(file)"
- >
- <i class="el-icon-delete"></i>
- </span>
- </span>
- </div>
-
-
- </el-upload>
- <el-button
- style="margin-left: 10px"
- size="small"
- type="success"
- v-if="btn"
- @click="fileUpload"
- >涓婁紶鍒版湇鍔″櫒</el-button>
-
- </el-form-item>
- <h4 class="form-header"> </h4>
- <el-form-item size="large">
- <el-button v-if="isShow" type="primary" @click="submitForm" :disabled="dsb">淇敼</el-button>
- </el-form-item>
- <el-form-item size="large">
- <el-button v-if="isShow1" type="primary" @click="submitFormAudit" :disabled="dsb">瀹℃牳閫氳繃</el-button>
-
- <el-button v-if="isShow1" type="primary" @click="submitFormAuditFail" :disabled="dsb">瀹℃牳涓嶉�氳繃</el-button>
- </el-form-item>
- </el-form>
-
- <el-dialog :visible.sync="dialogVisible">
- <img w-full :src="dialogImageUrl" style="width: 100%; height: 100%" alt="Preview Image" />
- </el-dialog>
</div>
</template>
<script>
-import {addRole, updateRole} from "@/api/system/role";
-import {blobValidate} from "@/utils/ruoyi";
-import errorCode from "@/utils/errorCode";
-import {Message} from "element-ui";
import {listFScan,getFScanInfo,addFScan,delFScan,getFSInfo,updateFScan, uploadPic, uploadPic1, download} from "@/api/fscan/index";
-import store from '@/store'
+import {blobValidate} from "@/utils/ruoyi";
export default {
- components: {},
- props: [],
-
+ // components: {
+ // pdf
+ // },
data() {
- const validateLogo = (rule, value, callback) => {
- if (!this.form.cov && this.fileList1.length ===0) {
- // console.log(!this.form.cover)
- callback(new Error('璇蜂笂浼犲浘鐗�'))
- } else {
- callback()
- }
- }
-
return {
- userid: store.getters.id,
-
- cdi:"浜岀淮鐮佺敓鎴愯缁嗕俊鎭�",
- udi:"浜岀淮鐮佺敓鎴愯褰曚慨鏀�",
-
- fileList:[
- ],
- fileList1:[],
- uploadFileList:[],
- uploadFileList1:[],
- fileListOther:[
-
- ],
- fileListOther1:[],
-
- dsb:true,
- btn:false,
- isShow:true,
- isShow1: false,
- uploading: false,
- uploading1:false,
- formData: {
- comName:undefined,
- productName:undefined,
- deadTime: undefined,
- cov: undefined,
- filePath: ""
- },
- rules: {
- comName: [{
- required: true,
- message: '璇疯緭鍏ュ叕鍙稿悕绉�',
- trigger: 'blur'
- }],
-
-
- deadTime: [{
- required: true,
- message: '璇烽�夋嫨鏃ユ湡',
- trigger: 'blur'
- }],
- cover: [{ required: true, validator: validateLogo, trigger: 'change' }],
- },
- ID: undefined,
- dialogImageUrl: '',
- url1:undefined,
- dialogVisible: false,
- disabled: false,
-
- rules: {
- comName: [{
- required: true,
- message: '璇疯緭鍏ュぇ浜嬫爣棰�',
- trigger: 'blur'
- }],
-
- deadTime: [{
- required: true,
- message: '璇疯緭鍏ヤ汉鐗�',
- trigger: 'blur'
- }],
-
-
- },
- typeOptions: [],
+ fileList1:[],
+ fileList:[],
+ fileLs:[],
+ pdfSrc: '',
+ numPages: undefined,
}
},
- computed: {},
- watch: {},
- created() {
+ mounted() {
-
- let jd;
- if(this.$route.query.detail!=undefined)
- {
- jd = this.$route.query.detail
- this.btn= jd
- this.dsb = !jd
- this.isShow=true
- this.isShow1 = false;
- this.$route.meta.title = "淇敼浜岀淮鐮佽褰�";//鍒楄〃鐨勫悕绉�
- }
- else if(this.$route.query.sh!=undefined)
- {
- this.$route.meta.title = "浜岀淮鐮佽缁嗕俊鎭鏍�";//鍒楄〃鐨勫悕绉�
- jd = this.$route.query.sh
- this.dsb = !jd
- // alert(this.dsb)
- this.isShow = false
- this.isShow1 = true
- }
- else{
-
- this.$route.meta.title = "浜岀淮鐮佽缁嗕俊鎭�";//鍒楄〃鐨勫悕绉�
- this.btn = false;
- this.isShow=false
- this.isShow1 = false;
- // alert(this.btn)
- }
- this.getData()
- console.log(this.fileList,'fileListfilelllllllllllll')
- },
- mounted() {},
- methods: {
- getData(){
- const id = this.$route.params && this.$route.params.id;
- this.fileList1 = []
- this.ID = id;
+ const id = (this.$route.query.id)
+ //鍙戣捣璇锋眰鎷垮埌pdfSrc
let _this = this
- if (id) {
- this.loading = true;
- // alert(id)
- getFSInfo(id).then((response) => {
- console.log(response)
- // console.log(response,'666666666')
- this.formData = response.data;
- let paths = this.formData.filePath.split(",");
- console.log(response.data)
-
- this.fileList.push({name:response.data.codeS,url: process.env.VUE_APP_BASE_TRUE_API+response.data.codeS})
- // _this.fileList1 = _this.fileList
- // alert(response.data.filePath)
- for(let i = 0; i < paths.length; i++)
- {
- if(paths[i]!="") {
- var lsr = paths[i].split("/")
- this.fileList1.push({name:lsr[lsr.length-1], url: process.env.VUE_APP_BASE_TRUE_API+paths[i],res:false})
- this.loading = false;
- }
- }
- });
- }
- },
- submitFormAudit() {
- this.$refs['elForm'].validate(valid => {
- if (valid) {
- if (this.formData.id != undefined) {
- this.formData.approveStatus = 0
- updateFScan(this.formData).then(response => {
- this.$modal.msgSuccess("瀹℃牳鎴愬姛");
- this.btn=false
-
- });
- } else {
- this.$modal.msgSuccess("淇敼澶辫触");
-
- }
- }
- })
- },
- submitFormAuditFail () {
- this.$refs['elForm'].validate(valid => {
- if (valid) {
- if (this.formData.id != undefined) {
- this.formData.approveStatus = 2
- updateFScan(this.formData).then(response => {
- this.$modal.msgSuccess("瀹℃牳鎴愬姛锛岄渶瑕佷慨鏀归噸鏂颁笂浼狅紒");
- this.btn=false
-
- });
- } else {
- this.$modal.msgSuccess("淇敼澶辫触");
-
- }
- }
- })
- },
- submitForm() {
- // let ul = this.fileList.map(function (elem){
- // return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
- // }).join(",")
- let uls = this.fileList1.map(function (elem){
- return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
- }).join(",")
- this.formData.filePath = uls
- // console.log(this.fileList1)
- // if(this.fileList1.length>0)
- // this.formData.filePath = this.fileList1[0].url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
-
- this.$refs['elForm'].validate(valid => {
- if (valid) {
- this.formData.approveStatus = 1
- if (this.formData.id != undefined) {
- updateFScan(this.formData).then(response => {
- this.$modal.msgSuccess("淇敼鎴愬姛");
- this.btn=false
-
- });
- } else {
- this.$modal.msgSuccess("淇敼澶辫触");
-
- }
- }
- })
- },
- handleChange1(file)
- {
- this.uploadFileList1.push(file.raw);
- this.fileList1.push({name:file.name,url:file.url,res:true})
- console.log("=========5555=========")
- //console.log(file)
- },
- resetForm() {
- this.$refs['elForm'].resetFields()
- },
- handlePreview(file)
- {
- let formData = {'path':"/"+file.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")};
- let lens = formData.path.split(".")
- let suffix = lens[lens.length-1]
- download(formData).then(async (response) => {
- const isLogin = await blobValidate(response);
- let nt = new Date().getTime()
- let filename = 'scond_'+nt+'.'+suffix
- const blob = new Blob([response])
- saveAs(blob, filename)
- })
- },
- handleRemoveFile(file) {
- //鍒よ鏄惁鏄箣鍓嶇殑鍥剧墖
- // let res = false
- //鍒よ鏄惁鏄箣鍓嶇殑鍥剧墖
- let res = false
- for(let i = 0; i < this.fileList1.length; i++)
+ getFScanInfo(id).then(response => {
+
+
+ //console.log(response)
+ // if(response.msg=="鎿嶄綔鎴愬姛")
{
- if(this.fileList1[i].url==file.url)
- {
- if(this.fileList1[i].res==false)
- res = true
- else
- {
- // alert(90)
- this.$delete(this.uploadFileList1, Math.abs(i - this.uploadFileList1.length-1))
- }
+ console.log(response.data)
+ /// _this.pdfSrc= process.env.VUE_APP_BASE_TRUE_API+response.data.filePath;
+ // alert(_this.pdfSrc)
+ 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.$delete(this.fileList1,i);
- }
+
+ }
+ console.log(this.fileLs)
+ console.log("--------------------")
+
+ // alert(1234)
}
-
-//alert(123)
- let uls = ""
- this.fileList1.map(function (elem){
- if(elem.res==false)
- uls = uls +","+elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
+
})
- this.formData.filePath = uls;
- // alert(this.formData.filePath)
- // alert(this.formData.url)
- //console.log(this.fileList1)
- if(res==true){
- updateFScan(this.formData).then(response => {
- this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
- // this.open = false;
-
- });
- }
- // for(let i = 0; i < this.fileList1.length; i++)
-
-
-
- },
-
-
- handlePictureCardPreview(file) {
- this.dialogImageUrl = file.url;
- this.dialogVisible = true;
- },
- handleDownload(url) {
-alert(url)
+ },
+ methods:{
+ handleDownload(url) {
- 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)
- })
- },
- handleEdit()
- {
- this.dsb = false
- this.btn = true
- this.isShow=false
- },
-
-//鑷畾涔変笂浼犳柟娉�
- handleChange(file, fileList1) {
- //瀹氫箟涓�涓叏灞�鏁扮粍uploadFileList鏉ュ仛瀛樺偍
-
- // this.uploadFileList.push(file.raw);
-
- },
- //鑷畾涔変笂浼犳柟娉�
-
- fileUpload(){
- var formData = new FormData();
- //this.$refs.upload1.submit();
- // alert(this.uploadFileList1.length)
- // formData.append('uploadFile', file);
- if(this.uploadFileList1.length==0){
- this.$modal.msgSuccess("鏂囨。涓婁紶鍒楄〃涓嶈兘涓虹┖锛�");
- return}
-
- this.uploadFileList1.forEach((elem)=>{
- formData.append("files", elem)
-
- })
- console.log(this.uploadFileList1)
- let _this = this
-
- this.uploading = true;
- uploadPic1(formData).then(response => {
- _this.uploadFileList1 = []
- // alert(_this.formData.id)
- // alert(_this.formData.filePath)
- _this.formData.filePath = _this.formData.filePath+","+response.fileNames
- // alert( _this.formData.filePath )
- updateFScan(_this.formData).then(response => {
- this.$modal.msgSuccess("鏂囨。涓婁紶鎴愬姛");
- // this.open = false;
- _this.getData()
- this.fileListOther1=[]
- });
- })
-},
-picUpload()
- {
- var formData = new FormData();
- //this.$refs.upload.submit();
- //alert(this.uploadFileList.length)
- if(this.uploadFileList.length==0){
- this.$modal.msgSuccess("鍥惧儚涓婁紶鍒楄〃涓嶈兘涓虹┖锛�");
- return
- }
- this.uploadFileList.forEach((elem)=>{
- formData.append("files", elem)
- })
- let _this = this
- uploadPic1(formData).then(response => {
- // console.log(response.originalFilenames)
- // console.log(response.urls)
- // console.log(response.fileNames)
- // console.log(response.newFileNames)
- // let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length)
- // _this.uploading1= false;
- // console.log(_this.fot.includes(pth))
- // // debugger
- // if(_this.fot.includes(pth) === true)
- // {
- // _this.fileList.push({name:response.data.fileName, "url":response.data.url})
- // let ul = _this.fileList.map(function (elem){
- // return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
- // }).join(",")
- // let uls = _this.fileListOther.map(function (elem){
- // return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
- // }).join(",")
- //console.log(_this.fileList)
- // alert(response.fileNames)
-
- _this.formData.filePath = _this.formData.filePath+","+response.fileNames
- _this.uploadFileList = []
- // alert(87)
- updateFScan(_this.formData).then(response => {
- _this.$modal.msgSuccess("鍥剧墖涓婁紶鎴愬姛");
- // this.open = false;
- });
- // }
- // else{
- // _this.fileListOther.push({name:response.data.fileName, url:response.data.url})
- // }
- });
- },
- requestUpload(params)
- {
- // alert(123)
- // this.uploadFileList1.push(params.file);
- // console.log("-----------")
- //console.log(this.uploadFileList1)
- // var file = params.file;
- // var formData = new FormData();
-
- // formData.append('file', file);
- // let _this = this
-
- // uploadPic(formData).then(response => {
- // console.log(response)
-
- // //let pth = response.originalFilename.substr(response.originalFilename.length-4, response.originalFilename.length)
- // _this.fileList1.push({name:response.fileName, url:response.fileName})
- // console.log(_this.fileList1)
- // // _this.fileList2.push({name:response.data.fileName, url:response.data.url})
- // // alert(response.url)
- // console("ok")
- // })
- },
-
-
-
+ 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>
+<style>
+ li {
+ list-style-type:none;
+ margin-left:20px;
+ padding:10px 20px;
+ background:#fff;
-<style scoped>
-.app-container{
- background-color: #FEF7FC;
-}
-.mt
-{
- position: relative;
-}
-.dt{
- display: block;
-
-}
-.hide /deep/ .el-upload--picture-card {
- display: none;
-}
-.pt{
- right: 10px;
- top:-3px;
- display: block;
- position: absolute;
-}
-.form{
- background:center/11% no-repeat url('../../assets/icons/form.png') ;
-}
+ transition:all 0.3s ease;
+ }
+ li:hover {
+ background:#ccc;
+ color:#fff;
+ }
+ .psf{
+ margin-right: 20px;
+ }
</style>
--
Gitblit v1.9.1