限制上传类型

package-lock.json

@@ -17,6 +17,7 @@
         "el-table-horizontal-scroll": "^1.2.5",
         "element-ui": "^2.15.14",
         "jquery": "^3.7.1",
+        "jszip": "^3.10.1",
         "mammoth": "^1.7.2",
         "moment": "^2.30.1",
         "scss": "^0.2.4",

package.json

@@ -16,6 +16,7 @@
     "el-table-horizontal-scroll": "^1.2.5",
     "element-ui": "^2.15.14",
     "jquery": "^3.7.1",
+    "jszip": "^3.10.1",
     "mammoth": "^1.7.2",
     "moment": "^2.30.1",
     "scss": "^0.2.4",

src/utils/http.js

@@ -29,7 +29,7 @@ axios.interceptors.request.use(config => {
 	console.log(config.url.indexOf('oss/downloadObject')!='-1','config.url')
 	if(config.url.indexOf('oss/downloadObject')!='-1'){
 		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'){
 	// 	config.headers["Content-Type"] ='application/form-data'
@@ -107,7 +107,7 @@ axios.interceptors.response.use(response => {
 	}
 	export function download(url, data = {}) {
 		return new Promise((resolve, reject) => {
-			axios.post(url, data, { responseType: 'arraybuffer' }).then(response => {
+			axios.post(url, data, { responseType: 'blob' }).then(response => {
 				if(response){
 					resolve(response.data);
 				}

src/views/assessChecks/assistedConfirm.vue

@@ -153,7 +153,7 @@
         </el-table-column>
         <el-table-column prop="planReviewDate" label="计划评估日期">
         </el-table-column>
-        <el-table-column prop="actualReviewDate" label="实际评估日期">
+        <el-table-column prop="lastUpdateTime" label="实际评估日期">
         </el-table-column>
       </el-table>
     </div>

src/views/assessChecks/assistedFeedback.vue

@@ -170,7 +170,7 @@
         </el-table-column>
         <el-table-column prop="planReviewDate" label="计划评估日期">
         </el-table-column>
-        <el-table-column prop="actualReviewDate" label="实际评估日期">
+        <el-table-column prop="lastUpdateTime" label="实际评估日期">
         </el-table-column>
       </el-table>
     </div>

src/views/assessChecks/attachSynchronousArchiving.vue

@@ -200,7 +200,7 @@
         </el-table-column>
         <el-table-column prop="planReviewDate" label="计划评估日期">
         </el-table-column>
-        <el-table-column prop="actualReviewDate" label="实际评估日期">
+        <el-table-column prop="lastUpdateTime" label="实际评估日期">
         </el-table-column>
       </el-table>
     </div>

src/views/assessChecks/auxiliaryInspection.vue

@@ -158,7 +158,7 @@
         </el-table-column>
         <el-table-column prop="planReviewDate" label="计划评估日期">
         </el-table-column>
-        <el-table-column prop="actualReviewDate" label="实际评估日期">
+        <el-table-column prop="lastUpdateTime" label="实际评估日期">
         </el-table-column>
       </el-table>
     </div>

src/views/assessChecks/checkCompliance.vue

@@ -33,6 +33,12 @@
               <div  v-else-if="blobType=='png'||blobType=='jpg'" class="blobImg">
                 <img :src="iframeUrl" alt="">
               </div>
+              <div class="docDiv" v-else-if="blobType=='docx'">
+                <div   ref="word" id="preview"  >
+              </div>
+              </div>
+            
+              
             
             </el-tab-pane>
           </el-tabs>
@@ -405,6 +411,13 @@ export default {
          binaryData.push(resUrl)
           let URL = window.URL.createObjectURL(new Blob(binaryData, { type:  this.urlList[0].contentType}))
           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(() => {
         //   this.oldQuestionList = JSON.parse(JSON.stringify(this.questionList));
@@ -428,6 +441,13 @@ export default {
          binaryData.push(resUrl)
           let URL = window.URL.createObjectURL(new Blob(binaryData, { type:item.contentType}))
           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 {
           // this.iframeUrl =""
           this.iframeUrl = "/nopdf.png";
@@ -848,4 +868,9 @@ export default {
     width: 100%;
   }
 }
+.docDiv{
+  width: 100%;
+  height:600px;
+  overflow-y: auto;
+}
 </style>
\ No newline at end of file

src/views/assessChecks/correctiveAssistanceVerification.vue

@@ -203,7 +203,7 @@
         </el-table-column>
         <el-table-column prop="planReviewDate" label="计划评估日期">
         </el-table-column>
-        <el-table-column prop="actualReviewDate" label="实际评估日期">
+        <el-table-column prop="lastUpdateTime" label="实际评估日期">
         </el-table-column>
       </el-table>
     </div>

src/views/assessChecks/materialAcquisition.vue

@@ -570,9 +570,17 @@ export default {
       this.resetForm();
     },
     handleFileUpload(event, row) {
-      console.log("来了么", event, row);
+      
       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);
+      }else{
+        console.log( event,' row row row')
+        this.$message('只能上传格式为png、jpeg、pdf、docx文件或图片')
+        // this.file.name=''
+        event.target.value =''
+      }  
     },
     submitFile(row) {
       console.log(row);