10.10 18:04

src/components/upload/FileUpload.vue

@@ -20,9 +20,12 @@
 
         <img
         class="el-upload-list__item-thumbnail"
-        :src="isPDF(file.url) ? pdf : file.url"
+        :src="isPDF(file.url) ? pdf : isWord(file.url) ? word :file.url"
         alt="" />
-
+		<!-- <img
+		class="el-upload-list__item-thumbnail"
+		:src="isWord(file.url) ? pdf : file.url"
+		alt="" /> -->
         <span
           v-if="file.status === 'success'"
           class="el-upload-list__item-actions"
@@ -79,6 +82,7 @@
 <script>
 
 import logo from '@/assets/pdf.png'
+import word from '@/assets/word.jpg'
 
 export default {
   name: 'FileUpload',
@@ -107,7 +111,7 @@ export default {
     // 文件上传格式， 默认jpeg, png,jpg
     accept: {
       type: String,
-      default: 'image/jpeg,image/png',
+      default: 'image/jpeg,image/png/doc,docx',
     },
     // 是否显示删除操作按钮
     deleted: {
@@ -138,6 +142,7 @@ export default {
       previewImgUrl: '', // 预览图片地址
       previewVisible: false, // 是否显示预览
       pdf: logo,
+	  word:word,
       files: [], // 文件url数组
     }
   },
@@ -174,6 +179,16 @@ export default {
       const type = url.substr(index + 1)
       return fileType.indexOf(type) > -1
     },
+	// 判断是否word
+	isWord(url) {
+	  if(!url){
+	    return false
+	  }
+	  const fileType = ['doc','docx']
+	  const index = url.lastIndexOf('.')
+	  const type = url.substr(index + 1)
+	  return fileType.indexOf(type) > -1
+	},
     // 文件上传成功
     handleImageSuccess(res) {
       if (res.code === 200) {

src/views/table/index.vue

@@ -65,7 +65,7 @@
 		    <div class="imgbox">
 		      <FileUpload
 		        v-model="tableData.templateServiceContract"
-		        accept=".jpg, .jpeg, .png, .pdf"
+		        accept=".doc, .docx"
 		      />
 		     <!-- <FileShow
 		        :files="form.templateServiceContract"
@@ -113,7 +113,7 @@
 		    <div class="imgbox">
 		      <FileUpload
 		        v-model="form.templateServiceContract"
-		        accept=".jpg, .jpeg, .png, .pdf"
+		        accept=".doc, .docx"
 		      />
 		     <!-- <FileShow
 		        :files="form.templateServiceContract"