退款退货详情

src/views/order/refund-detail.vue

@@ -175,7 +175,7 @@
         <h3>申请信息</h3>
         <el-row :gutter="24" class="box-row">
           <el-col :span="7"><b>申请人:</b> {{ refund.applicationUserName }}</el-col>
-          <el-col :span="7"><b>申请时间:</b> {{ refund.returnTime | parseTime('{y}-{m}-{d} {h}:{i}') }} }}</el-col>
+          <el-col :span="7"><b>申请时间:</b> {{ refund.returnTime | parseTime('{y}-{m}-{d} {h}:{i}') }}</el-col>
           <el-col :span="7"><b>退款备注:</b> {{ refund.remarks ? refund.remarks : '无' }}</el-col>
         </el-row>
         <el-row v-if="refund.image1 || refund.image2 || refund.image3 || refund.image4 || refund.image5 " :gutter="24" class="box-row">

src/views/order/refund-return.vue

@@ -6,52 +6,97 @@
       <el-menu-item index="2">退款退货详情</el-menu-item>
     </el-menu>
 
-    <h1>退款单</h1>
+    <template v-for="refund in refundList">
+      <el-card :key="'review'+refund.orderID" class="box-card">
+        <h3>审核信息</h3>
+        <el-row :gutter="24" class="box-row">
+          <el-col :span="7"><b>审核人:</b> {{ refund.reviewUserName }}</el-col>
+          <el-col :span="7"><b>审核时间:</b> {{ refund.confirmReturnTime }}</el-col>
+          <el-col :span="7"><b>审核备注:</b> {{ refund.reviewRemarks ? refund.reviewRemarks : '无' }}</el-col>
+        </el-row>
+        <el-row v-if="refund.reviewImage1 || refund.reviewImage2 || refund.reviewImage3 || refund.reviewImage4 || refund.reviewImage5 " :gutter="24" class="box-row">
+          <el-col :span="4"><b>审核凭证:</b></el-col>
+          <el-col :span="20">
+            <img v-if="refund.reviewImage1" :src="refund.reviewImage1" width="65" alt="">
+            <img v-if="refund.reviewImage2" :src="refund.reviewImage2" width="65" alt="">
+            <img v-if="refund.reviewImage3" :src="refund.reviewImage3" width="65" alt="">
+            <img v-if="refund.reviewImage4" :src="refund.reviewImage4" width="65" alt="">
+            <img v-if="refund.reviewImage5" :src="refund.reviewImage5" width="65" alt="">
+          </el-col>
+        </el-row>
+      </el-card>
+      <el-card :key="'application'+refund.orderID" class="box-card">
+        <h3>申请信息</h3>
+        <el-row :gutter="24" class="box-row">
+          <el-col :span="7"><b>申请人:</b> {{ refund.applicationUserName }}</el-col>
+          <el-col :span="7"><b>申请时间:</b> {{ refund.returnTime | parseTime('{y}-{m}-{d} {h}:{i}') }}</el-col>
+          <el-col :span="7"><b>退款备注:</b> {{ refund.remarks ? refund.remarks : '无' }}</el-col>
+        </el-row>
+        <el-row v-if="refund.image1 || refund.image2 || refund.image3 || refund.image4 || refund.image5 " :gutter="24" class="box-row">
+          <el-col :span="4"><b>申请凭证:</b></el-col>
+          <el-col :span="20">
+            <img v-if="refund.image1" :src="refund.image1" width="65" alt="">
+            <img v-if="refund.image2" :src="refund.image2" width="65" alt="">
+            <img v-if="refund.image3" :src="refund.image3" width="65" alt="">
+            <img v-if="refund.image4" :src="refund.image4" width="65" alt="">
+            <img v-if="refund.image5" :src="refund.image5" width="65" alt="">
+          </el-col>
+        </el-row>
+      </el-card>
+      <el-card :key="'end'+refund.orderID" class="box-card">
+        <el-row :gutter="24" class="box-row">
+          <el-col :span="7"><b>申请退款金额:</b> ¥{{ refund.refundFee | toThousandFilter }}</el-col>
+          <el-col :span="7"><b>财务签名:</b></el-col>
+          <el-col :span="7"><b>总经理签名:</b></el-col>
+        </el-row>
+      </el-card>
 
