合并主分支的视频播放
This commit is contained in:
@@ -4,20 +4,16 @@
|
||||
"version" : "0.0",
|
||||
"configurations" : [
|
||||
{
|
||||
"app-plus" :
|
||||
{
|
||||
"app-plus" : {
|
||||
"launchtype" : "remote"
|
||||
},
|
||||
"default" :
|
||||
{
|
||||
"default" : {
|
||||
"launchtype" : "local"
|
||||
},
|
||||
"h5" :
|
||||
{
|
||||
"h5" : {
|
||||
"launchtype" : "local"
|
||||
},
|
||||
"mp-weixin" :
|
||||
{
|
||||
"mp-weixin" : {
|
||||
"launchtype" : "local"
|
||||
},
|
||||
"provider" : "aliyun",
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
></image>
|
||||
<text
|
||||
class="footer_nav_item_text"
|
||||
:class="[item.pagePath == path ? 'footer_item_text_active' : '']"
|
||||
:class="[item.pagePath == path ? 'footer_item_text_active' : '',index == 2 && item.pagePath == path ? 'redText' :'']"
|
||||
>{{ item.text }}</text
|
||||
>
|
||||
</view>
|
||||
@@ -216,6 +216,7 @@ export default {
|
||||
color: #7b7b7b;
|
||||
margin-top: 6rpx;
|
||||
}
|
||||
.footer_nav_item_text.redText{color: red;}
|
||||
|
||||
.footer_nav_item_text_active {
|
||||
color: #f9a633;
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
"appid" : "__UNI__C7475A8",
|
||||
"description" : "吴门医述",
|
||||
"networkTimeout" : {
|
||||
"request" : 3000
|
||||
"request" : 15000
|
||||
},
|
||||
"transformPx" : false,
|
||||
"icons" : [
|
||||
@@ -12,8 +12,8 @@
|
||||
"src" : "图片路径"
|
||||
}
|
||||
],
|
||||
"versionName" : "1.0.15",
|
||||
"versionCode" : 1015,
|
||||
"versionName" : "1.0.16",
|
||||
"versionCode" : 1016,
|
||||
"app-plus" : {
|
||||
"nvueCompiler" : "weex",
|
||||
"compatible" : {
|
||||
|
||||
@@ -1,7 +1,6 @@
|
||||
<template>
|
||||
<view class="richDetail">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
|
||||
<view
|
||||
scroll-x="true"
|
||||
class="detail_title video_box"
|
||||
@@ -28,13 +27,16 @@
|
||||
import $http from "@/config/requestConfig.js";
|
||||
import { mapState } from "vuex";
|
||||
export default {
|
||||
props: ["detailInfo", "dataList", "currentVideo"],
|
||||
props: ["detailInfo", "dataList", "currentVideo", "changeVideoLock"],
|
||||
components: {},
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
onLoad(options) {},
|
||||
onHide() {},
|
||||
mounted() {
|
||||
console.log('currentVideo播放列表收到的--',this.currentVideo)
|
||||
},
|
||||
computed: {
|
||||
...mapState(["userInfo"]),
|
||||
},
|
||||
@@ -47,8 +49,10 @@ export default {
|
||||
}
|
||||
},
|
||||
handleClick(data) {
|
||||
if(this.changeVideoLock){
|
||||
return
|
||||
}
|
||||
console.log("data at line 35:", data);
|
||||
|
||||
this.$emit("open", data);
|
||||
},
|
||||
|
||||
|
||||
@@ -1,13 +1,27 @@
|
||||
<template>
|
||||
<view class="container" style="background-color: #000; position: relative">
|
||||
<view style="width: 100%; height: 200px">
|
||||
<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>
|
||||
<view v-if="showCountDown" class="showCountDownd" style="">
|
||||
<view class="">
|
||||
<text class="nextText">{{secondCountDown}} 秒后播放下一个视频</text><br/>
|
||||
<view >
|
||||
<text class="cancelNext" @click="hideNextVideo">取消下一个</text>
|
||||
<!-- <text class="cancelNext" @click="replayVideo">重新播放</text> -->
|
||||
</view>
|
||||
<!-- <view class="cancelNext" @click="hideNextVideo">重新播放</view> -->
|
||||
</view>
|
||||
</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>
|
||||
<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"
|
||||
:change:replayVideoFlag="renderScript.receiveReplayVideoFlag"
|
||||
:change:isSetFirstTime="renderScript.receiveisSetFirstTime"
|
||||
:change:isfresh="renderScript.receiveIsfresh" :change:platform="renderScript.receiveplatform"
|
||||
:change:isChange="renderScript.receiveIsChange"
|
||||
@@ -29,6 +43,18 @@
|
||||
<div @tap="renderScript.emitopenShow" ref="videoContent5" v-show="false" class="videoContent5">
|
||||
打开视频提示
|
||||
</div>
|
||||
<div @tap="renderScript.emitLoadNextVideo" ref="videoContent6" v-show="false" class="videoContent6">
|
||||
播放下一条
|
||||
</div>
|
||||
<div @tap="renderScript.emitHideNextVideo" ref="videoContent7" v-show="false" class="videoContent7">
|
||||
隐藏播放下一条界面
|
||||
</div>
|
||||
<div @tap="renderScript.emitReplayVideoFlagFalse" ref="videoContent8" v-show="false" class="videoContent8">
|
||||
隐藏播放下一条界面
|
||||
</div>
|
||||
<div @tap="renderScript.emitUnlockChangeVideo" ref="videoContent9" v-show="false" class="videoContent9">
|
||||
释放切换键锁
|
||||
</div>
|
||||
<div class="fullScreenButton-container">
|
||||
<div :class="`prism-fullscreen-btn ${isFullScreen ? 'fullscreen' : ''}`"
|
||||
@tap="renderScript.changeVideoScreen"></div>
|
||||
@@ -45,9 +71,10 @@
|
||||
} from "vuex";
|
||||
|
||||
export default {
|
||||
props: ["currentVideo", "currentVideoList","videoTitle"],
|
||||
props: ["currentVideo", "currentVideoList", "videoTitle",'secondCountDown'],
|
||||
data() {
|
||||
return {
|
||||
reaquestFlag: false,
|
||||
show: false,
|
||||
platform: null,
|
||||
//当前是否是全屏模式
|
||||
@@ -56,8 +83,13 @@
|
||||
isChange: false,
|
||||
isControl: true,
|
||||
timer: null,
|
||||
replayVideoFlag:false,
|
||||
// secondCountDown: 5,
|
||||
showCountDown: false,
|
||||
playEndBlank:false,
|
||||
// videoTitle: "",
|
||||
videoList: [],
|
||||
replayVideoLock:false,// 重播操作锁
|
||||
firstTime: 0,
|
||||
options: {},
|
||||
playAuth: "",
|
||||
@@ -110,6 +142,42 @@
|
||||
},
|
||||
|
||||
methods: {
|
||||
replayVideo(){
|
||||
if(!this.replayVideoFlag){
|
||||
this.getLive(true, this.currentVideo)
|
||||
console.log('this.currentVideo',this.currentVideo.id);
|
||||
this.hideNextVideo()
|
||||
this.replayVideoFlag = true
|
||||
}
|
||||
},
|
||||
replayVideoFlagFalse(){
|
||||
console.log('复原replayVideoFlag',this.replayVideoFlag);
|
||||
this.replayVideoFlag = false
|
||||
},
|
||||
UnlockChangeVideo(){
|
||||
this.$emit('unlockChangeVideo')
|
||||
},
|
||||
hideNextVideo(){
|
||||
this.showCountDown = false
|
||||
this.playEndBlank = false
|
||||
this.$emit('hideNextVideo')
|
||||
},
|
||||
loadNextVideo() {
|
||||
this.playEndBlank = true
|
||||
var _list = [...this.currentVideoList]
|
||||
_list = _list.map(item => { return item.id})
|
||||
|
||||
var thisIndex = _list.findIndex(item=>{
|
||||
return item == this.currentVideo.id
|
||||
})
|
||||
console.log('播放列表',_list,this.currentVideo.id, thisIndex);
|
||||
if(thisIndex < this.currentVideoList.length-1){
|
||||
this.showCountDown = true
|
||||
this.$emit('startNextVideoCountDown')
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
openShow(data) {
|
||||
data.msg ? this.errorTxt = data.msg : '此设备暂不支持观看当前视频请移步到安卓手机进行学习'
|
||||
this.show = true;
|
||||
@@ -126,11 +194,13 @@
|
||||
this.isChange = false;
|
||||
},
|
||||
async changeVideo(data) {
|
||||
console.log('changeVideo+++++++++', data);
|
||||
this.currentTime = "";
|
||||
this.firstTime = 0;
|
||||
this.isSetFirstTime = false;
|
||||
this.isChange = false;
|
||||
await this.init(data, true);
|
||||
this.getLive(true, data)
|
||||
// await this.init(data, true);
|
||||
},
|
||||
screenChange(data) {
|
||||
console.log(
|
||||
@@ -163,7 +233,7 @@
|
||||
|
||||
this.videoId = this.options.video;
|
||||
console.log("这是苹果视屏id", this.videoId);
|
||||
await this.getLive(isChange);
|
||||
await this.getLive(isChange,this.options);
|
||||
},
|
||||
// 配置播放项
|
||||
async getData(data, isChange) {
|
||||
@@ -232,13 +302,25 @@
|
||||
uni.setStorageSync("videoOssList", JSON.stringify(list));
|
||||
},
|
||||
// 获取播放凭证
|
||||
async getLive(isChange) {
|
||||
async getLive(isChange, newVideoData) {
|
||||
console.log('获取播放凭证',newVideoData.id);
|
||||
if (this.reaquestFlag) {
|
||||
uni.showToast({
|
||||
title: '操作太快了,歇一下吧',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
this.reaquestFlag = true
|
||||
var that = this;
|
||||
this.isfresh = false;
|
||||
var data = {
|
||||
...this.options,
|
||||
};
|
||||
|
||||
if (isChange && newVideoData) {
|
||||
data = {
|
||||
...newVideoData,
|
||||
};
|
||||
}
|
||||
await $http
|
||||
.request({
|
||||
url: `sociology/course/checkVideo`,
|
||||
@@ -250,8 +332,11 @@
|
||||
},
|
||||
})
|
||||
.then(async (res) => {
|
||||
|
||||
this.reaquestFlag = false
|
||||
if (this.$platform == 'ios') {
|
||||
if (this.currentVideo.type == 1 && res.video.m3u8Url == null || this.currentVideo.type == 1 && res.video.m3u8Url == '') {
|
||||
if (this.currentVideo.type == 1 && res.video.m3u8Url == null || this.currentVideo
|
||||
.type == 1 && res.video.m3u8Url == '') {
|
||||
// 只存在私有加密
|
||||
this.show = true
|
||||
uni.showModal({
|
||||
@@ -292,6 +377,12 @@
|
||||
console.log("是否获取到初始播放值", data);
|
||||
|
||||
that.$forceUpdate();
|
||||
}).catch(e => {
|
||||
this.reaquestFlag = false
|
||||
uni.showToast({
|
||||
'title': '获取播放地址失败',
|
||||
icon: 'none'
|
||||
})
|
||||
});
|
||||
},
|
||||
|
||||
@@ -356,9 +447,11 @@
|
||||
<script module="renderScript" lang="renderjs">
|
||||
var videoData = null
|
||||
var _seconds = 0
|
||||
var ReplayVideoFlag = false
|
||||
var curStatus = null
|
||||
var diff = 0
|
||||
|
||||
var pauseTime = 0
|
||||
var myplayer = undefined
|
||||
import $ from 'jquery'
|
||||
export default {
|
||||
components: {
|
||||
@@ -398,11 +491,31 @@
|
||||
})
|
||||
|
||||
},
|
||||
receiveReplayVideoFlag(newValue, oldValue, ownerVm, vm) {
|
||||
console.log('newValue重新播放',newValue,myplayer);
|
||||
ReplayVideoFlag = newValue
|
||||
if(newValue){
|
||||
$('.videoContent8').click()
|
||||
// ReplayVideoFlag = newValue
|
||||
// // myplayer.replay()
|
||||
// $('.videoContent7').click()
|
||||
// myplayer.seek(0)
|
||||
// myplayer.play()
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
emitReplayVideoFlagFalse(event, ownerInstance) {
|
||||
ownerInstance.callMethod('replayVideoFlagFalse')
|
||||
},
|
||||
emitUnlockChangeVideo(event, ownerInstance) {
|
||||
ownerInstance.callMethod('UnlockChangeVideo')
|
||||
},
|
||||
async receiveFirstTime(newValue, oldValue, ownerVm, vm) {
|
||||
|
||||
},
|
||||
async receiveisSetFirstTime(newValue, oldValue, ownerVm, vm) {
|
||||
console.log('是否刚开始设置播放时间', newValue, this.firstTime, this.player);
|
||||
console.log('是否刚开始设置播放时间', newValue, this.firstTime, myplayer);
|
||||
},
|
||||
emitSetData(event, ownerInstance) {
|
||||
// var that = this;
|
||||
@@ -410,14 +523,22 @@
|
||||
time: _seconds,
|
||||
})
|
||||
},
|
||||
emitHideNextVideo(event, ownerInstance) {
|
||||
ownerInstance.callMethod('hideNextVideo')
|
||||
},
|
||||
emitLoadNextVideo(event, ownerInstance) {
|
||||
ownerInstance.callMethod('loadNextVideo')
|
||||
},
|
||||
emitopenShow(event, ownerInstance) {
|
||||
ownerInstance.callMethod('openShow',{msg:'播放出错啦!'})
|
||||
ownerInstance.callMethod('openShow', {
|
||||
msg: '播放出错啦!'
|
||||
})
|
||||
},
|
||||
// 全屏切换事件
|
||||
changeVideoScreen(event, ownerInstance) {
|
||||
var that = this;
|
||||
// this.$emit('changeScreenLoading',true)
|
||||
var status = this.player.fullscreenService.getIsFullScreen();
|
||||
var status = myplayer.fullscreenService.getIsFullScreen();
|
||||
console.log('this.$platform--------', this.platform);
|
||||
if (this.platform != 'ios') { // 改变按钮形态
|
||||
ownerInstance.callMethod('screenChange', {
|
||||
@@ -430,11 +551,11 @@
|
||||
console.log('恢复竖版');
|
||||
setTimeout(() => {
|
||||
plus.screen.lockOrientation("portrait-primary"); //锁死屏幕方向为竖屏
|
||||
this.player.fullscreenService.cancelFullScreen();
|
||||
myplayer.fullscreenService.cancelFullScreen();
|
||||
}, 100);
|
||||
}
|
||||
} else {
|
||||
this.player.fullscreenService.requestFullScreen();
|
||||
myplayer.fullscreenService.requestFullScreen();
|
||||
if (this.platform != 'ios') {
|
||||
setTimeout(() => {
|
||||
plus.screen.lockOrientation("landscape-primary");
|
||||
@@ -456,11 +577,10 @@
|
||||
// renderjs阿里云播放器引入与配置
|
||||
getLive() {
|
||||
console.log('这是这只只是666666:', this.firstTime, this.videoData)
|
||||
if (this.player) {
|
||||
this.player.dispose();
|
||||
|
||||
$('#url-player-test').empty();
|
||||
this.player = null;
|
||||
}
|
||||
|
||||
pauseTime = 0
|
||||
var fullScreenButtonComponent = Aliplayer.Component({
|
||||
/**
|
||||
* 初始函数,在new对象时调用
|
||||
@@ -487,21 +607,6 @@
|
||||
});
|
||||
$(el).find('.prism-time-display').after(this.$html);
|
||||
},
|
||||
ready: function(player, e) {
|
||||
// this.$html.hide()
|
||||
},
|
||||
/**
|
||||
* 隐藏广告
|
||||
*/
|
||||
play: function(player, e) {
|
||||
// this.$html.show();
|
||||
},
|
||||
/**
|
||||
* 显示广告
|
||||
*/
|
||||
pause: function(player, e) {
|
||||
// this.$html.show();
|
||||
},
|
||||
/**
|
||||
* 隐藏广告
|
||||
*/
|
||||
@@ -509,32 +614,22 @@
|
||||
this.$html.show();
|
||||
// this.$html.hide();
|
||||
},
|
||||
waiting: function(player, e) {
|
||||
// this.$html.hide()
|
||||
},
|
||||
timeupdate: function(player, e) {},
|
||||
error: function(player, e) {},
|
||||
/**
|
||||
* 显示广告
|
||||
*/
|
||||
ended: function(player, e) {
|
||||
}
|
||||
|
||||
});
|
||||
console.log('这是查看是否获取到hlstoken', this.videoData)
|
||||
// console.log('这是查看是否获取到hlstoken', this.videoData)
|
||||
var playerOptions = {
|
||||
id: "url-player-test",
|
||||
width: '100%', //容器的大小
|
||||
height: '100%', //容器的大小
|
||||
"qualitySort": "asc",
|
||||
"cover": "",
|
||||
"autoplay": true,
|
||||
"isLive": false,
|
||||
"rePlay": false,
|
||||
"playsinline": true,
|
||||
"controlBarVisibility": "hover",
|
||||
"useH5Prism": true,
|
||||
components: [
|
||||
{
|
||||
width: '100%', //容器的大小
|
||||
height: '100%', //容器的大小
|
||||
"qualitySort": "asc",
|
||||
"cover": "",
|
||||
"autoplay": true,
|
||||
"isLive": false,
|
||||
"rePlay": false,
|
||||
"playsinline": true,
|
||||
"controlBarVisibility": "hover",
|
||||
"useH5Prism": true,
|
||||
components: [{
|
||||
name: 'adComponent',
|
||||
type: fullScreenButtonComponent,
|
||||
args: [
|
||||
@@ -642,7 +737,7 @@
|
||||
source: this.videoData.m3u8Url,
|
||||
// "playConfig": {"EncryptType": "HLSEncryption"}
|
||||
}
|
||||
console.log('这是标准加密的视频');
|
||||
console.log('这是标准加密的视频', this.videoData.id, this.videoData.m3u8Url);
|
||||
}
|
||||
|
||||
} else {
|
||||
@@ -655,19 +750,44 @@
|
||||
|
||||
var player = new Aliplayer(playerOptions, function(player) {});
|
||||
this.player = player;
|
||||
console.log('是否拿到第一次初始值呢', this.platform, typeof this.firstTime, this.firstTime)
|
||||
myplayer = player;
|
||||
// console.log('myplayer------------',myplayer.loadByUrl('https://www.w3schools.com/html/movie.mp4'));
|
||||
// console.log('是否拿到第一次初始值呢', this.platform, typeof this.firstTime, this.firstTime)
|
||||
|
||||
player.on('ready', function() {
|
||||
console.log('播放器准备就绪,开始播放');
|
||||
player.play()
|
||||
$('.videoContent9').click()
|
||||
})
|
||||
player.on('play', function() {
|
||||
console.log('开始播放------');
|
||||
$('.videoContent7').click()
|
||||
if(pauseTime > 0){
|
||||
player.seek(pauseTime);
|
||||
}
|
||||
})
|
||||
player.one('canplay', function() {
|
||||
console.log('这是ios数据缓冲初次设置播放位置判断!!!!',videoData)
|
||||
// console.log('这是ios数据缓冲初次设置播放位置判断!!!!', videoData)
|
||||
// player.seek(20);
|
||||
// if(ReplayVideoFlag){
|
||||
// player.seek(0);
|
||||
// }else{
|
||||
var videoDurationTimes = parseInt(player.getDuration())
|
||||
// var firstTime = parseInt(player.getCurrentTime())
|
||||
console.log('视频总长度',parseInt(player.getDuration()),parseInt(player.getCurrentTime()));
|
||||
if(videoData.firstTime < videoDurationTimes){
|
||||
player.seek(videoData.firstTime);
|
||||
}else{
|
||||
player.seek(0);
|
||||
}
|
||||
//}
|
||||
})
|
||||
this.player.on('playing', function() {
|
||||
console.log('正在播放')
|
||||
myplayer.on('playing', function() {
|
||||
console.log('正在播放...')
|
||||
|
||||
})
|
||||
this.player.on('timeupdate', function() {
|
||||
|
||||
myplayer.on('timeupdate', function() {
|
||||
let that = this
|
||||
var _time = parseInt(player.getCurrentTime())
|
||||
curStatus = player.getStatus()
|
||||
@@ -683,12 +803,18 @@
|
||||
$('.videoContent1').click()
|
||||
}
|
||||
})
|
||||
this.player.on('ended', function() {
|
||||
myplayer.on('ended', function() {
|
||||
console.log('播放完毕');
|
||||
$('.videoContent2').click()
|
||||
$('.videoContent6').click()
|
||||
})
|
||||
player.on('pause', function() {
|
||||
pauseTime = parseInt(player.getCurrentTime())
|
||||
player.pause(true)
|
||||
console.log('触发暂停', pauseTime)
|
||||
})
|
||||
|
||||
this.player.on('error', function() {
|
||||
myplayer.on('error', function() {
|
||||
console.log('播放出错')
|
||||
$('.videoContent5').click()
|
||||
})
|
||||
@@ -719,15 +845,14 @@
|
||||
});
|
||||
|
||||
},
|
||||
receiveScreenType(newValue) {
|
||||
},
|
||||
receiveScreenType(newValue) {},
|
||||
async receiveIsfresh(newValue) {
|
||||
|
||||
console.log('是否走了刷新销毁方法:', this.player)
|
||||
if (this.player) {
|
||||
console.log('是否走了刷新销毁方法:', myplayer)
|
||||
if (myplayer) {
|
||||
// clearInterval(this.$store.state.videoTimer)
|
||||
// await this.setVideoTime();
|
||||
this.player.dispose();
|
||||
myplayer.dispose();
|
||||
}
|
||||
},
|
||||
async receiveplatform(newValue) {
|
||||
@@ -747,6 +872,24 @@
|
||||
receiveMsg(newValue, oldValue, ownerVm, vm) {
|
||||
//数据变化
|
||||
videoData = newValue
|
||||
if (videoData) {
|
||||
return
|
||||
console.log('切换后的播放数据videoData',videoData.type);
|
||||
if (videoData.type == 1) {
|
||||
if (videoData.m3u8Url != '' && videoData.m3u8Url != null) {
|
||||
// myplayer.source(videoData.m3u8Url)
|
||||
myplayer.loadByUrl(videoData.m3u8Url)
|
||||
console.log('切换走了吗?m3u8');
|
||||
} else {
|
||||
myplayer.replayByVidAndPlayAuth(videoData.videoId, videoData.playAuth)
|
||||
console.log('切换走了吗?私有加密');
|
||||
}
|
||||
} else {
|
||||
myplayer.loadByUrl(videoData.videoUrl)
|
||||
console.log('切换常规视频');
|
||||
}
|
||||
}
|
||||
// console.log('可能是切换视频', videoData, );
|
||||
},
|
||||
receiveWinWidth(newValue, oldValue, ownerVm, vm) {
|
||||
//数据变化
|
||||
@@ -764,7 +907,7 @@
|
||||
this.checkValue();
|
||||
}, 1000);
|
||||
} else {
|
||||
console.log('这是这只只是594:', this.firstTime, this.videoData)
|
||||
// console.log('这是这只只是594:', this.firstTime, this.videoData)
|
||||
this.getLive();
|
||||
}
|
||||
},
|
||||
@@ -799,6 +942,31 @@
|
||||
}
|
||||
</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:last-child{margin-left: 10rpx;} */
|
||||
.nextText{}
|
||||
.showCountDownd {
|
||||
box-sizing: border-box;
|
||||
height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.6);
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content:flex-end;
|
||||
color: #fff;
|
||||
font-size: 38rpx;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 0; right: 10rpx;
|
||||
z-index: 4;
|
||||
text{
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100vw;
|
||||
height: auto;
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
|
||||
<view
|
||||
class="contentBox curriculum_box"
|
||||
:style="`height:calc(100% - ${60 + statusBarHeight}px !important;${
|
||||
:style="`height:calc(100% - ${60 + statusBarHeight}px !important; overflow-x: hidden; ${
|
||||
isFullScreen ? 'background:#000' : ''
|
||||
}`"
|
||||
>
|
||||
@@ -16,8 +16,12 @@
|
||||
<common-video
|
||||
@changeScreen="changeScreen"
|
||||
@changeScreenLoading="changeScreenLoading"
|
||||
@hideNextVideo="hideNextVideo"
|
||||
@startNextVideoCountDown = "startNextVideoCountDown"
|
||||
@unlockChangeVideo="unlockChangeVideo"
|
||||
v-if="isfresh"
|
||||
ref="commonVideo"
|
||||
:secondCountDown="secondCountDown"
|
||||
:videoTitle="curriculumData.title"
|
||||
:currentVideo="currentVideo"
|
||||
:noRecored = "noRecored"
|
||||
@@ -26,7 +30,6 @@
|
||||
</common-video>
|
||||
<view style="height: 200px" v-else></view>
|
||||
</view>
|
||||
|
||||
<scroll-view
|
||||
:style="`height:calc(100% - 200px - 40rpx) ;`"
|
||||
scroll-y="true"
|
||||
@@ -53,6 +56,7 @@
|
||||
:currentVideo="currentVideo"
|
||||
:dataList="videoArray"
|
||||
@open="changeVideo"
|
||||
:changeVideoLock="changeVideoLock"
|
||||
>
|
||||
</common-curriculum-video>
|
||||
</view>
|
||||
@@ -115,11 +119,14 @@ export default {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
changeVideoLock:false, // 切换键锁
|
||||
isFullScreen: false,
|
||||
screenLoading: false,
|
||||
isfresh: false,
|
||||
currentCateIndex: 0,
|
||||
currentVideo: {},
|
||||
secondCountDown:10,
|
||||
countDownTimer:undefined,
|
||||
videoList: {},
|
||||
isOpenMp3: false,
|
||||
praise: "",
|
||||
@@ -207,22 +214,13 @@ export default {
|
||||
},
|
||||
beforeDestroy(){
|
||||
console.log('页面卸载')
|
||||
|
||||
// this.$nextTick(()=>{
|
||||
// this.$refs.commonVideo.handleEnd();
|
||||
|
||||
// })
|
||||
this.hideNextVideo()
|
||||
},
|
||||
onUnload(){
|
||||
// console.log('页面卸载')
|
||||
|
||||
// // this.$nextTick(()=>{
|
||||
// this.$refs.commonVideo.handleEnd();
|
||||
|
||||
// // })
|
||||
|
||||
},
|
||||
onHide() {
|
||||
// this.hideNextVideo()
|
||||
// this.showSearchList = false
|
||||
// this.searchList = []
|
||||
},
|
||||
@@ -233,7 +231,36 @@ export default {
|
||||
...mapState(["userInfo"]),
|
||||
},
|
||||
methods: {
|
||||
// 放大图片
|
||||
unlockChangeVideo(){
|
||||
this.changeVideoLock = false
|
||||
},
|
||||
startNextVideoCountDown(){
|
||||
this.secondCountDown = 10
|
||||
let that = this
|
||||
if(this.countDownTimer){
|
||||
clearInterval(this.countDownTimer)
|
||||
}
|
||||
this.countDownTimer = setInterval(()=>{
|
||||
this.secondCountDown -= 1
|
||||
if(this.secondCountDown == 0){
|
||||
// clearInterval(this.countDownTimer)
|
||||
// console.log('倒计时结束');
|
||||
that.hideNextVideo()
|
||||
console.log('切换之前的播放index是',this.currentCateIndex);
|
||||
// console.log('当前的播放列表',this.videoArray.length);
|
||||
// if(this.currentCateIndex < this.videoArray.length-1){
|
||||
this.currentCateIndex++
|
||||
console.log('切换之后的播放index是',this.currentCateIndex);
|
||||
that.changeVideo(this.videoArray[this.currentCateIndex])
|
||||
// }
|
||||
}
|
||||
},1000)
|
||||
},
|
||||
hideNextVideo(){
|
||||
console.log('父组件收到了取消加载-------------------');
|
||||
clearInterval(this.countDownTimer)
|
||||
this.countDownTimer = undefined
|
||||
},
|
||||
|
||||
//课程详情
|
||||
async gotoDetail(v, index) {
|
||||
@@ -267,6 +294,7 @@ export default {
|
||||
this.$forceUpdate();
|
||||
},
|
||||
initVideo() {
|
||||
this.changeVideoLock = true
|
||||
this.screenLoading = false;
|
||||
this.isfresh = false;
|
||||
this.$nextTick(() => {
|
||||
@@ -280,23 +308,34 @@ export default {
|
||||
});
|
||||
},
|
||||
changeVideo(data) {
|
||||
console.log("data at line 370:", data);
|
||||
if (data.id != this.currentVideo.id) {
|
||||
// handleEnd
|
||||
this.$refs.commonVideo.handleEnd();
|
||||
this.changeVideoLock = true
|
||||
if(this.countDownTimer){
|
||||
this.hideNextVideo()
|
||||
}
|
||||
|
||||
console.log("点击了点击了切换视频-----:", this.countDownTimer,data, );
|
||||
|
||||
if (data.id != this.currentVideo.id) {
|
||||
this.currentCateIndex = this.videoArray.findIndex(item => {
|
||||
return item.id == data.id
|
||||
})
|
||||
// handleEnd
|
||||
// this.$refs.commonVideo.handleEnd();
|
||||
setTimeout(() => {
|
||||
|
||||
// this.$refs.commonVideo.changeVideo(data);
|
||||
this.currentVideo = data;
|
||||
this.initVideo();
|
||||
this.isOpenMp3 = false;
|
||||
}, 500);
|
||||
} else {
|
||||
this.currentVideo = data;
|
||||
this.initVideo();
|
||||
this.isOpenMp3 = false;
|
||||
}
|
||||
// else {
|
||||
// this.currentVideo = data;
|
||||
// this.initVideo();
|
||||
// this.isOpenMp3 = false;
|
||||
// }
|
||||
|
||||
console.log("data at line 380111111111111111111:", data.type);
|
||||
// console.log("data at line 380111111111111111111:", data.type);
|
||||
},
|
||||
hancleModalCancel() {
|
||||
this.show = false;
|
||||
@@ -374,6 +413,7 @@ export default {
|
||||
isHaveHistorySeekVideo != -1 ? isHaveHistorySeekVideo : 0;
|
||||
if (that.videoArray.length > 0) {
|
||||
this.currentVideo = that.videoArray[that.currentCateIndex];
|
||||
console.log('默认播放的index',that.currentCateIndex, this.currentVideo.id,that.videoArray);
|
||||
this.initVideo();
|
||||
}
|
||||
var videoArray = [];
|
||||
|
||||
@@ -51,7 +51,7 @@
|
||||
align-items: center;
|
||||
" @click="isHideCourseInfo = !isHideCourseInfo">
|
||||
<view :class="`${isHideCourseInfo ? 'hidden2' : ''}`"
|
||||
style="width: calc(100% - 50rpx)" v-html="course.content">
|
||||
style="width: calc(100% - 50rpx); font-size: 30rpx;" v-html="course.content">
|
||||
</view>
|
||||
<text
|
||||
style="
|
||||
@@ -462,7 +462,47 @@
|
||||
fatherIndex: null,
|
||||
supportFlag: false,
|
||||
selectGoodsData: {},
|
||||
<<<<<<< .mine
|
||||
buyOptions: [],
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
=======
|
||||
|
||||
buyOptions: [
|
||||
// {
|
||||
// icon: 'chat',
|
||||
// text: '客服'
|
||||
// },
|
||||
// {
|
||||
// icon: 'shop',
|
||||
// text: '店铺',
|
||||
// // info: 2,
|
||||
// infoBackgroundColor: '#007aff',
|
||||
// infoColor: "#f5f5f5"
|
||||
// },
|
||||
// {
|
||||
// icon: 'cart',
|
||||
// text: '购物车',
|
||||
// info: 2
|
||||
// }
|
||||
],
|
||||
>>>>>>> .theirs
|
||||
customButtonGroup1: [{
|
||||
with: 200,
|
||||
text: "立即购买",
|
||||
@@ -689,10 +729,6 @@
|
||||
onHandleClickBuy(e) {
|
||||
console.log("this.selectGoodsData at line 589:", this.selectGoodsData);
|
||||
|
||||
// if (e.index == 0) {
|
||||
// this.handleClickClose();
|
||||
// }
|
||||
// if (e.index == 0) {
|
||||
var mynavData = JSON.stringify({
|
||||
goods: [this.selectGoodsData],
|
||||
typeId: 0,
|
||||
@@ -733,8 +769,13 @@
|
||||
if (res.code == 0) {
|
||||
this.getCourseDescriptionData();
|
||||
// this.$commonJS.showToast("");
|
||||
<<<<<<< .mine
|
||||
}
|
||||
|
||||
=======
|
||||
}
|
||||
|
||||
>>>>>>> .theirs
|
||||
this.$forceUpdate();
|
||||
});
|
||||
} else {
|
||||
@@ -761,7 +802,7 @@
|
||||
}
|
||||
|
||||
this.$forceUpdate();
|
||||
});
|
||||
})
|
||||
}
|
||||
},
|
||||
getUserInfo() {
|
||||
@@ -1946,6 +1987,7 @@
|
||||
}
|
||||
|
||||
.price {
|
||||
|
||||
// text-align: center;
|
||||
font-size: 26rpx;
|
||||
font-weight: bold;
|
||||
@@ -2235,7 +2277,7 @@
|
||||
/deep/.u-icon__icon--warning {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
/deep/.uni-tag{border-width: 2rpx !important;}
|
||||
/deep/.uni-section {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
@@ -16,17 +16,10 @@
|
||||
</view> -->
|
||||
<!-- -->
|
||||
|
||||
<view
|
||||
v-show="isShowAddress"
|
||||
class="order_top common_radius_box color_shandow goods_box address_box"
|
||||
@click="goToAddress"
|
||||
>
|
||||
<u-icon
|
||||
name="map-fill"
|
||||
color="#258feb"
|
||||
size="23"
|
||||
style="display: inline-block; margin-right: 10rpx"
|
||||
></u-icon>
|
||||
<view v-show="isShowAddress" class="order_top common_radius_box color_shandow goods_box address_box"
|
||||
@click="goToAddress">
|
||||
<u-icon name="map-fill" color="#258feb" size="23"
|
||||
style="display: inline-block; margin-right: 10rpx"></u-icon>
|
||||
<!-- <view class="curriulum_title_box goods_item"> -->
|
||||
|
||||
<view class="normal_box" v-if="addressData.consigneeName">
|
||||
@@ -44,23 +37,17 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<image
|
||||
src="@/static/icon/icon_right.png"
|
||||
class="rightArrow"
|
||||
style=""
|
||||
></image>
|
||||
<image src="@/static/icon/icon_right.png" class="rightArrow" style=""></image>
|
||||
</view>
|
||||
|
||||
<!-- </view> -->
|
||||
</view>
|
||||
|
||||
<view class="order_top common_radius_box color_shandow goods_box">
|
||||
<view
|
||||
class="curriulum_title_box goods_item"
|
||||
v-for="(v, i) in goodsDataList"
|
||||
>
|
||||
<view class="curriulum_title_box goods_item" v-for="(v, i) in goodsDataList">
|
||||
|
||||
<image v-if="v.productImages && v.productImages != ''" class="goods_item_img" :src="v.productImages" mode="aspectFit">
|
||||
<image v-if="v.productImages && v.productImages != ''" class="goods_item_img" :src="v.productImages"
|
||||
mode="aspectFit">
|
||||
</image>
|
||||
<image v-else src="/static/nobg1.jpg" mode="widthFix" @click="goDetail(item.productId)"></image>
|
||||
<view class="normal_box">
|
||||
@@ -93,34 +80,23 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="pay_box" style="margin-top: 20rpx">
|
||||
<view
|
||||
@click="openOrderModal(v)"
|
||||
class="curriulum_title_box goods_item pay_item"
|
||||
v-for="(v, i) in orderInfoList" :key="i"
|
||||
>
|
||||
<view @click="openOrderModal(v)" class="curriulum_title_box goods_item pay_item"
|
||||
v-for="(v, i) in orderInfoList">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<text> {{ v.text }}</text>
|
||||
</view>
|
||||
<view class="right" style="display: flex; align-items: center">
|
||||
<text
|
||||
style="
|
||||
<text style="
|
||||
float: left;
|
||||
text-align: right;
|
||||
color: #b0b0b0;
|
||||
font-size: 24rpx;
|
||||
display: inline-block;
|
||||
width: 200rpx;
|
||||
"
|
||||
:class="remark ? 'hidden1 hasRemark' : 'hidden1'"
|
||||
>
|
||||
{{ remark == "" ? v.placeholder : remark }}</text
|
||||
>
|
||||
<image
|
||||
src="@/static/icon/icon_right.png"
|
||||
class="rightArrow"
|
||||
style=""
|
||||
></image>
|
||||
" :class="remark ? 'hidden1 hasRemark' : 'hidden1'">
|
||||
{{ remark == "" ? v.placeholder : remark }}</text>
|
||||
<image src="@/static/icon/icon_right.png" class="rightArrow" style=""></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -138,33 +114,18 @@
|
||||
<view class="order_top common_radius_box color_shandow goods_box pay_box">
|
||||
<view class="title">价格明细</view>
|
||||
|
||||
<view
|
||||
class="curriulum_title_box goods_item pay_item"
|
||||
v-for="(v, i) in priceBreakdownList" :key="i"
|
||||
>
|
||||
<view class="curriulum_title_box goods_item pay_item" v-for="(v, i) in priceBreakdownList">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<image
|
||||
v-if="v.imgUrl"
|
||||
class="pay_item_img"
|
||||
:src="v.imgUrl"
|
||||
mode="aspectFil"
|
||||
:style="v.style"
|
||||
>
|
||||
<image v-if="v.imgUrl" class="pay_item_img" :src="v.imgUrl" mode="aspectFil"
|
||||
:style="v.style">
|
||||
</image>
|
||||
<u-icon
|
||||
v-if="v.icon"
|
||||
name="map-fill"
|
||||
color="#018F89"
|
||||
size="23"
|
||||
style="display: inline-block"
|
||||
></u-icon>
|
||||
<u-icon v-if="v.icon" name="map-fill" color="#018F89" size="23"
|
||||
style="display: inline-block"></u-icon>
|
||||
|
||||
<text> {{ v.text }}</text
|
||||
><template v-if="v.type == 3">
|
||||
<text> {{ v.text }}</text><template v-if="v.type == 3">
|
||||
<text style="color: #aaa; margin-left: 10rpx">
|
||||
(全部积分:{{ initData.user.jf }})</text
|
||||
>
|
||||
(全部积分:{{ initData.user.jf }})</text>
|
||||
</template>
|
||||
</view>
|
||||
<view class="right">
|
||||
@@ -173,8 +134,7 @@
|
||||
<text>
|
||||
¥{{
|
||||
isShowAddress ? freightNum.toFixed(2) : Number(0).toFixed(2)
|
||||
}}</text
|
||||
>
|
||||
}}</text>
|
||||
</template>
|
||||
<template v-if="v.type == 3">
|
||||
<text style="color: #fe6035"> -¥{{ jfNumberShow }}</text>
|
||||
@@ -184,20 +144,10 @@
|
||||
|
||||
<view class="bottom jf_box" v-if="v.type == 3">
|
||||
<view class="jf_box">
|
||||
<text style="color: #258feb; font-weight: 600"
|
||||
>可用积分({{ jfNumberMax }}分)</text
|
||||
>
|
||||
<text style="color: #258feb; font-weight: 600">可用积分({{ jfNumberMax }}分)</text>
|
||||
<view class="jf_input">
|
||||
<u--input
|
||||
type="number"
|
||||
@input="handleChangejf"
|
||||
@clear="jfNumber = 0"
|
||||
:max="jfNumberMax"
|
||||
v-model="jfNumber"
|
||||
placeholder="请输入积分"
|
||||
border="surround"
|
||||
clearable
|
||||
></u--input>
|
||||
<u--input type="number" @input="handleChangejf" @clear="jfNumber = 0" :max="jfNumberMax"
|
||||
v-model="jfNumber" placeholder="请输入积分" border="surround" clearable></u--input>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -213,134 +163,76 @@
|
||||
<view class="order_top common_radius_box color_shandow goods_box pay_box">
|
||||
<view class="title">支付方式</view>
|
||||
<template v-if="isAndorid || !isAndorid && !haveCourse">
|
||||
<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>
|
||||
<!-- ios 支付列表 -->
|
||||
<template v-else>
|
||||
<view
|
||||
class="curriulum_title_box goods_item pay_item"
|
||||
v-for="(v, i) in payListIOS"
|
||||
>
|
||||
<view class="curriulum_title_box goods_item pay_item" v-for="(v, i) in payListIOS">
|
||||
<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>
|
||||
<template v-if="beizhuShow">
|
||||
<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="#018F89"
|
||||
size="20"
|
||||
style="display: inline-block; margin-right: 10rpx"
|
||||
></u-icon>
|
||||
<u-icon name="error-circle" color="#018F89" size="20"
|
||||
style="display: inline-block; margin-right: 10rpx"></u-icon>
|
||||
确保您的天医币足够支付
|
||||
</view>
|
||||
|
||||
<text
|
||||
class="fdButtonBox aui-text-danger fdButtonBoxRed"
|
||||
style="float: right"
|
||||
@click="
|
||||
<text class="fdButtonBox aui-text-danger fdButtonBoxRed" style="float: right" @click="
|
||||
onPageJump('/pages/mine/wallet/recharge/index?source=order')
|
||||
"
|
||||
>立即充值</text
|
||||
>
|
||||
">立即充值</text>
|
||||
</view>
|
||||
|
||||
<view class="other_info" style="margin-top: 12rpx">
|
||||
@@ -348,9 +240,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账户支付
|
||||
@@ -363,21 +253,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>
|
||||
@@ -385,15 +268,10 @@
|
||||
</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>
|
||||
|
||||
@@ -422,17 +300,11 @@
|
||||
-->
|
||||
</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="number">共{{ number }}件</text>
|
||||
<text class="price"
|
||||
>合计:
|
||||
<view class="price_box order_bottom_box"><text class="number">共{{ number }}件</text>
|
||||
<text class="price">合计:
|
||||
|
||||
<text class="total">¥{{ actualPayment }}</text>
|
||||
</text>
|
||||
@@ -453,49 +325,28 @@
|
||||
@cancel="hancleModalCancel"
|
||||
></u-modal> -->
|
||||
<u-popup :show="show" mode="right">
|
||||
<common-address
|
||||
backState="3000"
|
||||
ref="commonAddress"
|
||||
@fresh="handleFresh"
|
||||
@selectAddress="selectAddress"
|
||||
></common-address
|
||||
></u-popup>
|
||||
<common-address backState="3000" ref="commonAddress" @fresh="handleFresh"
|
||||
@selectAddress="selectAddress"></common-address></u-popup>
|
||||
<!-- @close="closeOrderModalShow" -->
|
||||
<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>
|
||||
<view v-if="orderModalShowInfo.type == 'remark'">
|
||||
<view class="order_top common_radius_box goods_box">
|
||||
<view class="curriulum_title_box goods_item">
|
||||
<view class="title">订单备注</view>
|
||||
<u--textarea
|
||||
v-model="content"
|
||||
placeholder="选填:给商家留言"
|
||||
count
|
||||
class="textarea"
|
||||
></u--textarea>
|
||||
<u--textarea v-model="content" placeholder="选填:给商家留言" count class="textarea"></u--textarea>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="goods_nav_box">
|
||||
<uni-goods-nav
|
||||
:fill="true"
|
||||
:options="[]"
|
||||
:button-group="customButtonGroup1"
|
||||
@click="onHandleClickBuy"
|
||||
@buttonClick="onHandleClickBuy"
|
||||
/>
|
||||
<uni-goods-nav :fill="true" :options="[]" :button-group="customButtonGroup1"
|
||||
@click="onHandleClickBuy" @buttonClick="onHandleClickBuy" />
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
@@ -505,10 +356,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 {
|
||||
components: {
|
||||
courseDescription, //课程说明
|
||||
@@ -571,8 +430,7 @@ export default {
|
||||
},
|
||||
selectPayIndex: 1,
|
||||
farePrice: 0,
|
||||
payList: [
|
||||
{
|
||||
payList: [{
|
||||
text: "支付宝",
|
||||
imgUrl: require("@/static/icon/pay_1.png"),
|
||||
type: 2,
|
||||
@@ -591,29 +449,25 @@ export default {
|
||||
value: "2",
|
||||
},
|
||||
],
|
||||
payListIOS: [
|
||||
{
|
||||
payListIOS: [{
|
||||
text: "天医币",
|
||||
imgUrl: require("@/static/icon/pay_3.png"),
|
||||
type: 4,
|
||||
value: "2",
|
||||
},
|
||||
],
|
||||
}, ],
|
||||
priceBreakdownList: [],
|
||||
orderInfoList: [
|
||||
{
|
||||
orderInfoList: [{
|
||||
text: "订单备注",
|
||||
placeholder: "点击填写订单备注",
|
||||
imgUrl: "",
|
||||
type: "remark",
|
||||
},
|
||||
],
|
||||
}, ],
|
||||
number: 1,
|
||||
detailInfo: {},
|
||||
content: "",
|
||||
remark: "",
|
||||
iconList: [],
|
||||
|
||||
buyingFlag: false, // 购买进行中flag
|
||||
swiperList: [],
|
||||
options: {},
|
||||
relatedCoursesList: [], //相关课程
|
||||
@@ -635,8 +489,7 @@ export default {
|
||||
initData: {},
|
||||
taiHuClassInfo: {},
|
||||
searchValue: "",
|
||||
teachingList: [
|
||||
{
|
||||
teachingList: [{
|
||||
title: "临床实践",
|
||||
|
||||
type: "02",
|
||||
@@ -686,22 +539,18 @@ export default {
|
||||
addressList: "common/userAddress/getUserAddress",
|
||||
freightNum: "book/buyOrder/calculateTransportPrice", //运费
|
||||
},
|
||||
customButton: [
|
||||
{
|
||||
customButton: [{
|
||||
width: "340rpx",
|
||||
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",
|
||||
},
|
||||
],
|
||||
}, ],
|
||||
haveCourse: false, // 结算队列是否有课程类型的商品
|
||||
isAndorid: null, //操作系统
|
||||
beizhuShow: false, // 是否显示天医币说明?
|
||||
@@ -802,8 +651,7 @@ export default {
|
||||
value = this.jfNumberMax;
|
||||
|
||||
this.$forceUpdate();
|
||||
} else {
|
||||
}
|
||||
} else {}
|
||||
// value = value.replace(/[^\d]/g, "");
|
||||
this.jfNumber = Number(value);
|
||||
this.jfNumberShow = this.jfNumber.toFixed(2);
|
||||
@@ -841,8 +689,7 @@ export default {
|
||||
},
|
||||
// 获取订单初始话
|
||||
async initPrepareOrder() {
|
||||
this.priceBreakdownList = [
|
||||
{
|
||||
this.priceBreakdownList = [{
|
||||
text: "商品总价",
|
||||
imgUrl: "",
|
||||
type: 1,
|
||||
@@ -1081,6 +928,14 @@ export default {
|
||||
}
|
||||
},
|
||||
async goBuyJie() {
|
||||
if (this.buyingFlag) {
|
||||
uni.showToast({
|
||||
title: '操作太频繁了,休息下吧',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
this.buyingFlag = true
|
||||
var that = this;
|
||||
// if (this.addressList.length == 0) {
|
||||
// this.dizhiShow = true // 如果没有地址信息
|
||||
@@ -1138,8 +993,7 @@ export default {
|
||||
};
|
||||
}), //订单列表商品
|
||||
orderType: "order", //订单类型
|
||||
addressId:
|
||||
this.options.goods[0].goodsType != "05" ? this.addressData.id : 0, // 地址ID
|
||||
addressId: this.options.goods[0].goodsType != "05" ? this.addressData.id : 0, // 地址ID
|
||||
appName: "wumen",
|
||||
come: "2",
|
||||
};
|
||||
@@ -1174,8 +1028,7 @@ export default {
|
||||
title: "正在支付",
|
||||
icon: "loading",
|
||||
});
|
||||
await setPay(
|
||||
{
|
||||
await setPay({
|
||||
typePay: "alipay",
|
||||
subject: "order",
|
||||
totalAmount: res.money,
|
||||
@@ -1189,6 +1042,7 @@ export default {
|
||||
});
|
||||
console.log(res, "支付支付");
|
||||
if (res.success) {
|
||||
this.buyingFlag = false
|
||||
uni.showToast({
|
||||
title: "支付成功",
|
||||
});
|
||||
@@ -1208,7 +1062,7 @@ export default {
|
||||
}, 1000);
|
||||
} else {
|
||||
console.log("失败失败失败");
|
||||
|
||||
this.buyingFlag = false
|
||||
// that.$commonJS.showToast('支付是失败')
|
||||
setTimeout(() => {
|
||||
console.log("延迟调用 失败提示");
|
||||
@@ -1237,6 +1091,7 @@ export default {
|
||||
};
|
||||
setWXPay(data1, (res) => {
|
||||
if (res.success) {
|
||||
this.buyingFlag = false
|
||||
uni.showToast({
|
||||
title: "支付成功",
|
||||
});
|
||||
@@ -1256,6 +1111,7 @@ export default {
|
||||
}
|
||||
}, 1000);
|
||||
} else {
|
||||
this.buyingFlag = false
|
||||
console.log(res, "微信支付111111111111111");
|
||||
if (res.data.errMsg.indexOf("User canceled") != -1) {
|
||||
uni.showToast({
|
||||
@@ -1273,6 +1129,7 @@ export default {
|
||||
}
|
||||
});
|
||||
} else if (this.payType == 4) {
|
||||
this.buyingFlag = false
|
||||
// 天医币支付
|
||||
uni.showToast({
|
||||
title: "购买成功",
|
||||
@@ -1296,7 +1153,9 @@ export default {
|
||||
},
|
||||
|
||||
radioChange(index) {
|
||||
if(index == this.selectPayIndex){ return }
|
||||
if (index == this.selectPayIndex) {
|
||||
return
|
||||
}
|
||||
this.selectPayIndex = index;
|
||||
this.selectPayIndex == 2 ? this.beizhuShow = true : this.beizhuShow = false
|
||||
this.payType = this.payList[this.selectPayIndex].type;
|
||||
@@ -1354,8 +1213,7 @@ export default {
|
||||
}
|
||||
this.modalInfo = {
|
||||
title: "提示信息",
|
||||
content:
|
||||
"用户您好,该课程已到期,通过支付" +
|
||||
content: "用户您好,该课程已到期,通过支付" +
|
||||
fee +
|
||||
"元,本门课程可获得" +
|
||||
days +
|
||||
@@ -1570,8 +1428,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
|
||||
@@ -1716,7 +1573,9 @@ export default {
|
||||
transformData(inputData) {
|
||||
const result = {};
|
||||
inputData.forEach((item) => {
|
||||
const { letter } = item;
|
||||
const {
|
||||
letter
|
||||
} = item;
|
||||
if (!result[letter]) {
|
||||
result[letter] = [];
|
||||
}
|
||||
@@ -1886,6 +1745,7 @@ export default {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "@/style/mixin.scss";
|
||||
|
||||
.order_box {
|
||||
padding: 20rpx;
|
||||
|
||||
@@ -1981,7 +1841,7 @@ export default {
|
||||
}
|
||||
|
||||
.commonDetailPage {
|
||||
font-size: 24rpx;
|
||||
font-size: 28rpx;
|
||||
padding-bottom: 150rpx !important;
|
||||
}
|
||||
|
||||
@@ -2153,8 +2013,7 @@ font-size: 24rpx;
|
||||
// color: #aaa;
|
||||
color: #5a5a5a;
|
||||
|
||||
.explain {
|
||||
}
|
||||
.explain {}
|
||||
}
|
||||
|
||||
.left {
|
||||
|
||||
@@ -38,31 +38,6 @@
|
||||
>退出登录</u-button
|
||||
>
|
||||
</view>
|
||||
|
||||
<!-- <view class="set_box" style="margin-top:20rpx">
|
||||
<list :dataList="otherList" @hancleClick="handleClickRightContent" label="title">
|
||||
|
||||
|
||||
<template slot="rightSlot" slot-scope="slotProps">
|
||||
|
||||
|
||||
|
||||
|
||||
<text class="fdButtonBox aui-text-success">{{ slotProps.row.content }}</text>
|
||||
|
||||
|
||||
|
||||
<view>
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
</template>
|
||||
</list>
|
||||
|
||||
|
||||
|
||||
</view> -->
|
||||
</view>
|
||||
|
||||
<u-modal
|
||||
@@ -73,10 +48,19 @@
|
||||
@confirm="signOut"
|
||||
>
|
||||
</u-modal>
|
||||
<u-popup key="1" v-if="showCodeImg" :show="showCodeImg" :round="10" @close="closePup">
|
||||
<view class="box6">
|
||||
<text style="color: #999; margin-bottom: 20rpx;">点击图片后长按图片保存到手机,或使用微信扫描二维码添加客服企业微信</text>
|
||||
<image @click="previewImage('/static/qiyeWx.jpg')" src="/static/qiyeWx.jpg" mode="widthFix" style="width: 100px; height: 100px; margin: 0 auto;"></image>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// #ifdef APP-PLUS
|
||||
import updata from "@/uni_modules/uni-upgrade-center-app/utils/check-update";
|
||||
// #endif
|
||||
import list from "@/pages/component/commonComponents/list";
|
||||
import $http from "@/config/requestConfig.js";
|
||||
|
||||
@@ -92,7 +76,7 @@ export default {
|
||||
playData: {},
|
||||
options: {},
|
||||
searchValue: "",
|
||||
|
||||
showCodeImg:false,
|
||||
twoCateList: [], // 二级分类标题
|
||||
titleList: [], // 方剂标题
|
||||
curOneCateIndex: 0, // 当前选中的一级分类
|
||||
@@ -117,11 +101,15 @@ export default {
|
||||
type: "email",
|
||||
},
|
||||
{
|
||||
title: "微信号",
|
||||
content: "yilujiankangkefu",
|
||||
title: "企业微信",
|
||||
content: "",
|
||||
type: "wxNumber",
|
||||
},
|
||||
|
||||
{
|
||||
title: "版本检测",
|
||||
content: "",
|
||||
type: "checkVersion",
|
||||
},
|
||||
// {
|
||||
|
||||
// "title": "清楚缓存",
|
||||
@@ -161,6 +149,9 @@ export default {
|
||||
},
|
||||
methods: {
|
||||
...mapMutations(["setUserInfo"]),
|
||||
closePup(){
|
||||
this.showCodeImg = false
|
||||
},
|
||||
signOut() {
|
||||
this.signShow = false;
|
||||
this.setUserInfo({ token: null });
|
||||
@@ -217,7 +208,11 @@ export default {
|
||||
this.$commonJS.handleCopy(row.content, row.title);
|
||||
break;
|
||||
case "wxNumber":
|
||||
this.$commonJS.handleCopy(row.content, row.title);
|
||||
this.showCodeImg = true
|
||||
// this.$commonJS.handleCopy(row.content, row.title);
|
||||
break;
|
||||
case "checkVersion":
|
||||
this.getNewVersion()
|
||||
break;
|
||||
case "pageJump":
|
||||
uni.navigateTo({
|
||||
@@ -228,25 +223,7 @@ export default {
|
||||
//
|
||||
}
|
||||
},
|
||||
// 检查是有权限使用搜索功能
|
||||
checkDisable() {
|
||||
console.log("点击了");
|
||||
},
|
||||
// 显示无权限弹窗
|
||||
// showNoRights() {
|
||||
// let that = this
|
||||
// uni.showModal({
|
||||
// content: "",
|
||||
// confirmText: '好的',
|
||||
// showCancel: false,
|
||||
// success: function(res) {
|
||||
// if (res.confirm) {
|
||||
// // console.log('用户点击确定');
|
||||
// that.clear()
|
||||
// }
|
||||
// }
|
||||
// })
|
||||
// },
|
||||
|
||||
// 获取用户详情
|
||||
getUserInfo() {
|
||||
// 用户详情
|
||||
@@ -258,6 +235,19 @@ export default {
|
||||
});
|
||||
}
|
||||
},
|
||||
// 版本检测
|
||||
async getNewVersion(){
|
||||
// #ifdef APP-PLUS
|
||||
var info = await updata();
|
||||
console.log('info',JSON.stringify(info))
|
||||
if(info.result.code == 0){
|
||||
uni.showToast({
|
||||
title:info.result.message,
|
||||
icon:'none'
|
||||
})
|
||||
}
|
||||
// #endif
|
||||
},
|
||||
// 详情
|
||||
gotoDetail(v) {
|
||||
console.log(v);
|
||||
@@ -402,27 +392,6 @@ export default {
|
||||
async setOneCateIndex(item, index) {
|
||||
console.log(index, 99999);
|
||||
var that = this;
|
||||
|
||||
// if(this.userMes.tgdzPower == 0){
|
||||
// let that = this
|
||||
// uni.showModal({
|
||||
// content: "购买 针灸六经法要上册和下册 后方可使用此功能",
|
||||
// confirmText: '好的',
|
||||
// showCancel: false,
|
||||
// success: function(res) {
|
||||
// if (res.confirm) {
|
||||
// // console.log('用户点击确定');
|
||||
// }
|
||||
// }
|
||||
// })
|
||||
// return
|
||||
// }
|
||||
// if(item.title == "时辰取穴"){
|
||||
// uni.navigateTo({
|
||||
// url: "../timeAcupoint/timeAcupoint"
|
||||
// })
|
||||
// return
|
||||
// }
|
||||
let type = item.type;
|
||||
this.curOneCateIndex = index;
|
||||
this.curTwoCateIndex = 0;
|
||||
@@ -432,15 +401,6 @@ export default {
|
||||
// if (index != 2) {
|
||||
await this.getTowCateList(type);
|
||||
|
||||
// uni.createSelectorQuery().select('.oneCateList').boundingClientRect(function (rect) {
|
||||
// var height = rect.height
|
||||
// console.log('元素高度:',);
|
||||
|
||||
// }).exec();
|
||||
|
||||
// } else {
|
||||
// this.getJFList(dictType)
|
||||
// }
|
||||
},
|
||||
async getTowCateList(type) {
|
||||
var that = this;
|
||||
@@ -450,11 +410,8 @@ export default {
|
||||
method: "POST", // POST、GET、PUT、DELETE,具体说明查看官方文档
|
||||
data: {
|
||||
loadAnimate: "none", // 请求加载动画
|
||||
// 'categoryId': id
|
||||
},
|
||||
// header: { //默认 无 说明:请求头
|
||||
// 'Content-Type': 'application/json'
|
||||
// },
|
||||
|
||||
})
|
||||
.then((res) => {
|
||||
console.log(res, "二级分类获取成功");
|
||||
@@ -511,15 +468,6 @@ export default {
|
||||
this.getTitles(this.twoCateList[0].dictType);
|
||||
|
||||
this.$nextTick(async () => {
|
||||
// await uni.createSelectorQuery().select('.uni-tabbar').boundingClientRect(function (rect) {
|
||||
// console.log(rect.height, '3333')
|
||||
|
||||
// // var height = 42 + rect.height + 10;
|
||||
// // that.scrollViewHeight = height;
|
||||
// // console.log(that.scrollViewHeight, '111111')
|
||||
// // that.$forceUpdate()
|
||||
// // console.log('元素高度2:', height);
|
||||
// }).exec();
|
||||
await uni
|
||||
.createSelectorQuery()
|
||||
.select(".cateList")
|
||||
@@ -557,156 +505,31 @@ export default {
|
||||
// const finalResult = Object.keys(result).map(key => ({ [key]: result[key] }));
|
||||
return result;
|
||||
},
|
||||
// getJFList(id) {
|
||||
// $http.request({
|
||||
// url: "book/prescript/prescriptListForJF",
|
||||
// method: "POST", // POST、GET、PUT、DELETE,具体说明查看官方文档
|
||||
// data: {
|
||||
// loadAnimate: 'none', // 请求加载动画
|
||||
// 'categoryId': id
|
||||
// },
|
||||
// header: { //默认 无 说明:请求头
|
||||
// 'Content-Type': 'application/json'
|
||||
// },
|
||||
// }).then(res => {
|
||||
// if (res.code == 0 && res.list.length > 0) {
|
||||
// this.twoCateList = []
|
||||
// this.titleList = this.transformData(res.list)
|
||||
// console.log('JF经方', this.titleList)
|
||||
// } else {
|
||||
// this.twoCateList = []
|
||||
// this.titleList = []
|
||||
// }
|
||||
// }).catch(e => {
|
||||
// this.twoCateList = []
|
||||
// this.titleList = []
|
||||
// console.log(e)
|
||||
// })
|
||||
// },
|
||||
|
||||
getCateList(id) {
|
||||
id ? "" : (id = 0);
|
||||
this.twoCateList = [];
|
||||
this.curTwoCateIndex = 0;
|
||||
// 0为获取顶级分类,其他为搜索下级分类,目前的逻辑,顶级是写死的,所以可能只会涉及到搜索第二级
|
||||
// $http.request({
|
||||
// url: "book/prescript/prescriptCategoryList",
|
||||
// method: "POST", // POST、GET、PUT、DELETE,具体说明查看官方文档
|
||||
// data: {
|
||||
// loadAnimate: 'none', // 请求加载动画
|
||||
// 'categoryId': id
|
||||
// },
|
||||
// header: { //默认 无 说明:请求头
|
||||
// 'Content-Type': 'application/json'
|
||||
// },
|
||||
// }).then(res => {
|
||||
// console.log(res, '脉穴分类获取成功')
|
||||
// if (res.code == 0 && res.list.length > 0) {
|
||||
// this.oneCateList = res.list
|
||||
|
||||
this.getTowCateList(this.oneCateList[0].type);
|
||||
// } else {
|
||||
// this.oneCateList = []
|
||||
// }
|
||||
// }).catch(e => {
|
||||
// this.oneCateList = []
|
||||
// console.log(e)
|
||||
// })
|
||||
|
||||
},
|
||||
|
||||
// 放大图片
|
||||
previewImage(url) {
|
||||
console.log(url);
|
||||
this.showCodeImg = false
|
||||
uni.previewImage({
|
||||
urls: [url],
|
||||
longPressActions: {
|
||||
itemList: ["很抱歉,暂不支持保存图片到本地"],
|
||||
success: function (res) {
|
||||
// console.log(res,'+++++')
|
||||
},
|
||||
},
|
||||
// longPressActions: {
|
||||
// itemList: ["很抱歉,暂不支持保存图片到本地"],
|
||||
// success: function (res) {
|
||||
// // console.log(res,'+++++')
|
||||
// },
|
||||
// },
|
||||
});
|
||||
},
|
||||
// getSearch() {
|
||||
// $http.request({
|
||||
// url: "book/prescript/searchPrescript",
|
||||
// method: "POST", // POST、GET、PUT、DELETE,具体说明查看官方文档
|
||||
// data: {
|
||||
// loadAnimate: 'none', // 请求加载动画
|
||||
// 'keywords': this.searchValue,
|
||||
// type: this.curOneCateIndex + 1
|
||||
// },
|
||||
// header: { //默认 无 说明:请求头
|
||||
// 'Content-Type': 'application/json'
|
||||
// },
|
||||
// }).then(res => {
|
||||
// console.log(res, '搜索结果')
|
||||
// if (res.code == 0 && res.list.length >= 0) {
|
||||
// this.showSearchList = true
|
||||
// this.searchList = res.list
|
||||
// } else {
|
||||
// this.searchList = []
|
||||
// }
|
||||
// }).catch(e => {
|
||||
// // this.titleList = []
|
||||
// this.searchList = []
|
||||
// console.log(e)
|
||||
// })
|
||||
// },
|
||||
// search(res) {
|
||||
// console.log(res, 'res')
|
||||
// // uni.showToast({
|
||||
// // title: '搜索:' + res,
|
||||
// // icon: 'none'
|
||||
// // })
|
||||
// if (res == '') {
|
||||
// this.showSearchList = false
|
||||
// this.searchList = []
|
||||
// } else {
|
||||
// this.getSearch()
|
||||
// }
|
||||
|
||||
// },
|
||||
// input(res) {
|
||||
// console.log('----input:', res)
|
||||
// if (res == '') {
|
||||
// this.searchList = []
|
||||
// } else {
|
||||
// this.getSearch()
|
||||
// }
|
||||
// },
|
||||
// clear(res) {
|
||||
// console.log('----clear:', res)
|
||||
// // uni.showToast({
|
||||
// // title: 'clear事件,清除值为:',
|
||||
// // icon: 'none'
|
||||
// // })
|
||||
// this.searchValue = ''
|
||||
// this.showSearchList = false
|
||||
// },
|
||||
// blur(res) {
|
||||
// // console.log('----blur:', res)
|
||||
// // if (res == '') {
|
||||
// // this.showSearchList = false
|
||||
// // this.searchList = []
|
||||
// // } else {
|
||||
// // this.getSearch()
|
||||
// // }
|
||||
// },
|
||||
// focus(e) {
|
||||
// console.log('----focus:')
|
||||
// // uni.showToast({
|
||||
// // title: 'focus事件,输出值为:' + e.value,
|
||||
// // icon: 'none'
|
||||
// // })
|
||||
// // 等于1 就是有权限
|
||||
// // this.showSearchList = true
|
||||
|
||||
// },
|
||||
// cancel(res) {
|
||||
// uni.showToast({
|
||||
// title: '点击取消,输入值为:' + res.value,
|
||||
// icon: 'none'
|
||||
// })
|
||||
// }
|
||||
},
|
||||
onBackPress() {
|
||||
// #ifdef APP-PLUS
|
||||
@@ -719,6 +542,79 @@ export default {
|
||||
<style lang="scss" scoped>
|
||||
@import "@/style/common.scss";
|
||||
|
||||
.box6 {
|
||||
padding: 20rpx;
|
||||
text-align: center;
|
||||
|
||||
.title {
|
||||
font-size: 28rpx;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.list {
|
||||
padding: 0 10px;
|
||||
padding-bottom: 20rpx;
|
||||
|
||||
.item {
|
||||
font-size: 26rpx;
|
||||
color: #333;
|
||||
margin-bottom: 10rpx;
|
||||
padding-top:20rpx ;
|
||||
padding-bottom:20rpx ;
|
||||
line-height:40rpx;
|
||||
border-radius: 50rpx;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
|
||||
.item.active {
|
||||
color: $themeColor;
|
||||
border: 1px solid $themeColor;
|
||||
}
|
||||
|
||||
.item:last-child {
|
||||
// border-bottom: none
|
||||
}
|
||||
}
|
||||
|
||||
.tbn {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.buybtn { padding: 0 20rpx;
|
||||
background-color: #00d8df;
|
||||
margin: 0;
|
||||
margin-right: 20rpx;
|
||||
|
||||
text {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.saveBtnss {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 80rpx;
|
||||
|
||||
// width: 46%;
|
||||
overflow: hidden;
|
||||
border-radius: 50rpx;
|
||||
|
||||
text {
|
||||
padding-left: 10rpx;
|
||||
font-size: 28rpx;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.gouwuche {
|
||||
border: 1px solid #666;
|
||||
padding-right: 20rpx;
|
||||
|
||||
text {
|
||||
// color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
.u-grid-list {
|
||||
// height: 40rpx;
|
||||
}
|
||||
|
||||
@@ -6,6 +6,9 @@
|
||||
<view class="icon_hua">
|
||||
<image src="../../static/homeLogo.png" mode="aspectFit" class="icon_hua_1"></image>
|
||||
</view>
|
||||
<view class="hehan">
|
||||
<image src="../../static/icon/hehan.png" mode="aspectFit" class="icon_hua_1"></image>
|
||||
</view>
|
||||
<view class="topSearch_box">
|
||||
<image src="../../static/search.png" mode="aspectFit"
|
||||
@click="onPageJump('/pages/peanut/searchFor')"></image>
|
||||
@@ -50,7 +53,7 @@
|
||||
<view class="childrenBox fourIcon flexbox" style="justify-content: space-around;">
|
||||
<div class="item flexbox" @click="curseClickJump(item)" v-for="(item, index) in sbuMedicalTagsList"
|
||||
:key="index">
|
||||
<image :src="item.icon" mode="aspectFit"></image>
|
||||
<image :src="item.icon" mode="aspectFit" v-if="item.icon != '' && item.icon != null"></image>
|
||||
<text>{{item.title}}</text>
|
||||
</div>
|
||||
</view>
|
||||
@@ -1058,11 +1061,11 @@
|
||||
}
|
||||
|
||||
.childrenBox {
|
||||
// background-color: #e4eefa !important;
|
||||
border:1px solid #e4eefa;
|
||||
background-color: #e4eefa !important;
|
||||
// border:1px solid #e4eefa;
|
||||
border-radius: 6rpx !important;
|
||||
// @include mshadow(10px, 1);
|
||||
background-color: #fff;
|
||||
@include mshadow(10px, 1);
|
||||
// background-color: #fff;
|
||||
justify-content: center;
|
||||
box-shadow: none !important;
|
||||
// border-radius: 0 !important;
|
||||
|
||||
@@ -307,7 +307,7 @@
|
||||
|
||||
.time { display: block; width: 300rpx;
|
||||
font-size: 26rpx;
|
||||
color: #bebebe;width: 35%;
|
||||
color: #bebebe;width:39%;
|
||||
}
|
||||
|
||||
.title {
|
||||
|
||||
5932
static/aliplayercomponents-1.0.9.min.js
vendored
Normal file
5932
static/aliplayercomponents-1.0.9.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
static/icon/hehan.png
Normal file
BIN
static/icon/hehan.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
static/qiyeWx.jpg
Normal file
BIN
static/qiyeWx.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.3 KiB After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 3.2 KiB |
Reference in New Issue
Block a user