退款单

src/views/order/refund-detail.vue

@@ -66,7 +66,17 @@
                 <el-tag :type="order.status*1===6?'info':''" size="small">{{ statusObj[order.status] }}</el-tag>
               </template>
             </el-col>
-            <el-col v-if="order.bpOrderUserinfo" :span="6"><b>买家:</b> {{ order.bpOrderUserinfo.name }}</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 | toThousandFilter }}</template>
+            </el-col>
           </el-row>
           <el-row :gutter="24" class="box-row">
             <el-col :span="6"><b>收款状态:</b>
@@ -74,6 +84,11 @@
               <el-tag v-if="order.receiptStatus*1===2" type="warning" size="small">部分收款</el-tag>
               <el-tag v-if="order.receiptStatus*1===3" type="success" size="small">已收款</el-tag>
             </el-col>
+            <el-col :span="6"><b>付款状态:</b>
+              <el-tag v-if="order.payStatus*1===1" type="danger" size="small">待付款</el-tag>
+              <el-tag v-if="order.payStatus*1===2" type="warning" size="small">部分付款</el-tag>
+              <el-tag v-if="order.payStatus*1===3" type="success" size="small">已付款</el-tag>
+            </el-col>
             <el-col :span="6"><b>退款状态:</b>
               <el-tag v-if="order.refundType*1===1" type="warning" size="small">部分退款</el-tag>
               <el-tag v-else-if="order.refundType*1===2" type="danger" size="small">已退款</el-tag>
@@ -86,76 +101,60 @@
             </el-col>
           </el-row>
           <el-row v-if="order.bpOrderUserinfo" :gutter="24" class="box-row">
+            <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>
-
-          <div v-for="shopOrder in refund.shopOrderReturnedList" :key="shopOrder.shopOrderID" class="order-item">
-            <el-row :gutter="22" class="box-row">
-              <el-col :span="9"><b>子订单号(ID):</b> {{ shopOrder.shopOrderNo + '(' + shopOrder.shopOrderID + ')' }}</el-col>
-              <el-col :span="5"><b>子订单金额:</b> ¥{{ shopOrder.needPayAmount | toThousandFilter }}</el-col>
-              <el-col :span="5"><b>付款状态:</b>
-                <el-tag v-if="shopOrder.payStatus*1===1" type="danger" size="small">待付款</el-tag>
-                <el-tag v-if="shopOrder.payStatus*1===2" type="warning" size="small">部分付款</el-tag>
-                <el-tag v-if="shopOrder.payStatus*1===3" type="success" size="small">已付款</el-tag>
-              </el-col>
-              <el-col :span="5"><b>发货状态:</b>
-                <el-tag v-if="shopOrder.sendOutStatus*1===1" type="danger" size="small">待发货</el-tag>
-                <el-tag v-if="shopOrder.sendOutStatus*1===2" type="warning" size="small">部分发货</el-tag>
-                <el-tag v-if="shopOrder.sendOutStatus*1===3" type="success" size="small">已发货</el-tag>
-              </el-col>
-            </el-row>
-            <el-row :gutter="22" class="box-row">
-              <el-col :span="22"><b>供应商:</b> {{ shopOrder.shopName }}</el-col>
-            </el-row>
-            <el-row v-for="op in shopOrder.cmReturnedPurchaseProductList" :key="op.orderProductID" :gutter="22" class="product-row">
-              <el-col :span="2">
-                <img :src="op.mainImage" width="60" alt="">
-              </el-col>
-              <el-col :span="7">{{ op.name }}</el-col>
-              <el-col :span="5">
-                <div class="op-item"><b>数量</b>{{ op.productID*1!==999 ? ('(赠品数): x'+op.num+'('+op.presentNum+')') : (': x'+op.num) }}</div>
-                <div v-if="op.productID*1!==999" class="op-item">规格: {{ op.unit }}</div>
-              </el-col>
-              <el-col v-if="op.productID*1!==999" :span="5">
-                <div class="op-item"><b>单价:</b> ¥{{ op.price | toThousandFilter }}</div>
-                <div class="op-item"><b>总额:</b> ¥{{ op.totalFee | toThousandFilter }}</div>
-              </el-col>
-              <el-col v-if="op.productID*1!==999" :span="5">
-                <div v-if="order.sendOutStatus*1 === 2 || order.sendOutStatus*1 === 3" class="op-item"><b>已发/已收:</b> {{ ((op.num ? op.num : 0) - (op.notOutStore ? op.notOutStore : 0)) + '/' + op.receivedNum }}</div>
-              </el-col>
-            </el-row>
-          </div>
         </template>
       </div>
