|
|
@@ -12,10 +12,10 @@
|
|
|
</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
-<transition name="fade">
|
|
|
+<transition-group name="fade" :key="item.id+'_detail_transition'">
|
|
|
<div class="alert alert-light mb-0 border"
|
|
|
v-show="selectDetailId === item.id"
|
|
|
- v-for="(detail) in (item.details ? item.details : [])">
|
|
|
+ v-for="(detail,index) in (item.details ? item.details : [])" :key="item.id+'_detail'+index">
|
|
|
<div class="col-12 border-top">
|
|
|
<span
|
|
|
class="badge float-right"
|
|
|
@@ -45,13 +45,13 @@
|
|
|
<span v-text="detail.return_phone"></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
-</transition>
|
|
|
+</transition-group>
|
|
|
|
|
|
|
|
|
-<transition name="fade">
|
|
|
+<transition name="fade" :key="item.id+'_dealImage_transition'">
|
|
|
<div class="alert alert-light mb-0 border border-top"
|
|
|
v-show="selectDetailId === item.id"
|
|
|
- v-if="item.deal_images && item.deal_images.length > 0">
|
|
|
+ v-if="item.deal_images && item.deal_images.length > 0" :key="item.id+'_dealImage'">
|
|
|
<div class="col-12">
|
|
|
<span class="text-monospace" v-text="'交易截图'"></span>
|
|
|
</div>
|
|
|
@@ -78,10 +78,10 @@
|
|
|
</transition>
|
|
|
|
|
|
|
|
|
-<transition name="fade">
|
|
|
+<transition name="fade" :key="item.id+'_refundImage_transition'">
|
|
|
<div class="alert alert-light mb-0 border border-top"
|
|
|
v-show="selectDetailId === item.id"
|
|
|
- v-if="item.refund_images && item.refund_images.length > 0">
|
|
|
+ v-if="item.refund_images && item.refund_images.length > 0" :key="item.id+'_refundImage'">
|
|
|
<div class="col-12">
|
|
|
<span class="text-monospace" v-text="'退款截图'"></span>
|
|
|
</div>
|
|
|
@@ -105,10 +105,10 @@
|
|
|
</div>
|
|
|
</transition>
|
|
|
|
|
|
-<transition name="fade">
|
|
|
+<transition name="fade" :key="item.id+'_package_images_transition'">
|
|
|
<div class="alert alert-light mb-0 border border-top"
|
|
|
v-show="selectDetailId === item.id"
|
|
|
- v-if="item['package_images'] && item['package_images'].length > 0">
|
|
|
+ v-if="item['package_images'] && item['package_images'].length > 0" :key="item.id+'_package_images'">
|
|
|
<div class="col-12">
|
|
|
<span class="text-monospace" v-text="'外包装截图'"></span>
|
|
|
</div>
|
|
|
@@ -130,10 +130,10 @@
|
|
|
</div>
|
|
|
</transition>
|
|
|
|
|
|
-<transition name="fade">
|
|
|
+<transition name="fade" :key="item.id+'_commodity_images_transition'">
|
|
|
<div class="alert alert-light mb-0 border border-top"
|
|
|
v-show="selectDetailId === item.id"
|
|
|
- v-if="item.commodity_images && item.commodity_images.length > 0">
|
|
|
+ v-if="item.commodity_images && item.commodity_images.length > 0" :key="item.id+'_commodity_images'">
|
|
|
<div class="col-12">
|
|
|
<span class="text-monospace" v-text="'内物破损图片'"></span>
|
|
|
</div>
|
|
|
@@ -154,10 +154,10 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</transition>
|
|
|
-<transition name="fade">
|
|
|
+<transition name="fade" :key="item.id+'_commodity_transition'">
|
|
|
<div class="alert alert-light mb-0 border "
|
|
|
v-show="selectDetailId === item.id"
|
|
|
- v-if="item.commodities && item.commodities.length > 0">
|
|
|
+ v-if="item.commodities && item.commodities.length > 0" :key="item.id+'_commodity'">
|
|
|
<div class="col-12">
|
|
|
<div class="text-monospace">商品详情</div>
|
|
|
</div>
|
|
|
@@ -223,10 +223,10 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</transition>
|
|
|
-<transition name="fade">
|
|
|
+<transition name="fade" :key="item.id+'pending_detail_commodities_transition'">
|
|
|
<div class="alert alert-light mb-0 border-top border "
|
|
|
v-show="selectDetailId === item.id"
|
|
|
- v-if="item.pending_detail && item.pending_detail.commodities.length > 0">
|
|
|
+ v-if="item.pending_detail && item.pending_detail.commodities.length > 0" :key="item.id+'pending_detail_commodities'">
|
|
|
<div class="col-12">
|
|
|
<div class="text-monospace">当前待处理商品详情</div>
|
|
|
</div>
|
ajun