-    <el-card v-for="refund in refundList" :key="refund.orderID" class="box-card">
-      <el-row :gutter="24" class="box-row">
-        <el-col :span="6"><b>退款编号:</b> {{ refund.returnedNo }}</el-col>
-        <el-col :span="6"><b>申请时间:</b> {{ refund.returnTime | parseTime('{y}-{m}-{d} {h}:{i}') }}</el-col>
-        <el-col :span="6"><b>申请金额:</b> ¥{{ refund.refundFee | toThousandFilter }}</el-col>
-        <el-col :span="6"><b>退款状态:</b>
-          <el-tag v-if="refund.status*1===1" type="warning" size="small">待审核</el-tag>
-          <el-tag v-if="refund.status*1===2" type="danger" size="small">审核不通过</el-tag>
-          <el-tag v-if="refund.status*1===3" type="success" size="small">审核通过</el-tag>
-        </el-col>
-      </el-row>
-      <el-row :gutter="24" class="box-row">
-        <el-col :span="20"><b>退款方式:</b>
-          <template v-if="refund.returnedWay*1===4">未支付无退款</template>
-          <template v-else-if="refund.returnedWay*1===1">
-            <span v-if="refund.refundBalanceFee*1 !== 0">余额账户:¥{{ refund.refundBalanceFee | toThousandFilter }}</span>
-            <span v-if="refund.refundOnlineFee*1 !== 0">线上退回:¥{{ refund.refundOnlineFee | toThousandFilter }}</span>
-            <span v-if="refund.refundOfflineFee*1 !== 0">线下转账:¥{{ refund.refundOfflineFee | toThousandFilter }}</span>
-          </template>
-          <template v-else>----</template>
-        </el-col>
-      </el-row>
-      <template v-if="refund.returnedWay*1===1 && refund.refundOfflineFee*1!==0">
+      <el-card :key="'refund' + refund.orderID" class="box-card">
         <el-row :gutter="24" class="box-row">
-          <el-col v-if="refund.refundFee" :span="12"><b>退款银行:</b>
-            <template v-if="refund.payType*1===1">建设银行7297</template>
-            <template v-else-if="refund.payType*1===2">中信银行0897</template>
-            <template v-else-if="refund.payType*1===3">中信银行7172</template>
-            <template v-else-if="refund.payType*1===4">广发银行0115</template>
-            <template v-else-if="refund.payType*1===5">广发银行5461</template>
+          <el-col :span="6"><b>退款编号:</b> {{ refund.returnedNo }}</el-col>
+          <el-col :span="6"><b>申请时间:</b> {{ refund.returnTime | parseTime('{y}-{m}-{d} {h}:{i}') }}</el-col>
+          <el-col :span="6"><b>申请金额:</b> ¥{{ refund.refundFee | toThousandFilter }}</el-col>
+          <el-col :span="6"><b>退款状态:</b>
+            <el-tag v-if="refund.status*1===1" type="warning" size="small">待审核</el-tag>
+            <el-tag v-if="refund.status*1===2" type="danger" size="small">审核不通过</el-tag>
+            <el-tag v-if="refund.status*1===3" type="success" size="small">审核通过</el-tag>
           </el-col>
-          <el-col v-else :span="12">暂无支付方式</el-col>
         </el-row>
         <el-row :gutter="24" class="box-row">
-          <el-col :span="6"><b>开户名:</b> {{ refund.bankAccountName ? refund.bankAccountName : '' }}</el-col>
-          <el-col :span="6"><b>账号:</b> {{ refund.bankAccountNo ? refund.bankAccountNo : '' }}</el-col>
-          <el-col :span="6"><b>开户行:</b> {{ refund.openBank ? refund.openBank : '' }}</el-col>
-          <el-col :span="6"><b>账户类型:</b>
-            <el-tag v-if="refund.bankAccountType*1===1" type="warning" size="small">公账</el-tag>
-            <el-tag v-if="refund.bankAccountType*1===2" type="danger" size="small">私账</el-tag>
+          <el-col :span="20"><b>退款方式:</b>
+            <template v-if="refund.returnedWay*1===4">未支付无退款</template>
+            <template v-else-if="refund.returnedWay*1===1">
+              <span v-if="refund.refundBalanceFee*1 !== 0">余额账户:¥{{ refund.refundBalanceFee | toThousandFilter }}</span>
+              <span v-if="refund.refundOnlineFee*1 !== 0">线上退回:¥{{ refund.refundOnlineFee | toThousandFilter }}</span>
+              <span v-if="refund.refundOfflineFee*1 !== 0">线下转账:¥{{ refund.refundOfflineFee | toThousandFilter }}</span>
+            </template>
+            <template v-else>----</template>
           </el-col>
         </el-row>
