Commit da876456 by liangzhen

限制上传类型

1 parent b1fd6b40
...@@ -17,6 +17,7 @@ ...@@ -17,6 +17,7 @@
"el-table-horizontal-scroll": "^1.2.5", "el-table-horizontal-scroll": "^1.2.5",
"element-ui": "^2.15.14", "element-ui": "^2.15.14",
"jquery": "^3.7.1", "jquery": "^3.7.1",
"jszip": "^3.10.1",
"mammoth": "^1.7.2", "mammoth": "^1.7.2",
"moment": "^2.30.1", "moment": "^2.30.1",
"scss": "^0.2.4", "scss": "^0.2.4",
......
...@@ -16,6 +16,7 @@ ...@@ -16,6 +16,7 @@
"el-table-horizontal-scroll": "^1.2.5", "el-table-horizontal-scroll": "^1.2.5",
"element-ui": "^2.15.14", "element-ui": "^2.15.14",
"jquery": "^3.7.1", "jquery": "^3.7.1",
"jszip": "^3.10.1",
"mammoth": "^1.7.2", "mammoth": "^1.7.2",
"moment": "^2.30.1", "moment": "^2.30.1",
"scss": "^0.2.4", "scss": "^0.2.4",
......
...@@ -29,7 +29,7 @@ axios.interceptors.request.use(config => { ...@@ -29,7 +29,7 @@ axios.interceptors.request.use(config => {
console.log(config.url.indexOf('oss/downloadObject')!='-1','config.url') console.log(config.url.indexOf('oss/downloadObject')!='-1','config.url')
if(config.url.indexOf('oss/downloadObject')!='-1'){ if(config.url.indexOf('oss/downloadObject')!='-1'){
config.headers["Content-Type"] ='application/x-www-form-urlencoded' config.headers["Content-Type"] ='application/x-www-form-urlencoded'
config.headers['responseType']='arraybuffer' config.headers['responseType']='blob'
} }
// else if(config.url.indexOf('oss/upload')!='-1'){ // else if(config.url.indexOf('oss/upload')!='-1'){
// config.headers["Content-Type"] ='application/form-data' // config.headers["Content-Type"] ='application/form-data'
...@@ -107,7 +107,7 @@ axios.interceptors.response.use(response => { ...@@ -107,7 +107,7 @@ axios.interceptors.response.use(response => {
} }
export function download(url, data = {}) { export function download(url, data = {}) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
axios.post(url, data, { responseType: 'arraybuffer' }).then(response => { axios.post(url, data, { responseType: 'blob' }).then(response => {
if(response){ if(response){
resolve(response.data); resolve(response.data);
} }
......
...@@ -153,7 +153,7 @@ ...@@ -153,7 +153,7 @@
</el-table-column> </el-table-column>
<el-table-column prop="planReviewDate" label="计划评估日期"> <el-table-column prop="planReviewDate" label="计划评估日期">
</el-table-column> </el-table-column>
<el-table-column prop="actualReviewDate" label="实际评估日期"> <el-table-column prop="lastUpdateTime" label="实际评估日期">
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
......
...@@ -170,7 +170,7 @@ ...@@ -170,7 +170,7 @@
</el-table-column> </el-table-column>
<el-table-column prop="planReviewDate" label="计划评估日期"> <el-table-column prop="planReviewDate" label="计划评估日期">
</el-table-column> </el-table-column>
<el-table-column prop="actualReviewDate" label="实际评估日期"> <el-table-column prop="lastUpdateTime" label="实际评估日期">
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
......
...@@ -200,7 +200,7 @@ ...@@ -200,7 +200,7 @@
</el-table-column> </el-table-column>
<el-table-column prop="planReviewDate" label="计划评估日期"> <el-table-column prop="planReviewDate" label="计划评估日期">
</el-table-column> </el-table-column>
<el-table-column prop="actualReviewDate" label="实际评估日期"> <el-table-column prop="lastUpdateTime" label="实际评估日期">
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
......
...@@ -158,7 +158,7 @@ ...@@ -158,7 +158,7 @@
</el-table-column> </el-table-column>
<el-table-column prop="planReviewDate" label="计划评估日期"> <el-table-column prop="planReviewDate" label="计划评估日期">
</el-table-column> </el-table-column>
<el-table-column prop="actualReviewDate" label="实际评估日期"> <el-table-column prop="lastUpdateTime" label="实际评估日期">
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
......
...@@ -33,6 +33,12 @@ ...@@ -33,6 +33,12 @@
<div v-else-if="blobType=='png'||blobType=='jpg'" class="blobImg"> <div v-else-if="blobType=='png'||blobType=='jpg'" class="blobImg">
<img :src="iframeUrl" alt=""> <img :src="iframeUrl" alt="">
</div> </div>
<div class="docDiv" v-else-if="blobType=='docx'">
<div ref="word" id="preview" >
</div>
</div>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
...@@ -405,6 +411,13 @@ export default { ...@@ -405,6 +411,13 @@ export default {
binaryData.push(resUrl) binaryData.push(resUrl)
let URL = window.URL.createObjectURL(new Blob(binaryData, { type: this.urlList[0].contentType})) let URL = window.URL.createObjectURL(new Blob(binaryData, { type: this.urlList[0].contentType}))
this.iframeUrl = URL this.iframeUrl = URL
if(this.blobType=='docx'){
let docx = require("docx-preview");
window.JSZip = require("jszip");
this.$nextTick(()=>{
docx.renderAsync(resUrl,document.getElementById("preview")) // 渲染到页面预览
})
}
} }
// setTimeout(() => { // setTimeout(() => {
// this.oldQuestionList = JSON.parse(JSON.stringify(this.questionList)); // this.oldQuestionList = JSON.parse(JSON.stringify(this.questionList));
...@@ -428,6 +441,13 @@ export default { ...@@ -428,6 +441,13 @@ export default {
binaryData.push(resUrl) binaryData.push(resUrl)
let URL = window.URL.createObjectURL(new Blob(binaryData, { type:item.contentType})) let URL = window.URL.createObjectURL(new Blob(binaryData, { type:item.contentType}))
this.iframeUrl = URL; this.iframeUrl = URL;
if(this.blobType=='docx'){
let docx = require("docx-preview");
window.JSZip = require("jszip");
this.$nextTick(()=>{
docx.renderAsync(resUrl,document.getElementById("preview")) // 渲染到页面预览
})
}
} else { } else {
// this.iframeUrl ="" // this.iframeUrl =""
this.iframeUrl = "/nopdf.png"; this.iframeUrl = "/nopdf.png";
...@@ -848,4 +868,9 @@ export default { ...@@ -848,4 +868,9 @@ export default {
width: 100%; width: 100%;
} }
} }
.docDiv{
width: 100%;
height:600px;
overflow-y: auto;
}
</style> </style>
\ No newline at end of file
...@@ -203,7 +203,7 @@ ...@@ -203,7 +203,7 @@
</el-table-column> </el-table-column>
<el-table-column prop="planReviewDate" label="计划评估日期"> <el-table-column prop="planReviewDate" label="计划评估日期">
</el-table-column> </el-table-column>
<el-table-column prop="actualReviewDate" label="实际评估日期"> <el-table-column prop="lastUpdateTime" label="实际评估日期">
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
......
...@@ -570,9 +570,17 @@ export default { ...@@ -570,9 +570,17 @@ export default {
this.resetForm(); this.resetForm();
}, },
handleFileUpload(event, row) { handleFileUpload(event, row) {
console.log("来了么", event, row);
this.file = event.target.files[0]; this.file = event.target.files[0];
console.log("来了么",this.file);
if(this.file.type=='application/pdf'||this.file.type=='image/png'||this.file.type=='image/jpeg'||this.file.type=='application/vnd.openxmlformats-officedocument.wordprocessingml.document'){
this.submitFile(row); this.submitFile(row);
}else{
console.log( event,' row row row')
this.$message('只能上传格式为png、jpeg、pdf、docx文件或图片')
// this.file.name=''
event.target.value =''
}
}, },
submitFile(row) { submitFile(row) {
console.log(row); console.log(row);
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!