合并主分支的视频播放
This commit is contained in:
@@ -4,20 +4,16 @@
|
|||||||
"version" : "0.0",
|
"version" : "0.0",
|
||||||
"configurations" : [
|
"configurations" : [
|
||||||
{
|
{
|
||||||
"app-plus" :
|
"app-plus" : {
|
||||||
{
|
|
||||||
"launchtype" : "remote"
|
"launchtype" : "remote"
|
||||||
},
|
},
|
||||||
"default" :
|
"default" : {
|
||||||
{
|
|
||||||
"launchtype" : "local"
|
"launchtype" : "local"
|
||||||
},
|
},
|
||||||
"h5" :
|
"h5" : {
|
||||||
{
|
|
||||||
"launchtype" : "local"
|
"launchtype" : "local"
|
||||||
},
|
},
|
||||||
"mp-weixin" :
|
"mp-weixin" : {
|
||||||
{
|
|
||||||
"launchtype" : "local"
|
"launchtype" : "local"
|
||||||
},
|
},
|
||||||
"provider" : "aliyun",
|
"provider" : "aliyun",
|
||||||
|
|||||||
@@ -21,7 +21,7 @@
|
|||||||
></image>
|
></image>
|
||||||
<text
|
<text
|
||||||
class="footer_nav_item_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
|
>{{ item.text }}</text
|
||||||
>
|
>
|
||||||
</view>
|
</view>
|
||||||
@@ -216,6 +216,7 @@ export default {
|
|||||||
color: #7b7b7b;
|
color: #7b7b7b;
|
||||||
margin-top: 6rpx;
|
margin-top: 6rpx;
|
||||||
}
|
}
|
||||||
|
.footer_nav_item_text.redText{color: red;}
|
||||||
|
|
||||||
.footer_nav_item_text_active {
|
.footer_nav_item_text_active {
|
||||||
color: #f9a633;
|
color: #f9a633;
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
"appid" : "__UNI__C7475A8",
|
"appid" : "__UNI__C7475A8",
|
||||||
"description" : "吴门医述",
|
"description" : "吴门医述",
|
||||||
"networkTimeout" : {
|
"networkTimeout" : {
|
||||||
"request" : 3000
|
"request" : 15000
|
||||||
},
|
},
|
||||||
"transformPx" : false,
|
"transformPx" : false,
|
||||||
"icons" : [
|
"icons" : [
|
||||||
@@ -12,8 +12,8 @@
|
|||||||
"src" : "图片路径"
|
"src" : "图片路径"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"versionName" : "1.0.15",
|
"versionName" : "1.0.16",
|
||||||
"versionCode" : 1015,
|
"versionCode" : 1016,
|
||||||
"app-plus" : {
|
"app-plus" : {
|
||||||
"nvueCompiler" : "weex",
|
"nvueCompiler" : "weex",
|
||||||
"compatible" : {
|
"compatible" : {
|
||||||
|
|||||||
@@ -1,7 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="richDetail">
|
<view class="richDetail">
|
||||||
<!-- 公共组件-每个页面必须引入 -->
|
<!-- 公共组件-每个页面必须引入 -->
|
||||||
|
|
||||||
<view
|
<view
|
||||||
scroll-x="true"
|
scroll-x="true"
|
||||||
class="detail_title video_box"
|
class="detail_title video_box"
|
||||||
@@ -28,13 +27,16 @@
|
|||||||
import $http from "@/config/requestConfig.js";
|
import $http from "@/config/requestConfig.js";
|
||||||
import { mapState } from "vuex";
|
import { mapState } from "vuex";
|
||||||
export default {
|
export default {
|
||||||
props: ["detailInfo", "dataList", "currentVideo"],
|
props: ["detailInfo", "dataList", "currentVideo", "changeVideoLock"],
|
||||||
components: {},
|
components: {},
|
||||||
data() {
|
data() {
|
||||||
return {};
|
return {};
|
||||||
},
|
},
|
||||||
onLoad(options) {},
|
onLoad(options) {},
|
||||||
onHide() {},
|
onHide() {},
|
||||||
|
mounted() {
|
||||||
|
console.log('currentVideo播放列表收到的--',this.currentVideo)
|
||||||
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapState(["userInfo"]),
|
...mapState(["userInfo"]),
|
||||||
},
|
},
|
||||||
@@ -47,8 +49,10 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
handleClick(data) {
|
handleClick(data) {
|
||||||
|
if(this.changeVideoLock){
|
||||||
|
return
|
||||||
|
}
|
||||||
console.log("data at line 35:", data);
|
console.log("data at line 35:", data);
|
||||||
|
|
||||||
this.$emit("open", data);
|
this.$emit("open", data);
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|||||||
@@ -1,13 +1,27 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="container" style="background-color: #000; position: relative">
|
<view class="container" style="background-color: #000; position: relative">
|
||||||
<view style="width: 100%; height: 200px">
|
<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"
|
<div class="" v-else style="background-color: #000" ref="videoContent" @tap="renderScript.handleClick"
|
||||||
id="url-player-test" :videoData="videoData" :winWidth="winWidth" :winHeight="winHeight"
|
id="url-player-test" :videoData="videoData" :winWidth="winWidth" :winHeight="winHeight"
|
||||||
:currentVideoList="currentVideoList" :firstTime="firstTime" :isfresh="isfresh" :platform="platform"
|
:currentVideoList="currentVideoList" :firstTime="firstTime" :isfresh="isfresh" :platform="platform"
|
||||||
:isSetFirstTime="isSetFirstTime" :isChange="isChange" :change:videoData="renderScript.receiveMsg"
|
:isSetFirstTime="isSetFirstTime" :isChange="isChange" :change:videoData="renderScript.receiveMsg"
|
||||||
|
:replayVideoFlag="replayVideoFlag"
|
||||||
:change:winWidth="renderScript.receiveWinWidth" :change:winHeight="renderScript.receiveWinHeight"
|
:change:winWidth="renderScript.receiveWinWidth" :change:winHeight="renderScript.receiveWinHeight"
|
||||||
:change:firstTime="renderScript.receiveFirstTime"
|
:change:firstTime="renderScript.receiveFirstTime"
|
||||||
|
:change:replayVideoFlag="renderScript.receiveReplayVideoFlag"
|
||||||
:change:isSetFirstTime="renderScript.receiveisSetFirstTime"
|
:change:isSetFirstTime="renderScript.receiveisSetFirstTime"
|
||||||
:change:isfresh="renderScript.receiveIsfresh" :change:platform="renderScript.receiveplatform"
|
:change:isfresh="renderScript.receiveIsfresh" :change:platform="renderScript.receiveplatform"
|
||||||
:change:isChange="renderScript.receiveIsChange"
|
:change:isChange="renderScript.receiveIsChange"
|
||||||
@@ -29,6 +43,18 @@
|
|||||||
<div @tap="renderScript.emitopenShow" ref="videoContent5" v-show="false" class="videoContent5">
|
<div @tap="renderScript.emitopenShow" ref="videoContent5" v-show="false" class="videoContent5">
|
||||||
打开视频提示
|
打开视频提示
|
||||||
</div>
|
</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="fullScreenButton-container">
|
||||||
<div :class="`prism-fullscreen-btn ${isFullScreen ? 'fullscreen' : ''}`"
|
<div :class="`prism-fullscreen-btn ${isFullScreen ? 'fullscreen' : ''}`"
|
||||||
@tap="renderScript.changeVideoScreen"></div>
|
@tap="renderScript.changeVideoScreen"></div>
|
||||||
@@ -45,9 +71,10 @@
|
|||||||
} from "vuex";
|
} from "vuex";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
props: ["currentVideo", "currentVideoList","videoTitle"],
|
props: ["currentVideo", "currentVideoList", "videoTitle",'secondCountDown'],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
reaquestFlag: false,
|
||||||
show: false,
|
show: false,
|
||||||
platform: null,
|
platform: null,
|
||||||
//当前是否是全屏模式
|
//当前是否是全屏模式
|
||||||
@@ -56,8 +83,13 @@
|
|||||||
isChange: false,
|
isChange: false,
|
||||||
isControl: true,
|
isControl: true,
|
||||||
timer: null,
|
timer: null,
|
||||||
|
replayVideoFlag:false,
|
||||||
|
// secondCountDown: 5,
|
||||||
|
showCountDown: false,
|
||||||
|
playEndBlank:false,
|
||||||
// videoTitle: "",
|
// videoTitle: "",
|
||||||
videoList: [],
|
videoList: [],
|
||||||
|
replayVideoLock:false,// 重播操作锁
|
||||||
firstTime: 0,
|
firstTime: 0,
|
||||||
options: {},
|
options: {},
|
||||||
playAuth: "",
|
playAuth: "",
|
||||||
@@ -110,6 +142,42 @@
|
|||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
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) {
|
openShow(data) {
|
||||||
data.msg ? this.errorTxt = data.msg : '此设备暂不支持观看当前视频请移步到安卓手机进行学习'
|
data.msg ? this.errorTxt = data.msg : '此设备暂不支持观看当前视频请移步到安卓手机进行学习'
|
||||||
this.show = true;
|
this.show = true;
|
||||||
@@ -126,11 +194,13 @@
|
|||||||
this.isChange = false;
|
this.isChange = false;
|
||||||
},
|
},
|
||||||
async changeVideo(data) {
|
async changeVideo(data) {
|
||||||
|
console.log('changeVideo+++++++++', data);
|
||||||
this.currentTime = "";
|
this.currentTime = "";
|
||||||
this.firstTime = 0;
|
this.firstTime = 0;
|
||||||
this.isSetFirstTime = false;
|
this.isSetFirstTime = false;
|
||||||
this.isChange = false;
|
this.isChange = false;
|
||||||
await this.init(data, true);
|
this.getLive(true, data)
|
||||||
|
// await this.init(data, true);
|
||||||
},
|
},
|
||||||
screenChange(data) {
|
screenChange(data) {
|
||||||
console.log(
|
console.log(
|
||||||
@@ -163,7 +233,7 @@
|
|||||||
|
|
||||||
this.videoId = this.options.video;
|
this.videoId = this.options.video;
|
||||||
console.log("这是苹果视屏id", this.videoId);
|
console.log("这是苹果视屏id", this.videoId);
|
||||||
await this.getLive(isChange);
|
await this.getLive(isChange,this.options);
|
||||||
},
|
},
|
||||||
// 配置播放项
|
// 配置播放项
|
||||||
async getData(data, isChange) {
|
async getData(data, isChange) {
|
||||||
@@ -232,13 +302,25 @@
|
|||||||
uni.setStorageSync("videoOssList", JSON.stringify(list));
|
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;
|
var that = this;
|
||||||
this.isfresh = false;
|
this.isfresh = false;
|
||||||
var data = {
|
var data = {
|
||||||
...this.options,
|
...this.options,
|
||||||
};
|
};
|
||||||
|
if (isChange && newVideoData) {
|
||||||
|
data = {
|
||||||
|
...newVideoData,
|
||||||
|
};
|
||||||
|
}
|
||||||
await $http
|
await $http
|
||||||
.request({
|
.request({
|
||||||
url: `sociology/course/checkVideo`,
|
url: `sociology/course/checkVideo`,
|
||||||
@@ -250,8 +332,11 @@
|
|||||||
},
|
},
|
||||||
})
|
})
|
||||||
.then(async (res) => {
|
.then(async (res) => {
|
||||||
|
|
||||||
|
this.reaquestFlag = false
|
||||||
if (this.$platform == 'ios') {
|
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
|
this.show = true
|
||||||
uni.showModal({
|
uni.showModal({
|
||||||
@@ -292,6 +377,12 @@
|
|||||||
console.log("是否获取到初始播放值", data);
|
console.log("是否获取到初始播放值", data);
|
||||||
|
|
||||||
that.$forceUpdate();
|
that.$forceUpdate();
|
||||||
|
}).catch(e => {
|
||||||
|
this.reaquestFlag = false
|
||||||
|
uni.showToast({
|
||||||
|
'title': '获取播放地址失败',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -356,9 +447,11 @@
|
|||||||
<script module="renderScript" lang="renderjs">
|
<script module="renderScript" lang="renderjs">
|
||||||
var videoData = null
|
var videoData = null
|
||||||
var _seconds = 0
|
var _seconds = 0
|
||||||
|
var ReplayVideoFlag = false
|
||||||
var curStatus = null
|
var curStatus = null
|
||||||
var diff = 0
|
var diff = 0
|
||||||
|
var pauseTime = 0
|
||||||
|
var myplayer = undefined
|
||||||
import $ from 'jquery'
|
import $ from 'jquery'
|
||||||
export default {
|
export default {
|
||||||
components: {
|
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 receiveFirstTime(newValue, oldValue, ownerVm, vm) {
|
||||||
|
|
||||||
},
|
},
|
||||||
async receiveisSetFirstTime(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) {
|
emitSetData(event, ownerInstance) {
|
||||||
// var that = this;
|
// var that = this;
|
||||||
@@ -410,14 +523,22 @@
|
|||||||
time: _seconds,
|
time: _seconds,
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
emitHideNextVideo(event, ownerInstance) {
|
||||||
|
ownerInstance.callMethod('hideNextVideo')
|
||||||
|
},
|
||||||
|
emitLoadNextVideo(event, ownerInstance) {
|
||||||
|
ownerInstance.callMethod('loadNextVideo')
|
||||||
|
},
|
||||||
emitopenShow(event, ownerInstance) {
|
emitopenShow(event, ownerInstance) {
|
||||||
ownerInstance.callMethod('openShow',{msg:'播放出错啦!'})
|
ownerInstance.callMethod('openShow', {
|
||||||
|
msg: '播放出错啦!'
|
||||||
|
})
|
||||||
},
|
},
|
||||||
// 全屏切换事件
|
// 全屏切换事件
|
||||||
changeVideoScreen(event, ownerInstance) {
|
changeVideoScreen(event, ownerInstance) {
|
||||||
var that = this;
|
var that = this;
|
||||||
// this.$emit('changeScreenLoading',true)
|
// this.$emit('changeScreenLoading',true)
|
||||||
var status = this.player.fullscreenService.getIsFullScreen();
|
var status = myplayer.fullscreenService.getIsFullScreen();
|
||||||
console.log('this.$platform--------', this.platform);
|
console.log('this.$platform--------', this.platform);
|
||||||
if (this.platform != 'ios') { // 改变按钮形态
|
if (this.platform != 'ios') { // 改变按钮形态
|
||||||
ownerInstance.callMethod('screenChange', {
|
ownerInstance.callMethod('screenChange', {
|
||||||
@@ -430,11 +551,11 @@
|
|||||||
console.log('恢复竖版');
|
console.log('恢复竖版');
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
plus.screen.lockOrientation("portrait-primary"); //锁死屏幕方向为竖屏
|
plus.screen.lockOrientation("portrait-primary"); //锁死屏幕方向为竖屏
|
||||||
this.player.fullscreenService.cancelFullScreen();
|
myplayer.fullscreenService.cancelFullScreen();
|
||||||
}, 100);
|
}, 100);
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
this.player.fullscreenService.requestFullScreen();
|
myplayer.fullscreenService.requestFullScreen();
|
||||||
if (this.platform != 'ios') {
|
if (this.platform != 'ios') {
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
plus.screen.lockOrientation("landscape-primary");
|
plus.screen.lockOrientation("landscape-primary");
|
||||||
@@ -456,11 +577,10 @@
|
|||||||
// renderjs阿里云播放器引入与配置
|
// renderjs阿里云播放器引入与配置
|
||||||
getLive() {
|
getLive() {
|
||||||
console.log('这是这只只是666666:', this.firstTime, this.videoData)
|
console.log('这是这只只是666666:', this.firstTime, this.videoData)
|
||||||
if (this.player) {
|
|
||||||
this.player.dispose();
|
|
||||||
$('#url-player-test').empty();
|
$('#url-player-test').empty();
|
||||||
this.player = null;
|
|
||||||
}
|
pauseTime = 0
|
||||||
var fullScreenButtonComponent = Aliplayer.Component({
|
var fullScreenButtonComponent = Aliplayer.Component({
|
||||||
/**
|
/**
|
||||||
* 初始函数,在new对象时调用
|
* 初始函数,在new对象时调用
|
||||||
@@ -487,21 +607,6 @@
|
|||||||
});
|
});
|
||||||
$(el).find('.prism-time-display').after(this.$html);
|
$(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.show();
|
||||||
// this.$html.hide();
|
// 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 = {
|
var playerOptions = {
|
||||||
id: "url-player-test",
|
id: "url-player-test",
|
||||||
width: '100%', //容器的大小
|
width: '100%', //容器的大小
|
||||||
height: '100%', //容器的大小
|
height: '100%', //容器的大小
|
||||||
"qualitySort": "asc",
|
"qualitySort": "asc",
|
||||||
"cover": "",
|
"cover": "",
|
||||||
"autoplay": true,
|
"autoplay": true,
|
||||||
"isLive": false,
|
"isLive": false,
|
||||||
"rePlay": false,
|
"rePlay": false,
|
||||||
"playsinline": true,
|
"playsinline": true,
|
||||||
"controlBarVisibility": "hover",
|
"controlBarVisibility": "hover",
|
||||||
"useH5Prism": true,
|
"useH5Prism": true,
|
||||||
components: [
|
components: [{
|
||||||
{
|
|
||||||
name: 'adComponent',
|
name: 'adComponent',
|
||||||
type: fullScreenButtonComponent,
|
type: fullScreenButtonComponent,
|
||||||
args: [
|
args: [
|
||||||
@@ -642,7 +737,7 @@
|
|||||||
source: this.videoData.m3u8Url,
|
source: this.videoData.m3u8Url,
|
||||||
// "playConfig": {"EncryptType": "HLSEncryption"}
|
// "playConfig": {"EncryptType": "HLSEncryption"}
|
||||||
}
|
}
|
||||||
console.log('这是标准加密的视频');
|
console.log('这是标准加密的视频', this.videoData.id, this.videoData.m3u8Url);
|
||||||
}
|
}
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
@@ -655,19 +750,44 @@
|
|||||||
|
|
||||||
var player = new Aliplayer(playerOptions, function(player) {});
|
var player = new Aliplayer(playerOptions, function(player) {});
|
||||||
this.player = 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() {
|
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() {
|
player.one('canplay', function() {
|
||||||
console.log('这是ios数据缓冲初次设置播放位置判断!!!!',videoData)
|
// console.log('这是ios数据缓冲初次设置播放位置判断!!!!', videoData)
|
||||||
// player.seek(20);
|
// 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);
|
player.seek(videoData.firstTime);
|
||||||
|
}else{
|
||||||
|
player.seek(0);
|
||||||
|
}
|
||||||
|
//}
|
||||||
})
|
})
|
||||||
this.player.on('playing', function() {
|
myplayer.on('playing', function() {
|
||||||
console.log('正在播放')
|
console.log('正在播放...')
|
||||||
|
|
||||||
})
|
})
|
||||||
this.player.on('timeupdate', function() {
|
|
||||||
|
myplayer.on('timeupdate', function() {
|
||||||
let that = this
|
let that = this
|
||||||
var _time = parseInt(player.getCurrentTime())
|
var _time = parseInt(player.getCurrentTime())
|
||||||
curStatus = player.getStatus()
|
curStatus = player.getStatus()
|
||||||
@@ -683,12 +803,18 @@
|
|||||||
$('.videoContent1').click()
|
$('.videoContent1').click()
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
this.player.on('ended', function() {
|
myplayer.on('ended', function() {
|
||||||
console.log('播放完毕');
|
console.log('播放完毕');
|
||||||
$('.videoContent2').click()
|
$('.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('播放出错')
|
console.log('播放出错')
|
||||||
$('.videoContent5').click()
|
$('.videoContent5').click()
|
||||||
})
|
})
|
||||||
@@ -719,15 +845,14 @@
|
|||||||
});
|
});
|
||||||
|
|
||||||
},
|
},
|
||||||
receiveScreenType(newValue) {
|
receiveScreenType(newValue) {},
|
||||||
},
|
|
||||||
async receiveIsfresh(newValue) {
|
async receiveIsfresh(newValue) {
|
||||||
|
|
||||||
console.log('是否走了刷新销毁方法:', this.player)
|
console.log('是否走了刷新销毁方法:', myplayer)
|
||||||
if (this.player) {
|
if (myplayer) {
|
||||||
// clearInterval(this.$store.state.videoTimer)
|
// clearInterval(this.$store.state.videoTimer)
|
||||||
// await this.setVideoTime();
|
// await this.setVideoTime();
|
||||||
this.player.dispose();
|
myplayer.dispose();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async receiveplatform(newValue) {
|
async receiveplatform(newValue) {
|
||||||
@@ -747,6 +872,24 @@
|
|||||||
receiveMsg(newValue, oldValue, ownerVm, vm) {
|
receiveMsg(newValue, oldValue, ownerVm, vm) {
|
||||||
//数据变化
|
//数据变化
|
||||||
videoData = newValue
|
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) {
|
receiveWinWidth(newValue, oldValue, ownerVm, vm) {
|
||||||
//数据变化
|
//数据变化
|
||||||
@@ -764,7 +907,7 @@
|
|||||||
this.checkValue();
|
this.checkValue();
|
||||||
}, 1000);
|
}, 1000);
|
||||||
} else {
|
} else {
|
||||||
console.log('这是这只只是594:', this.firstTime, this.videoData)
|
// console.log('这是这只只是594:', this.firstTime, this.videoData)
|
||||||
this.getLive();
|
this.getLive();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -799,6 +942,31 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style>
|
<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 {
|
.container {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
|
|
||||||
<view
|
<view
|
||||||
class="contentBox curriculum_box"
|
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' : ''
|
isFullScreen ? 'background:#000' : ''
|
||||||
}`"
|
}`"
|
||||||
>
|
>
|
||||||
@@ -16,8 +16,12 @@
|
|||||||
<common-video
|
<common-video
|
||||||
@changeScreen="changeScreen"
|
@changeScreen="changeScreen"
|
||||||
@changeScreenLoading="changeScreenLoading"
|
@changeScreenLoading="changeScreenLoading"
|
||||||
|
@hideNextVideo="hideNextVideo"
|
||||||
|
@startNextVideoCountDown = "startNextVideoCountDown"
|
||||||
|
@unlockChangeVideo="unlockChangeVideo"
|
||||||
v-if="isfresh"
|
v-if="isfresh"
|
||||||
ref="commonVideo"
|
ref="commonVideo"
|
||||||
|
:secondCountDown="secondCountDown"
|
||||||
:videoTitle="curriculumData.title"
|
:videoTitle="curriculumData.title"
|
||||||
:currentVideo="currentVideo"
|
:currentVideo="currentVideo"
|
||||||
:noRecored = "noRecored"
|
:noRecored = "noRecored"
|
||||||
@@ -26,7 +30,6 @@
|
|||||||
</common-video>
|
</common-video>
|
||||||
<view style="height: 200px" v-else></view>
|
<view style="height: 200px" v-else></view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<scroll-view
|
<scroll-view
|
||||||
:style="`height:calc(100% - 200px - 40rpx) ;`"
|
:style="`height:calc(100% - 200px - 40rpx) ;`"
|
||||||
scroll-y="true"
|
scroll-y="true"
|
||||||
@@ -53,6 +56,7 @@
|
|||||||
:currentVideo="currentVideo"
|
:currentVideo="currentVideo"
|
||||||
:dataList="videoArray"
|
:dataList="videoArray"
|
||||||
@open="changeVideo"
|
@open="changeVideo"
|
||||||
|
:changeVideoLock="changeVideoLock"
|
||||||
>
|
>
|
||||||
</common-curriculum-video>
|
</common-curriculum-video>
|
||||||
</view>
|
</view>
|
||||||
@@ -115,11 +119,14 @@ export default {
|
|||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
changeVideoLock:false, // 切换键锁
|
||||||
isFullScreen: false,
|
isFullScreen: false,
|
||||||
screenLoading: false,
|
screenLoading: false,
|
||||||
isfresh: false,
|
isfresh: false,
|
||||||
currentCateIndex: 0,
|
currentCateIndex: 0,
|
||||||
currentVideo: {},
|
currentVideo: {},
|
||||||
|
secondCountDown:10,
|
||||||
|
countDownTimer:undefined,
|
||||||
videoList: {},
|
videoList: {},
|
||||||
isOpenMp3: false,
|
isOpenMp3: false,
|
||||||
praise: "",
|
praise: "",
|
||||||
@@ -207,22 +214,13 @@ export default {
|
|||||||
},
|
},
|
||||||
beforeDestroy(){
|
beforeDestroy(){
|
||||||
console.log('页面卸载')
|
console.log('页面卸载')
|
||||||
|
this.hideNextVideo()
|
||||||
// this.$nextTick(()=>{
|
|
||||||
// this.$refs.commonVideo.handleEnd();
|
|
||||||
|
|
||||||
// })
|
|
||||||
},
|
},
|
||||||
onUnload(){
|
onUnload(){
|
||||||
// console.log('页面卸载')
|
|
||||||
|
|
||||||
// // this.$nextTick(()=>{
|
|
||||||
// this.$refs.commonVideo.handleEnd();
|
|
||||||
|
|
||||||
// // })
|
|
||||||
|
|
||||||
},
|
},
|
||||||
onHide() {
|
onHide() {
|
||||||
|
// this.hideNextVideo()
|
||||||
// this.showSearchList = false
|
// this.showSearchList = false
|
||||||
// this.searchList = []
|
// this.searchList = []
|
||||||
},
|
},
|
||||||
@@ -233,7 +231,36 @@ export default {
|
|||||||
...mapState(["userInfo"]),
|
...mapState(["userInfo"]),
|
||||||
},
|
},
|
||||||
methods: {
|
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) {
|
async gotoDetail(v, index) {
|
||||||
@@ -267,6 +294,7 @@ export default {
|
|||||||
this.$forceUpdate();
|
this.$forceUpdate();
|
||||||
},
|
},
|
||||||
initVideo() {
|
initVideo() {
|
||||||
|
this.changeVideoLock = true
|
||||||
this.screenLoading = false;
|
this.screenLoading = false;
|
||||||
this.isfresh = false;
|
this.isfresh = false;
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
@@ -280,23 +308,34 @@ export default {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
changeVideo(data) {
|
changeVideo(data) {
|
||||||
console.log("data at line 370:", data);
|
this.changeVideoLock = true
|
||||||
if (data.id != this.currentVideo.id) {
|
if(this.countDownTimer){
|
||||||
// handleEnd
|
this.hideNextVideo()
|
||||||
this.$refs.commonVideo.handleEnd();
|
}
|
||||||
|
|
||||||
|
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(() => {
|
setTimeout(() => {
|
||||||
|
|
||||||
|
// this.$refs.commonVideo.changeVideo(data);
|
||||||
this.currentVideo = data;
|
this.currentVideo = data;
|
||||||
this.initVideo();
|
this.initVideo();
|
||||||
this.isOpenMp3 = false;
|
this.isOpenMp3 = false;
|
||||||
}, 500);
|
}, 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() {
|
hancleModalCancel() {
|
||||||
this.show = false;
|
this.show = false;
|
||||||
@@ -374,6 +413,7 @@ export default {
|
|||||||
isHaveHistorySeekVideo != -1 ? isHaveHistorySeekVideo : 0;
|
isHaveHistorySeekVideo != -1 ? isHaveHistorySeekVideo : 0;
|
||||||
if (that.videoArray.length > 0) {
|
if (that.videoArray.length > 0) {
|
||||||
this.currentVideo = that.videoArray[that.currentCateIndex];
|
this.currentVideo = that.videoArray[that.currentCateIndex];
|
||||||
|
console.log('默认播放的index',that.currentCateIndex, this.currentVideo.id,that.videoArray);
|
||||||
this.initVideo();
|
this.initVideo();
|
||||||
}
|
}
|
||||||
var videoArray = [];
|
var videoArray = [];
|
||||||
|
|||||||
@@ -51,7 +51,7 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
" @click="isHideCourseInfo = !isHideCourseInfo">
|
" @click="isHideCourseInfo = !isHideCourseInfo">
|
||||||
<view :class="`${isHideCourseInfo ? 'hidden2' : ''}`"
|
<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>
|
</view>
|
||||||
<text
|
<text
|
||||||
style="
|
style="
|
||||||
@@ -462,7 +462,47 @@
|
|||||||
fatherIndex: null,
|
fatherIndex: null,
|
||||||
supportFlag: false,
|
supportFlag: false,
|
||||||
selectGoodsData: {},
|
selectGoodsData: {},
|
||||||
|
<<<<<<< .mine
|
||||||
buyOptions: [],
|
buyOptions: [],
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
=======
|
||||||
|
|
||||||
|
buyOptions: [
|
||||||
|
// {
|
||||||
|
// icon: 'chat',
|
||||||
|
// text: '客服'
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// icon: 'shop',
|
||||||
|
// text: '店铺',
|
||||||
|
// // info: 2,
|
||||||
|
// infoBackgroundColor: '#007aff',
|
||||||
|
// infoColor: "#f5f5f5"
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// icon: 'cart',
|
||||||
|
// text: '购物车',
|
||||||
|
// info: 2
|
||||||
|
// }
|
||||||
|
],
|
||||||
|
>>>>>>> .theirs
|
||||||
customButtonGroup1: [{
|
customButtonGroup1: [{
|
||||||
with: 200,
|
with: 200,
|
||||||
text: "立即购买",
|
text: "立即购买",
|
||||||
@@ -689,10 +729,6 @@
|
|||||||
onHandleClickBuy(e) {
|
onHandleClickBuy(e) {
|
||||||
console.log("this.selectGoodsData at line 589:", this.selectGoodsData);
|
console.log("this.selectGoodsData at line 589:", this.selectGoodsData);
|
||||||
|
|
||||||
// if (e.index == 0) {
|
|
||||||
// this.handleClickClose();
|
|
||||||
// }
|
|
||||||
// if (e.index == 0) {
|
|
||||||
var mynavData = JSON.stringify({
|
var mynavData = JSON.stringify({
|
||||||
goods: [this.selectGoodsData],
|
goods: [this.selectGoodsData],
|
||||||
typeId: 0,
|
typeId: 0,
|
||||||
@@ -733,8 +769,13 @@
|
|||||||
if (res.code == 0) {
|
if (res.code == 0) {
|
||||||
this.getCourseDescriptionData();
|
this.getCourseDescriptionData();
|
||||||
// this.$commonJS.showToast("");
|
// this.$commonJS.showToast("");
|
||||||
|
<<<<<<< .mine
|
||||||
}
|
}
|
||||||
|
|
||||||
|
=======
|
||||||
|
}
|
||||||
|
|
||||||
|
>>>>>>> .theirs
|
||||||
this.$forceUpdate();
|
this.$forceUpdate();
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
@@ -761,7 +802,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
this.$forceUpdate();
|
this.$forceUpdate();
|
||||||
});
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
getUserInfo() {
|
getUserInfo() {
|
||||||
@@ -1946,6 +1987,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.price {
|
.price {
|
||||||
|
|
||||||
// text-align: center;
|
// text-align: center;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@@ -2235,7 +2277,7 @@
|
|||||||
/deep/.u-icon__icon--warning {
|
/deep/.u-icon__icon--warning {
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
}
|
}
|
||||||
|
/deep/.uni-tag{border-width: 2rpx !important;}
|
||||||
/deep/.uni-section {
|
/deep/.uni-section {
|
||||||
background: transparent !important;
|
background: transparent !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -16,17 +16,10 @@
|
|||||||
</view> -->
|
</view> -->
|
||||||
<!-- -->
|
<!-- -->
|
||||||
|
|
||||||
<view
|
<view v-show="isShowAddress" class="order_top common_radius_box color_shandow goods_box address_box"
|
||||||
v-show="isShowAddress"
|
@click="goToAddress">
|
||||||
class="order_top common_radius_box color_shandow goods_box address_box"
|
<u-icon name="map-fill" color="#258feb" size="23"
|
||||||
@click="goToAddress"
|
style="display: inline-block; margin-right: 10rpx"></u-icon>
|
||||||
>
|
|
||||||
<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="curriulum_title_box goods_item"> -->
|
||||||
|
|
||||||
<view class="normal_box" v-if="addressData.consigneeName">
|
<view class="normal_box" v-if="addressData.consigneeName">
|
||||||
@@ -44,23 +37,17 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="right">
|
<view class="right">
|
||||||
<image
|
<image src="@/static/icon/icon_right.png" class="rightArrow" style=""></image>
|
||||||
src="@/static/icon/icon_right.png"
|
|
||||||
class="rightArrow"
|
|
||||||
style=""
|
|
||||||
></image>
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- </view> -->
|
<!-- </view> -->
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="order_top common_radius_box color_shandow goods_box">
|
<view class="order_top common_radius_box color_shandow goods_box">
|
||||||
<view
|
<view class="curriulum_title_box goods_item" v-for="(v, i) in goodsDataList">
|
||||||
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>
|
||||||
<image v-else src="/static/nobg1.jpg" mode="widthFix" @click="goDetail(item.productId)"></image>
|
<image v-else src="/static/nobg1.jpg" mode="widthFix" @click="goDetail(item.productId)"></image>
|
||||||
<view class="normal_box">
|
<view class="normal_box">
|
||||||
@@ -93,34 +80,23 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="pay_box" style="margin-top: 20rpx">
|
<view class="pay_box" style="margin-top: 20rpx">
|
||||||
<view
|
<view @click="openOrderModal(v)" class="curriulum_title_box goods_item pay_item"
|
||||||
@click="openOrderModal(v)"
|
v-for="(v, i) in orderInfoList">
|
||||||
class="curriulum_title_box goods_item pay_item"
|
|
||||||
v-for="(v, i) in orderInfoList" :key="i"
|
|
||||||
>
|
|
||||||
<view class="top">
|
<view class="top">
|
||||||
<view class="left">
|
<view class="left">
|
||||||
<text> {{ v.text }}</text>
|
<text> {{ v.text }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="right" style="display: flex; align-items: center">
|
<view class="right" style="display: flex; align-items: center">
|
||||||
<text
|
<text style="
|
||||||
style="
|
|
||||||
float: left;
|
float: left;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
color: #b0b0b0;
|
color: #b0b0b0;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 200rpx;
|
width: 200rpx;
|
||||||
"
|
" :class="remark ? 'hidden1 hasRemark' : 'hidden1'">
|
||||||
:class="remark ? 'hidden1 hasRemark' : 'hidden1'"
|
{{ remark == "" ? v.placeholder : remark }}</text>
|
||||||
>
|
<image src="@/static/icon/icon_right.png" class="rightArrow" style=""></image>
|
||||||
{{ remark == "" ? v.placeholder : remark }}</text
|
|
||||||
>
|
|
||||||
<image
|
|
||||||
src="@/static/icon/icon_right.png"
|
|
||||||
class="rightArrow"
|
|
||||||
style=""
|
|
||||||
></image>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -138,33 +114,18 @@
|
|||||||
<view class="order_top common_radius_box color_shandow goods_box pay_box">
|
<view class="order_top common_radius_box color_shandow goods_box pay_box">
|
||||||
<view class="title">价格明细</view>
|
<view class="title">价格明细</view>
|
||||||
|
|
||||||
<view
|
<view class="curriulum_title_box goods_item pay_item" v-for="(v, i) in priceBreakdownList">
|
||||||
class="curriulum_title_box goods_item pay_item"
|
|
||||||
v-for="(v, i) in priceBreakdownList" :key="i"
|
|
||||||
>
|
|
||||||
<view class="top">
|
<view class="top">
|
||||||
<view class="left">
|
<view class="left">
|
||||||
<image
|
<image v-if="v.imgUrl" class="pay_item_img" :src="v.imgUrl" mode="aspectFil"
|
||||||
v-if="v.imgUrl"
|
:style="v.style">
|
||||||
class="pay_item_img"
|
|
||||||
:src="v.imgUrl"
|
|
||||||
mode="aspectFil"
|
|
||||||
:style="v.style"
|
|
||||||
>
|
|
||||||
</image>
|
</image>
|
||||||
<u-icon
|
<u-icon v-if="v.icon" name="map-fill" color="#018F89" size="23"
|
||||||
v-if="v.icon"
|
style="display: inline-block"></u-icon>
|
||||||
name="map-fill"
|
|
||||||
color="#018F89"
|
|
||||||
size="23"
|
|
||||||
style="display: inline-block"
|
|
||||||
></u-icon>
|
|
||||||
|
|
||||||
<text> {{ v.text }}</text
|
<text> {{ v.text }}</text><template v-if="v.type == 3">
|
||||||
><template v-if="v.type == 3">
|
|
||||||
<text style="color: #aaa; margin-left: 10rpx">
|
<text style="color: #aaa; margin-left: 10rpx">
|
||||||
(全部积分:{{ initData.user.jf }})</text
|
(全部积分:{{ initData.user.jf }})</text>
|
||||||
>
|
|
||||||
</template>
|
</template>
|
||||||
</view>
|
</view>
|
||||||
<view class="right">
|
<view class="right">
|
||||||
@@ -173,8 +134,7 @@
|
|||||||
<text>
|
<text>
|
||||||
¥{{
|
¥{{
|
||||||
isShowAddress ? freightNum.toFixed(2) : Number(0).toFixed(2)
|
isShowAddress ? freightNum.toFixed(2) : Number(0).toFixed(2)
|
||||||
}}</text
|
}}</text>
|
||||||
>
|
|
||||||
</template>
|
</template>
|
||||||
<template v-if="v.type == 3">
|
<template v-if="v.type == 3">
|
||||||
<text style="color: #fe6035"> -¥{{ jfNumberShow }}</text>
|
<text style="color: #fe6035"> -¥{{ jfNumberShow }}</text>
|
||||||
@@ -184,20 +144,10 @@
|
|||||||
|
|
||||||
<view class="bottom jf_box" v-if="v.type == 3">
|
<view class="bottom jf_box" v-if="v.type == 3">
|
||||||
<view class="jf_box">
|
<view class="jf_box">
|
||||||
<text style="color: #258feb; font-weight: 600"
|
<text style="color: #258feb; font-weight: 600">可用积分({{ jfNumberMax }}分)</text>
|
||||||
>可用积分({{ jfNumberMax }}分)</text
|
|
||||||
>
|
|
||||||
<view class="jf_input">
|
<view class="jf_input">
|
||||||
<u--input
|
<u--input type="number" @input="handleChangejf" @clear="jfNumber = 0" :max="jfNumberMax"
|
||||||
type="number"
|
v-model="jfNumber" placeholder="请输入积分" border="surround" clearable></u--input>
|
||||||
@input="handleChangejf"
|
|
||||||
@clear="jfNumber = 0"
|
|
||||||
:max="jfNumberMax"
|
|
||||||
v-model="jfNumber"
|
|
||||||
placeholder="请输入积分"
|
|
||||||
border="surround"
|
|
||||||
clearable
|
|
||||||
></u--input>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -213,134 +163,76 @@
|
|||||||
<view class="order_top common_radius_box color_shandow goods_box pay_box">
|
<view class="order_top common_radius_box color_shandow goods_box pay_box">
|
||||||
<view class="title">支付方式</view>
|
<view class="title">支付方式</view>
|
||||||
<template v-if="isAndorid || !isAndorid && !haveCourse">
|
<template v-if="isAndorid || !isAndorid && !haveCourse">
|
||||||
<view
|
<view class="curriulum_title_box goods_item pay_item" v-for="(v, i) in payList">
|
||||||
class="curriulum_title_box goods_item pay_item"
|
|
||||||
v-for="(v, i) in payList"
|
|
||||||
>
|
|
||||||
<view :class="isDefaultCurrency && i != 2 ? 'bgGrey top' : 'top'">
|
<view :class="isDefaultCurrency && i != 2 ? 'bgGrey top' : 'top'">
|
||||||
<view class="left">
|
<view class="left">
|
||||||
<image
|
<image class="pay_item_img" :src="v.imgUrl" mode="aspectFil" :style="v.style">
|
||||||
class="pay_item_img"
|
|
||||||
:src="v.imgUrl"
|
|
||||||
mode="aspectFil"
|
|
||||||
:style="v.style"
|
|
||||||
>
|
|
||||||
</image>
|
</image>
|
||||||
<template v-if="v.type == 4">
|
<template v-if="v.type == 4">
|
||||||
<text> {{ v.text }}</text>
|
<text> {{ v.text }}</text>
|
||||||
<text
|
<text style="color: #258feb; font-weight: 600; margin-left: 10rpx">
|
||||||
style="color: #258feb; font-weight: 600; margin-left: 10rpx"
|
|
||||||
>
|
|
||||||
(余额:{{
|
(余额:{{
|
||||||
initData && initData.user ? initData.user.peanutCoin : 0
|
initData && initData.user ? initData.user.peanutCoin : 0
|
||||||
}})</text
|
}})</text>
|
||||||
>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<text v-else> {{ v.text }}</text>
|
<text v-else> {{ v.text }}</text>
|
||||||
</view>
|
</view>
|
||||||
<template v-if="isDefaultCurrency">
|
<template v-if="isDefaultCurrency">
|
||||||
<radio
|
<radio v-if="i == 2" :value="v.value" color="#258feb"
|
||||||
v-if="i == 2"
|
:checked="selectPayIndex == i ? true : false" @click="radioChange(i)" size="10" />
|
||||||
:value="v.value"
|
|
||||||
color="#258feb"
|
|
||||||
:checked="selectPayIndex == i ? true : false"
|
|
||||||
@click="radioChange(i)"
|
|
||||||
size="10"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<radio
|
<radio :value="v.value" color="#258feb" :checked="selectPayIndex == i ? true : false"
|
||||||
:value="v.value"
|
@click="radioChange(i)" size="10" />
|
||||||
color="#258feb"
|
|
||||||
:checked="selectPayIndex == i ? true : false"
|
|
||||||
@click="radioChange(i)"
|
|
||||||
size="10"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
<!-- ios 支付列表 -->
|
<!-- ios 支付列表 -->
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<view
|
<view class="curriulum_title_box goods_item pay_item" v-for="(v, i) in payListIOS">
|
||||||
class="curriulum_title_box goods_item pay_item"
|
|
||||||
v-for="(v, i) in payListIOS"
|
|
||||||
>
|
|
||||||
<view :class="isDefaultCurrency && i != 2 ? 'bgGrey top' : 'top'">
|
<view :class="isDefaultCurrency && i != 2 ? 'bgGrey top' : 'top'">
|
||||||
<view class="left">
|
<view class="left">
|
||||||
<image
|
<image class="pay_item_img" :src="v.imgUrl" mode="aspectFil" :style="v.style">
|
||||||
class="pay_item_img"
|
|
||||||
:src="v.imgUrl"
|
|
||||||
mode="aspectFil"
|
|
||||||
:style="v.style"
|
|
||||||
>
|
|
||||||
</image>
|
</image>
|
||||||
<template v-if="v.type == 4">
|
<template v-if="v.type == 4">
|
||||||
<text> {{ v.text }}</text>
|
<text> {{ v.text }}</text>
|
||||||
<text
|
<text style="color: #258feb; font-weight: 600; margin-left: 10rpx">
|
||||||
style="color: #258feb; font-weight: 600; margin-left: 10rpx"
|
|
||||||
>
|
|
||||||
(余额:{{
|
(余额:{{
|
||||||
initData && initData.user ? initData.user.peanutCoin : 0
|
initData && initData.user ? initData.user.peanutCoin : 0
|
||||||
}})</text
|
}})</text>
|
||||||
>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<text v-else> {{ v.text }}</text>
|
<text v-else> {{ v.text }}</text>
|
||||||
</view>
|
</view>
|
||||||
<template v-if="isDefaultCurrency">
|
<template v-if="isDefaultCurrency">
|
||||||
<radio
|
<radio v-if="i == 2" :value="v.value" color="#258feb"
|
||||||
v-if="i == 2"
|
:checked="selectPayIndex == i ? true : false" @click="radioChange(i)" size="10" />
|
||||||
:value="v.value"
|
|
||||||
color="#258feb"
|
|
||||||
:checked="selectPayIndex == i ? true : false"
|
|
||||||
@click="radioChange(i)"
|
|
||||||
size="10"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<radio
|
<radio :value="v.value" color="#258feb" :checked="selectPayIndex == i ? true : false"
|
||||||
:value="v.value"
|
@click="radioChange(i)" size="10" />
|
||||||
color="#258feb"
|
|
||||||
:checked="selectPayIndex == i ? true : false"
|
|
||||||
@click="radioChange(i)"
|
|
||||||
size="10"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
<template v-if="beizhuShow">
|
<template v-if="beizhuShow">
|
||||||
<view
|
<view class="goods_detail_list_title bg_box_shandow color_shandow bg_color">
|
||||||
class="goods_detail_list_title bg_box_shandow color_shandow bg_color"
|
<view class="linlanzhifu" style="
|
||||||
>
|
|
||||||
<view
|
|
||||||
class="linlanzhifu"
|
|
||||||
style="
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
"
|
">
|
||||||
>
|
|
||||||
<view class="linlanzhifu">
|
<view class="linlanzhifu">
|
||||||
<u-icon
|
<u-icon name="error-circle" color="#018F89" size="20"
|
||||||
name="error-circle"
|
style="display: inline-block; margin-right: 10rpx"></u-icon>
|
||||||
color="#018F89"
|
|
||||||
size="20"
|
|
||||||
style="display: inline-block; margin-right: 10rpx"
|
|
||||||
></u-icon>
|
|
||||||
确保您的天医币足够支付
|
确保您的天医币足够支付
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<text
|
<text class="fdButtonBox aui-text-danger fdButtonBoxRed" style="float: right" @click="
|
||||||
class="fdButtonBox aui-text-danger fdButtonBoxRed"
|
|
||||||
style="float: right"
|
|
||||||
@click="
|
|
||||||
onPageJump('/pages/mine/wallet/recharge/index?source=order')
|
onPageJump('/pages/mine/wallet/recharge/index?source=order')
|
||||||
"
|
">立即充值</text>
|
||||||
>立即充值</text
|
|
||||||
>
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="other_info" style="margin-top: 12rpx">
|
<view class="other_info" style="margin-top: 12rpx">
|
||||||
@@ -348,9 +240,7 @@
|
|||||||
<view class="explain"> 1. 1天医币 = 1元人民币 </view>
|
<view class="explain"> 1. 1天医币 = 1元人民币 </view>
|
||||||
<view class="explain">
|
<view class="explain">
|
||||||
2.若有疑问或意见请致电客服
|
2.若有疑问或意见请致电客服
|
||||||
<span style="font-size: 15px"
|
<span style="font-size: 15px"><u @click="gotoPhone">022-24142321</u></span>
|
||||||
><u @click="gotoPhone">022-24142321</u></span
|
|
||||||
>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="explain">
|
<view class="explain">
|
||||||
<!-- 3.非中国大陆用户可通过paypal账户支付
|
<!-- 3.非中国大陆用户可通过paypal账户支付
|
||||||
@@ -363,21 +253,14 @@
|
|||||||
|
|
||||||
3.非中国大陆用户可以信用卡支付。简单快捷,推荐使用!
|
3.非中国大陆用户可以信用卡支付。简单快捷,推荐使用!
|
||||||
支付时使用的信用卡需要带有Visa或MasterCard的标识。请向邮箱
|
支付时使用的信用卡需要带有Visa或MasterCard的标识。请向邮箱
|
||||||
<text
|
<text @click="fnCopy('publisher@tmrjournals.com', '邮箱')" class="aui-text-success"
|
||||||
@click="fnCopy('publisher@tmrjournals.com', '邮箱')"
|
style="text-decoration: underline; color: #258feb">
|
||||||
class="aui-text-success"
|
|
||||||
style="text-decoration: underline; color: #258feb"
|
|
||||||
>
|
|
||||||
publisher@tmrjournals.com
|
publisher@tmrjournals.com
|
||||||
</text>
|
</text>
|
||||||
(点击复制)发送支付请求,内容需包含:拟购买的课程名称、支付金额、APP注册姓名及手机号码,或者加一路健康客服微信(
|
(点击复制)发送支付请求,内容需包含:拟购买的课程名称、支付金额、APP注册姓名及手机号码,或者加一路健康客服微信(
|
||||||
<text
|
<text class="aui-text-success" @click="fnCopy('yilujiankangkefu', '微信名')"
|
||||||
class="aui-text-success"
|
style="text-decoration: underline; color: #258feb">
|
||||||
@click="fnCopy('yilujiankangkefu', '微信名')"
|
yilujiankangkefu </text>)(点击复制)联系我们,我们将在24小时内向您的邮箱或者微信发送支付链接,根据提示即可完成信用卡支付,无需兑换外币。
|
||||||
style="text-decoration: underline; color: #258feb"
|
|
||||||
>
|
|
||||||
yilujiankangkefu </text
|
|
||||||
>)(点击复制)联系我们,我们将在24小时内向您的邮箱或者微信发送支付链接,根据提示即可完成信用卡支付,无需兑换外币。
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -385,15 +268,10 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<common-sticky
|
<common-sticky label="title" :itemStyle="`width:${
|
||||||
label="title"
|
|
||||||
:itemStyle="`width:${
|
|
||||||
cateList.length == 2 ? '50' : '33'
|
cateList.length == 2 ? '50' : '33'
|
||||||
}%;padding-left: 15px; padding-right: 15px; height: 68rpx;`"
|
}%;padding-left: 15px; padding-right: 15px; height: 68rpx;`" :list="cateList"
|
||||||
:list="cateList"
|
:currentCateIndex="currentCateIndex" @handleselectCate="handleselectCate">
|
||||||
:currentCateIndex="currentCateIndex"
|
|
||||||
@handleselectCate="handleselectCate"
|
|
||||||
>
|
|
||||||
</common-sticky>
|
</common-sticky>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -422,17 +300,11 @@
|
|||||||
-->
|
-->
|
||||||
</view>
|
</view>
|
||||||
<view class="goods_nav_box">
|
<view class="goods_nav_box">
|
||||||
<common-goods-nav
|
<common-goods-nav :iconList="[]" :customButton="customButton" @submit="goBuyJie">
|
||||||
:iconList="[]"
|
|
||||||
:customButton="customButton"
|
|
||||||
@submit="goBuyJie"
|
|
||||||
>
|
|
||||||
<!-- leftSlot -->
|
<!-- leftSlot -->
|
||||||
<template slot="leftSlot" slot-scope="slotProps">
|
<template slot="leftSlot" slot-scope="slotProps">
|
||||||
<view class="price_box order_bottom_box"
|
<view class="price_box order_bottom_box"><text class="number">共{{ number }}件</text>
|
||||||
><text class="number">共{{ number }}件</text>
|
<text class="price">合计:
|
||||||
<text class="price"
|
|
||||||
>合计:
|
|
||||||
|
|
||||||
<text class="total">¥{{ actualPayment }}</text>
|
<text class="total">¥{{ actualPayment }}</text>
|
||||||
</text>
|
</text>
|
||||||
@@ -453,49 +325,28 @@
|
|||||||
@cancel="hancleModalCancel"
|
@cancel="hancleModalCancel"
|
||||||
></u-modal> -->
|
></u-modal> -->
|
||||||
<u-popup :show="show" mode="right">
|
<u-popup :show="show" mode="right">
|
||||||
<common-address
|
<common-address backState="3000" ref="commonAddress" @fresh="handleFresh"
|
||||||
backState="3000"
|
@selectAddress="selectAddress"></common-address></u-popup>
|
||||||
ref="commonAddress"
|
|
||||||
@fresh="handleFresh"
|
|
||||||
@selectAddress="selectAddress"
|
|
||||||
></common-address
|
|
||||||
></u-popup>
|
|
||||||
<!-- @close="closeOrderModalShow" -->
|
<!-- @close="closeOrderModalShow" -->
|
||||||
<u-popup :show="orderModalShow" mode="bottom" :round="20">
|
<u-popup :show="orderModalShow" mode="bottom" :round="20">
|
||||||
<view class="orderModalShow popup_box">
|
<view class="orderModalShow popup_box">
|
||||||
<u-icon
|
<u-icon name="close" color="#333" size="18" @click="closeOrderModalShow" style="
|
||||||
name="close"
|
|
||||||
color="#333"
|
|
||||||
size="18"
|
|
||||||
@click="closeOrderModalShow"
|
|
||||||
style="
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 20rpx;
|
right: 20rpx;
|
||||||
top: 20rpx;
|
top: 20rpx;
|
||||||
"
|
"></u-icon>
|
||||||
></u-icon>
|
|
||||||
<view v-if="orderModalShowInfo.type == 'remark'">
|
<view v-if="orderModalShowInfo.type == 'remark'">
|
||||||
<view class="order_top common_radius_box goods_box">
|
<view class="order_top common_radius_box goods_box">
|
||||||
<view class="curriulum_title_box goods_item">
|
<view class="curriulum_title_box goods_item">
|
||||||
<view class="title">订单备注</view>
|
<view class="title">订单备注</view>
|
||||||
<u--textarea
|
<u--textarea v-model="content" placeholder="选填:给商家留言" count class="textarea"></u--textarea>
|
||||||
v-model="content"
|
|
||||||
placeholder="选填:给商家留言"
|
|
||||||
count
|
|
||||||
class="textarea"
|
|
||||||
></u--textarea>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="goods_nav_box">
|
<view class="goods_nav_box">
|
||||||
<uni-goods-nav
|
<uni-goods-nav :fill="true" :options="[]" :button-group="customButtonGroup1"
|
||||||
:fill="true"
|
@click="onHandleClickBuy" @buttonClick="onHandleClickBuy" />
|
||||||
:options="[]"
|
|
||||||
:button-group="customButtonGroup1"
|
|
||||||
@click="onHandleClickBuy"
|
|
||||||
@buttonClick="onHandleClickBuy"
|
|
||||||
/>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</u-popup>
|
</u-popup>
|
||||||
@@ -505,10 +356,18 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import courseDescription from "@/pages/component/commonComponents/list";
|
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";
|
import $http from "@/config/requestConfig.js";
|
||||||
const { platform } = uni.getSystemInfoSync();
|
const {
|
||||||
import { mapState } from "vuex";
|
platform
|
||||||
|
} = uni.getSystemInfoSync();
|
||||||
|
import {
|
||||||
|
mapState
|
||||||
|
} from "vuex";
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
courseDescription, //课程说明
|
courseDescription, //课程说明
|
||||||
@@ -571,8 +430,7 @@ export default {
|
|||||||
},
|
},
|
||||||
selectPayIndex: 1,
|
selectPayIndex: 1,
|
||||||
farePrice: 0,
|
farePrice: 0,
|
||||||
payList: [
|
payList: [{
|
||||||
{
|
|
||||||
text: "支付宝",
|
text: "支付宝",
|
||||||
imgUrl: require("@/static/icon/pay_1.png"),
|
imgUrl: require("@/static/icon/pay_1.png"),
|
||||||
type: 2,
|
type: 2,
|
||||||
@@ -591,29 +449,25 @@ export default {
|
|||||||
value: "2",
|
value: "2",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
payListIOS: [
|
payListIOS: [{
|
||||||
{
|
|
||||||
text: "天医币",
|
text: "天医币",
|
||||||
imgUrl: require("@/static/icon/pay_3.png"),
|
imgUrl: require("@/static/icon/pay_3.png"),
|
||||||
type: 4,
|
type: 4,
|
||||||
value: "2",
|
value: "2",
|
||||||
},
|
}, ],
|
||||||
],
|
|
||||||
priceBreakdownList: [],
|
priceBreakdownList: [],
|
||||||
orderInfoList: [
|
orderInfoList: [{
|
||||||
{
|
|
||||||
text: "订单备注",
|
text: "订单备注",
|
||||||
placeholder: "点击填写订单备注",
|
placeholder: "点击填写订单备注",
|
||||||
imgUrl: "",
|
imgUrl: "",
|
||||||
type: "remark",
|
type: "remark",
|
||||||
},
|
}, ],
|
||||||
],
|
|
||||||
number: 1,
|
number: 1,
|
||||||
detailInfo: {},
|
detailInfo: {},
|
||||||
content: "",
|
content: "",
|
||||||
remark: "",
|
remark: "",
|
||||||
iconList: [],
|
iconList: [],
|
||||||
|
buyingFlag: false, // 购买进行中flag
|
||||||
swiperList: [],
|
swiperList: [],
|
||||||
options: {},
|
options: {},
|
||||||
relatedCoursesList: [], //相关课程
|
relatedCoursesList: [], //相关课程
|
||||||
@@ -635,8 +489,7 @@ export default {
|
|||||||
initData: {},
|
initData: {},
|
||||||
taiHuClassInfo: {},
|
taiHuClassInfo: {},
|
||||||
searchValue: "",
|
searchValue: "",
|
||||||
teachingList: [
|
teachingList: [{
|
||||||
{
|
|
||||||
title: "临床实践",
|
title: "临床实践",
|
||||||
|
|
||||||
type: "02",
|
type: "02",
|
||||||
@@ -686,22 +539,18 @@ export default {
|
|||||||
addressList: "common/userAddress/getUserAddress",
|
addressList: "common/userAddress/getUserAddress",
|
||||||
freightNum: "book/buyOrder/calculateTransportPrice", //运费
|
freightNum: "book/buyOrder/calculateTransportPrice", //运费
|
||||||
},
|
},
|
||||||
customButton: [
|
customButton: [{
|
||||||
{
|
|
||||||
width: "340rpx",
|
width: "340rpx",
|
||||||
text: "立即支付",
|
text: "立即支付",
|
||||||
backgroundColor: "linear-gradient(90deg, #3C77BE 0%,#258feb 100%)",
|
backgroundColor: "linear-gradient(90deg, #3C77BE 0%,#258feb 100%)",
|
||||||
color: "#fff",
|
color: "#fff",
|
||||||
},
|
}, ],
|
||||||
],
|
customButtonGroup1: [{
|
||||||
customButtonGroup1: [
|
|
||||||
{
|
|
||||||
with: 200,
|
with: 200,
|
||||||
text: "确定",
|
text: "确定",
|
||||||
backgroundColor: "linear-gradient(90deg, #3C77BE 0%,#258feb 100%)",
|
backgroundColor: "linear-gradient(90deg, #3C77BE 0%,#258feb 100%)",
|
||||||
color: "#fff",
|
color: "#fff",
|
||||||
},
|
}, ],
|
||||||
],
|
|
||||||
haveCourse: false, // 结算队列是否有课程类型的商品
|
haveCourse: false, // 结算队列是否有课程类型的商品
|
||||||
isAndorid: null, //操作系统
|
isAndorid: null, //操作系统
|
||||||
beizhuShow: false, // 是否显示天医币说明?
|
beizhuShow: false, // 是否显示天医币说明?
|
||||||
@@ -802,8 +651,7 @@ export default {
|
|||||||
value = this.jfNumberMax;
|
value = this.jfNumberMax;
|
||||||
|
|
||||||
this.$forceUpdate();
|
this.$forceUpdate();
|
||||||
} else {
|
} else {}
|
||||||
}
|
|
||||||
// value = value.replace(/[^\d]/g, "");
|
// value = value.replace(/[^\d]/g, "");
|
||||||
this.jfNumber = Number(value);
|
this.jfNumber = Number(value);
|
||||||
this.jfNumberShow = this.jfNumber.toFixed(2);
|
this.jfNumberShow = this.jfNumber.toFixed(2);
|
||||||
@@ -841,8 +689,7 @@ export default {
|
|||||||
},
|
},
|
||||||
// 获取订单初始话
|
// 获取订单初始话
|
||||||
async initPrepareOrder() {
|
async initPrepareOrder() {
|
||||||
this.priceBreakdownList = [
|
this.priceBreakdownList = [{
|
||||||
{
|
|
||||||
text: "商品总价",
|
text: "商品总价",
|
||||||
imgUrl: "",
|
imgUrl: "",
|
||||||
type: 1,
|
type: 1,
|
||||||
@@ -1081,6 +928,14 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
async goBuyJie() {
|
async goBuyJie() {
|
||||||
|
if (this.buyingFlag) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '操作太频繁了,休息下吧',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.buyingFlag = true
|
||||||
var that = this;
|
var that = this;
|
||||||
// if (this.addressList.length == 0) {
|
// if (this.addressList.length == 0) {
|
||||||
// this.dizhiShow = true // 如果没有地址信息
|
// this.dizhiShow = true // 如果没有地址信息
|
||||||
@@ -1138,8 +993,7 @@ export default {
|
|||||||
};
|
};
|
||||||
}), //订单列表商品
|
}), //订单列表商品
|
||||||
orderType: "order", //订单类型
|
orderType: "order", //订单类型
|
||||||
addressId:
|
addressId: this.options.goods[0].goodsType != "05" ? this.addressData.id : 0, // 地址ID
|
||||||
this.options.goods[0].goodsType != "05" ? this.addressData.id : 0, // 地址ID
|
|
||||||
appName: "wumen",
|
appName: "wumen",
|
||||||
come: "2",
|
come: "2",
|
||||||
};
|
};
|
||||||
@@ -1174,8 +1028,7 @@ export default {
|
|||||||
title: "正在支付",
|
title: "正在支付",
|
||||||
icon: "loading",
|
icon: "loading",
|
||||||
});
|
});
|
||||||
await setPay(
|
await setPay({
|
||||||
{
|
|
||||||
typePay: "alipay",
|
typePay: "alipay",
|
||||||
subject: "order",
|
subject: "order",
|
||||||
totalAmount: res.money,
|
totalAmount: res.money,
|
||||||
@@ -1189,6 +1042,7 @@ export default {
|
|||||||
});
|
});
|
||||||
console.log(res, "支付支付");
|
console.log(res, "支付支付");
|
||||||
if (res.success) {
|
if (res.success) {
|
||||||
|
this.buyingFlag = false
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: "支付成功",
|
title: "支付成功",
|
||||||
});
|
});
|
||||||
@@ -1208,7 +1062,7 @@ export default {
|
|||||||
}, 1000);
|
}, 1000);
|
||||||
} else {
|
} else {
|
||||||
console.log("失败失败失败");
|
console.log("失败失败失败");
|
||||||
|
this.buyingFlag = false
|
||||||
// that.$commonJS.showToast('支付是失败')
|
// that.$commonJS.showToast('支付是失败')
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
console.log("延迟调用 失败提示");
|
console.log("延迟调用 失败提示");
|
||||||
@@ -1237,6 +1091,7 @@ export default {
|
|||||||
};
|
};
|
||||||
setWXPay(data1, (res) => {
|
setWXPay(data1, (res) => {
|
||||||
if (res.success) {
|
if (res.success) {
|
||||||
|
this.buyingFlag = false
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: "支付成功",
|
title: "支付成功",
|
||||||
});
|
});
|
||||||
@@ -1256,6 +1111,7 @@ export default {
|
|||||||
}
|
}
|
||||||
}, 1000);
|
}, 1000);
|
||||||
} else {
|
} else {
|
||||||
|
this.buyingFlag = false
|
||||||
console.log(res, "微信支付111111111111111");
|
console.log(res, "微信支付111111111111111");
|
||||||
if (res.data.errMsg.indexOf("User canceled") != -1) {
|
if (res.data.errMsg.indexOf("User canceled") != -1) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
@@ -1273,6 +1129,7 @@ export default {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
} else if (this.payType == 4) {
|
} else if (this.payType == 4) {
|
||||||
|
this.buyingFlag = false
|
||||||
// 天医币支付
|
// 天医币支付
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: "购买成功",
|
title: "购买成功",
|
||||||
@@ -1296,7 +1153,9 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
radioChange(index) {
|
radioChange(index) {
|
||||||
if(index == this.selectPayIndex){ return }
|
if (index == this.selectPayIndex) {
|
||||||
|
return
|
||||||
|
}
|
||||||
this.selectPayIndex = index;
|
this.selectPayIndex = index;
|
||||||
this.selectPayIndex == 2 ? this.beizhuShow = true : this.beizhuShow = false
|
this.selectPayIndex == 2 ? this.beizhuShow = true : this.beizhuShow = false
|
||||||
this.payType = this.payList[this.selectPayIndex].type;
|
this.payType = this.payList[this.selectPayIndex].type;
|
||||||
@@ -1354,8 +1213,7 @@ export default {
|
|||||||
}
|
}
|
||||||
this.modalInfo = {
|
this.modalInfo = {
|
||||||
title: "提示信息",
|
title: "提示信息",
|
||||||
content:
|
content: "用户您好,该课程已到期,通过支付" +
|
||||||
"用户您好,该课程已到期,通过支付" +
|
|
||||||
fee +
|
fee +
|
||||||
"元,本门课程可获得" +
|
"元,本门课程可获得" +
|
||||||
days +
|
days +
|
||||||
@@ -1570,8 +1428,7 @@ export default {
|
|||||||
// curriculumInfo
|
// curriculumInfo
|
||||||
|
|
||||||
this.detailInfo = {
|
this.detailInfo = {
|
||||||
content:
|
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>",
|
||||||
"<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
|
// this.$http
|
||||||
@@ -1716,7 +1573,9 @@ export default {
|
|||||||
transformData(inputData) {
|
transformData(inputData) {
|
||||||
const result = {};
|
const result = {};
|
||||||
inputData.forEach((item) => {
|
inputData.forEach((item) => {
|
||||||
const { letter } = item;
|
const {
|
||||||
|
letter
|
||||||
|
} = item;
|
||||||
if (!result[letter]) {
|
if (!result[letter]) {
|
||||||
result[letter] = [];
|
result[letter] = [];
|
||||||
}
|
}
|
||||||
@@ -1886,6 +1745,7 @@ export default {
|
|||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import "@/style/mixin.scss";
|
@import "@/style/mixin.scss";
|
||||||
|
|
||||||
.order_box {
|
.order_box {
|
||||||
padding: 20rpx;
|
padding: 20rpx;
|
||||||
|
|
||||||
@@ -1981,7 +1841,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.commonDetailPage {
|
.commonDetailPage {
|
||||||
font-size: 24rpx;
|
font-size: 28rpx;
|
||||||
padding-bottom: 150rpx !important;
|
padding-bottom: 150rpx !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -2153,8 +2013,7 @@ font-size: 24rpx;
|
|||||||
// color: #aaa;
|
// color: #aaa;
|
||||||
color: #5a5a5a;
|
color: #5a5a5a;
|
||||||
|
|
||||||
.explain {
|
.explain {}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.left {
|
.left {
|
||||||
|
|||||||
@@ -38,31 +38,6 @@
|
|||||||
>退出登录</u-button
|
>退出登录</u-button
|
||||||
>
|
>
|
||||||
</view>
|
</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>
|
</view>
|
||||||
|
|
||||||
<u-modal
|
<u-modal
|
||||||
@@ -73,10 +48,19 @@
|
|||||||
@confirm="signOut"
|
@confirm="signOut"
|
||||||
>
|
>
|
||||||
</u-modal>
|
</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>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<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 list from "@/pages/component/commonComponents/list";
|
||||||
import $http from "@/config/requestConfig.js";
|
import $http from "@/config/requestConfig.js";
|
||||||
|
|
||||||
@@ -92,7 +76,7 @@ export default {
|
|||||||
playData: {},
|
playData: {},
|
||||||
options: {},
|
options: {},
|
||||||
searchValue: "",
|
searchValue: "",
|
||||||
|
showCodeImg:false,
|
||||||
twoCateList: [], // 二级分类标题
|
twoCateList: [], // 二级分类标题
|
||||||
titleList: [], // 方剂标题
|
titleList: [], // 方剂标题
|
||||||
curOneCateIndex: 0, // 当前选中的一级分类
|
curOneCateIndex: 0, // 当前选中的一级分类
|
||||||
@@ -117,11 +101,15 @@ export default {
|
|||||||
type: "email",
|
type: "email",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "微信号",
|
title: "企业微信",
|
||||||
content: "yilujiankangkefu",
|
content: "",
|
||||||
type: "wxNumber",
|
type: "wxNumber",
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
title: "版本检测",
|
||||||
|
content: "",
|
||||||
|
type: "checkVersion",
|
||||||
|
},
|
||||||
// {
|
// {
|
||||||
|
|
||||||
// "title": "清楚缓存",
|
// "title": "清楚缓存",
|
||||||
@@ -161,6 +149,9 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
...mapMutations(["setUserInfo"]),
|
...mapMutations(["setUserInfo"]),
|
||||||
|
closePup(){
|
||||||
|
this.showCodeImg = false
|
||||||
|
},
|
||||||
signOut() {
|
signOut() {
|
||||||
this.signShow = false;
|
this.signShow = false;
|
||||||
this.setUserInfo({ token: null });
|
this.setUserInfo({ token: null });
|
||||||
@@ -217,7 +208,11 @@ export default {
|
|||||||
this.$commonJS.handleCopy(row.content, row.title);
|
this.$commonJS.handleCopy(row.content, row.title);
|
||||||
break;
|
break;
|
||||||
case "wxNumber":
|
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;
|
break;
|
||||||
case "pageJump":
|
case "pageJump":
|
||||||
uni.navigateTo({
|
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() {
|
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) {
|
gotoDetail(v) {
|
||||||
console.log(v);
|
console.log(v);
|
||||||
@@ -402,27 +392,6 @@ export default {
|
|||||||
async setOneCateIndex(item, index) {
|
async setOneCateIndex(item, index) {
|
||||||
console.log(index, 99999);
|
console.log(index, 99999);
|
||||||
var that = this;
|
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;
|
let type = item.type;
|
||||||
this.curOneCateIndex = index;
|
this.curOneCateIndex = index;
|
||||||
this.curTwoCateIndex = 0;
|
this.curTwoCateIndex = 0;
|
||||||
@@ -432,15 +401,6 @@ export default {
|
|||||||
// if (index != 2) {
|
// if (index != 2) {
|
||||||
await this.getTowCateList(type);
|
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) {
|
async getTowCateList(type) {
|
||||||
var that = this;
|
var that = this;
|
||||||
@@ -450,11 +410,8 @@ export default {
|
|||||||
method: "POST", // POST、GET、PUT、DELETE,具体说明查看官方文档
|
method: "POST", // POST、GET、PUT、DELETE,具体说明查看官方文档
|
||||||
data: {
|
data: {
|
||||||
loadAnimate: "none", // 请求加载动画
|
loadAnimate: "none", // 请求加载动画
|
||||||
// 'categoryId': id
|
|
||||||
},
|
},
|
||||||
// header: { //默认 无 说明:请求头
|
|
||||||
// 'Content-Type': 'application/json'
|
|
||||||
// },
|
|
||||||
})
|
})
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
console.log(res, "二级分类获取成功");
|
console.log(res, "二级分类获取成功");
|
||||||
@@ -511,15 +468,6 @@ export default {
|
|||||||
this.getTitles(this.twoCateList[0].dictType);
|
this.getTitles(this.twoCateList[0].dictType);
|
||||||
|
|
||||||
this.$nextTick(async () => {
|
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
|
await uni
|
||||||
.createSelectorQuery()
|
.createSelectorQuery()
|
||||||
.select(".cateList")
|
.select(".cateList")
|
||||||
@@ -557,156 +505,31 @@ export default {
|
|||||||
// const finalResult = Object.keys(result).map(key => ({ [key]: result[key] }));
|
// const finalResult = Object.keys(result).map(key => ({ [key]: result[key] }));
|
||||||
return result;
|
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) {
|
getCateList(id) {
|
||||||
id ? "" : (id = 0);
|
id ? "" : (id = 0);
|
||||||
this.twoCateList = [];
|
this.twoCateList = [];
|
||||||
this.curTwoCateIndex = 0;
|
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);
|
this.getTowCateList(this.oneCateList[0].type);
|
||||||
// } else {
|
|
||||||
// this.oneCateList = []
|
|
||||||
// }
|
|
||||||
// }).catch(e => {
|
|
||||||
// this.oneCateList = []
|
|
||||||
// console.log(e)
|
|
||||||
// })
|
|
||||||
},
|
},
|
||||||
|
|
||||||
// 放大图片
|
// 放大图片
|
||||||
previewImage(url) {
|
previewImage(url) {
|
||||||
console.log(url);
|
console.log(url);
|
||||||
|
this.showCodeImg = false
|
||||||
uni.previewImage({
|
uni.previewImage({
|
||||||
urls: [url],
|
urls: [url],
|
||||||
longPressActions: {
|
// longPressActions: {
|
||||||
itemList: ["很抱歉,暂不支持保存图片到本地"],
|
// itemList: ["很抱歉,暂不支持保存图片到本地"],
|
||||||
success: function (res) {
|
// success: function (res) {
|
||||||
// console.log(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() {
|
onBackPress() {
|
||||||
// #ifdef APP-PLUS
|
// #ifdef APP-PLUS
|
||||||
@@ -719,6 +542,79 @@ export default {
|
|||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import "@/style/common.scss";
|
@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 {
|
.u-grid-list {
|
||||||
// height: 40rpx;
|
// height: 40rpx;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -6,6 +6,9 @@
|
|||||||
<view class="icon_hua">
|
<view class="icon_hua">
|
||||||
<image src="../../static/homeLogo.png" mode="aspectFit" class="icon_hua_1"></image>
|
<image src="../../static/homeLogo.png" mode="aspectFit" class="icon_hua_1"></image>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="hehan">
|
||||||
|
<image src="../../static/icon/hehan.png" mode="aspectFit" class="icon_hua_1"></image>
|
||||||
|
</view>
|
||||||
<view class="topSearch_box">
|
<view class="topSearch_box">
|
||||||
<image src="../../static/search.png" mode="aspectFit"
|
<image src="../../static/search.png" mode="aspectFit"
|
||||||
@click="onPageJump('/pages/peanut/searchFor')"></image>
|
@click="onPageJump('/pages/peanut/searchFor')"></image>
|
||||||
@@ -50,7 +53,7 @@
|
|||||||
<view class="childrenBox fourIcon flexbox" style="justify-content: space-around;">
|
<view class="childrenBox fourIcon flexbox" style="justify-content: space-around;">
|
||||||
<div class="item flexbox" @click="curseClickJump(item)" v-for="(item, index) in sbuMedicalTagsList"
|
<div class="item flexbox" @click="curseClickJump(item)" v-for="(item, index) in sbuMedicalTagsList"
|
||||||
:key="index">
|
: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>
|
<text>{{item.title}}</text>
|
||||||
</div>
|
</div>
|
||||||
</view>
|
</view>
|
||||||
@@ -1058,11 +1061,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.childrenBox {
|
.childrenBox {
|
||||||
// background-color: #e4eefa !important;
|
background-color: #e4eefa !important;
|
||||||
border:1px solid #e4eefa;
|
// border:1px solid #e4eefa;
|
||||||
border-radius: 6rpx !important;
|
border-radius: 6rpx !important;
|
||||||
// @include mshadow(10px, 1);
|
@include mshadow(10px, 1);
|
||||||
background-color: #fff;
|
// background-color: #fff;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
// border-radius: 0 !important;
|
// border-radius: 0 !important;
|
||||||
|
|||||||
@@ -307,7 +307,7 @@
|
|||||||
|
|
||||||
.time { display: block; width: 300rpx;
|
.time { display: block; width: 300rpx;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #bebebe;width: 35%;
|
color: #bebebe;width:39%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.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