-      </template>
-    </el-card>
+        <template v-if="refund.returnedWay*1===1 && refund.refundOfflineFee*1!==0">
+          <el-row :gutter="24" class="box-row">
+            <el-col v-if="refund.refundFee" :span="12"><b>退款银行:</b>
+              <template v-if="refund.payType*1===1">建设银行7297</template>
+              <template v-else-if="refund.payType*1===2">中信银行0897</template>
+              <template v-else-if="refund.payType*1===3">中信银行7172</template>
+              <template v-else-if="refund.payType*1===4">广发银行0115</template>
+              <template v-else-if="refund.payType*1===5">广发银行5461</template>
+            </el-col>
+            <el-col v-else :span="12">暂无支付方式</el-col>
+          </el-row>
+          <el-row :gutter="24" class="box-row">
+            <el-col :span="6"><b>开户名:</b> {{ refund.bankAccountName ? refund.bankAccountName : '' }}</el-col>
+            <el-col :span="6"><b>账号:</b> {{ refund.bankAccountNo ? refund.bankAccountNo : '' }}</el-col>
+            <el-col :span="6"><b>开户行:</b> {{ refund.openBank ? refund.openBank : '' }}</el-col>
+            <el-col :span="6"><b>账户类型:</b>
+              <el-tag v-if="refund.bankAccountType*1===1" type="warning" size="small">公账</el-tag>
+              <el-tag v-if="refund.bankAccountType*1===2" type="danger" size="small">私账</el-tag>
+            </el-col>
+          </el-row>
+        </template>
+      </el-card>
+
+    </template>
 
     <el-card v-if="order" class="box-card">
       <el-row :gutter="24" class="box-row">
@@ -124,52 +169,6 @@
       </div>
     </el-card>
 
-    <template v-for="refund in refundList">
-      <el-card :key="'review'+refund.orderID" class="box-card">
-        <h3>审核信息</h3>
-        <el-row :gutter="24" class="box-row">
-          <el-col :span="7"><b>审核人:</b> {{ refund.reviewUserName }}</el-col>
-          <el-col :span="7"><b>审核时间:</b> {{ refund.confirmReturnTime }}</el-col>
-          <el-col :span="7"><b>审核备注:</b> {{ refund.reviewRemarks ? refund.reviewRemarks : '无' }}</el-col>
-        </el-row>
-        <el-row v-if="refund.reviewImage1 || refund.reviewImage2 || refund.reviewImage3 || refund.reviewImage4 || refund.reviewImage5 " :gutter="24" class="box-row">
-          <el-col :span="4"><b>审核凭证:</b></el-col>
-          <el-col :span="20">
-            <img v-if="refund.reviewImage1" :src="refund.reviewImage1" width="65" alt="">
-            <img v-if="refund.reviewImage2" :src="refund.reviewImage2" width="65" alt="">
-            <img v-if="refund.reviewImage3" :src="refund.reviewImage3" width="65" alt="">
-            <img v-if="refund.reviewImage4" :src="refund.reviewImage4" width="65" alt="">
-            <img v-if="refund.reviewImage5" :src="refund.reviewImage5" width="65" alt="">
-          </el-col>
-        </el-row>
-      </el-card>
-      <el-card :key="'application'+refund.orderID" class="box-card">
-        <h3>申请信息</h3>
-        <el-row :gutter="24" class="box-row">
-          <el-col :span="7"><b>申请人:</b> {{ refund.applicationUserName }}</el-col>
-          <el-col :span="7"><b>申请时间:</b> {{ refund.returnTime | parseTime('{y}-{m}-{d} {h}:{i}') }} }}</el-col>
-          <el-col :span="7"><b>退款备注:</b> {{ refund.remarks ? refund.remarks : '无' }}</el-col>
-        </el-row>
-        <el-row v-if="refund.image1 || refund.image2 || refund.image3 || refund.image4 || refund.image5 " :gutter="24" class="box-row">
-          <el-col :span="4"><b>申请凭证:</b></el-col>
-          <el-col :span="20">
-            <img v-if="refund.image1" :src="refund.image1" width="65" alt="">
-            <img v-if="refund.image2" :src="refund.image2" width="65" alt="">
-            <img v-if="refund.image3" :src="refund.image3" width="65" alt="">
-            <img v-if="refund.image4" :src="refund.image4" width="65" alt="">
-            <img v-if="refund.image5" :src="refund.image5" width="65" alt="">
-          </el-col>
-        </el-row>
-      </el-card>
-      <el-card :key="'end'+refund.orderID" class="box-card">
-        <el-row :gutter="24" class="box-row">
-          <el-col :span="7"><b>申请退款金额:</b> ¥{{ refund.refundFee | toThousandFilter }}</el-col>
-          <el-col :span="7"><b>财务签名:</b></el-col>
-          <el-col :span="7"><b>总经理签名:</b></el-col>
-        </el-row>
-      </el-card>
-    </template>
-
   </div>
 </template>