Authored by shuaiguo

feat(订单跟踪):增加卖家上传图片展示 reviewed by 黄涛

chore: npm version
@@ -47,9 +47,45 @@ @@ -47,9 +47,45 @@
47 > 47 >
48 <template v-slot:content="{ detail: { miniFaultConfirm } }"> 48 <template v-slot:content="{ detail: { miniFaultConfirm } }">
49 <div class="judge-content-wrapper" v-if="miniFaultConfirm"> 49 <div class="judge-content-wrapper" v-if="miniFaultConfirm">
  50 + <!-- 卖家评论 -->
  51 + <div v-if="miniFaultConfirm.secondDetailBySeller">
  52 + <p class="tip"><span class="tip-text-gray">{{miniFaultConfirm.secondDetailBySeller.title}}</span></p>
  53 + <div class="img-container">
  54 + <ul class="img-wrapper">
  55 + <li
  56 + v-for="(imgUrl, i) in miniFaultConfirm.secondDetailBySeller.imageUrlList.slice(
  57 + 0,
  58 + 3
  59 + )"
  60 + :key="i"
  61 + @click="showBigImage(miniFaultConfirm.secondDetailBySeller.imageUrlList, i)"
  62 + >
  63 + <ImageFormat
  64 + :data-secc="imgUrl"
  65 + :src="imgUrl"
  66 + alt=""
  67 + :width="70"
  68 + :height="70"
  69 + />
  70 + </li>
  71 + <li v-if="miniFaultConfirm.secondDetailBySeller.imageUrlList.length > 3">
  72 + <Button
  73 + class="more"
  74 + @click="showBigImage(miniFaultConfirm.secondDetailBySeller.imageUrlList, 3)"
  75 + >查看更多</Button
  76 + >
  77 + </li>
  78 + </ul>
  79 + </div>
  80 + <p class="seller-tip">
  81 + <span class="tip-text-gray" v-if="miniFaultConfirm.secondDetailBySeller.sndTitle">{{miniFaultConfirm.secondDetailBySeller.sndTitle}}</span>
  82 + </p>
  83 + <p><span class="tip-text-gray" v-if="miniFaultConfirm.secondDetailBySeller.desc">{{miniFaultConfirm.secondDetailBySeller.desc}}</span></p>
  84 + </div>
  85 +
50 <p class="tip"> 86 <p class="tip">
51 <span 87 <span
52 - :class="[miniFaultConfirm.showBtn ? '' : 'tipTextGray']" 88 + :class="[miniFaultConfirm.showBtn ? '' : 'tip-text-gray']"
53 >{{ miniFaultConfirm.text }}</span 89 >{{ miniFaultConfirm.text }}</span
54 > 90 >
55 <span v-if="miniFaultConfirm.showBtn"> 91 <span v-if="miniFaultConfirm.showBtn">
@@ -68,7 +104,7 @@ @@ -68,7 +104,7 @@
68 3 104 3
69 )" 105 )"
70 :key="i" 106 :key="i"
71 - @click="showBigImage(miniFaultConfirm, i)" 107 + @click="showBigImage(miniFaultConfirm.imageUrls, i)"
72 > 108 >
73 <ImageFormat 109 <ImageFormat
74 :data-secc="imgUrl" 110 :data-secc="imgUrl"
@@ -81,7 +117,7 @@ @@ -81,7 +117,7 @@
81 <li v-if="miniFaultConfirm.imageUrls.length > 3"> 117 <li v-if="miniFaultConfirm.imageUrls.length > 3">
82 <Button 118 <Button
83 class="more" 119 class="more"
84 - @click="showBigImage(miniFaultConfirm, 3)" 120 + @click="showBigImage(miniFaultConfirm.imageUrls, 3)"
85 >查看更多</Button 121 >查看更多</Button
86 > 122 >
87 </li> 123 </li>
@@ -218,11 +254,11 @@ export default { @@ -218,11 +254,11 @@ export default {
218 onCancel: () => {} 254 onCancel: () => {}
219 }).show(); 255 }).show();
220 }, 256 },
221 - showBigImage(data, index) { 257 + showBigImage(imageUrls = [], index) {
222 // 点击小图展示大图 258 // 点击小图展示大图
223 - if (data.imageUrls && data.imageUrls.length > 0) { 259 + if (imageUrls && imageUrls.length > 0) {
224 this.imageUrls = []; 260 this.imageUrls = [];
225 - data.imageUrls.forEach(val => { 261 + imageUrls.forEach(val => {
226 this.imageUrls.push(val.replace(/{width}x{height}/, "750x")); 262 this.imageUrls.push(val.replace(/{width}x{height}/, "750x"));
227 }); 263 });
228 264
@@ -353,12 +389,16 @@ export default { @@ -353,12 +389,16 @@ export default {
353 } 389 }
354 } 390 }
355 391
  392 + .seller-tip {
  393 + margin-top: 20px;
  394 + }
  395 +
356 .tip { 396 .tip {
357 margin-top: 20px; 397 margin-top: 20px;
358 margin-bottom: 10px; 398 margin-bottom: 10px;
359 } 399 }
360 400
361 - .tipTextGray { 401 + .tip-text-gray {
362 color: #999; 402 color: #999;
363 } 403 }
364 404
1 { 1 {
2 "name": "xianyu-ufo-app-web", 2 "name": "xianyu-ufo-app-web",
3 - "version": "1.1.0-beta-8", 3 + "version": "1.1.0-beta-9",
4 "private": true, 4 "private": true,
5 "description": "Xianyu Project With Express", 5 "description": "Xianyu Project With Express",
6 "repository": { 6 "repository": {