|
@@ -127,7 +127,8 @@
|
|
|
<span
|
|
|
class="ellipsis-2"
|
|
|
:class="{
|
|
|
- 'highlight-text underline clickable': summaryMap.buyer?.link
|
|
|
+ 'highlight-text underline clickable': summaryMap.buyer?.link || summaryMap.buyer?.isFreeView,
|
|
|
+ 'free-view': summaryMap.buyer?.isFreeView
|
|
|
}"
|
|
|
@click="goToBuyerPortrait(summaryMap.buyer, 'link')"
|
|
|
>
|
|
@@ -140,10 +141,10 @@
|
|
|
<div class="abstract-line-value">
|
|
|
<span
|
|
|
class="abstract-line-value-text ellipsis-2"
|
|
|
- @click="doCallPhone(summaryMap.buyerContactInfo?.tel)"
|
|
|
+ @click="beforeDoCallPhone(summaryMap.buyerContactInfo?.tel, summaryMap.buyerContactInfo?.isFreeView)"
|
|
|
:class="{
|
|
|
'highlight-text': summaryMap.buyerContactInfo?.isFreeView,
|
|
|
- 'free-view': summaryMap.buyerContactInfo?.isFreeView
|
|
|
+ 'free-view underline': summaryMap.buyerContactInfo?.isFreeView
|
|
|
}"
|
|
|
>
|
|
|
{{ summaryMap.buyerContactInfo?.value }}
|
|
@@ -151,7 +152,7 @@
|
|
|
<span class="abstract-line-value-actions color-main">
|
|
|
<span
|
|
|
class="abstract-line-value-action call-phone clickable"
|
|
|
- v-if="summaryMap.buyerContactInfo?.tel"
|
|
|
+ v-if="summaryMap.buyerContactInfo?.tel && !summaryMap.buyerContactInfo?.isFreeView"
|
|
|
@click="doCallPhone(summaryMap.buyerContactInfo?.tel)"
|
|
|
>
|
|
|
<span class="j-icon icon-phone-blue"></span>
|
|
@@ -180,7 +181,7 @@
|
|
|
<div class="abstract-line-value">
|
|
|
<span
|
|
|
class="abstract-line-value-text ellipsis-2"
|
|
|
- @click="doCallPhone(summaryMap.agencyContactInfo?.tel)"
|
|
|
+ @click="beforeDoCallPhone(summaryMap.agencyContactInfo?.tel, summaryMap.agencyContactInfo?.isFreeView)"
|
|
|
:class="{
|
|
|
'highlight-text': summaryMap.agencyContactInfo?.isFreeView,
|
|
|
'free-view': summaryMap.agencyContactInfo?.isFreeView
|
|
@@ -191,7 +192,7 @@
|
|
|
<span class="abstract-line-value-actions color-main">
|
|
|
<span
|
|
|
class="abstract-line-value-action call-phone clickable"
|
|
|
- v-if="summaryMap.agencyContactInfo?.tel"
|
|
|
+ v-if="summaryMap.agencyContactInfo?.tel && !summaryMap.agencyContactInfo?.isFreeView"
|
|
|
@click="doCallPhone(summaryMap.agencyContactInfo?.tel)"
|
|
|
>
|
|
|
<span class="j-icon icon-phone-blue"></span>
|
|
@@ -207,7 +208,25 @@
|
|
|
</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="abstract-line-container">
|
|
|
+ <div class="abstract-line-container" v-if="IsSunPublishContent">
|
|
|
+ <div class="abstract-line" v-if="summaryMap.signEndTime?.value">
|
|
|
+ <div class="abstract-line-label">报名截止日期</div>
|
|
|
+ <div class="abstract-line-value">
|
|
|
+ <span class="abstract-line-value-text">
|
|
|
+ {{ summaryMap.signEndTime?.value }}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="abstract-line" v-if="summaryMap.projectArea?.value">
|
|
|
+ <div class="abstract-line-label">项目地区</div>
|
|
|
+ <div class="abstract-line-value">
|
|
|
+ <span class="abstract-line-value-text">
|
|
|
+ {{ summaryMap.projectArea?.value }}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="abstract-line-container" v-else>
|
|
|
<div class="abstract-line" v-if="summaryMap.signEndTime?.value">
|
|
|
<div class="abstract-line-label">报名截止日期</div>
|
|
|
<div class="abstract-line-value">
|
|
@@ -255,7 +274,7 @@
|
|
|
<div class="abstract-line-value">
|
|
|
<span
|
|
|
class="abstract-line-value-text ellipsis-2"
|
|
|
- @click="doCallPhone(winner?.personTel?.tel)"
|
|
|
+ @click="beforeDoCallPhone(winner?.personTel?.tel, winner?.personTel?.isFreeView)"
|
|
|
:class="{
|
|
|
'highlight-text': winner?.personTel?.isFreeView,
|
|
|
'free-view': winner?.personTel?.isFreeView
|
|
@@ -291,8 +310,17 @@
|
|
|
</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="abstract-line" v-if="summaryMap.jfArea?.value">
|
|
|
+ <div class="abstract-line-label">交付地点</div>
|
|
|
+ <div class="abstract-line-value">
|
|
|
+ <span class="abstract-line-value-text">
|
|
|
+ {{ summaryMap.jfArea?.value || ' ' }}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
- <div class="abstract-bottom-desc">
|
|
|
+ <ContentSummaryPurchaseList />
|
|
|
+ <div class="abstract-bottom-desc" :class="{ transparent: IsSunPublishContent }">
|
|
|
<span>*以上摘要信息由剑鱼标讯智能提取,仅供参考。如有误差,请</span>
|
|
|
<span class="highlight-text underline" @click="concatKf">联系客服</span>
|
|
|
<span>进行处理。</span>
|
|
@@ -313,10 +341,12 @@ import { mapState } from 'vuex'
|
|
|
import { LINKS } from '@/data'
|
|
|
import { openAppOrWxPage } from '@/utils/'
|
|
|
import { callPhone } from '@/utils/callFn'
|
|
|
+import ContentSummaryPurchaseList from './ContentSummaryPurchaseList'
|
|
|
|
|
|
export default {
|
|
|
name: 'ContentAbstract',
|
|
|
components: {
|
|
|
+ ContentSummaryPurchaseList,
|
|
|
[ActionSheet.name]: ActionSheet,
|
|
|
[Icon.name]: Icon
|
|
|
},
|
|
@@ -346,6 +376,7 @@ export default {
|
|
|
},
|
|
|
computed: {
|
|
|
...mapState({
|
|
|
+ content: (state) => state.article.mainModel.content,
|
|
|
summary: (state) => state.article.mainModel.summary
|
|
|
}),
|
|
|
summaryList() {
|
|
@@ -354,6 +385,9 @@ export default {
|
|
|
IsCustomTopNet () {
|
|
|
return this.customSkip
|
|
|
},
|
|
|
+ IsSunPublishContent() {
|
|
|
+ return this.content.IsSunPublishContent || false
|
|
|
+ },
|
|
|
summaryMap() {
|
|
|
const map = {}
|
|
|
this.summaryList.forEach((s) => {
|
|
@@ -406,6 +440,10 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ beforeDoCallPhone(tel, freeView) {
|
|
|
+ if (freeView) return
|
|
|
+ this.doCallPhone(tel)
|
|
|
+ },
|
|
|
doCallPhone(tel) {
|
|
|
if (!tel) return
|
|
|
const replacer = /[,,、/]/
|
|
@@ -508,6 +546,9 @@ export default {
|
|
|
color: #9b9ca3;
|
|
|
font-size: 12px;
|
|
|
line-height: 20px;
|
|
|
+ &.transparent {
|
|
|
+ background-color: #F5F6F7;
|
|
|
+ }
|
|
|
.underline {
|
|
|
white-space: nowrap;
|
|
|
}
|