更新了提现记录

subpkg/withdrawList/withdrawList.vue

@@ -16,6 +16,23 @@
             <view>{{item.order_sn}}</view>
           </view>
         </view>
+        <view v-if="item.transfer_voucher" class="invoice" style="margin-bottom: 20rpx;">
+          <view class="name">
+            <image src="../../static/img/contract/pdf.png" style="width: 40rpx;height: 40rpx;margin-right: 12rpx;"></image>
+            转账凭证
+          </view>
+          <view class="btn" @click="previewVoucher(item.transfer_voucher)">查看</view>
+        </view>
+        <view v-if="item.invoice" class="invoice">
+          <view class="name">
+            <image src="../../static/img/contract/pdf.png" style="width: 40rpx;height: 40rpx;margin-right: 12rpx;"></image>
+            电子发票
+          </view>
+          <view class="btn" @click="previewPDF(item.invoice)">查看</view>
+        </view>
+        <view v-if="item.deny_desc" class="desc">
+          拒绝原因: {{item.deny_desc}}
+        </view>
       </view>
     </view>
     <u-loadmore :status="loadConfig.status" :loading-text="loadConfig.loadingText" :loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" />    
@@ -24,6 +41,7 @@
 
 <script>
 import {userWithdrawList} from "@/api/pay.js"
+import { Toast } from "../../libs/uniApi";
 export default {
   data() {
     return {
@@ -64,6 +82,46 @@ export default {
     this.loadList()
   },
   methods: {
+    previewVoucher(file){
+      if(file.slice(-4)=='.pdf')this.previewPDF(file);
+      else this.priviewImage(file);
+    },
+    previewPDF(file){
+      if(file) uni.navigateTo({
+      	url: `/subpkg/pdfView/pdfView?url=${file}`
+      })
+      else Toast('暂无电子文件')
+    },
+    priviewImage(url) {
+      uni.previewImage({
+        urls: [url],
+        longPressActions: {
+          itemList: ['保存图片'],
+          success: function(data) {
+            if (data.tapIndex === 0) {
+              uni.saveImageToPhotosAlbum({
+                filePath: url,
+                success: function() {
+                  uni.showToast({
+                    title: '保存成功',
+                    icon: 'success'
+                  })
+                },
+                fail: function() {
+                  uni.showToast({
+                    title: '保存失败',
+                    icon: 'none'
+                  })
+                }
+              })
+            }
+          },
+          fail: () => {
+            Toast('文件不存在!');
+          }
+        }
+      })
+    },
     async loadList(){
       if(this.loadConfig.status=="nomore")return;
       this.loadConfig.status="loading"
@@ -98,6 +156,8 @@ export default {
       width: 694rpx;
       background-color: #fff;
       margin-bottom: 21rpx;
+      border-radius: 26rpx;
+      
       .top{
         display: flex;
         align-items: center;
@@ -156,6 +216,29 @@ export default {
           line-height: 39rpx;
         }
       }
+      .desc{
+        padding: 28rpx;
+        background-color: rgba(#ff7c32, 0.2);
+        color: #ff7c32;
+        border-radius: 14rpx;
+        margin-top: 20rpx;
+      }
+      .invoice{
+        display: flex;
+        justify-content: space-between;
+        padding: 28rpx;
+        // border: 2px solid #999;
+        border-radius: 14rpx;
+        background-color: rgba(#47be62, 0.2);
+        
+        .name {
+          display: flex;
+        }
+        
+        .btn {
+          color: #0122c7;
+        }
+      }
     }
   }
 </style>