wm
This commit is contained in:
@@ -24,7 +24,7 @@
|
||||
"type" : "uni-app:app-ios"
|
||||
},
|
||||
{
|
||||
"playground" : "custom",
|
||||
"playground" : "standard",
|
||||
"type" : "uni-app:app-android"
|
||||
},
|
||||
{
|
||||
|
||||
@@ -6,7 +6,8 @@ if (process.env.NODE_ENV === 'development') {
|
||||
// socketUrl = "ws://localhost:6001/";
|
||||
// baseUrl = "https://twin-ui.com/demo/";
|
||||
// baseUrl = "https://testapi.nuttyreading.com/"; // 线上测试环境
|
||||
baseUrl = "https://api.nuttyreading.com/"; // 线上正式
|
||||
// baseUrl = "https://api.nuttyreading.com/"; // 线上正式
|
||||
baseUrl = "http://192.168.110.110:9200/pb/"; // 磊哥
|
||||
// baseUrl = "http://192.168.110.100:9200/pb/"; // 开发用电脑
|
||||
// baseUrl = "http://59.110.212.44:9200/pb/";
|
||||
// baseUrl = "http://192.168.110.100:9100/pb/"; // 开发用电脑
|
||||
@@ -17,7 +18,8 @@ if (process.env.NODE_ENV === 'development') {
|
||||
// 生产环境11
|
||||
// baseUrl = "http://59.110.212.44:9100/pb/";
|
||||
// baseUrl = "https://testapi.nuttyreading.com/";
|
||||
baseUrl = "https://api.nuttyreading.com/"; //1
|
||||
baseUrl = "http://192.168.110.110:9200/pb/";//磊哥
|
||||
// baseUrl = "https://api.nuttyreading.com/"; //1
|
||||
// baseUrl = "ws://twin-ui.com:6001/";
|
||||
// socketUrl = "ws://twin-ui.com:6001/";
|
||||
}
|
||||
|
||||
@@ -6,14 +6,12 @@
|
||||
"request": 15000
|
||||
},
|
||||
"transformPx": false,
|
||||
"icons" : [
|
||||
{
|
||||
"icons": [{
|
||||
"sizes": "分辨率,192x192",
|
||||
"src": "图片路径"
|
||||
}
|
||||
],
|
||||
"versionName" : "1.0.16",
|
||||
"versionCode" : 1016,
|
||||
}],
|
||||
"versionName": "1.0.18",
|
||||
"versionCode": 1018,
|
||||
"app-plus": {
|
||||
"nvueCompiler": "weex",
|
||||
"compatible": {
|
||||
@@ -270,4 +268,3 @@
|
||||
}
|
||||
}
|
||||
// 小程序特有相关
|
||||
|
||||
|
||||
@@ -13,14 +13,14 @@
|
||||
</view>
|
||||
<view v-if="show"
|
||||
style="height: 100%;display: flex;align-items:center;justify-content:center;color: #fff;font-size: 38rpx;text-align: center;">
|
||||
{{errorTxt}}</view>
|
||||
{{errorTxt}}
|
||||
</view>
|
||||
<div class="" v-else style="background-color: #000" ref="videoContent" @tap="renderScript.handleClick"
|
||||
id="url-player-test" :videoData="videoData" :winWidth="winWidth" :winHeight="winHeight"
|
||||
:currentVideoList="currentVideoList" :firstTime="firstTime" :isfresh="isfresh" :platform="platform"
|
||||
:isSetFirstTime="isSetFirstTime" :isChange="isChange" :change:videoData="renderScript.receiveMsg"
|
||||
:replayVideoFlag="replayVideoFlag"
|
||||
:change:winWidth="renderScript.receiveWinWidth" :change:winHeight="renderScript.receiveWinHeight"
|
||||
:change:firstTime="renderScript.receiveFirstTime"
|
||||
:replayVideoFlag="replayVideoFlag" :change:winWidth="renderScript.receiveWinWidth"
|
||||
:change:winHeight="renderScript.receiveWinHeight" :change:firstTime="renderScript.receiveFirstTime"
|
||||
:change:replayVideoFlag="renderScript.receiveReplayVideoFlag"
|
||||
:change:isSetFirstTime="renderScript.receiveisSetFirstTime"
|
||||
:change:isfresh="renderScript.receiveIsfresh" :change:platform="renderScript.receiveplatform"
|
||||
@@ -165,7 +165,9 @@
|
||||
loadNextVideo() {
|
||||
this.playEndBlank = true
|
||||
var _list = [...this.currentVideoList]
|
||||
_list = _list.map(item => { return item.id})
|
||||
_list = _list.map(item => {
|
||||
return item.id
|
||||
})
|
||||
|
||||
var thisIndex = _list.findIndex(item => {
|
||||
return item == this.currentVideo.id
|
||||
@@ -303,7 +305,7 @@
|
||||
},
|
||||
// 获取播放凭证
|
||||
async getLive(isChange, newVideoData) {
|
||||
console.log('获取播放凭证',newVideoData.id);
|
||||
console.log('获取播放凭证11111111111111', newVideoData);
|
||||
if (this.reaquestFlag) {
|
||||
uni.showToast({
|
||||
title: '操作太快了,歇一下吧',
|
||||
@@ -942,15 +944,26 @@
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
.cancelNext{display: inline-block; margin-right: 20rpx;
|
||||
border-radius: 10rpx; margin-top: 10rpx;
|
||||
padding: 10rpx 20rpx !important; background-color: #fff !important;
|
||||
color: #000; text-align: center; line-height: 50rpx;}
|
||||
.cancelNext {
|
||||
display: inline-block;
|
||||
margin-right: 20rpx;
|
||||
border-radius: 10rpx;
|
||||
margin-top: 10rpx;
|
||||
padding: 10rpx 20rpx !important;
|
||||
background-color: #fff !important;
|
||||
color: #000;
|
||||
text-align: center;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
|
||||
/* .cancelNext:last-child{margin-left: 10rpx;} */
|
||||
.nextText {}
|
||||
|
||||
.showCountDownd {
|
||||
box-sizing: border-box;
|
||||
height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.6);
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -959,11 +972,11 @@
|
||||
font-size: 38rpx;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 0; right: 10rpx;
|
||||
top: 0;
|
||||
right: 10rpx;
|
||||
z-index: 4;
|
||||
text{
|
||||
|
||||
}
|
||||
text {}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@@ -1,5 +1,8 @@
|
||||
<template>
|
||||
<view class="container commonPageBox commonDetailPage" style="height: auto !important">
|
||||
<view
|
||||
class="container commonPageBox commonDetailPage"
|
||||
style="height: auto !important"
|
||||
>
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
<!-- <z-nav-bar :title="pageTitle ? pageTitle : '课程详情'"> -->
|
||||
@@ -10,13 +13,20 @@
|
||||
</z-nav-bar>
|
||||
|
||||
<view class="contentBox commonPageContentBox">
|
||||
<u-alert v-if="goBuyTitle && isAndorid" style="
|
||||
<u-alert
|
||||
v-if="goBuyTitle && isAndorid"
|
||||
style="
|
||||
background: linear-gradient(90deg, #258feb 0%, #00e1ec 100%);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
" type="warning" @click="handleClickGetVip" :title="goBuyTitle" :show-icon="true"></u-alert>
|
||||
"
|
||||
type="warning"
|
||||
@click="handleClickGetVip"
|
||||
:title="goBuyTitle"
|
||||
:show-icon="true"
|
||||
>
|
||||
<template slot="rightSlot" slot-scope="slotProps">
|
||||
<text class="saveBtn vipBtn flexbox buyBtn" v-if="goBuyType == 0">
|
||||
立即购买
|
||||
@@ -24,7 +34,10 @@
|
||||
<text class="flexbox" style="color: #f0f0f0" v-if="goBuyType == 1">
|
||||
立即续费
|
||||
</text>
|
||||
<text class="saveBtn vipBtn flexbox" v-if="goBuyType == 2">
|
||||
<text class="saveBtn vipBtn flexbox" style="padding: 8rpx;font-size: 24rpx;" v-if="goBuyType == 2">
|
||||
立即升级
|
||||
</text>
|
||||
<text class="saveBtn vipBtn flexbox" style="padding: 8rpx;font-size: 24rpx;" v-if="goBuyType == 3">
|
||||
立即升级
|
||||
</text>
|
||||
|
||||
@@ -34,7 +47,11 @@
|
||||
|
||||
<!-- <scroll-view scroll-y="true" class="scroll-Y"> -->
|
||||
<view class="curseImg" style="padding-top: 80rpx">
|
||||
<image v-if="!course.image" src="/static/nobg.jpg" mode="widthFix"></image>
|
||||
<image
|
||||
v-if="!course.image"
|
||||
src="/static/nobg.jpg"
|
||||
mode="widthFix"
|
||||
></image>
|
||||
<image v-else :src="course.image" mode="widthFix"></image>
|
||||
</view>
|
||||
<view class="containerBg1">
|
||||
@@ -46,17 +63,22 @@
|
||||
<!-- <view class="start_learn_btn PM_font"
|
||||
@click="onPageJump('/pages/course/myCourseLearn', course.id)">进入学习</view> -->
|
||||
</view>
|
||||
<view class="containerBg" v-if="course.content && course.content != ''">
|
||||
<view
|
||||
class="containerBg"
|
||||
v-if="course.content && course.content != ''"
|
||||
>
|
||||
<view class="prof">
|
||||
<view style="
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
" >
|
||||
<view :class="`${isHideCourseInfo ? 'hidden2' : ''}`"
|
||||
style="width: calc(100% - 50rpx); font-size: 30rpx;" v-html="course.content">
|
||||
<view
|
||||
style="position: relative; display: flex; align-items: center"
|
||||
>
|
||||
<view
|
||||
:class="`${isHideCourseInfo ? 'hidden2' : ''}`"
|
||||
style="width: calc(100% - 50rpx); font-size: 30rpx"
|
||||
v-html="course.content"
|
||||
>
|
||||
</view>
|
||||
<text @click="isHideCourseInfo = !isHideCourseInfo"
|
||||
<text
|
||||
@click="isHideCourseInfo = !isHideCourseInfo"
|
||||
style="
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
@@ -75,23 +97,38 @@
|
||||
|
||||
<view class="containerBg2">
|
||||
<!-- 目录 -->
|
||||
<view :class="['coursePart','flexbox', userMsg.vip != 0 ? 'vipBgColor':'']"
|
||||
v-if="librayList.length > 1">
|
||||
<view :class="['item','flexbox',curId == item.id? 'active': '' ]"
|
||||
v-for="(item, index) in librayList" :key="index" @click="clicklib(item,index)">
|
||||
<view class=""><text>{{item.title}}</text></view>
|
||||
<view
|
||||
:class="[
|
||||
'coursePart',
|
||||
'flexbox',
|
||||
userMsg.vip != 0 ? 'vipBgColor' : '',
|
||||
]"
|
||||
v-if="librayList.length > 1"
|
||||
>
|
||||
<view
|
||||
:class="['item', 'flexbox', curId == item.id ? 'active' : '']"
|
||||
v-for="(item, index) in librayList"
|
||||
:key="index"
|
||||
@click="clicklib(item, index)"
|
||||
>
|
||||
<view class=""
|
||||
><text>{{ item.title }}</text></view
|
||||
>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<!-- end -->
|
||||
<template v-if="librayList[curIndex]">
|
||||
<view :class="['endBox',userMsg.vip != 0 ? 'vipBgColor':'']"
|
||||
v-if="librayList[curIndex].isBuy == 1 || userMsg.vip != 0">
|
||||
<view
|
||||
:class="['endBox', userMsg.vip != 0 ? 'vipBgColor' : '']"
|
||||
v-if="librayList[curIndex].isBuy == 1 || userMsg.vip != 0"
|
||||
>
|
||||
<!-- 已经可以观看的情况 -->
|
||||
<view class="box">
|
||||
<view class="flexbox" v-if="userMsg.vip != 0">
|
||||
<!-- vip到期时间 -->
|
||||
<text>VIP畅学权益有效期截止到:{{userMsg.userVip.endTime}} </text>
|
||||
<text
|
||||
>VIP畅学权益有效期截止到:{{ userMsg.userVip.endTime }}
|
||||
</text>
|
||||
<!-- <uni-tag type="warning" text="去学习"></uni-tag> -->
|
||||
</view>
|
||||
<view class="flexbox" v-else>
|
||||
@@ -100,25 +137,42 @@
|
||||
</template>
|
||||
<template v-else>
|
||||
<!-- 实际购买课程到期时间 -->
|
||||
<text style="line-height: 50rpx;">课程有效期截止到:{{librayList[curIndex].endTime}} </text>
|
||||
<text style="line-height: 50rpx"
|
||||
>课程有效期截止到:{{ librayList[curIndex].endTime }}
|
||||
</text>
|
||||
<!-- 自己买的可以续费 -->
|
||||
<text class="xufeiBtn"
|
||||
@click="handleClickGetGoodsList(librayList[curIndex])">续费</text>
|
||||
<text
|
||||
class="xufeiBtn"
|
||||
@click="handleClickGetGoodsList(librayList[curIndex])"
|
||||
>续费</text
|
||||
>
|
||||
</template>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else style="padding: 20rpx; padding-bottom: 0;">
|
||||
<view v-else style="padding: 20rpx; padding-bottom: 0">
|
||||
<view class="libOther">
|
||||
<!-- 没有观看权限的时候 -->
|
||||
<view class="text">
|
||||
您未购买此目录课程或已到期,购买后或开通超级VIP 即可学习本目录课程
|
||||
您未购买此目录课程或已到期,购买后或开通超级VIP
|
||||
即可学习本目录课程
|
||||
</view>
|
||||
<view class="tag-view flex_box">
|
||||
<u-button class="btn" type="warning" size="small"
|
||||
@click="handleClickGetGoodsList(librayList[curIndex])" text="购买课程"></u-button>
|
||||
<u-button size="small" v-if="isAndorid" class="btn" type="primary"
|
||||
@click="onPageJump('/pages/mine/vip/index')" text="开通VIP"></u-button>
|
||||
<u-button
|
||||
class="btn"
|
||||
type="warning"
|
||||
size="small"
|
||||
@click="handleClickGetGoodsList(librayList[curIndex])"
|
||||
text="购买课程"
|
||||
></u-button>
|
||||
<u-button
|
||||
size="small"
|
||||
v-if="isAndorid"
|
||||
class="btn"
|
||||
type="primary"
|
||||
@click="onPageJump('/pages/mine/vip/index')"
|
||||
text="开通VIP"
|
||||
></u-button>
|
||||
<!-- <uni-tag size="normal" style="margin-left: 20rpx;" text="" type="success" /> -->
|
||||
</view>
|
||||
</view>
|
||||
@@ -126,38 +180,82 @@
|
||||
</template>
|
||||
|
||||
<view class="shiting_content">
|
||||
<view :class="['chapter_content',userMsg.vip != 0 ? 'vipchapter_content' : '']"
|
||||
v-if="chapterList.length > 0">
|
||||
<view
|
||||
:class="[
|
||||
'chapter_content',
|
||||
userMsg.vip != 0 ? 'vipchapter_content' : '',
|
||||
]"
|
||||
v-if="chapterList.length > 0"
|
||||
>
|
||||
<view class="vipSee" v-if="userMsg && userMsg.vip != 0">
|
||||
<text>VIP畅学权益生效中</text>
|
||||
</view>
|
||||
<view @click="gotoDetail(item, index)" class="item" v-for="(item, index) in chapterList"
|
||||
:key="index">
|
||||
<view class="item_videoList">
|
||||
<view class="flexbox" style="align-items: center;">
|
||||
<view
|
||||
:class="['textBox','flex_box', librayList[curIndex].isBuy == 0 ? 'lock' : '']">
|
||||
@click="gotoDetail(item, index)"
|
||||
class="item"
|
||||
v-for="(item, index) in chapterList"
|
||||
:key="index"
|
||||
>
|
||||
<view class="item_videoList">
|
||||
<view class="flexbox" style="align-items: center">
|
||||
<view
|
||||
:class="[
|
||||
'textBox',
|
||||
'flex_box',
|
||||
librayList[curIndex].isBuy == 0 ? 'lock' : '',
|
||||
]"
|
||||
>
|
||||
<text class="hidden1">{{ item.title }}</text>
|
||||
<!-- {{item.isAudition}}-{{librayList[curIndex].isBuy}}-{{userMsg.vip}} -->
|
||||
<uni-tag
|
||||
v-if="item.isAudition == 1 && librayList[curIndex].isBuy == 0 && userMsg.vip == 0"
|
||||
style="margin-left: 10rpx" :inverted="true" text="试听" size="mini"
|
||||
type="success" />
|
||||
v-if="
|
||||
item.isAudition == 1 &&
|
||||
librayList[curIndex].isBuy == 0 &&
|
||||
userMsg.vip == 0
|
||||
"
|
||||
style="margin-left: 10rpx"
|
||||
:inverted="true"
|
||||
text="试听"
|
||||
size="mini"
|
||||
type="success"
|
||||
/>
|
||||
<template
|
||||
v-if="librayList[curIndex] && librayList[curIndex].isBuy == 1 || userMsg.vip != 0">
|
||||
<uni-tag v-if="item.isLearned == 0" style="margin-left: 10rpx;"
|
||||
:inverted="true" text="未学" size="mini" type="primary" />
|
||||
<uni-tag v-if="item.isLearned == 1" style="margin-left: 10rpx;"
|
||||
:inverted="true" text="已学" size="mini" type="success" />
|
||||
v-if="
|
||||
(librayList[curIndex] &&
|
||||
librayList[curIndex].isBuy == 1) ||
|
||||
userMsg.vip != 0
|
||||
"
|
||||
>
|
||||
<uni-tag
|
||||
v-if="item.isLearned == 0"
|
||||
style="margin-left: 10rpx"
|
||||
:inverted="true"
|
||||
text="未学"
|
||||
size="mini"
|
||||
type="primary"
|
||||
/>
|
||||
<uni-tag
|
||||
v-if="item.isLearned == 1"
|
||||
style="margin-left: 10rpx"
|
||||
:inverted="true"
|
||||
text="已学"
|
||||
size="mini"
|
||||
type="success"
|
||||
/>
|
||||
</template>
|
||||
|
||||
</view>
|
||||
<view class="shitingTag">
|
||||
<u-icon
|
||||
v-if="librayList[curIndex].isBuy == 0 && userMsg.vip == 0 && item.isAudition == 0"
|
||||
name="lock" color="#258feb" size="28"></u-icon>
|
||||
v-if="
|
||||
librayList[curIndex].isBuy == 0 &&
|
||||
userMsg.vip == 0 &&
|
||||
item.isAudition == 0
|
||||
"
|
||||
name="lock"
|
||||
color="#258feb"
|
||||
size="28"
|
||||
></u-icon>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -166,22 +264,41 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="completionBg">
|
||||
<uni-section class="mb-10" style="padding: 0 20rpx" title="学习进度" type="line"
|
||||
v-if="librayList.length > 0 && librayList[curIndex].completion > 0">
|
||||
<uni-section
|
||||
class="mb-10"
|
||||
style="padding: 0 20rpx"
|
||||
title="学习进度"
|
||||
type="line"
|
||||
v-if="librayList.length > 0 && librayList[curIndex].completion > 0"
|
||||
>
|
||||
<view class="progress-box">
|
||||
<progress :percent="librayList[curIndex].completion" show-info stroke-width="3" />
|
||||
<progress
|
||||
:percent="librayList[curIndex].completion"
|
||||
show-info
|
||||
stroke-width="3"
|
||||
/>
|
||||
</view>
|
||||
</uni-section>
|
||||
</view>
|
||||
<view class="linkPro" v-if="tjProList.length > 0">
|
||||
<uni-section style="padding: 0 20rpx" class="mb-10 graybg" title="相关书籍" type="line">
|
||||
<uni-section
|
||||
style="padding: 0 20rpx"
|
||||
class="mb-10 graybg"
|
||||
title="相关书籍"
|
||||
type="line"
|
||||
>
|
||||
<!-- <template v-slot:right>
|
||||
<span class="more" @click="pageJupm()">查看更多 >></span>
|
||||
</template> -->
|
||||
</uni-section>
|
||||
<view class="list supermarketBox">
|
||||
<scroll-view class="scroll-view_H" scroll-x="true">
|
||||
<view class="item" v-for="(item, index) in tjProList" :key="index" @click="goToGoodsList(item)">
|
||||
<view
|
||||
class="item"
|
||||
v-for="(item, index) in tjProList"
|
||||
:key="index"
|
||||
@click="goToGoodsList(item)"
|
||||
>
|
||||
<view class="imgcontainer">
|
||||
<image :src="item.productImages" mode="aspectFit"></image>
|
||||
</view>
|
||||
@@ -189,7 +306,10 @@
|
||||
{{ item.productName }}
|
||||
</view>
|
||||
|
||||
<view class="price" v-if="item.activityPrice && item.activityPrice > 0">
|
||||
<view
|
||||
class="price"
|
||||
v-if="item.activityPrice && item.activityPrice > 0"
|
||||
>
|
||||
¥{{ item.activityPrice }}
|
||||
</view>
|
||||
<view class="price" v-else> ¥{{ item.price }} </view>
|
||||
@@ -198,7 +318,12 @@
|
||||
</view>
|
||||
</view>
|
||||
<view style="background: rgba(255, 255, 255, 0.85) !important">
|
||||
<uni-section style="padding: 0 20rpx" class="mb-10 graybg" title="留言板" type="line">
|
||||
<uni-section
|
||||
style="padding: 0 20rpx"
|
||||
class="mb-10 graybg"
|
||||
title="留言板"
|
||||
type="line"
|
||||
>
|
||||
<template v-slot:right>
|
||||
<view class="flexbox" style="align-items: center" @click="addSay()">
|
||||
<u-icon name="edit-pen" color="#2979ff" size="28"></u-icon>
|
||||
@@ -208,7 +333,11 @@
|
||||
</uni-section>
|
||||
<view class="liuyanBox">
|
||||
<view class="" v-if="sayList.length > 0">
|
||||
<commentsList :sayList="sayList" @support="support" @showSayModule="showSayModule">
|
||||
<commentsList
|
||||
:sayList="sayList"
|
||||
@support="support"
|
||||
@showSayModule="showSayModule"
|
||||
>
|
||||
</commentsList>
|
||||
</view>
|
||||
<u-divider v-show="status == 2" text="已加载全部"></u-divider>
|
||||
@@ -221,8 +350,12 @@
|
||||
<view class="proListPrice" v-if="proPriceList.length > 0">
|
||||
<view class="title"> 请选择 </view>
|
||||
<view class="list">
|
||||
<view :class="['item', curProId == item.productId ? 'active' : '']"
|
||||
v-for="(item, index) in proPriceList" :key="index" @click="choosePrice(item)">
|
||||
<view
|
||||
:class="['item', curProId == item.productId ? 'active' : '']"
|
||||
v-for="(item, index) in proPriceList"
|
||||
:key="index"
|
||||
@click="choosePrice(item)"
|
||||
>
|
||||
{{ item.productName }} - ¥{{ item.price }}
|
||||
</view>
|
||||
</view>
|
||||
@@ -231,7 +364,11 @@
|
||||
<uni-icons type="cart" size="28" style="color: #666"></uni-icons>
|
||||
<text>加入购物车</text>
|
||||
</view>
|
||||
<view style="margin-left: 40rpx" class="saveBtnss buybtn flexbox" @click="openBuyInfoModal">
|
||||
<view
|
||||
style="margin-left: 40rpx"
|
||||
class="saveBtnss buybtn flexbox"
|
||||
@click="openBuyInfoModal"
|
||||
>
|
||||
<u-icon name="bag" color="#fff" size="28"></u-icon>
|
||||
<text>立即购买</text>
|
||||
</view>
|
||||
@@ -239,8 +376,12 @@
|
||||
</view>
|
||||
</u-popup>
|
||||
<view>
|
||||
<u-back-top :scroll-top="scrollTop" bottom="150" :customStyle="bgiStyle"
|
||||
:iconStyle="iconStyle"></u-back-top>
|
||||
<u-back-top
|
||||
:scroll-top="scrollTop"
|
||||
bottom="150"
|
||||
:customStyle="bgiStyle"
|
||||
:iconStyle="iconStyle"
|
||||
></u-back-top>
|
||||
</view>
|
||||
<!-- </view> -->
|
||||
<!-- 评论弹出 -->
|
||||
@@ -253,16 +394,34 @@
|
||||
</view>
|
||||
<view class="input_addIcon flexbox">
|
||||
<view class="editorBox">
|
||||
<editor id="editor" class="ql-container" placeholder="~ 和谐社会 友善发言 ~" show-img-size
|
||||
show-img-toolbar show-img-resize @statuschange="onStatusChange" :read-only="readOnly"
|
||||
@ready="onEditorReady">
|
||||
<editor
|
||||
id="editor"
|
||||
class="ql-container"
|
||||
placeholder="~ 和谐社会 友善发言 ~"
|
||||
show-img-size
|
||||
show-img-toolbar
|
||||
show-img-resize
|
||||
@statuschange="onStatusChange"
|
||||
:read-only="readOnly"
|
||||
@ready="onEditorReady"
|
||||
>
|
||||
</editor>
|
||||
</view>
|
||||
<view class="icon flexbox">
|
||||
<u-icon v-show="!showEdit" @click="chooseImg" name="plus" color="#2979ff"
|
||||
size="28"></u-icon>
|
||||
<u-icon v-show="showEdit" @click="editEditor" name="edit-pen" color="#2979ff"
|
||||
size="28"></u-icon>
|
||||
<u-icon
|
||||
v-show="!showEdit"
|
||||
@click="chooseImg"
|
||||
name="plus"
|
||||
color="#2979ff"
|
||||
size="28"
|
||||
></u-icon>
|
||||
<u-icon
|
||||
v-show="showEdit"
|
||||
@click="editEditor"
|
||||
name="edit-pen"
|
||||
color="#2979ff"
|
||||
size="28"
|
||||
></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 选择表情还是图片 -->
|
||||
@@ -277,10 +436,21 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view @click="checkPermision" class="picBtn item flexbox" v-show="uploadPicLIst.length < 3">
|
||||
<view
|
||||
@click="checkPermision"
|
||||
class="picBtn item flexbox"
|
||||
v-show="uploadPicLIst.length < 3"
|
||||
>
|
||||
<view class="" style="">
|
||||
<u-upload @afterRead="addPic" @delete="deletePic" multiple :maxCount="3" width="40"
|
||||
height="40" :previewFullImage="true">
|
||||
<u-upload
|
||||
@afterRead="addPic"
|
||||
@delete="deletePic"
|
||||
multiple
|
||||
:maxCount="3"
|
||||
width="40"
|
||||
height="40"
|
||||
:previewFullImage="true"
|
||||
>
|
||||
</u-upload>
|
||||
</view>
|
||||
|
||||
@@ -295,13 +465,23 @@
|
||||
<!-- 上传的图片 -->
|
||||
<view class="" v-if="uploadPicLIst.length > 0">
|
||||
<view class="" style="text-align: right">
|
||||
<text style="font-size: 24rpx; color: #999">最多可上传3张图片哦</text>
|
||||
<text style="font-size: 24rpx; color: #999"
|
||||
>最多可上传3张图片哦</text
|
||||
>
|
||||
</view>
|
||||
|
||||
<view class="upimgList flexbox">
|
||||
<view class="item" v-for="(item, index) in uploadPicLIst" :key="index">
|
||||
<view
|
||||
class="item"
|
||||
v-for="(item, index) in uploadPicLIst"
|
||||
:key="index"
|
||||
>
|
||||
<view class="imgbox" style="overflow: hidden">
|
||||
<image @click="previewImage(item.url)" :src="item.url" mode="widthFix">
|
||||
<image
|
||||
@click="previewImage(item.url)"
|
||||
:src="item.url"
|
||||
mode="widthFix"
|
||||
>
|
||||
</image>
|
||||
</view>
|
||||
<span @click="deletePic(item, index)">×</span>
|
||||
@@ -311,7 +491,11 @@
|
||||
<!-- 表情 -->
|
||||
<view class="emoji" v-if="showEmoji">
|
||||
<!-- <text class="" @click="closeEmoji">关闭</text> -->
|
||||
<emotion @emotion="handleEmj" :height="220" :windowWidth="windowWidth">
|
||||
<emotion
|
||||
@emotion="handleEmj"
|
||||
:height="220"
|
||||
:windowWidth="windowWidth"
|
||||
>
|
||||
</emotion>
|
||||
</view>
|
||||
<view class="sbmitBox">
|
||||
@@ -319,15 +503,20 @@
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
|
||||
</view>
|
||||
|
||||
<common-select-goods ref="commonSelectGoods" :selectGoodsData="selectGoodsData" :goodsList="goodsList"
|
||||
:buyOptions="buyOptions" :customButtonGroup1="customButtonGroup1" @selectGoods="handleClickSelectGoods"
|
||||
<common-select-goods
|
||||
ref="commonSelectGoods"
|
||||
:selectGoodsData="selectGoodsData"
|
||||
:goodsList="goodsList"
|
||||
:buyOptions="buyOptions"
|
||||
:customButtonGroup1="customButtonGroup1"
|
||||
@selectGoods="handleClickSelectGoods"
|
||||
@onHandleClickBuy="
|
||||
$refs.commonSelectGoods.close();
|
||||
protocolShow = true;
|
||||
"></common-select-goods>
|
||||
"
|
||||
></common-select-goods>
|
||||
<u-popup :show="protocolShow" mode="center" round="6">
|
||||
<view class="popup_box">
|
||||
<view class="title">温馨提示</view>
|
||||
@@ -349,8 +538,17 @@
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<view class="button_box">
|
||||
<u-button size="small" text="不同意" @click="protocolShow = false"></u-button>
|
||||
<u-button text="同意" color="#258feb" size="small" @click="onHandleClickBuy"></u-button>
|
||||
<u-button
|
||||
size="small"
|
||||
text="不同意"
|
||||
@click="protocolShow = false"
|
||||
></u-button>
|
||||
<u-button
|
||||
text="同意"
|
||||
color="#258feb"
|
||||
size="small"
|
||||
@click="onHandleClickBuy"
|
||||
></u-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -370,18 +568,17 @@
|
||||
import emojiList1 from "../../bkhumor-emojiplus/emoji/biaoqin.js";
|
||||
import emotion from "@/bkhumor-emojiplus/components/bkhumor-emojiplus/bkhumor-emojiplus.vue";
|
||||
import $http from "@/config/requestConfig.js";
|
||||
import permission from "@/js_sdk/wa-permission/permission.js"
|
||||
import permission from "@/js_sdk/wa-permission/permission.js";
|
||||
var clear;
|
||||
import {
|
||||
mapState
|
||||
} from "vuex";
|
||||
import { mapState } from "vuex";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
goodsList: [],
|
||||
currentCateIndex: 0,
|
||||
protocolShow: false,
|
||||
ordersTabs: [{
|
||||
ordersTabs: [
|
||||
{
|
||||
name: "简介",
|
||||
value: 0,
|
||||
},
|
||||
@@ -471,19 +668,21 @@
|
||||
// info: 2
|
||||
// }
|
||||
],
|
||||
customButtonGroup1: [{
|
||||
customButtonGroup1: [
|
||||
{
|
||||
with: 200,
|
||||
text: "立即购买",
|
||||
backgroundColor: "linear-gradient(90deg, #3C77BE 0%,#258feb 100%)",
|
||||
color: "#fff",
|
||||
}, ],
|
||||
},
|
||||
],
|
||||
urlList: {
|
||||
list: "sociology/course/getCourseDetail",
|
||||
goodsList: "sociology/product/getProductListForCourse",
|
||||
startStudyForMF: "sociology/course/startStudyForMF",
|
||||
},
|
||||
isAndorid: true,
|
||||
oprateOsName:'',
|
||||
oprateOsName: "",
|
||||
};
|
||||
},
|
||||
//第一次加载
|
||||
@@ -498,9 +697,7 @@
|
||||
// this.getCateList(this.courseId)
|
||||
// await this.getData(e.id);
|
||||
this.getSayList();
|
||||
this.getOS()
|
||||
|
||||
|
||||
this.getOS();
|
||||
},
|
||||
onPageScroll(e) {
|
||||
this.scrollTop = e.scrollTop;
|
||||
@@ -517,7 +714,7 @@
|
||||
async onShow() {
|
||||
// 隐藏原生的tabbar
|
||||
uni.hideTabBar();
|
||||
console.log('this.courseId', this.courseId);
|
||||
console.log("this.courseId", this.courseId);
|
||||
await this.getData(this.courseId);
|
||||
// #ifdef APP-PLUS
|
||||
plus.screen.unlockOrientation();
|
||||
@@ -540,7 +737,7 @@
|
||||
// this.searchList = []
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
uni.stopPullDownRefresh()
|
||||
uni.stopPullDownRefresh();
|
||||
},
|
||||
onReachBottom() {
|
||||
console.log("触底");
|
||||
@@ -560,7 +757,7 @@
|
||||
let oprateOs = "";
|
||||
oprateOs = uni.getSystemInfoSync().platform;
|
||||
this.oprateOsName = uni.getSystemInfoSync().platform;
|
||||
console.log('oprateOs',oprateOs)
|
||||
console.log("oprateOs", oprateOs);
|
||||
if (oprateOs == "android") {
|
||||
this.isAndorid = true;
|
||||
} else {
|
||||
@@ -568,9 +765,9 @@
|
||||
}
|
||||
},
|
||||
async checkPermision() {
|
||||
var result = await permission.premissionCheck("CAMERA_EXTERNAL_STORAGE")
|
||||
var result = await permission.premissionCheck("CAMERA_EXTERNAL_STORAGE");
|
||||
if (result != 1) {
|
||||
return false
|
||||
return false;
|
||||
}
|
||||
},
|
||||
haveSelected(data) {
|
||||
@@ -640,18 +837,25 @@
|
||||
async gotoDetail(v, courseIndex) {
|
||||
console.log("准备进入学习页面", v);
|
||||
this.currentCateIndex = courseIndex;
|
||||
let _myurl = ''
|
||||
let _myurl = "";
|
||||
// if(this.oprateOsName == 'ios'){
|
||||
// _myurl = '/pages/course/chapterDetail'
|
||||
// }else{
|
||||
// h5 和安卓
|
||||
_myurl = '/pages/course/chapterDetailAndorid'
|
||||
_myurl = "/pages/course/chapterDetailAndorid";
|
||||
// }
|
||||
if (this.librayList[this.curIndex].isBuy == 1 || v.isAudition == 1 ||
|
||||
this.vip.type != "0") {
|
||||
let noRecored = false
|
||||
v.isAudition == 1 && this.userMsg.vip == 0 && this.librayList[this.curIndex].isBuy == 0 ?
|
||||
noRecored = true : ''
|
||||
if (
|
||||
this.librayList[this.curIndex].isBuy == 1 ||
|
||||
v.isAudition == 1 ||
|
||||
this.vip.type == "1" ||
|
||||
this.vip.type == "2"
|
||||
) {
|
||||
let noRecored = false;
|
||||
v.isAudition == 1 &&
|
||||
this.userMsg.vip == 0 &&
|
||||
this.librayList[this.curIndex].isBuy == 0
|
||||
? (noRecored = true)
|
||||
: "";
|
||||
uni.navigateTo({
|
||||
url: `${_myurl}?navTitle=${this.pageTitle}&title=${v.title}&id=${v.id}&conditions=${v.conditions}&noRecored=${noRecored}`,
|
||||
});
|
||||
@@ -733,18 +937,18 @@
|
||||
}
|
||||
|
||||
this.$forceUpdate();
|
||||
})
|
||||
});
|
||||
}
|
||||
},
|
||||
getUserInfo() {
|
||||
this.$http.post("common/user/getUserInfo").then((res) => {
|
||||
console.log("res at line 505:", res);
|
||||
this.userMsg = res.result
|
||||
this.userMsg = res.result;
|
||||
if (res.result.userVip) {
|
||||
this.vip = res.result.userVip;
|
||||
} else {
|
||||
this.vip = {
|
||||
type: 0
|
||||
type: 0,
|
||||
};
|
||||
}
|
||||
});
|
||||
@@ -1173,11 +1377,21 @@
|
||||
this.goBuyTitle = "购买VIP,即可免费观看吴门医述所有课程";
|
||||
this.goBuyType = 0;
|
||||
break;
|
||||
case 1 || 2:
|
||||
case 1:
|
||||
var vipName = "";
|
||||
if (this.vip.type == 1) {
|
||||
vipName = "超级VIP";
|
||||
}
|
||||
|
||||
//超级VIP
|
||||
this.goBuyTitle = `尊贵的${vipName},您的有效期到 ${
|
||||
this.vip.endTime && this.vip.endTime.split(" ")[0]
|
||||
}`;
|
||||
this.goBuyType = 1;
|
||||
break;
|
||||
case 2:
|
||||
var vipName = "";
|
||||
|
||||
if (this.vip.type == 2) {
|
||||
vipName = "吴门医述VIP";
|
||||
}
|
||||
@@ -1185,7 +1399,7 @@
|
||||
this.goBuyTitle = `尊贵的${vipName},您的有效期到 ${
|
||||
this.vip.endTime && this.vip.endTime.split(" ")[0]
|
||||
}`;
|
||||
this.goBuyType = 1;
|
||||
this.goBuyType = 2;
|
||||
break;
|
||||
|
||||
case 3:
|
||||
@@ -1199,7 +1413,7 @@
|
||||
this.$forceUpdate();
|
||||
this.pageTitle = this.course.title;
|
||||
this.librayList = [...res.data.catalogues];
|
||||
console.log('获取课程详情=》',res.data);
|
||||
console.log("获取课程详情=》", res.data);
|
||||
// for (let i = 0; i < that.librayList.length; i++) {
|
||||
// var list = await that.getChapterList(that.librayList[i]);
|
||||
// console.log("list at line 1222:", list);
|
||||
@@ -1209,20 +1423,26 @@
|
||||
that.$forceUpdate();
|
||||
if (this.librayList.length > 0) {
|
||||
if (this.catalogueId) {
|
||||
this.curId = this.catalogueId
|
||||
let _list = this.librayList
|
||||
_list = _list.map( item => item.id)
|
||||
this.curId = this.catalogueId;
|
||||
let _list = this.librayList;
|
||||
_list = _list.map((item) => item.id);
|
||||
// console.log('_list过滤后的_list',_list);
|
||||
this.curIndex = _list.findIndex((element) => element == this.catalogueId)
|
||||
console.log('其他页面返回来,_list过滤后的curIndex',this.curIndex,this.catalogueId);
|
||||
this.curIndex = _list.findIndex(
|
||||
(element) => element == this.catalogueId
|
||||
);
|
||||
console.log(
|
||||
"其他页面返回来,_list过滤后的curIndex",
|
||||
this.curIndex,
|
||||
this.catalogueId
|
||||
);
|
||||
} else {
|
||||
this.catalogueId = this.librayList[0].id;
|
||||
this.curId = this.librayList[0].id;
|
||||
this.curIndex = 0
|
||||
console.log('首次加载');
|
||||
this.curIndex = 0;
|
||||
console.log("首次加载");
|
||||
}
|
||||
|
||||
this.chapterList = await this.getChapterList(this.catalogueId)
|
||||
this.chapterList = await this.getChapterList(this.catalogueId);
|
||||
// console.log('目录列表', this.librayList)
|
||||
// console.log('外面得到的方法列表', this.chapterList);
|
||||
if (
|
||||
@@ -1318,7 +1538,7 @@
|
||||
if (item.id == this.curId) {
|
||||
return;
|
||||
}
|
||||
this.catalogueId = item.id
|
||||
this.catalogueId = item.id;
|
||||
this.curIndex = index;
|
||||
this.curId = item.id;
|
||||
this.chapterList = await this.getChapterList(item.id);
|
||||
@@ -1347,7 +1567,6 @@
|
||||
})
|
||||
.then(async (res) => {
|
||||
if (res.code == 0 && res.chapterList.length > 0) {
|
||||
|
||||
list = res.chapterList;
|
||||
// console.log("方法里面得到的章节列表:", list);
|
||||
} else {
|
||||
@@ -1370,8 +1589,10 @@
|
||||
<style lang="scss" scoped>
|
||||
@import "@/style/mixin.scss";
|
||||
|
||||
.completionBg { padding: 10rpx 0;
|
||||
background-color: #fff; border-bottom: 1px solid #eee;
|
||||
.completionBg {
|
||||
padding: 10rpx 0;
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
.endBox {
|
||||
// @include theme("vipbtnbg");
|
||||
@@ -1478,7 +1699,9 @@
|
||||
}
|
||||
|
||||
.xufeiBtn {
|
||||
display: block; line-height: 50rpx; height: 50rpx;
|
||||
display: block;
|
||||
line-height: 50rpx;
|
||||
height: 50rpx;
|
||||
padding: 0 10rpx;
|
||||
border: 1px solid #333;
|
||||
border-radius: 10rpx;
|
||||
@@ -1488,7 +1711,7 @@
|
||||
border: 1px solid #fff;
|
||||
border-radius: 10rpx;
|
||||
text-align: center;
|
||||
background-color: rgba(0, 0, 0, .4);
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
padding: 10rpx;
|
||||
|
||||
.text {
|
||||
@@ -1627,7 +1850,6 @@
|
||||
color: #fff;
|
||||
padding: 10rpx;
|
||||
border-radius: 0 50rpx 50rpx 0;
|
||||
|
||||
}
|
||||
|
||||
.leve {
|
||||
@@ -1862,11 +2084,13 @@
|
||||
width: 100%;
|
||||
font-size: 28rpx;
|
||||
flex-wrap: wrap;
|
||||
background-image: linear-gradient(60deg,
|
||||
background-image: linear-gradient(
|
||||
60deg,
|
||||
#e0e9f6 0%,
|
||||
#ece6fa 30%,
|
||||
#d7e8f0 60%,
|
||||
#fff 100%);
|
||||
#fff 100%
|
||||
);
|
||||
// background: rgba(255, 255, 255, 0.9);
|
||||
|
||||
.item {
|
||||
@@ -1902,7 +2126,6 @@
|
||||
}
|
||||
|
||||
.price {
|
||||
|
||||
// text-align: center;
|
||||
font-size: 26rpx;
|
||||
font-weight: bold;
|
||||
@@ -1970,7 +2193,8 @@
|
||||
padding-bottom: 40rpx;
|
||||
}
|
||||
|
||||
.buyBox {}
|
||||
.buyBox {
|
||||
}
|
||||
|
||||
.vipBgColor {
|
||||
// background-color: #8265f9 !important;
|
||||
@@ -1999,7 +2223,7 @@
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
border: 1px solid #fff;
|
||||
border-bottom: none;
|
||||
background-color: rgba(0, 0, 0, .4);
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
|
||||
text {
|
||||
font-size: 30rpx;
|
||||
@@ -2192,7 +2416,9 @@
|
||||
/deep/.u-icon__icon--warning {
|
||||
color: #fff !important;
|
||||
}
|
||||
/deep/.uni-tag{border-width: 2rpx !important;}
|
||||
/deep/.uni-tag {
|
||||
border-width: 2rpx !important;
|
||||
}
|
||||
/deep/.uni-section {
|
||||
background: transparent !important;
|
||||
}
|
||||
@@ -2382,8 +2608,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.commonDetailPage {}
|
||||
.commonDetailPage {
|
||||
}
|
||||
|
||||
.course_info_box {
|
||||
margin-bottom: 10rpx;
|
||||
|
||||
@@ -10,55 +10,35 @@
|
||||
-->
|
||||
</z-nav-bar>
|
||||
|
||||
<view
|
||||
class="contentBox commonPageContentBox"
|
||||
:style="`margin-top: ${
|
||||
<view class="contentBox commonPageContentBox" :style="`margin-top: ${
|
||||
(40 + statusBarHeight) * 2
|
||||
}rpx;height: calc(100% - ${(50 + statusBarHeight) * 2}rpx) !important;`"
|
||||
>
|
||||
}rpx;height: calc(100% - ${(50 + statusBarHeight) * 2}rpx) !important;`">
|
||||
<view class="flash_sale_content">
|
||||
<scroll-view scroll-y="true" class="scroll-Y" style="">
|
||||
<view
|
||||
class="scroll-view-item flash_sale_content_item color_shandow"
|
||||
v-for="(v, i) in dataList"
|
||||
:style="`background:${v.background ? v.background : '#f6f6f6'};`"
|
||||
>
|
||||
<view
|
||||
class="book_name PM_font"
|
||||
v-html="v.title"
|
||||
:style="`background: ${v.color};
|
||||
<view class="scroll-view-item flash_sale_content_item color_shandow" v-for="(v, i) in dataList"
|
||||
:style="`background:${v.background ? v.background : '#f6f6f6'};`">
|
||||
<view class="book_name PM_font" v-html="v.title" :style="`background: ${v.color};
|
||||
;-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
`"
|
||||
></view>
|
||||
`"></view>
|
||||
|
||||
<view class="vip_content">
|
||||
<view class="vip_image_box"
|
||||
><image
|
||||
class="vip_image"
|
||||
src="@/static/icon/quanyi.png"
|
||||
mode="aspectFit"
|
||||
>
|
||||
</image
|
||||
></view>
|
||||
<view class="vip_image_box">
|
||||
<image class="vip_image" src="@/static/icon/quanyi.png" mode="aspectFit">
|
||||
</image>
|
||||
</view>
|
||||
<view class="qunyi_box">
|
||||
<view style="height: auto">
|
||||
<view class="item"
|
||||
v-for="(item, index1) in v.quanyi"
|
||||
:style="item.style"
|
||||
v-html="item.name"
|
||||
></view
|
||||
></view>
|
||||
<view v-for="(item, index1) in v.quanyi" :style="item.style" v-html="item.name">
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- buttonbg -->
|
||||
</view>
|
||||
<view class="vip_list vip_button_list">
|
||||
<view
|
||||
@click="openorderModal(item)"
|
||||
v-for="(item, index) in v.list"
|
||||
class="vip_button"
|
||||
:style="`background:${v.buttonbg ? v.buttonbg : '#f6f6f6'};`"
|
||||
><view style="max-width: 200rpx">{{ item.title }}</view>
|
||||
<view @click="openorderModal(item)" v-for="(item, index) in v.list" class="vip_button"
|
||||
:style="`background:${v.buttonbg ? v.buttonbg : '#f6f6f6'};`">
|
||||
<view style="max-width: 200rpx">{{ item.title }}</view>
|
||||
<view style="margin: 0 5rpx">¥{{ item.lastFee }}</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -68,18 +48,12 @@
|
||||
</view>
|
||||
<u-popup :show="orderModalShow" mode="bottom" :round="20">
|
||||
<view class="orderModalShow popup_box">
|
||||
<u-icon
|
||||
name="close"
|
||||
color="#333"
|
||||
size="18"
|
||||
@click="closeOrderModalShow"
|
||||
style="
|
||||
<u-icon name="close" color="#333" size="18" @click="closeOrderModalShow" style="
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
right: 20rpx;
|
||||
top: 20rpx;
|
||||
"
|
||||
></u-icon>
|
||||
"></u-icon>
|
||||
<orderPay ref="orderPay" :dataInfo="selectVipData"></orderPay>
|
||||
<!-- <view class="goods_nav_box">
|
||||
<uni-goods-nav
|
||||
@@ -100,7 +74,9 @@
|
||||
import list from "@/pages/component/commonComponents/list";
|
||||
import orderPay from "./order.vue";
|
||||
import $http from "@/config/requestConfig.js";
|
||||
import { mapState } from "vuex";
|
||||
import {
|
||||
mapState
|
||||
} from "vuex";
|
||||
export default {
|
||||
components: {
|
||||
list,
|
||||
@@ -110,43 +86,52 @@ export default {
|
||||
return {
|
||||
selectVipData: {},
|
||||
orderModalShow: false,
|
||||
superQuanyi: [
|
||||
{ name: "众妙之门视频",
|
||||
// style: {
|
||||
// color: "#2D38F4",
|
||||
// },
|
||||
superQuanyi: [{
|
||||
name: "众妙之门视频",
|
||||
style: {
|
||||
color: "#2D38F4",
|
||||
},
|
||||
},
|
||||
{
|
||||
name: "吴门医述视频",
|
||||
|
||||
},
|
||||
{ name: "专属视频视听" },
|
||||
{
|
||||
name: "专属视频视听"
|
||||
},
|
||||
{
|
||||
name: "读书相关权益",
|
||||
// style: {
|
||||
// color: "#2D38F4",
|
||||
// },
|
||||
style: {
|
||||
color: "#2D38F4",
|
||||
},
|
||||
},
|
||||
{
|
||||
name: "活动报名折扣价<text style='color:red'>(更优惠)</text>"
|
||||
},
|
||||
{ name: "活动报名折扣价<text style='color:red'>(更优惠)</text>" },
|
||||
],
|
||||
sociologyQuanyi: [
|
||||
// {
|
||||
// name: "-",
|
||||
// style: {
|
||||
// color: "#b0b0b0",
|
||||
// },
|
||||
// },
|
||||
{ name: "吴门医述视频" },
|
||||
{ name: "专属视频视听" },
|
||||
sociologyQuanyi: [{
|
||||
name: "-",
|
||||
style: {
|
||||
color: "#fafafa",
|
||||
},
|
||||
},
|
||||
{
|
||||
name: "吴门医述视频"
|
||||
},
|
||||
{
|
||||
name: "专属视频视听"
|
||||
},
|
||||
|
||||
// {
|
||||
// name: "-",
|
||||
// style: {
|
||||
// color: "#b0b0b0",
|
||||
// },
|
||||
// },
|
||||
{
|
||||
name: "-",
|
||||
style: {
|
||||
color: "#fafafa",
|
||||
},
|
||||
},
|
||||
|
||||
{ name: "活动报名折扣价" },
|
||||
{
|
||||
name: "活动报名折扣价"
|
||||
},
|
||||
],
|
||||
|
||||
isLoadingHide: false,
|
||||
@@ -277,8 +262,7 @@ export default {
|
||||
width: "120rpx",
|
||||
},
|
||||
background: "rgb(255 255 255 / 85%)",
|
||||
buttonbg:
|
||||
"linear-gradient(to right, #3F7FC9 0%,#D3EEFC 100%) ",
|
||||
buttonbg: "linear-gradient(to right, #3F7FC9 0%,#D3EEFC 100%) ",
|
||||
// titleBackground:
|
||||
// "linear-gradient(130deg, rgb(153, 202, 192) 0%, rgb(192, 223, 207) 50%)",
|
||||
color: "linear-gradient(130deg,rgb(45, 56, 244) 0%, #72AD92 100%)",
|
||||
@@ -504,8 +488,7 @@ export default {
|
||||
if (res.code == 0 && res.result.length >= 0) {
|
||||
this.twoCateList = res.result;
|
||||
if (this.curOneCateIndex == 0) {
|
||||
this.twoCateList = [
|
||||
{
|
||||
this.twoCateList = [{
|
||||
dictType: "1",
|
||||
dictValue: "学术思想",
|
||||
},
|
||||
@@ -520,8 +503,7 @@ export default {
|
||||
];
|
||||
}
|
||||
if (this.curOneCateIndex == 2) {
|
||||
this.twoCateList = [
|
||||
{
|
||||
this.twoCateList = [{
|
||||
dictType: "1",
|
||||
dictValue: "吴门之歌",
|
||||
},
|
||||
@@ -536,8 +518,7 @@ export default {
|
||||
];
|
||||
}
|
||||
if (this.curOneCateIndex == 3) {
|
||||
this.twoCateList = [
|
||||
{
|
||||
this.twoCateList = [{
|
||||
dictType: "1",
|
||||
dictValue: "学术贡献",
|
||||
},
|
||||
@@ -591,7 +572,9 @@ export default {
|
||||
transformData(inputData) {
|
||||
const result = {};
|
||||
inputData.forEach((item) => {
|
||||
const { letter } = item;
|
||||
const {
|
||||
letter
|
||||
} = item;
|
||||
if (!result[letter]) {
|
||||
result[letter] = [];
|
||||
}
|
||||
@@ -765,6 +748,7 @@ export default {
|
||||
.commonPageBox {
|
||||
height: 100vh !important;
|
||||
}
|
||||
|
||||
.vipBox {
|
||||
font-size: 28rpx !important;
|
||||
background-repeat: no-repeat;
|
||||
@@ -826,9 +810,11 @@ export default {
|
||||
.titleList2 {
|
||||
height: calc(100% - 170rpx);
|
||||
}
|
||||
|
||||
.commonPageContentBox {
|
||||
// min-height: 100% !important;
|
||||
}
|
||||
|
||||
.related_courses_name {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
@@ -836,20 +822,24 @@ export default {
|
||||
width: calc(100% - 90rpx) !important;
|
||||
padding-left: 20rpx;
|
||||
font-weight: 700;
|
||||
|
||||
.aui-text-danger {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.vip_image_box {
|
||||
@include themFlex(center, center);
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.vip_image {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
// float: left;
|
||||
}
|
||||
|
||||
/deep/.list_item {
|
||||
.rightArrow {
|
||||
margin-top: 10rpx !important;
|
||||
@@ -867,11 +857,12 @@ export default {
|
||||
.flash_sale_content_item {
|
||||
width: auto;
|
||||
min-width: 47%;
|
||||
min-height: 56%;
|
||||
min-height: 48%;
|
||||
margin: 10rpx !important;
|
||||
border-radius: 20rpx;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
|
||||
.vip_content {
|
||||
width: 100%;
|
||||
height: calc(100% - 80rpx);
|
||||
@@ -911,6 +902,7 @@ export default {
|
||||
white-space: wrap;
|
||||
}
|
||||
}
|
||||
|
||||
.vip_button_list {
|
||||
width: 100%;
|
||||
max-height: 200rpx;
|
||||
@@ -924,6 +916,7 @@ export default {
|
||||
bottom: 20rpx;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
|
||||
// justify-content: center;
|
||||
// flex-direction: column;
|
||||
.vip_button {
|
||||
@@ -942,6 +935,7 @@ export default {
|
||||
// line-height: 80rpx;
|
||||
margin-top: 20rpx;
|
||||
white-space: wrap;
|
||||
|
||||
view {
|
||||
display: flex;
|
||||
line-height: 30rpx;
|
||||
@@ -949,10 +943,12 @@ export default {
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
.vip_button:first-child {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.qunyi_box {
|
||||
height: calc(100% - 280rpx);
|
||||
color: #333;
|
||||
@@ -961,9 +957,18 @@ export default {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.item{line-height: 60rpx; text-align: center; padding: 0 10rpx; border: 1px solid #64bec5; border-radius: 50rpx; margin-bottom: 20rpx;}
|
||||
|
||||
.item {
|
||||
line-height: 60rpx;
|
||||
text-align: center;
|
||||
padding: 0 10rpx;
|
||||
border: 1px solid #64bec5;
|
||||
border-radius: 50rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.popup_box {
|
||||
max-height: 95vh;
|
||||
overflow: auto;
|
||||
|
||||
@@ -1,8 +1,5 @@
|
||||
<template>
|
||||
<view
|
||||
class="container commonDetailPage"
|
||||
style="background-color: #fff !important"
|
||||
>
|
||||
<view class="container commonDetailPage" style="background-color: #fff !important">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
|
||||
<view class="contentBox commonPageContentBox order_box">
|
||||
@@ -10,90 +7,49 @@
|
||||
<view class="pay_title">支付方式</view>
|
||||
|
||||
<view style="margin-bottom: 20rpx">
|
||||
<u-tag
|
||||
:text="`已选:${dataInfo.title}`"
|
||||
bgColor="#DCF2FA"
|
||||
borderColor="#DCF2FA"
|
||||
color="#258feb"
|
||||
plain
|
||||
></u-tag>
|
||||
<u-tag :text="`已选:${dataInfo.title}`" bgColor="#DCF2FA" borderColor="#DCF2FA" color="#258feb"
|
||||
plain></u-tag>
|
||||
</view>
|
||||
<view
|
||||
class="curriulum_title_box goods_item pay_item"
|
||||
v-for="(v, i) in payList"
|
||||
>
|
||||
<view class="curriulum_title_box goods_item pay_item" v-for="(v, i) in payList">
|
||||
<view :class="isDefaultCurrency && i != 2 ? 'bgGrey top' : 'top'">
|
||||
<view class="left">
|
||||
<image
|
||||
class="pay_item_img"
|
||||
:src="v.imgUrl"
|
||||
mode="aspectFil"
|
||||
:style="v.style"
|
||||
>
|
||||
<image class="pay_item_img" :src="v.imgUrl" mode="aspectFil" :style="v.style">
|
||||
</image>
|
||||
<template v-if="v.type == 4">
|
||||
<text> {{ v.text }}</text>
|
||||
<text
|
||||
style="color: #258feb; font-weight: 600; margin-left: 10rpx"
|
||||
>
|
||||
<text style="color: #258feb; font-weight: 600; margin-left: 10rpx">
|
||||
(余额:{{
|
||||
initData && initData.user ? initData.user.peanutCoin : 0
|
||||
}})</text
|
||||
>
|
||||
}})</text>
|
||||
</template>
|
||||
|
||||
<text v-else> {{ v.text }}</text>
|
||||
</view>
|
||||
<template v-if="isDefaultCurrency">
|
||||
<radio
|
||||
v-if="i == 2"
|
||||
:value="v.value"
|
||||
color="#258feb"
|
||||
:checked="selectPayIndex == i ? true : false"
|
||||
@click="radioChange(i)"
|
||||
size="10"
|
||||
/>
|
||||
<radio v-if="i == 2" :value="v.value" color="#258feb"
|
||||
:checked="selectPayIndex == i ? true : false" @click="radioChange(i)" size="10" />
|
||||
</template>
|
||||
<template v-else>
|
||||
<radio
|
||||
:value="v.value"
|
||||
color="#258feb"
|
||||
:checked="selectPayIndex == i ? true : false"
|
||||
@click="radioChange(i)"
|
||||
size="10"
|
||||
/>
|
||||
<radio :value="v.value" color="#258feb" :checked="selectPayIndex == i ? true : false"
|
||||
@click="radioChange(i)" size="10" />
|
||||
</template>
|
||||
</view>
|
||||
</view>
|
||||
<template v-if="selectPayIndex == 2">
|
||||
<view
|
||||
class="goods_detail_list_title bg_box_shandow color_shandow bg_color"
|
||||
>
|
||||
<view
|
||||
class="linlanzhifu"
|
||||
style="
|
||||
<view class="goods_detail_list_title bg_box_shandow color_shandow bg_color">
|
||||
<view class="linlanzhifu" style="
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
justify-content: space-between;
|
||||
"
|
||||
>
|
||||
">
|
||||
<view class="linlanzhifu">
|
||||
<u-icon
|
||||
name="error-circle"
|
||||
color="#258feb"
|
||||
size="20"
|
||||
style="display: inline-block; margin-right: 10rpx"
|
||||
></u-icon>
|
||||
<u-icon name="error-circle" color="#258feb" size="20"
|
||||
style="display: inline-block; margin-right: 10rpx"></u-icon>
|
||||
确保您的天医币足够支付
|
||||
</view>
|
||||
|
||||
<text
|
||||
class="fdButtonBox aui-text-danger fdButtonBoxRed"
|
||||
style="float: right"
|
||||
@click="onPageJump('/pages/mine/wallet/recharge/index?source=order')"
|
||||
|
||||
>立即充值</text
|
||||
>
|
||||
<text class="fdButtonBox aui-text-danger fdButtonBoxRed" style="float: right"
|
||||
@click="onPageJump('/pages/mine/wallet/recharge/index?source=order')">立即充值</text>
|
||||
</view>
|
||||
|
||||
<view class="other_info" style="margin-top: 12rpx">
|
||||
@@ -101,9 +57,7 @@
|
||||
<view class="explain"> 1. 1天医币 = 1元人民币 </view>
|
||||
<view class="explain">
|
||||
2.若有疑问或意见请致电客服
|
||||
<span style="font-size: 15px"
|
||||
><u @click="gotoPhone">022-24142321</u></span
|
||||
>
|
||||
<span style="font-size: 15px"><u @click="gotoPhone">022-24142321</u></span>
|
||||
</view>
|
||||
<view class="explain">
|
||||
<!-- 3.非中国大陆用户可通过paypal账户支付
|
||||
@@ -116,21 +70,14 @@
|
||||
|
||||
3.非中国大陆用户可以信用卡支付。简单快捷,推荐使用!
|
||||
支付时使用的信用卡需要带有Visa或MasterCard的标识。请向邮箱
|
||||
<text
|
||||
@click="fnCopy('publisher@tmrjournals.com', '邮箱')"
|
||||
class="aui-text-success"
|
||||
style="text-decoration: underline; color: #258feb"
|
||||
>
|
||||
<text @click="fnCopy('publisher@tmrjournals.com', '邮箱')" class="aui-text-success"
|
||||
style="text-decoration: underline; color: #258feb">
|
||||
publisher@tmrjournals.com
|
||||
</text>
|
||||
(点击复制)发送支付请求,内容需包含:拟购买的课程名称、支付金额、APP注册姓名及手机号码,或者加一路健康客服微信(
|
||||
<text
|
||||
class="aui-text-success"
|
||||
@click="fnCopy('yilujiankangkefu', '微信名')"
|
||||
style="text-decoration: underline; color: #258feb"
|
||||
>
|
||||
yilujiankangkefu </text
|
||||
>)(点击复制)联系我们,我们将在24小时内向您的邮箱或者微信发送支付链接,根据提示即可完成信用卡支付,无需兑换外币。
|
||||
<text class="aui-text-success" @click="fnCopy('yilujiankangkefu', '微信名')"
|
||||
style="text-decoration: underline; color: #258feb">
|
||||
yilujiankangkefu </text>)(点击复制)联系我们,我们将在24小时内向您的邮箱或者微信发送支付链接,根据提示即可完成信用卡支付,无需兑换外币。
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -138,29 +85,19 @@
|
||||
</view>
|
||||
|
||||
<template>
|
||||
<common-sticky
|
||||
label="title"
|
||||
:itemStyle="`width:${
|
||||
<common-sticky label="title" :itemStyle="`width:${
|
||||
cateList.length == 2 ? '50' : '33'
|
||||
}%;padding-left: 15px; padding-right: 15px; height: 68rpx;`"
|
||||
:list="cateList"
|
||||
:currentCateIndex="currentCateIndex"
|
||||
@handleselectCate="handleselectCate"
|
||||
>
|
||||
}%;padding-left: 15px; padding-right: 15px; height: 68rpx;`" :list="cateList"
|
||||
:currentCateIndex="currentCateIndex" @handleselectCate="handleselectCate">
|
||||
</common-sticky>
|
||||
</template>
|
||||
</view>
|
||||
<view class="goods_nav_box">
|
||||
<common-goods-nav
|
||||
:iconList="[]"
|
||||
:customButton="customButton"
|
||||
@submit="goBuyJie"
|
||||
>
|
||||
<common-goods-nav :iconList="[]" :customButton="customButton" @submit="goBuyJie">
|
||||
<!-- leftSlot -->
|
||||
<template slot="leftSlot" slot-scope="slotProps">
|
||||
<view class="price_box order_bottom_box">
|
||||
<text class="price"
|
||||
>合计:
|
||||
<text class="price">合计:
|
||||
|
||||
<text class="total">¥{{ dataInfo.lastFee }}</text>
|
||||
</text>
|
||||
@@ -180,10 +117,18 @@
|
||||
|
||||
<script>
|
||||
import courseDescription from "@/pages/component/commonComponents/list";
|
||||
import { setPay, setPayAssign, setWXPay } from "@/config/utils";
|
||||
import {
|
||||
setPay,
|
||||
setPayAssign,
|
||||
setWXPay
|
||||
} from "@/config/utils";
|
||||
import $http from "@/config/requestConfig.js";
|
||||
const { platform } = uni.getSystemInfoSync();
|
||||
import { mapState } from "vuex";
|
||||
const {
|
||||
platform
|
||||
} = uni.getSystemInfoSync();
|
||||
import {
|
||||
mapState
|
||||
} from "vuex";
|
||||
export default {
|
||||
props: ["dataInfo"],
|
||||
components: {
|
||||
@@ -232,8 +177,7 @@ export default {
|
||||
},
|
||||
selectPayIndex: 1,
|
||||
farePrice: 0,
|
||||
payList: [
|
||||
{
|
||||
payList: [{
|
||||
text: "支付宝",
|
||||
imgUrl: require("@/static/icon/pay_1.png"),
|
||||
type: 2,
|
||||
@@ -316,22 +260,18 @@ export default {
|
||||
addressList: "common/userAddress/getUserAddress",
|
||||
freightNum: "book/buyOrder/calculateTransportPrice", //运费
|
||||
},
|
||||
customButton: [
|
||||
{
|
||||
customButton: [{
|
||||
width: "160rpx",
|
||||
text: "立即支付",
|
||||
backgroundColor: "linear-gradient(90deg, #3C77BE 0%,#258feb 100%)",
|
||||
color: "#fff",
|
||||
},
|
||||
],
|
||||
customButtonGroup1: [
|
||||
{
|
||||
}, ],
|
||||
customButtonGroup1: [{
|
||||
with: 200,
|
||||
text: "确定",
|
||||
backgroundColor: "linear-gradient(90deg, #3C77BE 0%,#258feb 100%)",
|
||||
color: "#fff",
|
||||
},
|
||||
],
|
||||
}, ],
|
||||
};
|
||||
},
|
||||
async onLoad(options) {
|
||||
@@ -413,8 +353,7 @@ export default {
|
||||
},
|
||||
|
||||
async initPrepareOrder() {
|
||||
this.priceBreakdownList = [
|
||||
{
|
||||
this.priceBreakdownList = [{
|
||||
text: "商品总价",
|
||||
imgUrl: "",
|
||||
type: 1,
|
||||
@@ -607,10 +546,9 @@ export default {
|
||||
title: "正在支付",
|
||||
icon: "loading",
|
||||
});
|
||||
await setPay(
|
||||
{
|
||||
await setPay({
|
||||
typePay: "alipay",
|
||||
subject: "order",
|
||||
subject: "vip",
|
||||
totalAmount: res.money,
|
||||
type: 2,
|
||||
relevanceoid: res.orderSn,
|
||||
@@ -754,8 +692,7 @@ export default {
|
||||
}
|
||||
this.modalInfo = {
|
||||
title: "提示信息",
|
||||
content:
|
||||
"用户您好,该课程已到期,通过支付" +
|
||||
content: "用户您好,该课程已到期,通过支付" +
|
||||
fee +
|
||||
"元,本门课程可获得" +
|
||||
days +
|
||||
@@ -970,8 +907,7 @@ export default {
|
||||
// curriculumInfo
|
||||
|
||||
this.detailInfo = {
|
||||
content:
|
||||
"<img src='http://oss.taihumed.com/other/null_20210528102528870.jpg' ></img> <img src='http://101.201.146.165:8088/curriculum/detailImg/curriculum_20170420143333621.png' ></img><p><p>没有中医基础想学中医难不难?中医学者治疗出现瓶颈怎么办?中西医究竟有什么不同呢?吴雄志教授将以全新的视角,完美整合中药学和西医学知识,让你领略当代中医生理学魅力。</p><p><br/><p></p><p><br/></p><p>【思考题】</p><p>1、简述中医的发展这些年出现了哪些变化?</p><p>2、简述中西医学科的异同?</p>",
|
||||
content: "<img src='http://oss.taihumed.com/other/null_20210528102528870.jpg' ></img> <img src='http://101.201.146.165:8088/curriculum/detailImg/curriculum_20170420143333621.png' ></img><p><p>没有中医基础想学中医难不难?中医学者治疗出现瓶颈怎么办?中西医究竟有什么不同呢?吴雄志教授将以全新的视角,完美整合中药学和西医学知识,让你领略当代中医生理学魅力。</p><p><br/><p></p><p><br/></p><p>【思考题】</p><p>1、简述中医的发展这些年出现了哪些变化?</p><p>2、简述中西医学科的异同?</p>",
|
||||
};
|
||||
|
||||
// this.$http
|
||||
@@ -1116,7 +1052,9 @@ export default {
|
||||
transformData(inputData) {
|
||||
const result = {};
|
||||
inputData.forEach((item) => {
|
||||
const { letter } = item;
|
||||
const {
|
||||
letter
|
||||
} = item;
|
||||
if (!result[letter]) {
|
||||
result[letter] = [];
|
||||
}
|
||||
@@ -1286,11 +1224,13 @@ export default {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "@/style/mixin.scss";
|
||||
|
||||
.pay_title {
|
||||
text-align: center;
|
||||
font-size: 32rpx;
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
|
||||
.order_box {
|
||||
padding: 20rpx;
|
||||
|
||||
@@ -1558,8 +1498,7 @@ export default {
|
||||
// color: #aaa;
|
||||
color: #5a5a5a;
|
||||
|
||||
.explain {
|
||||
}
|
||||
.explain {}
|
||||
}
|
||||
|
||||
.left {
|
||||
@@ -1820,6 +1759,7 @@ export default {
|
||||
.bgGrey {
|
||||
// background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.pay_info {
|
||||
margin-bottom: 60rpx;
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user