-      <!-- <div class="refund-item"><el-card v-if="order && order.orderInvoice" class="box-card">
-        <el-row :gutter="24" class="box-row">
-          <b>发票信息:</b>
-          <template v-if="order.orderInvoice.type*1===0">不需要发票</template>
-          <template v-else-if="order.orderInvoice.type*1===1">普通发票</template>
-          <template v-else-if="order.orderInvoice.type*1===2">增值税发票</template>
-        </el-row>
-        <el-row v-if="order.orderInvoice.invoiceTitleType*1===0" :gutter="24" class="box-row">
-          <el-col :span="6"><b>个人抬头:</b>{{ order.orderInvoice.invoiceTitle }}</el-col>
-        </el-row>
-        <el-row v-if="order.orderInvoice.invoiceTitleType*1===1" :gutter="24" class="box-row">
-          <el-col :span="6"><b>企业抬头:</b>{{ order.orderInvoice.invoiceTitle }}</el-col>
-          <el-col :span="6"><b>纳税人识别号:</b>{{ order.orderInvoice.corporationTaxNum }}</el-col>
-        </el-row>
-        <template v-if="order.orderInvoice.type*1===2">
-          <el-row :gutter="24" class="box-row">
-            <el-col :span="6"><b>单位名称:</b>{{ order.orderInvoice.invoiceTitle }}</el-col>
-            <el-col :span="6"><b>纳税人识别号:</b>{{ order.orderInvoice.corporationTaxNum }}</el-col>
-            <el-col :span="6"><b>注册地址:</b>{{ order.orderInvoice.registeredAddress }}</el-col>
+      <div class="refund-item">
+        <div v-for="shopOrder in refund.shopOrderReturnedList" :key="shopOrder.shopOrderID" class="order-item">
+          <el-row :gutter="22" class="box-row">
+            <el-col :span="9"><b>子订单号(ID):</b> {{ shopOrder.shopOrderNo + '(' + shopOrder.shopOrderID + ')' }}</el-col>
+            <el-col :span="5"><b>子订单金额:</b> ¥{{ shopOrder.needPayAmount | toThousandFilter }}</el-col>
+            <el-col :span="5"><b>付款状态:</b>
+              <el-tag v-if="shopOrder.payStatus*1===1" type="danger" size="small">待付款</el-tag>
+              <el-tag v-if="shopOrder.payStatus*1===2" type="warning" size="small">部分付款</el-tag>
+              <el-tag v-if="shopOrder.payStatus*1===3" type="success" size="small">已付款</el-tag>
+            </el-col>
+            <el-col :span="5"><b>发货状态:</b>
+              <el-tag v-if="shopOrder.sendOutStatus*1===1" type="danger" size="small">待发货</el-tag>
+              <el-tag v-if="shopOrder.sendOutStatus*1===2" type="warning" size="small">部分发货</el-tag>
+              <el-tag v-if="shopOrder.sendOutStatus*1===3" type="success" size="small">已发货</el-tag>
+            </el-col>
           </el-row>
-          <el-row :gutter="24" class="box-row">
-            <el-col :span="6"><b>注册电话:</b>{{ order.orderInvoice.registeredPhone }}</el-col>
-            <el-col :span="6"><b>开户银行:</b>{{ order.orderInvoice.openBank }}</el-col>
-            <el-col :span="6"><b>银行账号:</b>{{ order.orderInvoice.bankAccountNo }}</el-col>
+          <el-row :gutter="22" class="box-row">
+            <el-col :span="22"><b>供应商:</b> {{ shopOrder.shopName }}</el-col>
           </el-row>
-        </template>
-      </el-card></div>-->
+          <el-row v-for="op in shopOrder.cmReturnedPurchaseProductList" :key="op.orderProductID" :gutter="22" class="product-row">
+            <el-col :span="2">
+              <img :src="op.mainImage" width="60" alt="">
+            </el-col>
+            <el-col :span="6">{{ op.name }}</el-col>
+            <el-col :span="4">
+              <div class="op-item"><b>折后单价:</b> ¥{{ op.discountPrice | toThousandFilter }}</div>
+              <div class="op-item"><b>数量(赠品数):</b> x{{ op.num }}</div>
+              <div class="op-item"><b>总额:</b> ¥{{ op.totalFee | toThousandFilter }}</div>
+            </el-col>
+            <el-col :span="4">
+              <div class="op-item"><b>单价:</b> ¥{{ op.price | toThousandFilter }}</div>
+              <div class="op-item"><b>折扣:</b> {{ op.discount }}</div>
+              <div class="op-item"><b>税费(税率):</b> ¥{{ op.totalAddedValueTax | toThousandFilter }} ({{ op.taxRate }})</div>
+            </el-col>
+            <el-col :span="4">
+              <div class="op-item"><b>已发货:</b> {{ op.num - op.notOutStore }}</div>
+              <div class="op-item"><b>已退货:</b> {{ op.returnedPurchaseProductNum }}</div>
+              <div class="op-item"><b>本次退货:</b> {{ op.actualReturnedNum ? op.actualReturnedNum : 0 }}</div>
+            </el-col>
+            <el-col :span="4">
+              <div class="op-item"><b>待发货:</b> {{ op.notOutStore - op.cancelProductNum }}</div>
+              <div class="op-item"><b>已取消:</b> {{ op.cancelProductNum }}</div>
+              <div class="op-item"><b>本次取消:</b> {{ op.actualCancelNum ? op.actualCancelNum : 0 }}</div>
+            </el-col>
+          </el-row>
+        </div>
+      </div>
 
       <div class="refund-item">
         <h3>审核信息</h3>