feat：发票预览和下载

src/views/mallManagement/invoice/index.vue

@@ -96,11 +96,14 @@
                       <div class="mask">
                         <div class="row">
                           <div class="it" @click="uploadImage()"><i class="el-icon-upload2"></i></div>
-                          <div class="it" @click="formData.taxlink.indexOf('pdf') >= 0 ? openFile() : openImage()"><i class="el-icon-search"></i></div>
                           <div class="it" @click="formData.taxlink = ''"><i class="el-icon-delete"></i></div>
                         </div>
                       </div>
                     </div>
+                    <div>
+                      <el-button @click="formData.taxlink.indexOf('pdf') >= 0 ? openFile() : openImage()" size="small">预览</el-button>
+                      <el-button @click="downloadFile" size="small">下载</el-button>
+                    </div>
                   </div>
                   <div class="item" v-else>
                     <div class="add" @click="uploadImage()">
@@ -324,7 +327,15 @@ export default {
     },
 
     openImage() {
-      document.querySelector('.mainimg').click();
+      this.$refs.img.showViewer = true
+    },
+
+    openFile() {
+      window.open(this.$xdocUrl + encodeURIComponent(Base64.encode(this.formData.taxlink)), '_blank')
+    },
+
+    downloadFile() {
+      window.open(this.formData.taxlink)
     }
   }
 }
@@ -340,16 +351,14 @@ export default {
 
   .item {
     display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    width: 120px;
+    align-items: flex-end;
 
     .img {
       border: 1px dashed #eaeaea;
       border-radius: 5px;
       overflow: hidden;
       position: relative;
+      margin-right: 20px;
 
       .el-image {
         display: block;