|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<block>
|
|
|
- <view class="container reportDetail-container" v-if="isUserBindingPhoneNumber">
|
|
|
+ <view class="container reportDetail-container" v-if="!isUserBindingPhoneNumber">
|
|
|
<block v-if="haveAuth === 1">
|
|
|
<web-view :src="strategyUrl + '?url=' + linkurl" v-if="linkurl">
|
|
|
<cover-view class="search-view">
|
|
@@ -70,7 +70,7 @@
|
|
|
<view v-if="haveAuth === 3" class="btn-cont" @click="sellerApplyAuth"> {{ isShowText ? "提交申请" : "立即申请" }}</view>
|
|
|
<view class="btn-cont back-btn" @click="backIndex"> 返回 </view>
|
|
|
<view class="product-introduction-box" v-if="reportInfo.IsResearch">
|
|
|
- <!-- <view class="research-btn" @click="goRouterResearch('介绍')">
|
|
|
+ <!-- <view class="research-btn" @click="goRouterResearch('介绍')">
|
|
|
<image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/report_Yx.png"></image>
|
|
|
点击查看买方研选产品介绍
|
|
|
</view>
|
|
@@ -82,27 +82,19 @@
|
|
|
<view class="introduction-header">
|
|
|
<view class="introduction-header-left"></view>
|
|
|
<view class="introduction-header-right">
|
|
|
- <view class="introduction-title-CN">
|
|
|
- 产品介绍
|
|
|
- </view>
|
|
|
- <view class="introduction-title-US">
|
|
|
- Product Introduction
|
|
|
- </view>
|
|
|
+ <view class="introduction-title-CN"> 产品介绍 </view>
|
|
|
+ <view class="introduction-title-US"> Product Introduction </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="introduction-body">
|
|
|
<view class="introduction-body-box">
|
|
|
- <view class="body-box-title">
|
|
|
- 独家亮点
|
|
|
- </view>
|
|
|
+ <view class="body-box-title"> 独家亮点 </view>
|
|
|
<view class="introduction-body-row"><span class="highHight-text">低至1000元</span>起访谈优质专家</view>
|
|
|
<view class="introduction-body-row">重点公司小范围交流<span class="highHight-text">破圈</span>参加</view>
|
|
|
<view class="introduction-body-row"><span class="highHight-text">海量</span>调研过程及纪要共享</view>
|
|
|
</view>
|
|
|
<view class="introduction-body-box">
|
|
|
- <view class="body-box-title">
|
|
|
- 优质资源
|
|
|
- </view>
|
|
|
+ <view class="body-box-title"> 优质资源 </view>
|
|
|
<view class="introduction-body-row"><span class="highHight-text">500+</span>篇/年调研纪要更新,</view>
|
|
|
<view class="introduction-body-row"><span class="highHight-text">300+</span>场/年海内外重点公司小范围交流,</view>
|
|
|
<view class="introduction-body-row"><span class="highHight-text">100+</span>场/年热点线下调研,</view>
|
|
@@ -110,33 +102,22 @@
|
|
|
<view class="introduction-body-row"><span class="highHight-text">1000+</span>名优秀买方汇集,</view>
|
|
|
</view>
|
|
|
<view class="introduction-body-box">
|
|
|
- <view class="body-box-title" style="margin-bottom: 18rpx;">
|
|
|
- 服务报价
|
|
|
- </view>
|
|
|
+ <view class="body-box-title" style="margin-bottom: 18rpx"> 服务报价 </view>
|
|
|
<view class="body-row-content">
|
|
|
- <view class="body-row-title">
|
|
|
- 3万/年
|
|
|
- </view>
|
|
|
+ <view class="body-row-title"> 3万/年 </view>
|
|
|
<view class="introduction-body-row">含无限量调研纪要查阅</view>
|
|
|
<view class="introduction-body-row"><span class="highHight-text">以及3次</span>公开专家访谈;</view>
|
|
|
</view>
|
|
|
<view class="body-row-content">
|
|
|
- <view class="body-row-title">
|
|
|
- 5万/年
|
|
|
- </view>
|
|
|
+ <view class="body-row-title"> 5万/年 </view>
|
|
|
<view class="introduction-body-row">含无限量调研纪要查阅</view>
|
|
|
- <view class="introduction-body-row">
|
|
|
- <span class="highHight-text">以及15次</span>公开专家访谈<span class="highHight-text">或30次</span>重点公司、专家小范围交流;
|
|
|
- </view>
|
|
|
+ <view class="introduction-body-row"> <span class="highHight-text">以及15次</span>公开专家访谈<span class="highHight-text">或30次</span>重点公司、专家小范围交流; </view>
|
|
|
</view>
|
|
|
- <view class="body-row-content" style="margin-bottom: 0;">
|
|
|
- <view class="body-row-title">
|
|
|
- 10万/年
|
|
|
- </view>
|
|
|
+ <view class="body-row-content" style="margin-bottom: 0">
|
|
|
+ <view class="body-row-title"> 10万/年 </view>
|
|
|
<view class="introduction-body-row">含无限量调研纪要查阅</view>
|
|
|
<view class="introduction-body-row">
|
|
|
- <span class="highHight-text">以及40次</span>公开专家访谈
|
|
|
- <span class="highHight-text">或80次</span>重点公司、专家小范围交流
|
|
|
+ <span class="highHight-text">以及40次</span>公开专家访谈 <span class="highHight-text">或80次</span>重点公司、专家小范围交流
|
|
|
<span class="highHight-text">或20次</span>私享专家一对一。
|
|
|
</view>
|
|
|
</view>
|
|
@@ -153,7 +134,26 @@
|
|
|
</block>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <not-have-login v-else />
|
|
|
+ <view v-else-if="Object.keys(reportInfo).length > 0 " class="no-binding">
|
|
|
+ <view class="no-binding-content">
|
|
|
+ <view class="title">{{ reportInfo.Title }}</view>
|
|
|
+ <view class="tiem">{{ reportInfo.PublishDate }}</view>
|
|
|
+ <view class="content">
|
|
|
+ <view class="content-line"></view>
|
|
|
+ <view class="content-abstract">
|
|
|
+ <view class="abstract">
|
|
|
+ <text class="content-text">摘要:</text>
|
|
|
+ {{ reportInfo.Abstract }}
|
|
|
+ </view>
|
|
|
+ <view class="describe">
|
|
|
+ <text class="content-text">核心观点:</text>
|
|
|
+ <mp-html :content="reportInfo.Annotation" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="please-login" @click="pleaseGoLogin">请登录后查看更多内容</view>
|
|
|
+ </view>
|
|
|
<Loading />
|
|
|
</block>
|
|
|
</template>
|
|
@@ -162,7 +162,6 @@
|
|
|
import { Report, User, Reports, FreeButton } from "@/config/api.js";
|
|
|
import freeCharge from "@/components/freeCharge";
|
|
|
import { reportStrategyUrl } from "@/config/config";
|
|
|
-import NotHaveLogin from "@/components/notHaveLogin.vue";
|
|
|
let app = getApp({ allowDefault: true });
|
|
|
export default {
|
|
|
data() {
|
|
@@ -184,7 +183,6 @@ export default {
|
|
|
},
|
|
|
components: {
|
|
|
freeCharge,
|
|
|
- NotHaveLogin,
|
|
|
},
|
|
|
computed: {
|
|
|
shareTitle() {
|
|
@@ -591,86 +589,85 @@ export default {
|
|
|
z-index: 1;
|
|
|
}
|
|
|
}
|
|
|
- .product-introduction-box{
|
|
|
- background-color: #F7F7F7;
|
|
|
- padding-top: 10rpx;
|
|
|
- margin-top: 60rpx;
|
|
|
- .product-introduction{
|
|
|
- padding: 60rpx 60rpx 0;
|
|
|
- background-color: white;
|
|
|
- .introduction-header{
|
|
|
- margin-bottom: 40rpx;
|
|
|
- display: flex;
|
|
|
- .introduction-header-left{
|
|
|
- background-color: #CAAF8B;
|
|
|
- height: 90rpx;
|
|
|
- width: 14rpx;
|
|
|
- margin-right: 20rpx;
|
|
|
- }
|
|
|
- .introduction-header-right{
|
|
|
- text-align: left;
|
|
|
- .introduction-title-CN{
|
|
|
- font-weight: 500;
|
|
|
- font-size: 34rpx;
|
|
|
- color: #333333;
|
|
|
- line-height: 42rpx;
|
|
|
- margin-bottom: 8rpx;
|
|
|
- }
|
|
|
- .introduction-title-US{
|
|
|
- font-weight: 400;
|
|
|
- font-size: 28rpx;
|
|
|
- color: #C0C4CC;
|
|
|
- line-height: 42rpx;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .introduction-body{
|
|
|
- .introduction-body-box{
|
|
|
+ .product-introduction-box {
|
|
|
+ background-color: #f7f7f7;
|
|
|
+ padding-top: 10rpx;
|
|
|
+ margin-top: 60rpx;
|
|
|
+ .product-introduction {
|
|
|
+ padding: 60rpx 60rpx 0;
|
|
|
+ background-color: white;
|
|
|
+ .introduction-header {
|
|
|
+ margin-bottom: 40rpx;
|
|
|
+ display: flex;
|
|
|
+ .introduction-header-left {
|
|
|
+ background-color: #caaf8b;
|
|
|
+ height: 90rpx;
|
|
|
+ width: 14rpx;
|
|
|
+ margin-right: 20rpx;
|
|
|
+ }
|
|
|
+ .introduction-header-right {
|
|
|
+ text-align: left;
|
|
|
+ .introduction-title-CN {
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 34rpx;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 42rpx;
|
|
|
+ margin-bottom: 8rpx;
|
|
|
+ }
|
|
|
+ .introduction-title-US {
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #c0c4cc;
|
|
|
+ line-height: 42rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .introduction-body {
|
|
|
+ .introduction-body-box {
|
|
|
text-align: left;
|
|
|
margin-bottom: 40rpx;
|
|
|
- .body-row-content{
|
|
|
+ .body-row-content {
|
|
|
margin-bottom: 40rpx;
|
|
|
font-size: 34rpx;
|
|
|
line-height: 48rpx;
|
|
|
font-weight: 600;
|
|
|
- color: #CAAF8B;
|
|
|
- .body-row-title{
|
|
|
+ color: #caaf8b;
|
|
|
+ .body-row-title {
|
|
|
margin-left: 40rpx;
|
|
|
}
|
|
|
}
|
|
|
- .body-box-title{
|
|
|
+ .body-box-title {
|
|
|
font-weight: 600;
|
|
|
font-size: 34rpx;
|
|
|
line-height: 48rpx;
|
|
|
padding-left: 40rpx;
|
|
|
position: relative;
|
|
|
margin-bottom: 22rpx;
|
|
|
- &::before{
|
|
|
+ &::before {
|
|
|
content: "";
|
|
|
height: 20rpx;
|
|
|
width: 20rpx;
|
|
|
- background-color: #CAAF8B;
|
|
|
+ background-color: #caaf8b;
|
|
|
border-radius: 20rpx;
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
top: 16rpx;
|
|
|
}
|
|
|
}
|
|
|
- .introduction-body-row{
|
|
|
+ .introduction-body-row {
|
|
|
margin-left: 40rpx;
|
|
|
font-weight: 400;
|
|
|
font-size: 26rpx;
|
|
|
color: #333333;
|
|
|
line-height: 36rpx;
|
|
|
}
|
|
|
- .highHight-text{
|
|
|
- color: #CAAF8B;
|
|
|
+ .highHight-text {
|
|
|
+ color: #caaf8b;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.month_card {
|
|
|
width: 100%;
|
|
@@ -726,4 +723,58 @@ export default {
|
|
|
// }
|
|
|
// }
|
|
|
}
|
|
|
+.no-binding {
|
|
|
+ padding: 30rpx;
|
|
|
+ background-color: #f0f1f5;
|
|
|
+
|
|
|
+ .no-binding-content {
|
|
|
+ width: 100%;
|
|
|
+ background-color: #fff;
|
|
|
+ height: 100vh;
|
|
|
+ padding: 40rpx 20rpx;
|
|
|
+ .title {
|
|
|
+ font-size: 34rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ line-height: 48rpx;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .tiem {
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #999999;
|
|
|
+ margin: 20rpx 0;
|
|
|
+ }
|
|
|
+ .content {
|
|
|
+ display: flex;
|
|
|
+ .content-line {
|
|
|
+ width: 4rpx;
|
|
|
+ background-color: #333;
|
|
|
+ margin-right: 20rpx;
|
|
|
+ }
|
|
|
+ .content-text {
|
|
|
+ font-size: 34rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .describe {
|
|
|
+ margin-top: 20rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .please-login {
|
|
|
+ position: fixed;
|
|
|
+ bottom: 300rpx;
|
|
|
+ left: 50%;
|
|
|
+ transform: translateX(-50%);
|
|
|
+ width: 556rpx;
|
|
|
+ height: 64rpx;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-weight: 600;
|
|
|
+ background-color: #376cbb;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ border-radius: 9rpx;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|