到账开票审核和来款回显支持pdf

src/views/financialManagement/arriveAndInvoicing/modules/ArriveStageModule.vue

@@ -33,10 +33,15 @@
           <a-col>
             <div class="stage">
               <div class="stage-title">缴费凭证：</div>
-              <div v-if="item.proof && item.proof !== ''"  class="stage-content">
+              <div class="stage-content">
-                <div v-for="(tt, indexs) in item.proof.split(',')" :key="indexs">
+                <template v-if="!item.paymentMethod || item.paymentMethod+'' === '1'">
-                  <div class="proof-img"><img :src="proofSrc(tt)" @click="previewProof(item.proof)"></div>
+                  <div v-for="(tt, indexs) in item.proof.split(',')" :key="indexs">
-                </div>
+                    <div class="proof-img" ><img :src="proofSrc(tt)" @click="previewProof(item.proof)"></div>
+                  </div>
+                </template>
+                <template v-if="item.paymentMethod && item.paymentMethod+'' === '2'">
+                  <preview-file :file-id="item.proof"></preview-file>
+                </template>
               </div>
             </div>
           </a-col>
@@ -69,10 +74,11 @@
 import ArriveModule from './ArriveModule'
 import { amountReceivedList } from '../../../../api/incomePaymentsApi'
 import PreviewImgModal from '../../../../components/PreviewImgModal'
+import PreviewFile from '../../../../components/jero/PreviewFile.vue'
 
 export default {
   name: 'ArriveStageModule',
-  components: { ArriveModule, PreviewImgModal },
+  components: { ArriveModule, PreviewImgModal, PreviewFile },
   props: {
     // 项目id
     projectId: {

src/views/financialManagement/arriveAndInvoicing/modules/AuditProofModule.vue

@@ -136,10 +136,10 @@ export default {
   methods: {
    async open(record) {
       let flag = await this.getProofInfo(record)
-     if(!flag){
+      if(!flag){
-       this.$message.warn('项目已审核')
+        this.$message.warn('项目已审核')
-       return
+        return
-     }
+      }
       this.form.resetFields()
       let userInfo = Vue.ls.get(USER_INFO)
       // 默认隐藏说明
@@ -157,15 +157,15 @@ export default {
      */
     getProofType(record) {
       if (record.projectType && (record.projectType.toString() === '5' || record.projectType.toString() === '6'))  {
-        if (this.proofInfo.paymentMethod === '1') {
+        if (this.proofInfo.paymentMethod.toString() === '1') {
           this.proofType = 'img'
           return
         }
-        if (this.proofInfo.paymentMethod === '2') {
+        if (this.proofInfo.paymentMethod.toString() === '2') {
           this.proofType = 'pdf'
           return
         }
-        if (this.proofInfo.paymentMethod === '3') {
+        if (this.proofInfo.paymentMethod.toString() === '3') {
           this.proofType = 'none'
           return
         }