加银行回单

src/views/Letter/Wallet/ExpenditureDetails.vue

@@ -55,7 +55,8 @@
           </el-form-item>
         </el-col>
         <el-col :span="3" :offset="9" class="flex j-end">
-          <el-button size="small" type="primary" style="background-color: #2D4D89;border-color:#2D4D89;" @click="exportDetails">导出</el-button>
+          <el-button size="small" type="primary" style="background-color: #2D4D89;border-color:#2D4D89;"
+            @click="exportDetails">导出</el-button>
           <el-button size="small" type="primary" @click="onSubmit">查询</el-button>
         </el-col>
       </el-row>
@@ -84,15 +85,15 @@
 
         <el-table-column prop="amount" label="交易金额" align="center">
           <template slot-scope="scope">
-          <span v-if="scope.row.transactionType=='3'" style="color: #0052FF;">-{{ scope.row.amount }}</span>
-          <span v-else >+{{ scope.row.amount }}</span>
+            <span v-if="scope.row.transactionType == '3'" style="color: #0052FF;">-{{ scope.row.amount }}</span>
+            <span v-else>+{{ scope.row.amount }}</span>
           </template>
         </el-table-column>
         <el-table-column prop="auditingStatus" label="提现状态" align="center">
-          <template slot-scope="scope" v-if="scope.row.transactionType=='3'">
-            <el-tag v-if="scope.row.auditingStatus=='提现中'" type="warning">{{scope.row.auditingStatus}}</el-tag>
-            <el-tag v-if="scope.row.auditingStatus=='已提现'" type="success">{{scope.row.auditingStatus}}</el-tag>
-            <el-tag v-if="scope.row.auditingStatus=='已驳回'" type="danger">{{scope.row.auditingStatus}}</el-tag>
+          <template slot-scope="scope" v-if="scope.row.transactionType == '3'">
+            <el-tag v-if="scope.row.auditingStatus == '提现中'" type="warning">{{ scope.row.auditingStatus }}</el-tag>
+            <el-tag v-if="scope.row.auditingStatus == '已提现'" type="success">{{ scope.row.auditingStatus }}</el-tag>
+            <el-tag v-if="scope.row.auditingStatus == '已驳回'" type="danger">{{ scope.row.auditingStatus }}</el-tag>
           </template>
         </el-table-column>
         <el-table-column prop="incomeAndExpensesType" label="收支类型" align="center">
@@ -149,6 +150,13 @@
             <span v-if="tixianDetails.rejectReason">驳回原因： <span style="color: #333;">{{ tixianDetails.rejectReason
             }}</span>
             </span>
+            <div class="flex a-c j-s" v-if="tixianDetails.bankReceipt">
+              <span>银行回单：</span>
+              <div style="border: 2px solid #F2F2F2;box-sizing: border-box;">
+                <el-image  style="width: 200px;height: 100px;" :src="tixianDetails.bankReceipt" :preview-src-list="[tixianDetails.bankReceipt]"></el-image>
+              </div>
+            </div>
+
           </div>
         </template>
         <template v-if="orderDetail.transactionType == '2'">
@@ -469,6 +477,7 @@ export default {
               }
             })
             this.tixianDetails = res.data;
+            this.tixianDetails.bankReceipt = process.env.BASE_URL + this.tixianDetails.bankReceipt;
             this.detailsVisible = true;
           } else {
             this.$message({
@@ -585,6 +594,7 @@ export default {
   .el-pagination.is-background .el-pager li:not(.disabled).active {
     background-color: #2D4D89;
   }
+
   .el-form-item {
     margin-bottom: 8px;
   }