收退款记录

src/views/order/refund-record.vue

@@ -31,16 +31,94 @@
           <el-tag v-else type="info" size="small">无退款</el-tag>
         </el-col>
       </el-row>
-
       <el-row v-if="order.bpOrderUserinfo" :gutter="24" class="box-row">
-        <el-col v-if="order.bpOrderUserinfo" :span="6"><b>买家:</b> {{ order.bpOrderUserinfo.name }}</el-col>
+        <el-col :span="6"><b>买家:</b> {{ order.bpOrderUserinfo.name }}</el-col>
         <el-col :span="6"><b>收货人:</b> {{ order.bpOrderUserinfo.shouHuoRen }}</el-col>
         <el-col :span="6"><b>手机:</b> {{ order.bpOrderUserinfo.mobile }}</el-col>
-        <el-col :span="12"><b>地址:</b> {{ order.bpOrderUserinfo.province +' '+ order.bpOrderUserinfo.city +' '+ order.bpOrderUserinfo.town +' '+ order.bpOrderUserinfo.address }}</el-col>
+        <el-col :span="6"><b>地址:</b> {{ order.bpOrderUserinfo.province +' '+ order.bpOrderUserinfo.city +' '+ order.bpOrderUserinfo.town +' '+ order.bpOrderUserinfo.address }}</el-col>
+      </el-row>
+      <el-row :gutter="24" class="box-row">
+        <el-col :span="6"><b>订单金额:</b> ¥{{ order.payTotalFee | toThousandFilter }}</el-col>
+        <el-col :span="6"><b>应收总额:</b> ¥{{ order.payableAmount | toThousandFilter }}</el-col>
+        <el-col :span="6"><b>应收总额:</b> ¥{{ order.discountFee | toThousandFilter }}</el-col>
+        <el-col :span="6"><b>运费:</b>
+          <template v-if="order.freight*1===0">包邮</template>
+          <template v-else-if="order.freight*1===-1">到付</template>
+          <template v-else-if="order.freight*1===-2">仪器到付-产品包邮</template>
+          <template v-else>¥{{ order.freight }}</template>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24" class="box-row">
+        <el-col><b>退款总额:</b> ¥{{ refundFee | toThousandFilter }}</el-col>
       </el-row>
-
     </el-card>
 
+    <h3>收款记录: {{ receipt.length>0 ? '' : '无' }}</h3>
+    <el-table
+      v-if="receipt.length>0"
+      v-loading="listLoading"
+      :data="receipt"
+      element-loading-text="Loading"
+      border
+      fit
+      highlight-current-row
+    >
+      <el-table-column align="center" label="序号" width="50">
+        <template slot-scope="scope">
+          {{ scope.$index }}
+        </template>
+      </el-table-column>
+      <el-table-column label="收款ID" align="center" prop="receiptID" />
+      <el-table-column label="收款方式" align="center" prop="payType" />
+      <el-table-column label="金额" align="center" prop="associateAmount">
+        <template slot-scope="{row}">
+          ¥{{ row.associateAmount | toThousandFilter }}
+        </template>
+      </el-table-column>
+      <el-table-column label="收款时间" align="center" prop="receiptDate">
+        <template slot-scope="{row}">
+          <i class="el-icon-time" />
+          <span>{{ row.receiptDate | parseTime('{y}-{m}-{d} {h}:{i}') }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <h3>退款记录: {{ cmReturnedPurchaseList.length>0 ? '' : '无' }}</h3>
+    <el-table
+      v-if="cmReturnedPurchaseList.length>0"
+      v-loading="listLoading"
+      :data="cmReturnedPurchaseList"
+      element-loading-text="Loading"
+      border
+      fit
+      highlight-current-row
+    >
+      <el-table-column align="center" label="序号" width="50">
+        <template slot-scope="scope">
+          {{ scope.$index }}
+        </template>
+      </el-table-column>
+      <el-table-column label="退款编号" align="center" prop="returnedNo" />
+      <el-table-column label="退款金额" align="center" prop="refundFee">
+        <template slot-scope="{row}">
+          ¥{{ row.refundFee | toThousandFilter }}
+        </template>
+      </el-table-column>
+      <el-table-column label="申请时间" align="center" prop="returnTime">
+        <template slot-scope="{row}">
+          <i class="el-icon-time" />
+          <span>{{ row.returnTime | parseTime('{y}-{m}-{d} {h}:{i}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="退款状态" align="center" prop="payType">
+        <template slot-scope="{row}">
+          <el-tag v-if="row.sendOutStatus*1===1" type="warning" size="small">待审核</el-tag>
+          <el-tag v-if="row.sendOutStatus*1===2" type="success" size="small">审核通过</el-tag>
+          <el-tag v-if="row.sendOutStatus*1===3" type="danger" size="small">审核不通过</el-tag>
+        </template>
+      </el-table-column>
+    </el-table>
+
   </div>
 </template>
 
@@ -50,9 +128,10 @@ export default {
   data() {
     return {
       activeIndex: '2',
-      bpClauses: [],
+      receipt: [],
+      cmReturnedPurchaseList: [],
       order: null,
-      refundList: [],
+      refundFee: 0,
       statusObj: {
         '0': '待确认',
         '4': '交易完成',
@@ -84,8 +163,9 @@ export default {
       this.listLoading = true
       getRefundRecord({ orderID: this.orderID }).then(response => {
         this.order = response.data.order
-        this.bpClauses = response.data.bpClauses
-        this.refundList = response.data.cmReturnedPurchaseList
+        this.refundFee = response.data.refundFee
+        this.receipt = response.data.receipt
+        this.cmReturnedPurchaseList = response.data.cmReturnedPurchaseList
         this.listLoading = false
       }).catch(() => {
         this.listLoading = false
@@ -102,9 +182,10 @@ export default {
     text-align: center;
   }
   h3{
-    color: #409EFF;
     font-size: 16px;
     margin: 0;
+    padding: 20px 0 10px 0;
+    border-top: 1px dashed #eee;
   }
   .box-card{
     margin-top: 20px;
@@ -113,20 +194,5 @@ export default {
   .box-row{
     padding: 10px 0;
   }
-  .order-item{
-    border-bottom: 1px solid #DCDFE6;
-    background:#F2F6FC;
-    margin-top: 20px;
-    padding: 5px 15px 0;
-    border-radius: 5px;
-  }
-  .product-row{
-    padding: 10px 0;
-    background: #EBEEF5;
-    border-top: 1px dashed #DCDFE6;
-  }
-  .op-item{
-    padding: 5px 0;
-  }
 </style>