|
|
@@ -11,6 +11,13 @@
|
|
|
{{spec}}
|
|
|
</template>
|
|
|
-->
|
|
|
+ <template #listEnd>
|
|
|
+ <div class="goSource" v-if="name === '市场分析定制报告下载包充值'">
|
|
|
+ <div class="gs-title">定制报告份数</div>
|
|
|
+ <div class="gs-desc">下载更多市场分析定制报告</div>
|
|
|
+ <div class="gs-btn" @click="toSource">去申请</div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
</SpecList>
|
|
|
<van-cell-group
|
|
|
v-if="Object.keys(productInfo).length > 0 && productInfo.extend"
|
|
|
@@ -132,6 +139,18 @@ export default {
|
|
|
'refreshProductExtend',
|
|
|
'changeProductChoiceSpec'
|
|
|
]),
|
|
|
+ toSource() {
|
|
|
+ if (this.$envs.inWX) {
|
|
|
+ location.href =
|
|
|
+ '/weixin/frontPage/bigmember/free/perfect_info?source=wx_dzbgxzb_customizedquantity'
|
|
|
+ } else if (this.$envs.inApp) {
|
|
|
+ location.href =
|
|
|
+ '/jyapp/frontPage/bigmember/free/perfect_info?source=app_dzbgxzb_customizedquantity'
|
|
|
+ } else {
|
|
|
+ location.href =
|
|
|
+ '/jyapp/frontPage/bigmember/free/perfect_info?source=h5_dzbgxzb_customizedquantity'
|
|
|
+ }
|
|
|
+ },
|
|
|
getTargetSpec(id) {
|
|
|
let target = {}
|
|
|
if (id) {
|
|
|
@@ -288,6 +307,10 @@ export default {
|
|
|
font-weight: 400;
|
|
|
}
|
|
|
}
|
|
|
+ .spec-card.active::after {
|
|
|
+ right: -1px;
|
|
|
+ bottom: -1px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.validate-date {
|
|
|
@@ -342,4 +365,38 @@ export default {
|
|
|
.cell-title-text {
|
|
|
margin-right: 6px;
|
|
|
}
|
|
|
+.goSource {
|
|
|
+ padding: 8px 10px;
|
|
|
+ background: linear-gradient(180deg, #defbff 0%, #fbffff 100%);
|
|
|
+ border: 1px solid #2abed11f;
|
|
|
+ border-radius: 8px;
|
|
|
+ .gs-title {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 24px;
|
|
|
+ text-align: center;
|
|
|
+ color: #171826;
|
|
|
+ }
|
|
|
+ .gs-desc {
|
|
|
+ font-size: 12px;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 18px;
|
|
|
+ text-align: center;
|
|
|
+ color: #5f5e64;
|
|
|
+ margin-top: 4px;
|
|
|
+ }
|
|
|
+ .gs-btn {
|
|
|
+ width: 58px;
|
|
|
+ height: 22px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ border-radius: 4px;
|
|
|
+ background-color: #2abed1;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 12px;
|
|
|
+ margin: auto;
|
|
|
+ margin-top: 4px;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
