售后信息展示，单价展示问题处理

buyer/src/pages/home/orderCenter/AfterSale.vue

@@ -38,10 +38,7 @@
 
               <div>
                 <div class="hover-color" @click="goodsDetail(order.skuId, order.goodsId)">{{ order.goodsName }}</div>
-                <div class="mt_10">
+                <div class="mt_10"> x {{ order.num }}
-                  <span class="global_color"
-                    >{{ order.flowPrice | unitPrice("￥") }} </span
-                  >x {{ order.num }}
                 </div>
               </div>
             </div>
@@ -54,8 +51,11 @@
               <Button @click="openModal(order)"
                       v-if="order.serviceStatus == 'PASS' &&
                 order.serviceType != 'RETURN_MONEY'"
-                type="warning" size="small">提交物流</Button>
+                      type="warning" size="small">提交物流
-              <Button @click="cancel(order.sn)" type="error" v-if="order.afterSaleAllowOperationVO.cancel" size="small">取消售后</Button>
+              </Button>
+              <Button @click="cancel(order.sn)" type="error" v-if="order.afterSaleAllowOperationVO.cancel" size="small">
+                取消售后
+              </Button>
             </div>
           </div>
         </div>
@@ -76,9 +76,12 @@
       </p>
       <div>
         <div class="goods-list modal-goods">
-          <img @click="goodsDetail(singleOrder.skuId, singleOrder.goodsId)" class="hover-color" :src="singleOrder.goodsImage" alt="" />
+          <img @click="goodsDetail(singleOrder.skuId, singleOrder.goodsId)" class="hover-color"
+               :src="singleOrder.goodsImage" alt=""/>
           <div>
-            <div class="hover-color" @click="goodsDetail(singleOrder.skuId, singleOrder.goodsId)">{{ singleOrder.goodsName }}</div>
+            <div class="hover-color" @click="goodsDetail(singleOrder.skuId, singleOrder.goodsId)">
+              {{ singleOrder.goodsName }}
+            </div>
             <div class="mt_10">
               <span class="global_color"
               >{{ singleOrder.flowPrice | unitPrice("￥") }} </span
@@ -96,7 +99,8 @@
             <Input v-model="form.logisticsNo" placeholder="请填写快递单号"></Input>
           </FormItem>
           <FormItem label="发货时间" prop="mDeliverTime">
-            <DatePicker type="date" style="width:100%" v-model="form.mDeliverTime" @on-change="changeTime" format="yyyy-MM-dd" placeholder="选择发货时间"></DatePicker>
+            <DatePicker type="date" style="width:100%" v-model="form.mDeliverTime" @on-change="changeTime"
+                        format="yyyy-MM-dd" placeholder="选择发货时间"></DatePicker>
           </FormItem>
         </Form>
       </div>
@@ -112,6 +116,7 @@
 import {afterSaleList, cancelAfterSale} from '@/api/member.js';
 import {afterSaleDelivery, getLogisticsCompany} from '@/api/order.js';
 import {afterSaleStatusList} from '../enumeration.js'
+
 export default {
   name: 'AfterSale',
   data() {
@@ -167,7 +172,8 @@ export default {
             }
           })
         },
-        onCancel: () => {}
+        onCancel: () => {
+        }
       });
     },
     goodsDetail(skuId, goodsId) {
@@ -207,7 +213,9 @@ export default {
       this.getList()
     },
     filterOrderStatus(status) { // 获取订单状态中文
-      const ob = this.afterSaleStatusList.filter(e => { return e.status === status });
+      const ob = this.afterSaleStatusList.filter(e => {
+        return e.status === status
+      });
       return ob[0].name
     },
     // 获取物流公司列表
@@ -255,15 +263,18 @@ export default {
 .wrapper {
   margin-bottom: 40px;
 }
+
 .box {
   overflow: hidden;
 }
+
 .page-size {
   margin: 15px 0px;
   display: flex;
   justify-content: flex-end;
   align-items: center;
 }
+
 /** 订单列表 */
 .order-list {
   border: 1px solid #ddd;
@@ -271,8 +282,11 @@ export default {
   margin-bottom: 10px;
 
   &:hover {
-    .del-btn{visibility: visible;}
+    .del-btn {
+      visibility: visible;
     }
+  }
+
   .del-btn {
     visibility: hidden;
   }
@@ -283,12 +297,14 @@ export default {
     padding: 10px;
     justify-content: space-between;
     border-bottom: 1px solid #ddd;
+
     > div:nth-child(1) > div:nth-child(2) {
       font-size: 12px;
       color: #999;
       margin-top: 3px;
     }
   }
+
   .order-body {
     display: flex;
     justify-content: space-between;
@@ -298,16 +314,20 @@ export default {
     > div:nth-child(2) {
       width: 150px;
       text-align: center;
+
       span {
         color: #438cde;
         cursor: pointer;
+
         &:hover {
           color: $theme_color;
         }
       }
+
       .ivu-icon {
         color: #ff8f23;
         cursor: pointer;
+
         &:hover {
           color: $theme_color;
         }
@@ -316,25 +336,30 @@ export default {
 
     > div:nth-child(3) {
       width: 100px;
+
       .ivu-btn {
         margin-bottom: 10px;
       }
     }
   }
 }
+
 .goods-list {
   width: 500px;
   display: flex;
   margin-bottom: 10px;
+
   img {
     width: 60px;
     height: 60px;
     margin-right: 10px;
   }
+
   > div {
     flex: 1;
   }
 }
+
 .modal-goods {
   padding: 5px;
   background-color: #eee;

seller/src/views/order/order/orderDetail.vue

@@ -619,13 +619,13 @@ export default {
           key: "unitPrice",
           minWidth: 100,
           render: (h, params) => {
-            if (!params.row.priceDetailDTO.unitPrice) {
+            if (!params.row.unitPrice) {
               return h("div", this.$options.filters.unitPrice(0, "￥"));
             }
             return h(
               "div",
               this.$options.filters.unitPrice(
-                params.row.priceDetailDTO.unitPrice,
+                params.row.unitPrice,
                 "￥"
               )
             );