订单详情添加残保金

src/views/order/detail.vue

@@ -41,7 +41,8 @@
             <!-- <ul class="list-group list-group-flush pl-4"> -->
             <ul class="list-group list-group-flush">
                 <li class="d-flex justify-content-between align-items-center two-li"
-                    v-for="item in data.charge_details.social">
+                    v-for="(item, idx) in data.charge_details.social"
+                    :key="idx">
                     {{item[1]}}
                     <span class="badges"  style=" font-size: 1.3rem;">&yen;{{item[0]}}</span>
                 </li>
@@ -64,6 +65,10 @@
         </div>
         <div class="detail social-detail white-box">
             <h6 class="d-flex justify-content-between align-items-center price-text"  style=" font-size: 1.3rem; padding:0.5rem 0;">
+                残保金
+                <span class="badges"  style=" font-size: 1.3rem;">&yen;{{data.charge_details.append_cost[0].cost}}</span>
+            </h6>
+            <h6 class="d-flex justify-content-between align-items-center price-text"  style=" font-size: 1.3rem; padding:0.5rem 0;">
                 本次服务费
                 <span class="badges"  style=" font-size: 1.3rem;">&yen;{{data.service_charge}}</span>
             </h6>