...
|
...
|
@@ -35,10 +35,13 @@ |
|
|
>
|
|
|
<span class="title">{{ detailInfo.title }}</span>
|
|
|
<time-line :isGoingOn="i === 0" :deliveryList="detailInfo.detailList">
|
|
|
<template v-slot:content="{detail: {miniFaultConfirm}}">
|
|
|
<template v-slot:content="{ detail: { miniFaultConfirm } }">
|
|
|
<div class="judge-content-wrapper" v-if="miniFaultConfirm">
|
|
|
<p class="tip">
|
|
|
<span :class="[miniFaultConfirm.showBtn ? '' : 'tipTextGray']">{{ miniFaultConfirm.text }}</span>
|
|
|
<span
|
|
|
:class="[miniFaultConfirm.showBtn ? '' : 'tipTextGray']"
|
|
|
>{{ miniFaultConfirm.text }}</span
|
|
|
>
|
|
|
<span v-if="miniFaultConfirm.showBtn">
|
|
|
,请在<count-down
|
|
|
:leftTime="miniFaultConfirm.leftTime"
|
...
|
...
|
@@ -49,32 +52,29 @@ |
|
|
</p>
|
|
|
<div class="img-container">
|
|
|
<ul class="img-wrapper">
|
|
|
<template v-if="miniFaultConfirm.imageUrls.length > 3">
|
|
|
<li v-for="(imgUrl, i) in miniFaultConfirm.imageUrls" :key="i" v-if="i < 3" @click="showBigImage(miniFaultConfirm, i)">
|
|
|
<ImageFormat
|
|
|
:data-secc="imgUrl"
|
|
|
:src="imgUrl"
|
|
|
alt=""
|
|
|
:width="70"
|
|
|
:height="70"
|
|
|
/>
|
|
|
</li>
|
|
|
<li>
|
|
|
<Button class="more" @click="showBigImage(miniFaultConfirm, 3)">查看更多</Button>
|
|
|
</li>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
<li v-for="(imgUrl, i) in miniFaultConfirm.imageUrls" :key="i" @click="showBigImage">
|
|
|
<ImageFormat
|
|
|
:data-secc="imgUrl"
|
|
|
:src="imgUrl"
|
|
|
alt=""
|
|
|
:width="70"
|
|
|
:height="70"
|
|
|
/>
|
|
|
</li>
|
|
|
</template>
|
|
|
|
|
|
<li
|
|
|
v-for="(imgUrl, i) in miniFaultConfirm.imageUrls.slice(
|
|
|
0,
|
|
|
3
|
|
|
)"
|
|
|
:key="i"
|
|
|
@click="showBigImage(miniFaultConfirm, i)"
|
|
|
>
|
|
|
<ImageFormat
|
|
|
:data-secc="imgUrl"
|
|
|
:src="imgUrl"
|
|
|
alt=""
|
|
|
:width="70"
|
|
|
:height="70"
|
|
|
/>
|
|
|
</li>
|
|
|
<li v-if="miniFaultConfirm.imageUrls.length > 3">
|
|
|
<Button
|
|
|
class="more"
|
|
|
@click="showBigImage(miniFaultConfirm, 3)"
|
|
|
>查看更多</Button
|
|
|
>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div class="actions-wrapper" v-if="miniFaultConfirm.showBtn">
|
...
|
...
|
@@ -189,11 +189,12 @@ export default { |
|
|
onCancel: () => {}
|
|
|
}).show();
|
|
|
},
|
|
|
showBigImage(data, index) { // 点击小图展示大图
|
|
|
showBigImage(data, index) {
|
|
|
// 点击小图展示大图
|
|
|
if (data.imageUrls && data.imageUrls.length > 0) {
|
|
|
this.imageUrls = [];
|
|
|
data.imageUrls.forEach((val) => {
|
|
|
this.imageUrls.push(val.replace(/{width}x{height}/, '750x'));
|
|
|
data.imageUrls.forEach(val => {
|
|
|
this.imageUrls.push(val.replace(/{width}x{height}/, "750x"));
|
|
|
});
|
|
|
|
|
|
this.$createImagePreview({
|
...
|
...
|
@@ -201,7 +202,6 @@ export default { |
|
|
initialIndex: index
|
|
|
}).show();
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
flawRejectDialog() {
|
...
|
...
|
|