修改
This commit is contained in:
曹辉
parent
9c3cdfcd40
commit
6810631985
10
api/Learningtraining/index.js
Normal file
10
api/Learningtraining/index.js
Normal file
@ -0,0 +1,10 @@
|
||||
import request from "../request.js"
|
||||
|
||||
|
||||
export function selectNurseAppletPersonTrainingParent(pageNum, pageSize, nurseStationPersonId) {
|
||||
return request({
|
||||
url: `/nurseApplet/personLearn/getTrainingItemGroupInfo?pageNum=${pageNum}&pageSize=${pageSize}&nurseStationPersonId=${nurseStationPersonId}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
|
||||
@ -7,7 +7,6 @@ export function personRevenue(nurseStationPersonId, monthTime, monthStartTime, m
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
|
||||
// 个人中心 我的收益 订单列表分页
|
||||
export function personRevenueDetails(pageNum, pageSize, nurseStationPersonId, monthTime, monthStartTime, monthEndTime) {
|
||||
return request({
|
||||
|
||||
15
api/Orderdetails/index.js
Normal file
15
api/Orderdetails/index.js
Normal file
@ -0,0 +1,15 @@
|
||||
import request from "../request.js"
|
||||
|
||||
export function handCloseOrder() {
|
||||
return request({
|
||||
url: `/monitor/payTask/handCloseOrder`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
|
||||
export function getWaitPayTrainingOrderDetails(trainingOrderNo) {
|
||||
return request({
|
||||
url: `/nurseApplet/personLearn/getWaitPayTrainingOrderDetails?trainingOrderNo=${trainingOrderNo}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
8
api/Orderlearning/index.js
Normal file
8
api/Orderlearning/index.js
Normal file
@ -0,0 +1,8 @@
|
||||
import request from "../request.js"
|
||||
|
||||
export function selectTrainingOrderItemList(trainingParentId, nurseStationPersonId, trainingOrderNo) {
|
||||
return request({
|
||||
url: `/nurseApplet/personLearn/selectTrainingOrderItemList?trainingParentId=${trainingParentId}&nurseStationPersonId=${nurseStationPersonId}&trainingOrderNo=${trainingOrderNo}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
9
api/Orderlist/index.js
Normal file
9
api/Orderlist/index.js
Normal file
@ -0,0 +1,9 @@
|
||||
import request from "../request.js"
|
||||
|
||||
//订单列表
|
||||
export function selectTrainingOrderItemGroupList(pageNum, pageSize, nurseStationPersonId) {
|
||||
return request({
|
||||
url: `/nurseApplet/personLearn/selectTrainingOrderItemGroupList?pageNum=${pageNum}&pageSize=${pageSize}&nurseStationPersonId=${nurseStationPersonId}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
26
api/Ordervideolearning/index.js
Normal file
26
api/Ordervideolearning/index.js
Normal file
@ -0,0 +1,26 @@
|
||||
import request from "../request.js"
|
||||
|
||||
|
||||
export function selectTrainingOrderVideoDetails(trainingItemId, trainingOrderNo,trainingOrderDetailsId) {
|
||||
return request({
|
||||
url: `/nurseApplet/personLearn/selectTrainingOrderVideoDetails?trainingItemId=${trainingItemId}&trainingOrderNo=${trainingOrderNo}&trainingOrderDetailsId=${trainingOrderDetailsId}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
//推出视频
|
||||
export function insertTrainingItemWatchRecord(data) {
|
||||
return request({
|
||||
url: `/nurseApplet/personLearn/insertTrainingItemWatchRecord`,
|
||||
method: 'POST',
|
||||
data
|
||||
})
|
||||
}
|
||||
//播放视频
|
||||
export function getTrainingItemWatchRecord(trainingOrderId,trainingItemId,trainingItemDirectoryId,nurseStationPersonId) {
|
||||
return request({
|
||||
url: `/nurseApplet/personLearn/getTrainingItemWatchRecord?trainingOrderId=${trainingOrderId}&trainingItemId=${trainingItemId}&trainingItemDirectoryId=${trainingItemDirectoryId}&nurseStationPersonId=${nurseStationPersonId}`,
|
||||
method: 'GET',
|
||||
})
|
||||
}
|
||||
27
api/Videolearning/index.js
Normal file
27
api/Videolearning/index.js
Normal file
@ -0,0 +1,27 @@
|
||||
import request from "../request.js"
|
||||
|
||||
|
||||
export function selectNurseAppletPersonTrainingItemDetailsList(trainingItemId, nurseStationPersonId) {
|
||||
return request({
|
||||
url: `/nurseApplet/personLearn/getTrainingItemDetailsInfo?trainingItemId=${trainingItemId}&nurseStationPersonId=${nurseStationPersonId}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
//推出视频
|
||||
export function insertTrainingItemWatchRecord(data) {
|
||||
return request({
|
||||
url: `/nurseApplet/personLearn/insertTrainingItemWatchRecord`,
|
||||
method: 'POST',
|
||||
data
|
||||
})
|
||||
}
|
||||
//播放视频
|
||||
export function getTrainingItemWatchRecord(trainingOrderId, trainingItemId, trainingItemDirectoryId,
|
||||
nurseStationPersonId) {
|
||||
return request({
|
||||
url: `/nurseApplet/personLearn/getTrainingItemWatchRecord?trainingOrderId=${trainingOrderId}&trainingItemId=${trainingItemId}&trainingItemDirectoryId=${trainingItemDirectoryId}&nurseStationPersonId=${nurseStationPersonId}`,
|
||||
method: 'GET',
|
||||
})
|
||||
}
|
||||
@ -7,3 +7,12 @@ export function selectOrderByNursePersonCount(nurseStationPersonId) {
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
//护理新闻
|
||||
export function selectNurseNews(pageNum, pageSize) {
|
||||
return request({
|
||||
url: `/nurseApplet/nearbyNursingStation/getHeathHousingList?pageNum=${pageNum}&pageSize=${pageSize}&informationCategoryType=${'NURSING_NEWS'}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
|
||||
31
api/learning/index.js
Normal file
31
api/learning/index.js
Normal file
@ -0,0 +1,31 @@
|
||||
import request from "../request.js"
|
||||
|
||||
export function selectNurseAppletPersonTrainingItemList(trainingParentId, nurseStationPersonId) {
|
||||
return request({
|
||||
url: `/nurseApplet/personLearn/getTrainingVideoAndContentList?trainingParentId=${trainingParentId}&nurseStationPersonId=${nurseStationPersonId}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
|
||||
export function selectNurseAppletPersonTrainingParent(id, nurseStationPersonId) {
|
||||
return request({
|
||||
url: `/nurseApplet/personLearn/getTrainingItemGroupInfo?pageNum=${1}&pageSize=${10}&id=${id}&nurseStationPersonId=${nurseStationPersonId}`,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
//生成订单
|
||||
export function trainingItemOrder(data) {
|
||||
return request({
|
||||
url: `/nurseApplet/personLearn/buyTrainingItemOrder`,
|
||||
method: 'POST',
|
||||
data,
|
||||
})
|
||||
}
|
||||
|
||||
export function appletTrainingOrderPay(data) {
|
||||
return request({
|
||||
url: `/nurseApp/weChatPayment/appletTrainingOrderPay`,
|
||||
method: 'POST',
|
||||
data,
|
||||
})
|
||||
}
|
||||
@ -18,7 +18,7 @@ var request = function(config) {
|
||||
uni.removeStorageSync('token');
|
||||
uni.removeStorageSync('nursePersonId');
|
||||
uni.removeStorageSync('phone');
|
||||
uni.reLaunch({
|
||||
uni.navigateTo({
|
||||
url: '/pages/login/login'
|
||||
})
|
||||
} else if (res.data.code == 500) {
|
||||
|
||||
@ -2,8 +2,8 @@
|
||||
"name" : "泉医助手",
|
||||
"appid" : "__UNI__EE607B0",
|
||||
"description" : "",
|
||||
"versionName" : "1.0.6",
|
||||
"versionCode" : 106,
|
||||
"versionName" : "1.0.7",
|
||||
"versionCode" : 107,
|
||||
"transformPx" : false,
|
||||
/* 5+App特有相关 */
|
||||
"app-plus" : {
|
||||
@ -20,7 +20,8 @@
|
||||
"modules" : {
|
||||
"Geolocation" : {},
|
||||
"Maps" : {},
|
||||
"Camera" : {}
|
||||
"Camera" : {},
|
||||
"VideoPlayer" : {}
|
||||
},
|
||||
/* 应用发布信息 */
|
||||
"distribute" : {
|
||||
|
||||
43
package-lock.json
generated
43
package-lock.json
generated
@ -1,24 +1,27 @@
|
||||
{
|
||||
"name": "NurseStationPersonApp",
|
||||
"lockfileVersion": 2,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"dependencies": {
|
||||
"uview-ui": "^1.8.4"
|
||||
}
|
||||
"name": "签名组件-兼容H5、小程序、APP",
|
||||
"version": "1.0.0",
|
||||
"lockfileVersion": 2,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "签名组件-兼容H5、小程序、APP",
|
||||
"version": "1.0.0",
|
||||
"dependencies": {
|
||||
"uview-ui": "^1.8.4"
|
||||
}
|
||||
},
|
||||
"node_modules/uview-ui": {
|
||||
"version": "1.8.4",
|
||||
"resolved": "https://registry.npmjs.org/uview-ui/-/uview-ui-1.8.4.tgz",
|
||||
"integrity": "sha512-Zr+D5dFdNy6CdHQLBEXeGq/w0LkjxzBtsgaaDwLl0P58g67H7fBBDvy6AzWK/k0c7dwPYMBiK7I4Tr9p92+0DA=="
|
||||
}
|
||||
},
|
||||
"node_modules/uview-ui": {
|
||||
"version": "1.8.4",
|
||||
"resolved": "https://registry.npmjs.org/uview-ui/-/uview-ui-1.8.4.tgz",
|
||||
"integrity": "sha512-Zr+D5dFdNy6CdHQLBEXeGq/w0LkjxzBtsgaaDwLl0P58g67H7fBBDvy6AzWK/k0c7dwPYMBiK7I4Tr9p92+0DA=="
|
||||
"dependencies": {
|
||||
"uview-ui": {
|
||||
"version": "1.8.4",
|
||||
"resolved": "https://registry.npmjs.org/uview-ui/-/uview-ui-1.8.4.tgz",
|
||||
"integrity": "sha512-Zr+D5dFdNy6CdHQLBEXeGq/w0LkjxzBtsgaaDwLl0P58g67H7fBBDvy6AzWK/k0c7dwPYMBiK7I4Tr9p92+0DA=="
|
||||
}
|
||||
}
|
||||
},
|
||||
"dependencies": {
|
||||
"uview-ui": {
|
||||
"version": "1.8.4",
|
||||
"resolved": "https://registry.npmjs.org/uview-ui/-/uview-ui-1.8.4.tgz",
|
||||
"integrity": "sha512-Zr+D5dFdNy6CdHQLBEXeGq/w0LkjxzBtsgaaDwLl0P58g67H7fBBDvy6AzWK/k0c7dwPYMBiK7I4Tr9p92+0DA=="
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -5,5 +5,8 @@
|
||||
"description": "用于uni-app的签名组件，支持H5、小程序、APP，可导出svg矢量图片。",
|
||||
"keywords": [
|
||||
"签名,签字,svg,canvas"
|
||||
]
|
||||
}
|
||||
],
|
||||
"dependencies": {
|
||||
"uview-ui": "^1.8.4"
|
||||
}
|
||||
}
|
||||
|
||||
122
pages.json
122
pages.json
@ -4,28 +4,79 @@
|
||||
},
|
||||
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
|
||||
{
|
||||
"path": "pages/startup/startup",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/login/login",
|
||||
"style": {
|
||||
"navigationBarTitleText": "登录",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/forgotPassword/forgotPassword",
|
||||
"style": {
|
||||
"navigationBarTitleText": "忘记密码"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/register/register",
|
||||
"style": {
|
||||
"navigationBarTitleText": "注册"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/startup/startup",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/personal/personal",
|
||||
"style": {
|
||||
"navigationBarTitleText": "个人信息",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/Learningtraining/Learningtraining",
|
||||
"style": {
|
||||
"navigationBarTitleText": "学习培训",
|
||||
"onReachBottomDistance": 50, //距离底部多远时触发 单位为px
|
||||
"enablePullDownRefresh": true //设置参数为true
|
||||
}
|
||||
}, {
|
||||
"path": "pages/learning/learning",
|
||||
"style": {
|
||||
"navigationBarTitleText": "课程详情",
|
||||
"enablePullDownRefresh": false //设置参数为true
|
||||
}
|
||||
}, {
|
||||
"path": "pages/Orderlearning/Orderlearning",
|
||||
"style": {
|
||||
"navigationBarTitleText": "我的学习",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/Healthitem/Healthitem",
|
||||
"style": {
|
||||
"navigationBarTitleText": "护理新闻",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/Healthknowledge/Healthknowledge",
|
||||
"style": {
|
||||
"navigationBarTitleText": "护理新闻",
|
||||
"onReachBottomDistance": 50, //距离底部多远时触发 单位为px
|
||||
"enablePullDownRefresh": true //设置参数为true
|
||||
}
|
||||
}, {
|
||||
"path": "pages/confirmCompletion/confirmCompletion",
|
||||
"style": {
|
||||
"navigationBarTitleText": "当前工单",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
}, {
|
||||
"path": "pages/MyBenefits/MyBenefits",
|
||||
"style": {
|
||||
"navigationBarTitleText": "我的收益",
|
||||
"enablePullDownRefresh": false
|
||||
"onReachBottomDistance": 50, //距离底部多远时触发 单位为px
|
||||
"enablePullDownRefresh": true //设置参数为true
|
||||
}
|
||||
}, {
|
||||
"path": "pages/Modifyinformation/Modifyinformation",
|
||||
@ -34,12 +85,6 @@
|
||||
"enablePullDownRefresh": false
|
||||
// "navigationBarTextStyle": "white"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/personal/personal",
|
||||
"style": {
|
||||
"navigationBarTitleText": "个人信息",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/Mymission/Mymission",
|
||||
"style": {
|
||||
@ -59,28 +104,12 @@
|
||||
"navigationBarTitleText": "",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/confirmCompletion/confirmCompletion",
|
||||
"style": {
|
||||
"navigationBarTitleText": "当前工单",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
}, {
|
||||
"path": "pages/taskReturn/taskReturn",
|
||||
"style": {
|
||||
"navigationBarTitleText": "退回原因",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
}, {
|
||||
"path": "pages/forgotPassword/forgotPassword",
|
||||
"style": {
|
||||
"navigationBarTitleText": "忘记密码"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/register/register",
|
||||
"style": {
|
||||
"navigationBarTitleText": "注册"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/signature/signature",
|
||||
"style": {
|
||||
@ -96,9 +125,42 @@
|
||||
}, {
|
||||
"path": "pages/study/study",
|
||||
"style": {
|
||||
"navigationBarTitleText": "泉医助手",
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
}, {
|
||||
"path": "pages/Orderlist/Orderlist",
|
||||
"style": {
|
||||
"navigationBarTitleText": "我的学习",
|
||||
"onReachBottomDistance": 20, //距离底部多远时触发 单位为px
|
||||
"enablePullDownRefresh": true //设置参数为true
|
||||
}
|
||||
}, {
|
||||
"path": "pages/Orderdetails/Orderdetails",
|
||||
"style": {
|
||||
"navigationBarTitleText": "我的学习",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
}, {
|
||||
"path": "pages/Videolearning/Videolearning",
|
||||
"style": {
|
||||
"navigationBarTitleText": "视频学习",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "pages/Ordervideolearning/Ordervideolearning",
|
||||
"style": {
|
||||
"navigationBarTitleText": "视频学习",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
}, {
|
||||
"path": "pages/Imglearning/Imglearning",
|
||||
"style": {
|
||||
"navigationBarTitleText": "图文学习",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
}
|
||||
],
|
||||
"globalStyle": {
|
||||
|
||||
101
pages/Healthitem/Healthitem.vue
Normal file
101
pages/Healthitem/Healthitem.vue
Normal file
@ -0,0 +1,101 @@
|
||||
<template>
|
||||
<view class="app">
|
||||
<view class="title">
|
||||
{{item.informationTitle}}
|
||||
</view>
|
||||
<view class="u-content">
|
||||
<u-parse :html="item.informationContent"></u-parse>
|
||||
</view>
|
||||
<!-- <view class="text" v-html="item.informationContent">
|
||||
</view>-->
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
item: '',
|
||||
};
|
||||
},
|
||||
onLoad(options) { //获取传值
|
||||
this.item = JSON.parse(decodeURIComponent(options.item))
|
||||
this.item.informationContent = this.item.informationContent.replace(/\<img/gi,
|
||||
"<br/> <img class='richPic'")
|
||||
this.item.informationContent = this.item.informationContent.replace(/\<p/gi,
|
||||
"<p class='ptext'")
|
||||
// this.item.informationContent = this.item.informationContent.replace(/\<span/,
|
||||
// "<span class='ql-size-small'")
|
||||
// atch = match.replace(/class="ql-size-large"/gi, 'max-width:100%;')
|
||||
},
|
||||
onReady() {}, //更改导航栏文字
|
||||
//1.分享给朋友
|
||||
onShareAppMessage(res) {
|
||||
let pages = getCurrentPages();
|
||||
let url = pages[pages.length - 1].$page.fullPath
|
||||
return {
|
||||
title: '泉医到家',
|
||||
path: url,
|
||||
}
|
||||
},
|
||||
//2.分享到朋友圈
|
||||
onShareTimeline(res) {
|
||||
let pages = getCurrentPages();
|
||||
let url = pages[pages.length - 1].$page.fullPath
|
||||
return {
|
||||
title: '泉医到家',
|
||||
path: url,
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
/deep/ .ptext {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
/deep/ .ptext:nth-child(1) {
|
||||
text-indent: 2em;
|
||||
}
|
||||
|
||||
/deep/ .ql-size-small {
|
||||
font-size: 20rpx;
|
||||
}
|
||||
|
||||
/deep/ .ql-size-large {
|
||||
font-size: 36rpx;
|
||||
}
|
||||
|
||||
/deep/ .ql-size-huge {
|
||||
font-size: 46rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
padding: 0 3%;
|
||||
font-size: 38rpx;
|
||||
font-weight: bold;
|
||||
white-space: normal;
|
||||
word-break: break-all;
|
||||
margin-bottom: 20rpx;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.text {
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
background-color: #fff;
|
||||
padding: 20rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
/deep/ .richPic {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
.u-content {
|
||||
margin: 15rpx auto;
|
||||
width: 96%;
|
||||
text-indent: 2em;
|
||||
}
|
||||
</style>
|
||||
@ -1,10 +1,9 @@
|
||||
<template>
|
||||
<view class="app">
|
||||
<!-- <u-tabs :list="tabList" :current="tabcurrent" @change="change"></u-tabs>
|
||||
<view class="Healthknowledge" v-if="informationCategoryVOList">
|
||||
<u-tabs :list="tabList" :current="tabcurrent" @change="change"></u-tabs>
|
||||
<view class="Healthknowledge" v-if="NurseNewslist">
|
||||
<view class="list">
|
||||
<view class="item" v-for="(item,index) in informationCategoryVOList" :key="index"
|
||||
@tap='gohealthitem(item)'>
|
||||
<view class="item" v-for="(item,index) in NurseNewslist" :key="index" @tap='gohealthitem(item)'>
|
||||
<view class="text">
|
||||
{{item.informationTitle}}
|
||||
</view>
|
||||
@ -12,26 +11,18 @@
|
||||
<image :src="item.leadThumbnailUrl" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="Healthknowledge">
|
||||
<view class="list">
|
||||
<view class="item">
|
||||
<view class="text">
|
||||
护理 I 致力于打造专业护理人才
|
||||
</view>
|
||||
<view class="author"> 生活小窍门,是指人们在日常生活中总结出来的知识和经验,和生活小常识非常相似</view>
|
||||
<image src="../../static/hlxw.png" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="noorder" v-else>
|
||||
<view class="noorder" v-else>
|
||||
<u-empty mode="data" icon-size='220' text='暂无内容'></u-empty>
|
||||
</view> -->
|
||||
</view>
|
||||
<u-back-top :scroll-top="scrollTop"></u-back-top>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
selectNurseNews
|
||||
} from '@/api/homepage/index.js'
|
||||
import baseurl from '@/api/baseurl.js'
|
||||
export default {
|
||||
data() {
|
||||
@ -42,15 +33,13 @@
|
||||
}],
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
informationCategoryVOList: null,
|
||||
total: 0,
|
||||
scrollTop: 0,
|
||||
NurseNewslist: null,
|
||||
};
|
||||
},
|
||||
onShow() {},
|
||||
onLoad() {
|
||||
// this.pageNum = 1
|
||||
// this.getHeathHousing();
|
||||
this.selectNurseNewsinfo();
|
||||
},
|
||||
methods: {
|
||||
//跳转item
|
||||
@ -59,13 +48,13 @@
|
||||
url: `/pages/Healthitem/Healthitem?item=${encodeURIComponent(JSON.stringify(item))}`
|
||||
})
|
||||
},
|
||||
getHeathHousing() {
|
||||
getHeathHousingList(this.pageNum, this.pageSize).then(res => {
|
||||
selectNurseNewsinfo() {
|
||||
selectNurseNews(this.pageNum, this.pageSize).then(res => {
|
||||
if (res.rows.length > 0) {
|
||||
res.rows.forEach(e => {
|
||||
e.leadThumbnailUrl = baseurl + e.leadThumbnailUrl
|
||||
})
|
||||
this.informationCategoryVOList = res.rows
|
||||
this.NurseNewslist = res.rows
|
||||
}
|
||||
this.total = res.total
|
||||
})
|
||||
@ -76,13 +65,13 @@
|
||||
this.scrollTop = e.scrollTop;
|
||||
},
|
||||
onReachBottom() { //下滑加载
|
||||
if (this.informationCategoryVOList.length >= this.total) {} else {
|
||||
if (this.NurseNewslist.length >= this.total) {} else {
|
||||
this.pageNum++
|
||||
getHeathHousingList(this.pageNum, this.pageSize).then(res => {
|
||||
selectNurseNews(this.pageNum, this.pageSize).then(res => {
|
||||
if (res.rows) {
|
||||
res.rows.forEach(e => {
|
||||
e.leadThumbnailUrl = baseurl + e.leadThumbnailUrl
|
||||
this.informationCategoryVOList.push(e)
|
||||
this.NurseNewslist.push(e)
|
||||
})
|
||||
}
|
||||
})
|
||||
@ -90,7 +79,7 @@
|
||||
},
|
||||
onPullDownRefresh() { //下拉刷新
|
||||
this.pageNum = 1;
|
||||
this.getHeathHousing();
|
||||
this.selectNurseNewsinfo();
|
||||
setTimeout(function() {
|
||||
uni.stopPullDownRefresh();
|
||||
}, 1000);
|
||||
|
||||
84
pages/Imglearning/Imglearning.vue
Normal file
84
pages/Imglearning/Imglearning.vue
Normal file
@ -0,0 +1,84 @@
|
||||
<template>
|
||||
<view v-if="list">
|
||||
<view class="u-content">
|
||||
<u-parse :html="list.trainingItemContent"></u-parse>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
selectNurseAppletPersonTrainingItemDetailsList,
|
||||
} from '@/api/Videolearning/index.js'
|
||||
import baseurl from '@/api/baseurl.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
baseurl: undefined,
|
||||
nurseStationPersonId: undefined,
|
||||
list: undefined
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
info() {
|
||||
selectNurseAppletPersonTrainingItemDetailsList(this.trainingItemId, this.nurseStationPersonId).then(
|
||||
res => {
|
||||
if (res.data.trainingItemContent) {
|
||||
res.data.trainingItemContent = res.data.trainingItemContent.replace(/\<img/gi,
|
||||
"<br/> <img class='richPic'")
|
||||
res.data.trainingItemContent = res.data.trainingItemContent.replace(/\<p/gi,
|
||||
"<p class='ptext'")
|
||||
}
|
||||
this.list = res.data
|
||||
})
|
||||
},
|
||||
},
|
||||
onLoad(options) {
|
||||
const that = this
|
||||
this.baseurl = baseurl
|
||||
this.trainingItemId = options.trainingItemId
|
||||
const value = uni.getStorageSync('nursePersonId');
|
||||
if (value) {
|
||||
that.nurseStationPersonId = value
|
||||
that.info();
|
||||
} else {}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
/deep/ .ptext {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
/deep/ .ptext:nth-child(1) {
|
||||
text-indent: 2em;
|
||||
}
|
||||
|
||||
/deep/ .ql-size-small {
|
||||
font-size: 20rpx;
|
||||
}
|
||||
|
||||
/deep/ .ql-size-large {
|
||||
font-size: 36rpx;
|
||||
}
|
||||
|
||||
/deep/ .ql-size-huge {
|
||||
font-size: 46rpx;
|
||||
}
|
||||
|
||||
/deep/ .richPic {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
.u-content {
|
||||
margin: 15rpx auto;
|
||||
width: 96%;
|
||||
text-indent: 2em;
|
||||
}
|
||||
</style>
|
||||
71
pages/Learningtraining/Learningtraining.scss
Normal file
71
pages/Learningtraining/Learningtraining.scss
Normal file
@ -0,0 +1,71 @@
|
||||
.app {
|
||||
color: #333333;
|
||||
padding: 0 0 100rpx;
|
||||
|
||||
.card {
|
||||
width: 96%;
|
||||
margin: 25rpx auto;
|
||||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
|
||||
.item {
|
||||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 5rpx;
|
||||
width: 100%;
|
||||
height: 600rpx;
|
||||
position: relative;
|
||||
margin-bottom: 15rpx;
|
||||
background: #FFFFFF;
|
||||
|
||||
image {
|
||||
position: absolute;
|
||||
top: 20rpx;
|
||||
transform: translateX(-50%);
|
||||
left: 50%;
|
||||
border-radius: 5rpx;
|
||||
width: 94%;
|
||||
height: 400rpx;
|
||||
}
|
||||
|
||||
.text {
|
||||
width: 70%;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
position: absolute;
|
||||
bottom: 30rpx;
|
||||
left: 30rpx;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2; //行数需设置
|
||||
line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.price {
|
||||
position: absolute;
|
||||
bottom: 30rpx;
|
||||
right: 40rpx;
|
||||
color: #EA706A;
|
||||
font-size: 31rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 38rpx;
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
top: 440rpx;
|
||||
left: 30rpx;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1; //行数需设置
|
||||
line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
100
pages/Learningtraining/Learningtraining.vue
Normal file
100
pages/Learningtraining/Learningtraining.vue
Normal file
@ -0,0 +1,100 @@
|
||||
<template>
|
||||
<view class="app">
|
||||
<view class="card">
|
||||
<view class="item" v-for='(item,index) in list' :key="index" @click.stop='gographicvideo(item)'>
|
||||
<image :src="baseurl + item.trainingItemCoverUrl" mode=""></image>
|
||||
<view class="title">
|
||||
{{item.trainingItemTitle?item.trainingItemTitle:''}}
|
||||
</view>
|
||||
<view class="text">
|
||||
{{item.trainingItemDetails?item.trainingItemDetails:''}}
|
||||
</view>
|
||||
<view class="price">
|
||||
￥{{item.trainingItemPrice?item.trainingItemPrice:0}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if='list.length == 0' class="" style="padding-top: 100rpx;">
|
||||
<u-empty text="暂无" mode="list" icon-size='240' font-size='32'></u-empty>
|
||||
</view>
|
||||
<u-toast ref="uToast" />
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
selectNurseAppletPersonTrainingParent,
|
||||
} from '@/api/Learningtraining/index.js'
|
||||
import baseurl from '@/api/baseurl.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
nursePersonId: null, //护理员id
|
||||
baseurl: undefined,
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
list: [],
|
||||
total: 0,
|
||||
};
|
||||
},
|
||||
onShow() {},
|
||||
onLoad() {
|
||||
const that = this
|
||||
this.baseurl = baseurl
|
||||
this.pageNum = 1
|
||||
const nursePersonId = uni.getStorageSync('nursePersonId');
|
||||
if (nursePersonId) {
|
||||
that.nursePersonId = nursePersonId
|
||||
that.info();
|
||||
} else {
|
||||
that.$nextTick(e => {
|
||||
that.$refs.uToast.show({
|
||||
title: '您未登录',
|
||||
type: 'error',
|
||||
duration: '1000'
|
||||
})
|
||||
})
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
info() {
|
||||
selectNurseAppletPersonTrainingParent(this.pageNum, this.pageSize, this.nursePersonId).then(res => {
|
||||
this.list = res.rows
|
||||
this.total = res.total
|
||||
})
|
||||
},
|
||||
//跳转图文或者视频学习
|
||||
gographicvideo(item) {
|
||||
if (item.trainingItemType == 'VIDEO_LEARNING') {
|
||||
uni.navigateTo({
|
||||
url: `/pages/Videolearning/Videolearning?trainingItemId=${item.id}&&trainingItemType=${item.trainingItemType}`
|
||||
})
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: `/pages/learning/learning?trainingParentId=${item.id}`
|
||||
})
|
||||
}
|
||||
},
|
||||
},
|
||||
onReachBottom() { //下滑加载
|
||||
if (this.list.length >= this.total) {} else {
|
||||
this.pageNum++
|
||||
selectNurseAppletPersonTrainingParent(this.pageNum, this.pageSize, this.nursePersonId).then(res => {
|
||||
res.rows.forEach(e => {
|
||||
this.list.push(e)
|
||||
})
|
||||
})
|
||||
}
|
||||
},
|
||||
onPullDownRefresh() { //下拉刷新
|
||||
this.pageNum = 1
|
||||
this.info();
|
||||
setTimeout(function() {
|
||||
uni.stopPullDownRefresh();
|
||||
}, 1000);
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import "./Learningtraining.scss";
|
||||
</style>
|
||||
148
pages/Orderdetails/Orderdetails.scss
Normal file
148
pages/Orderdetails/Orderdetails.scss
Normal file
@ -0,0 +1,148 @@
|
||||
.app {
|
||||
padding: 0;
|
||||
|
||||
.buy {
|
||||
background: #FFFFFF;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
height: 100rpx;
|
||||
width: 100%;
|
||||
|
||||
.logistics {
|
||||
width: 216rpx;
|
||||
height: 68rpx;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
border-radius: 26rpx;
|
||||
font-size: 36rpx;
|
||||
line-height: 68rpx;
|
||||
position: absolute;
|
||||
right: 260rpx;
|
||||
top: 50%;
|
||||
background: #E1AE3C;
|
||||
transform: translateY(-50%);
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.pay {
|
||||
width: 216rpx;
|
||||
height: 68rpx;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
background: #4C7BC9;
|
||||
border-radius: 26rpx;
|
||||
font-size: 36rpx;
|
||||
line-height: 68rpx;
|
||||
position: absolute;
|
||||
right: 20rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
.info {
|
||||
padding: 30rpx 0;
|
||||
height: 40%;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
width: 95%;
|
||||
margin: 0 auto;
|
||||
font-size: 30rpx;
|
||||
color: #020000;
|
||||
|
||||
span {
|
||||
display: block;
|
||||
line-height: 65rpx;
|
||||
margin-left: 20rpx;
|
||||
|
||||
text {
|
||||
color: #BFBDBE;
|
||||
word-break: break-all;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 95%;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
margin: 30rpx auto;
|
||||
position: relative;
|
||||
|
||||
.details {
|
||||
height: 380rpx;
|
||||
position: relative;
|
||||
|
||||
.detailslist {
|
||||
display: flex;
|
||||
|
||||
image {
|
||||
width: 182rpx;
|
||||
height: 182rpx;
|
||||
margin: 20rpx 0 0 20rpx;
|
||||
}
|
||||
|
||||
.model {
|
||||
width: 70%;
|
||||
margin: 30rpx 0 0 20rpx;
|
||||
|
||||
span {
|
||||
font-size: 32rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
span:nth-child(1) {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 95%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.payinfo {
|
||||
width: 95%;
|
||||
position: absolute;
|
||||
left: 2.5%;
|
||||
bottom: 20rpx;
|
||||
|
||||
.pay {
|
||||
font-size: 30rpx;
|
||||
color: #020000;
|
||||
}
|
||||
|
||||
.price {
|
||||
float: right;
|
||||
font-size: 41rpx;
|
||||
color: #D43953;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.trainingOrderStatus{
|
||||
text-align: center;
|
||||
width: 300rpx;
|
||||
height: 70rpx;
|
||||
margin: 10rpx auto 0;
|
||||
line-height: 70rpx;
|
||||
background-color:#4C7BC9 ;
|
||||
border-radius: 50rpx;
|
||||
// color: #4C7BC9;
|
||||
color: #FFFFFF;
|
||||
border: 1rpx solid #4C7BC9;
|
||||
}
|
||||
.time {
|
||||
height: 80rpx;
|
||||
width: 95%;
|
||||
text-align: center;
|
||||
line-height: 80rpx;
|
||||
background-color: #fff;
|
||||
margin: 30rpx auto 0;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
}
|
||||
135
pages/Orderdetails/Orderdetails.vue
Normal file
135
pages/Orderdetails/Orderdetails.vue
Normal file
@ -0,0 +1,135 @@
|
||||
<template>
|
||||
<view class="app">
|
||||
<view class="time" style="" v-if="list.trainingOrderStatus=='WAIT_PAY'">
|
||||
剩余付款时间：
|
||||
<u-count-down :timestamp="timestamp"></u-count-down>
|
||||
</view>
|
||||
<view class="trainingOrderStatus"
|
||||
v-if="list.trainingOrderStatus=='REFUNDED'||list.trainingOrderStatus=='CANCEL'">
|
||||
订单已关闭
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="details">
|
||||
<view class="detailslist">
|
||||
<image :src="baseurl+list.trainingItemCoverUrl" mode=""></image>
|
||||
<view class="model">
|
||||
<span>{{list.trainingItemTitle}}</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="payinfo">
|
||||
<text class="pay">实付款</text>
|
||||
<text class="price">￥{{list.trainingOrderAmount?list.trainingOrderAmount:0}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="info">
|
||||
<span>护理人员：<text>{{list.nursePersonName}}</text></span>
|
||||
<!-- <span>联系电话：<text>{{list.phone}}</text></span> -->
|
||||
<span>订单编号：<text>{{list.trainingOrderNo}}</text></span>
|
||||
<!-- <span>下单时间：<text>{{list.orderTime}}</text></span> -->
|
||||
</view>
|
||||
<view class="buy" @tap='tobuy' v-if="list.trainingOrderStatus == 'WAIT_PAY'">
|
||||
<view class="pay">
|
||||
确认支付
|
||||
</view>
|
||||
</view>
|
||||
<u-toast ref="uToast" />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
trainingItemOrder,
|
||||
appletTrainingOrderPay
|
||||
} from '@/api/learning/index.js'
|
||||
import {
|
||||
handCloseOrder,
|
||||
getWaitPayTrainingOrderDetails
|
||||
} from '@/api/Orderdetails/index.js'
|
||||
import baseurl from '@/api/baseurl.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
baseurl: undefined,
|
||||
trainingOrderNo: undefined,
|
||||
list: undefined,
|
||||
timestamp: 0,
|
||||
timecount: 0,
|
||||
Timer: null,
|
||||
};
|
||||
},
|
||||
onUnload() {
|
||||
clearInterval(this.Timer); //清除该函数
|
||||
},
|
||||
watch: {
|
||||
timecount() {
|
||||
if (this.timecount <= 0) {
|
||||
handCloseOrder().then(res => {
|
||||
clearInterval(this.Timer); //清除该函数
|
||||
this.list.trainingOrderStatus = 'CANCEL'
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
this.baseurl = baseurl
|
||||
this.trainingOrderNo = options.trainingOrderNo
|
||||
this.info();
|
||||
},
|
||||
methods: {
|
||||
info() {
|
||||
getWaitPayTrainingOrderDetails(this.trainingOrderNo).then(res => {
|
||||
this.list = res.data
|
||||
var ordertimes = this.list.trainingOrderTime.replaceAll(/\-/gi, "/")
|
||||
var time = new Date(ordertimes).getTime() / 1000 + (60 * 60 * 2)
|
||||
var times = new Date().getTime() / 1000
|
||||
this.timestamp = time - times
|
||||
if (this.timestamp >= 0) {
|
||||
this.timecount = this.timestamp
|
||||
this.Timer = setInterval(() => {
|
||||
this.timecount--;
|
||||
}, 1000)
|
||||
}
|
||||
})
|
||||
},
|
||||
//购买
|
||||
tobuy() {
|
||||
var that = this
|
||||
const nurseStationId = uni.getStorageSync('nurseStationId');
|
||||
if (nurseStationId) {
|
||||
if (this.list.trainingOrderAmount > 0) {
|
||||
let objs = {
|
||||
"openid": uni.getStorageSync('openid'),
|
||||
"nurseStationPersonId": this.list.nurseStationPersonId,
|
||||
"orderNo": this.list.trainingOrderNo,
|
||||
"payType": "WECHAT_PAY",
|
||||
"orderChannel": "WECHAT_APPLET",
|
||||
"buySource": "TRAINING",
|
||||
"paymentPrice": this.list.trainingOrderAmount,
|
||||
}
|
||||
appletTrainingOrderPay(objs).then(response => {
|
||||
if (response.code == 200) {} else {
|
||||
this.$refs.uToast.show({
|
||||
title: response.msg,
|
||||
type: 'error',
|
||||
duration: 2000
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
} else {
|
||||
that.$refs.uToast.show({
|
||||
title: '请您重新登录',
|
||||
type: 'error',
|
||||
duration: 1500,
|
||||
url: "/pages/login/login"
|
||||
})
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import "./Orderdetails.scss";
|
||||
</style>
|
||||
81
pages/Orderlearning/Orderlearning.scss
Normal file
81
pages/Orderlearning/Orderlearning.scss
Normal file
@ -0,0 +1,81 @@
|
||||
page {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.app {
|
||||
padding: 0;
|
||||
color: #000000;
|
||||
|
||||
::v-deep .u-tabs {
|
||||
width: 70% !important;
|
||||
}
|
||||
|
||||
.directory {
|
||||
padding-bottom: 200rpx;
|
||||
background-color: #fff;
|
||||
|
||||
.video {}
|
||||
|
||||
.imagetext {}
|
||||
|
||||
.items {
|
||||
width: 87%;
|
||||
margin: 30rpx auto;
|
||||
|
||||
.item {
|
||||
height: 130rpx;
|
||||
position: relative;
|
||||
margin-bottom: 37rpx;
|
||||
|
||||
image {
|
||||
width: 220rpx;
|
||||
height: 130rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
top: 10rpx;
|
||||
left: 240rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
color: #000000;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1; //行数需设置
|
||||
line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.text {
|
||||
position: absolute;
|
||||
bottom: 10rpx;
|
||||
left: 240rpx;
|
||||
font-size: 22rpx;
|
||||
color: #666666;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2; //行数需设置
|
||||
line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.topheader {
|
||||
height: 80rpx;
|
||||
width: 92%;
|
||||
margin: 0 auto;
|
||||
border-bottom: 1rpx solid #e6e6e6;
|
||||
padding-left: 10rpx;
|
||||
line-height: 80rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
130
pages/Orderlearning/Orderlearning.vue
Normal file
130
pages/Orderlearning/Orderlearning.vue
Normal file
@ -0,0 +1,130 @@
|
||||
<template>
|
||||
<view class="app">
|
||||
<view class="" style="background-color: #F4F5F7;height: 17rpx;width:100%"></view>
|
||||
<!-- <u-tabs :list="tablist" :is-scroll="false" :current="tabcurrent" @change="tabchange" font-size='34'
|
||||
bar-height='7' bar-width='43' inactive-color='#A09F9F' active-color='#4271B9'>
|
||||
</u-tabs> -->
|
||||
<view class="content" v-if="tabcurrent==0">
|
||||
</view>
|
||||
<view class="directory" v-if="tabcurrent==1">
|
||||
<view class="imagetext" v-if="imgtextlist.length>0">
|
||||
<view class="topheader">
|
||||
图文学习
|
||||
</view>
|
||||
<view class="items">
|
||||
<view class="item" v-for="(item,index) in imgtextlist" :key='item.trainingItemId'
|
||||
@tap='goImglearning(item)'>
|
||||
<image :src="baseurl+item.trainingItemCoverUrl" mode=""></image>
|
||||
<view class="title">
|
||||
{{item.trainingItemTitle}}
|
||||
</view>
|
||||
<view class="text">
|
||||
{{item.trainingItemDetails?item.trainingItemDetails:''}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="video" v-if="videolist.length>0">
|
||||
<view class="topheader">
|
||||
视频学习
|
||||
</view>
|
||||
<view class="items">
|
||||
<view class="item" v-for="(item,index) in videolist" :key='item.trainingItemId'
|
||||
@tap='goVideolearningdetails(item)'>
|
||||
<image :src="baseurl+item.trainingItemCoverUrl" mode=""></image>
|
||||
<view class="title">
|
||||
{{item.trainingItemTitle}}
|
||||
</view>
|
||||
<view class="text">
|
||||
{{item.trainingItemDetails?item.trainingItemDetails:''}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if='videolist.length==0&&imgtextlist.length==0' class="" style="padding-top: 100rpx;">
|
||||
<u-empty text="暂无目录" mode="list" icon-size='240' font-size='32'></u-empty>
|
||||
</view>
|
||||
</view>
|
||||
<u-toast ref="uToast" />
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
selectTrainingOrderItemList,
|
||||
} from '@/api/Orderlearning/index.js'
|
||||
import baseurl from '@/api/baseurl.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
baseurl: undefined,
|
||||
videolist: [], //视频信息
|
||||
imgtextlist: [], //图文信息
|
||||
tabcurrent: 1, //tabsindex
|
||||
tablist: [{ //tabs的list
|
||||
name: '基础课程'
|
||||
}, {
|
||||
name: '进阶课程'
|
||||
}],
|
||||
trainingParentId: undefined,
|
||||
nurseStationPersonId: undefined,
|
||||
trainingOrderStatus: undefined,
|
||||
};
|
||||
},
|
||||
onLoad(options) {
|
||||
const that = this
|
||||
this.baseurl = baseurl
|
||||
this.trainingOrderStatus = options.trainingOrderStatus
|
||||
this.trainingParentId = options.trainingParentId
|
||||
this.trainingOrderNo = options.trainingOrderNo
|
||||
const value = uni.getStorageSync('nursePersonId');
|
||||
if (value) {
|
||||
that.nurseStationPersonId = value
|
||||
that.info();
|
||||
} else {}
|
||||
},
|
||||
methods: {
|
||||
//跳转图文学习
|
||||
goImglearning(item) {
|
||||
if (this.trainingOrderStatus == 'PAY') {
|
||||
uni.navigateTo({
|
||||
url: `/pages/Imglearning/Imglearning?trainingItemId=${item.trainingItemId}`
|
||||
})
|
||||
} else {
|
||||
this.$refs.uToast.show({
|
||||
title: '您未购买',
|
||||
type: 'error',
|
||||
duration: '2000'
|
||||
})
|
||||
}
|
||||
},
|
||||
//跳转视频学习详情
|
||||
goVideolearningdetails(item) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/Ordervideolearning/Ordervideolearning?trainingOrderStatus=${this.trainingOrderStatus}&trainingItemId=${item.trainingItemId}&trainingOrderNo=${item.trainingOrderNo}&trainingOrderDetailsId=${item.trainingOrderDetailsId}`
|
||||
})
|
||||
},
|
||||
info() {
|
||||
this.videolist = []
|
||||
this.imgtextlist = []
|
||||
selectTrainingOrderItemList(this.trainingParentId, this.nurseStationPersonId, this.trainingOrderNo).then(
|
||||
res => {
|
||||
res.data.forEach(e => {
|
||||
if (e.trainingItemType == 'VIDEO_LEARNING') {
|
||||
this.videolist.push(e)
|
||||
} else if (e.trainingItemType == 'GRAPHIC_LEARNING') {
|
||||
this.imgtextlist.push(e)
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
//点击tabs
|
||||
tabchange(index) {
|
||||
this.tabcurrent = index;
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import "./Orderlearning.scss";
|
||||
</style>
|
||||
83
pages/Orderlist/Orderlist.scss
Normal file
83
pages/Orderlist/Orderlist.scss
Normal file
@ -0,0 +1,83 @@
|
||||
.app {
|
||||
padding: 10rpx 0 100rpx;
|
||||
|
||||
.noorder {
|
||||
margin-top: 20%;
|
||||
}
|
||||
|
||||
.item {
|
||||
width: 98%;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 20rpx;
|
||||
padding: 0 0 100rpx 0;
|
||||
margin: 0 auto 15rpx;
|
||||
position: relative;
|
||||
|
||||
.name {
|
||||
width: 95%;
|
||||
height: 90rpx;
|
||||
font-size: 30rpx;
|
||||
color: #969394;
|
||||
line-height: 90rpx;
|
||||
border-bottom: 1rpx solid #D8D4D4;
|
||||
margin: 0 auto;
|
||||
|
||||
span {
|
||||
color: #4C7BC9;
|
||||
float: right;
|
||||
}
|
||||
|
||||
image {
|
||||
width: 15rpx;
|
||||
height: 23rpx;
|
||||
padding-left: 25rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.detailslist {
|
||||
display: flex;
|
||||
|
||||
image {
|
||||
width: 182rpx;
|
||||
height: 182rpx;
|
||||
margin: 20rpx 0 0 20rpx;
|
||||
}
|
||||
|
||||
.model {
|
||||
width: 70%;
|
||||
margin: 30rpx 0 0 20rpx;
|
||||
|
||||
span {
|
||||
font-size: 34rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
span:nth-child(1) {
|
||||
display: inline-block;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
span:nth-child(2) {
|
||||
color: #969394;
|
||||
float: right;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.submit {
|
||||
width: 25%;
|
||||
height: 68rpx;
|
||||
line-height: 68rpx;
|
||||
background: #4C7BC9;
|
||||
border-radius: 26rpx;
|
||||
text-align: center;
|
||||
font-size: 32rpx;
|
||||
color: #FFFFFF;
|
||||
position: absolute;
|
||||
right: 2%;
|
||||
}
|
||||
}
|
||||
}
|
||||
111
pages/Orderlist/Orderlist.vue
Normal file
111
pages/Orderlist/Orderlist.vue
Normal file
@ -0,0 +1,111 @@
|
||||
<template>
|
||||
<view class="app">
|
||||
<view class="" v-if="total>0">
|
||||
<view class="item" v-for="(item,index) in orderlist" :key="index">
|
||||
<view class="name">
|
||||
{{item.trainingOrderTime}}
|
||||
<span>{{item.trainingOrderStatus=='WAIT_PAY'?'待付款':''}}
|
||||
{{item.trainingOrderStatus=='PAY'?'已付款':''}}
|
||||
{{item.trainingOrderStatus=='REFUNDED'?'已退款':''}}
|
||||
{{item.trainingOrderStatus=='CANCEL'?'已取消':''}}
|
||||
</span>
|
||||
</view>
|
||||
<view class="detailslist" @tap="goOrderlearning(item)">
|
||||
<image :src="baseurl+item.trainingItemCoverUrl" mode=""></image>
|
||||
<view class="model">
|
||||
<span>{{item.trainingItemTitle}}</span>
|
||||
<span v-if="item.trainingItemPrice">￥{{item.trainingItemPrice}}</span>
|
||||
<span v-else>￥0</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="submit" @tap='goOrderdetails(item)' v-if="item.trainingOrderStatus=='WAIT_PAY'"
|
||||
style="background-color: #4271B9;">
|
||||
去支付
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="noorder" v-else>
|
||||
<u-empty mode="list" icon-size='220' text='暂无'></u-empty>
|
||||
</view>
|
||||
<u-toast ref="uToast" />
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import baseurl from '@/api/baseurl.js'
|
||||
import {
|
||||
selectTrainingOrderItemGroupList
|
||||
} from '@/api/Orderlist/index.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
baseurl: undefined,
|
||||
nurseStationPersonId: undefined,
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
orderlist: [],
|
||||
total: 0,
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
this.baseurl = baseurl
|
||||
const that = this
|
||||
this.pageNum = 1
|
||||
const nursePersonId = uni.getStorageSync('nursePersonId');
|
||||
if (nursePersonId) {
|
||||
that.nurseStationPersonId = nursePersonId
|
||||
that.info();
|
||||
} else {}
|
||||
},
|
||||
onLoad() {},
|
||||
methods: {
|
||||
//订单详情
|
||||
goOrderdetails(item) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/Orderdetails/Orderdetails?trainingOrderNo=${item.trainingOrderNo}`
|
||||
})
|
||||
},
|
||||
//我的学习
|
||||
goOrderlearning(item) {
|
||||
if (item.trainingItemType == 'VIDEO_LEARNING') {
|
||||
uni.navigateTo({
|
||||
url: `/pages/Ordervideolearning/Ordervideolearning?trainingItemType=${item.trainingItemType}&trainingOrderStatus=${item.trainingOrderStatus}&trainingItemId=${item.trainingItemId}&trainingOrderNo=${item.trainingOrderNo}&trainingOrderDetailsId=${item.trainingOrderDetailsId}`
|
||||
})
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: `/pages/Orderlearning/Orderlearning?trainingOrderStatus=${item.trainingOrderStatus}&trainingParentId=${item.trainingItemId}&trainingOrderNo=${item.trainingOrderNo}`
|
||||
})
|
||||
}
|
||||
},
|
||||
//列表信息
|
||||
info() {
|
||||
selectTrainingOrderItemGroupList(this.pageNum, this.pageSize, this.nurseStationPersonId)
|
||||
.then(res => {
|
||||
this.orderlist = res.rows
|
||||
this.total = res.total
|
||||
})
|
||||
},
|
||||
},
|
||||
onReachBottom() { //下滑加载
|
||||
if (this.orderlist.length >= this.total) {} else {
|
||||
this.pageNum++
|
||||
selectTrainingOrderItemGroupList(this.pageNum, this.pageSize, this.nurseStationPersonId)
|
||||
.then(res => {
|
||||
res.rows.forEach(e => {
|
||||
this.orderlist.push(e)
|
||||
})
|
||||
})
|
||||
}
|
||||
},
|
||||
onPullDownRefresh() { //下拉刷新
|
||||
this.pageNum = 1
|
||||
this.info();
|
||||
setTimeout(function() {
|
||||
uni.stopPullDownRefresh();
|
||||
}, 1000);
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import "./Orderlist.scss";
|
||||
</style>
|
||||
238
pages/Ordervideolearning/Ordervideolearning.scss
Normal file
238
pages/Ordervideolearning/Ordervideolearning.scss
Normal file
@ -0,0 +1,238 @@
|
||||
.app {
|
||||
width: 96%;
|
||||
padding: 0;
|
||||
margin: 15rpx auto;
|
||||
color: #666666;
|
||||
background-color: #fff;
|
||||
.popup {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
|
||||
.buyselect {
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
margin: 40rpx auto 0;
|
||||
position: absolute;
|
||||
top: 100rpx;
|
||||
|
||||
image {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 48rpx;
|
||||
transform: translateY(-50%);
|
||||
width: 70rpx;
|
||||
height: 70rpx;
|
||||
}
|
||||
|
||||
.text {
|
||||
position: absolute;
|
||||
left: 150rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
line-height: 100rpx;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.buybtn {
|
||||
width: 70%;
|
||||
height: 70rpx;
|
||||
background: #4271B9;
|
||||
border-radius: 5rpx;
|
||||
line-height: 70rpx;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 40rpx;
|
||||
left: 15%;
|
||||
}
|
||||
|
||||
.popuptitle {
|
||||
width: 100%;
|
||||
font-size: 41rpx;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 40rpx;
|
||||
}
|
||||
}
|
||||
.bottomitem {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 150rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 1rpx 21rpx 0rpx rgba(204, 204, 204, 0.75);
|
||||
|
||||
.buy {
|
||||
width: 150rpx;
|
||||
height: 70rpx;
|
||||
background: #4271B9;
|
||||
line-height: 70rpx;
|
||||
border-radius: 5rpx;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
right: 50rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.price {
|
||||
position: absolute;
|
||||
left: 50rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
font-size: 42rpx;
|
||||
font-weight: 500;
|
||||
color: #EA706A;
|
||||
line-height: 130rpx;
|
||||
}
|
||||
}
|
||||
.directory {
|
||||
padding-bottom: 420rpx;
|
||||
|
||||
.item {
|
||||
position: relative;
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
padding-bottom: 35rpx;
|
||||
border-bottom: 1rpx solid #E6E6E6;
|
||||
color: #888787;
|
||||
|
||||
.play {
|
||||
font-size: 24rpx;
|
||||
width: 141rpx;
|
||||
height: 52rpx;
|
||||
background: #E6E6E6;
|
||||
border-radius: 5rpx;
|
||||
line-height: 52rpx;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
right: 30rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
image{
|
||||
width: 24rpx;
|
||||
height: 24rpx;
|
||||
position: absolute;
|
||||
top:50%;
|
||||
transform: translateY(-50%);
|
||||
left:10%;
|
||||
}
|
||||
view{
|
||||
position: absolute;
|
||||
top:50%;
|
||||
transform: translateY(-50%);
|
||||
right:10%;
|
||||
}
|
||||
}
|
||||
|
||||
.Introduce {
|
||||
width: 300rpx;
|
||||
font-size: 26rpx;
|
||||
line-height: 36rpx;
|
||||
margin: 18rpx 0 0 176rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.text {
|
||||
margin-top: 40rpx;
|
||||
|
||||
.DirectoryName {
|
||||
display: inline-block;
|
||||
width: 176rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.texttitle {
|
||||
display: inline-block;
|
||||
width: 300rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
width: 100%;
|
||||
height: 160rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 1rpx 21rpx 0rpx rgba(204, 204, 204, 0.75);
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
|
||||
.buy {
|
||||
width: 140rpx;
|
||||
height: 60rpx;
|
||||
background: #4271B9;
|
||||
border-radius: 5rpx;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 60rpx;
|
||||
position: absolute;
|
||||
right: 60rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.price {
|
||||
font-size: 42rpx;
|
||||
font-weight: 500;
|
||||
color: #EA706A;
|
||||
line-height: 120rpx;
|
||||
position: absolute;
|
||||
left: 44rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
.detail {
|
||||
width: 90%;
|
||||
margin: 40rpx auto 0;
|
||||
font-size: 32rpx;
|
||||
padding-bottom: 420rpx;
|
||||
}
|
||||
|
||||
::v-deep .u-tabs {
|
||||
width: 50% !important;
|
||||
}
|
||||
|
||||
.border {
|
||||
width: 94%;
|
||||
margin: 40rpx auto;
|
||||
border-bottom: 1rpx solid #E6E6E6;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-size: 30rpx;
|
||||
margin: 21rpx 0 0 20rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 38rpx;
|
||||
font-weight: 500;
|
||||
color: #000000;
|
||||
line-height: 36rpx;
|
||||
margin: 36rpx 0 0 20rpx;
|
||||
}
|
||||
|
||||
.topimage {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 407rpx;
|
||||
border-radius: 5rpx;
|
||||
}
|
||||
}
|
||||
435
pages/Ordervideolearning/Ordervideolearning.vue
Normal file
435
pages/Ordervideolearning/Ordervideolearning.vue
Normal file
@ -0,0 +1,435 @@
|
||||
<template>
|
||||
<view class="app" v-if="list">
|
||||
<image class="topimage" v-if='!videoshow' :src="baseurl + list.trainingItemPosterUrl" mode=""></image>
|
||||
<video class="topimage" id="video" v-if="videoshow" :src="baseurl+videoitem.itemDirectoryUrl"
|
||||
@timeupdate='videotimeupdate' :initial-time='videoitem.watchTime' @error='videoerror' :custom-cache="false"
|
||||
@play='videoplays' @pause='videopause' @ended='videoended'></video>
|
||||
<view class="title">
|
||||
{{list.trainingItemTitle}}
|
||||
</view>
|
||||
<view class="border"></view>
|
||||
<u-tabs :list="tablist" :is-scroll="false" :current="tabcurrent" @change="change" font-size='34' bar-height='3'>
|
||||
</u-tabs>
|
||||
<view class="detail" v-if="tabcurrent==0">
|
||||
{{list.trainingItemDetails}}
|
||||
</view>
|
||||
<view class="directory" v-if="tabcurrent==1">
|
||||
<view class="item" v-for="(item,index) in list.trainingOrderItemDirectoryVOList" :key="index">
|
||||
<view class="text">
|
||||
<span class='DirectoryName'>{{item.itemDirectoryName?item.itemDirectoryName:''}}</span>
|
||||
<span class='texttitle'>{{item.itemDirectoryTitle?item.itemDirectoryTitle:''}}</span>
|
||||
</view>
|
||||
<view class="Introduce">
|
||||
{{item.itemDirectoryIntroduce?item.itemDirectoryIntroduce:''}}
|
||||
</view>
|
||||
<view class="" v-if="list.trainingOrderStatus=='PAY'">
|
||||
<view class="play" @tap='videoplay(item)'
|
||||
:style="item.itemDirectoryWatchStatus=='NOT_WATCHED'?'background-color: #3D7DCA;color:#fff':''"
|
||||
v-if="item.itemDirectoryWatchStatus=='NOT_WATCHED'&&!item.videoshow">
|
||||
开始播放
|
||||
</view>
|
||||
<view class="play"
|
||||
:style="item.itemDirectoryWatchStatus=='NOT_WATCHED'?'background-color: #3D7DCA;color:#fff':''"
|
||||
v-if="item.itemDirectoryWatchStatus=='NOT_WATCHED'&&item.videoshow">
|
||||
<image src="../../static/bofang.png" mode=""></image>
|
||||
<view class="">
|
||||
播放中
|
||||
</view>
|
||||
</view>
|
||||
<view class="play" @tap='videoplay(item)'
|
||||
:style="item.itemDirectoryWatchStatus=='WATCHED'?'background-color: #E3EAF5;color:#3D7DCA':''"
|
||||
v-if="item.itemDirectoryWatchStatus=='WATCHED'&&!item.videoshow">
|
||||
继续播放
|
||||
</view>
|
||||
<view class="play"
|
||||
:style="item.itemDirectoryWatchStatus=='WATCHED'?'background-color: #3D7DCA;color:#fff':''"
|
||||
v-if="item.itemDirectoryWatchStatus=='WATCHED'&&item.videoshow">
|
||||
<image src="../../static/bofang.png" mode=""></image>
|
||||
<view class="">
|
||||
播放中
|
||||
</view>
|
||||
</view>
|
||||
<view class="play" @tap='videoplay(item)'
|
||||
:style="item.itemDirectoryWatchStatus=='FINISHED_READING'?'background-color: #E6E6E6;color:#76777B':''"
|
||||
v-if="item.itemDirectoryWatchStatus=='FINISHED_READING'&&!item.videoshow">
|
||||
已看完
|
||||
</view>
|
||||
<view class="play"
|
||||
:style="item.itemDirectoryWatchStatus=='FINISHED_READING'?'background-color: #3D7DCA;color:#fff':''"
|
||||
v-if="item.itemDirectoryWatchStatus=='FINISHED_READING'&&item.videoshow">
|
||||
<image src="../../static/bofang.png" mode=""></image>
|
||||
<view class="">
|
||||
播放中
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="play" v-else @tap='novideoplay'>
|
||||
开始播放
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <u-popup v-model="videoshow" mode="center" closeable @close='videoshowfalse'>
|
||||
<video id="video" v-if="videoshow" :src="baseurl+videoitem.itemDirectoryUrl" @timeupdate='videotimeupdate'
|
||||
:initial-time='videoitem.watchTime' @error='videoerror' :custom-cache="false"
|
||||
@play='videoplays'></video>
|
||||
</u-popup> -->
|
||||
<u-toast ref="uToast" />
|
||||
<view class="bottomitem" v-if="bottombuyshow&&list.trainingOrderStatus=='WAIT_PAY'">
|
||||
<view class="price">
|
||||
￥{{list.trainingItemPrice?list.trainingItemPrice:0}}
|
||||
</view>
|
||||
<view class="buy" @tap='buy'>
|
||||
购买
|
||||
</view>
|
||||
</view>
|
||||
<u-popup v-model="buyshow" mode='bottom' height='500' class='popup' safe-area-inset-bottom>
|
||||
<view class="popuptitle">请选择支付方式</view>
|
||||
<view class="buyselect">
|
||||
<image src="../../static/wechat.png" mode=""></image>
|
||||
<view class="text">
|
||||
微信支付
|
||||
</view>
|
||||
</view>
|
||||
<view class="buybtn" @tap='tobuy'>
|
||||
确认支付{{list.trainingItemPrice?list.trainingItemPrice:0}}元
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
<view class="" v-else style="padding-top: 100rpx;">
|
||||
<u-empty text="暂无内容" mode="list" icon-size='240' font-size='32'></u-empty>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import baseurl from '@/api/baseurl.js'
|
||||
import {
|
||||
selectTrainingOrderVideoDetails,
|
||||
insertTrainingItemWatchRecord,
|
||||
getTrainingItemWatchRecord
|
||||
} from '@/api/Ordervideolearning/index.js'
|
||||
import {
|
||||
trainingItemOrder,
|
||||
appletTrainingOrderPay
|
||||
} from '@/api/learning/index.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
list: undefined,
|
||||
baseurl: undefined,
|
||||
nurseStationPersonId: undefined,
|
||||
tabcurrent: 0, //tabsindex
|
||||
tablist: [{ //tabs的list
|
||||
name: '详情'
|
||||
}, {
|
||||
name: '目录'
|
||||
}],
|
||||
trainingItemId: undefined, //上个页面id
|
||||
trainingOrderNo: undefined, //上个页面orderno
|
||||
videoshow: false, //视频开关
|
||||
videoitem: {
|
||||
watchTime: 0,
|
||||
}, //视频对象
|
||||
// trainingOrderStatus: undefined,
|
||||
trainingOrderDetailsId: undefined,
|
||||
videoerroshow: true,
|
||||
videoContext: undefined,
|
||||
bottombuyshow: false, //下面的购买divcss
|
||||
buyshow: false, //购买弹框
|
||||
};
|
||||
},
|
||||
onUnload() {
|
||||
if (this.videoitem.itemDirectoryCode) {
|
||||
if (this.videoerroshow) {
|
||||
if (this.videoitem.watchTime) {
|
||||
this.videoitem.watchTime = this.formatSeconds(this.videoitem.watchTime)
|
||||
}
|
||||
insertTrainingItemWatchRecord(this.videoitem).then(res => {})
|
||||
}
|
||||
}
|
||||
},
|
||||
onLaunch() {
|
||||
// 锁定横屏
|
||||
// plus.screen.lockOrientation("landscape-primary");
|
||||
// 锁定竖屏
|
||||
plus.screen.lockOrientation("portrait-primary");
|
||||
},
|
||||
// onHide() {
|
||||
// var that = this
|
||||
// uni.getSystemInfo({
|
||||
// success: function(res) {
|
||||
// if (res.platform == 'ios') {
|
||||
// that.videoitem = {
|
||||
// watchTime: 0
|
||||
// }
|
||||
// that.info();
|
||||
// that.videoshow = false
|
||||
// } else {}
|
||||
// }
|
||||
// });
|
||||
// },
|
||||
methods: {
|
||||
//购买
|
||||
tobuy() {
|
||||
var that = this
|
||||
const nurseStationId = uni.getStorageSync('nurseStationId');
|
||||
if (nurseStationId) {
|
||||
var obj = {
|
||||
"trainingItemId": undefined,
|
||||
"nurseStationId": undefined,
|
||||
"nurseStationPersonId": undefined,
|
||||
"trainingOrderAmount": undefined,
|
||||
"nursePersonName": undefined,
|
||||
}
|
||||
obj.trainingItemId = this.list.trainingItemId
|
||||
obj.nurseStationId = uni.getStorageSync('nurseStationId');
|
||||
obj.nurseStationPersonId = this.nurseStationPersonId
|
||||
obj.nursePersonName = uni.getStorageSync('nursePersonName');
|
||||
obj.trainingOrderAmount = this.list.trainingItemPrice
|
||||
trainingItemOrder(obj).then(res => {
|
||||
if (res.code == 200) {
|
||||
if (res.data.trainingOrderAmount > 0) {
|
||||
let objs = {
|
||||
"openid": uni.getStorageSync('openid'),
|
||||
"nurseStationPersonId": res.data.nurseStationPersonId,
|
||||
"orderNo": res.data.trainingOrderNo,
|
||||
"payType": "WECHAT_PAY",
|
||||
"orderChannel": "WECHAT_APPLET",
|
||||
"buySource": "TRAINING",
|
||||
"paymentPrice": res.data.trainingOrderAmount,
|
||||
}
|
||||
appletTrainingOrderPay(objs).then(response => {
|
||||
if (response.code == 200) {} else {
|
||||
this.buyshow = false
|
||||
this.$refs.uToast.show({
|
||||
title: response.msg,
|
||||
type: 'error',
|
||||
duration: 2000
|
||||
})
|
||||
}
|
||||
})
|
||||
} else {
|
||||
that.buyshow = false
|
||||
that.bottombuyshow = false
|
||||
that.info();
|
||||
}
|
||||
} else {
|
||||
this.buyshow = false
|
||||
this.$refs.uToast.show({
|
||||
title: res.msg,
|
||||
type: 'error',
|
||||
duration: 2000
|
||||
})
|
||||
}
|
||||
})
|
||||
} else {
|
||||
that.buyshow = false
|
||||
that.$refs.uToast.show({
|
||||
title: '请您重新登录',
|
||||
type: 'error',
|
||||
duration: 1500,
|
||||
url: "/pages/login/login"
|
||||
})
|
||||
}
|
||||
},
|
||||
//打开购买弹框
|
||||
buy() {
|
||||
this.buyshow = true
|
||||
},
|
||||
//播放到末尾
|
||||
videoended(e) {
|
||||
this.videoContext.stop()
|
||||
if (this.videoerroshow) {
|
||||
if (this.videoitem.watchTime) {
|
||||
this.videoitem.watchTime = this.formatSeconds(this.videoitem.watchTime)
|
||||
}
|
||||
insertTrainingItemWatchRecord(this.videoitem).then(res => {
|
||||
this.videoitem.watchTime = 0
|
||||
this.videoContext = undefined
|
||||
this.videoitem.videoshow = false
|
||||
this.videoshow = false
|
||||
this.videoitem = {
|
||||
watchTime: 0
|
||||
}
|
||||
this.info();
|
||||
})
|
||||
}
|
||||
},
|
||||
//播放进度变化
|
||||
videotimeupdate(e) {
|
||||
//e.detail.currentTime是已经播放了多久，e.detail.duration是该视频多长
|
||||
this.videoitem.watchTime = e.detail.currentTime
|
||||
},
|
||||
//关闭播放弹出框
|
||||
videopause() {
|
||||
// if (this.videoerroshow) {
|
||||
// if (this.videoitem.watchTime) {
|
||||
// this.videoitem.watchTime = this.formatSeconds(this.videoitem.watchTime)
|
||||
// }
|
||||
// insertTrainingItemWatchRecord(this.videoitem).then(res => {
|
||||
// this.videoitem.watchTime = 0
|
||||
// this.info();
|
||||
// this.videoshow = false
|
||||
// })
|
||||
// }
|
||||
},
|
||||
//视频播放出错
|
||||
videoerror(e) {
|
||||
this.videoitem = {
|
||||
watchTime: 0
|
||||
}
|
||||
this.$refs.uToast.show({
|
||||
title: '暂无视频',
|
||||
type: 'error',
|
||||
duration: '2000'
|
||||
})
|
||||
this.videoerroshow = false
|
||||
this.videoshow = false
|
||||
this.info();
|
||||
},
|
||||
//novideoplay未购买
|
||||
novideoplay() {
|
||||
this.$refs.uToast.show({
|
||||
title: '您未购买',
|
||||
type: 'error',
|
||||
duration: '2000'
|
||||
})
|
||||
},
|
||||
//视频播放
|
||||
videoplays() {
|
||||
var that = this
|
||||
if (that.videoitem.watchTime) {
|
||||
that.videoContext.seek(that.videoitem.watchTime)
|
||||
}
|
||||
},
|
||||
videoplay(item) {
|
||||
if (this.videoContext) {
|
||||
this.videoshow = false
|
||||
this.videoContext.stop()
|
||||
if (this.videoerroshow) {
|
||||
if (this.videoitem.watchTime == 0) {
|
||||
this.videoitem.watchTime = '00:00:00'
|
||||
} else {
|
||||
this.videoitem.watchTime = this.formatSeconds(this.videoitem.watchTime)
|
||||
}
|
||||
insertTrainingItemWatchRecord(this.videoitem).then(res => {})
|
||||
}
|
||||
}
|
||||
uni.showLoading({
|
||||
title: '获取视频中'
|
||||
});
|
||||
setTimeout(el => {
|
||||
this.info();
|
||||
this.videoerroshow = true
|
||||
if (item.itemDirectoryUrl) {
|
||||
if (!item.watchTime) {
|
||||
item.watchTime = 0
|
||||
}
|
||||
this.list.trainingOrderItemDirectoryVOList.forEach(e => {
|
||||
e.videoshow = false
|
||||
})
|
||||
item.trainingOrderId = this.list.trainingOrderId
|
||||
item.trainingItemId = this.list.trainingItemId
|
||||
item.nurseStationPersonId = this.nurseStationPersonId
|
||||
item.nursePersonName = uni.getStorageSync('nursePersonName')
|
||||
item.trainingItemTitle = this.list.trainingItemTitle
|
||||
if (item.itemDirectoryWatchStatus == 'WATCHED') {
|
||||
getTrainingItemWatchRecord(item.trainingOrderId, item.trainingItemId, item
|
||||
.trainingItemDirectoryId, item.nurseStationPersonId).then(res => {
|
||||
if (res.code == 200) {
|
||||
if (res.data.watchTime) {
|
||||
item.watchTime = res.data.watchTime
|
||||
item.watchTime = this.formatsecond(item.watchTime)
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
this.videoitem = item
|
||||
this.videoitem.videoshow = true
|
||||
this.videoshow = true
|
||||
this.videoContext = uni.createVideoContext('video', this)
|
||||
uni.hideLoading();
|
||||
} else {
|
||||
this.$refs.uToast.show({
|
||||
title: '暂无视频',
|
||||
type: 'error',
|
||||
duration: '2000'
|
||||
})
|
||||
uni.hideLoading();
|
||||
}
|
||||
}, 500)
|
||||
},
|
||||
info() {
|
||||
selectTrainingOrderVideoDetails(this.trainingItemId, this.trainingOrderNo, this.trainingOrderDetailsId)
|
||||
.then(
|
||||
res => {
|
||||
this.list = res.data
|
||||
if (this.videoitem.itemDirectoryCode) {
|
||||
this.list.trainingOrderItemDirectoryVOList.forEach(e => {
|
||||
if (e.itemDirectoryCode == this.videoitem.itemDirectoryCode) {
|
||||
e.videoshow = true
|
||||
} else {
|
||||
e.videoshow = false
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
//点击tabs
|
||||
change(index) {
|
||||
this.tabcurrent = index;
|
||||
},
|
||||
//时分秒转秒
|
||||
formatsecond(value) {
|
||||
value = value.split(':')
|
||||
var number = 0
|
||||
value.forEach(e => {
|
||||
e = Number(e)
|
||||
})
|
||||
value[0] = value[0] * 24 * 60
|
||||
value[1] = value[1] * 60
|
||||
value.forEach(e => {
|
||||
e = Number(e)
|
||||
if (e > 0) {
|
||||
number = number + e
|
||||
}
|
||||
})
|
||||
return number
|
||||
},
|
||||
//秒转时分秒
|
||||
formatSeconds(value) {
|
||||
let result = parseInt(value)
|
||||
let h = Math.floor(result / 3600) < 10 ? '0' + Math.floor(result / 3600) : Math.floor(result / 3600);
|
||||
let m = Math.floor((result / 60 % 60)) < 10 ? '0' + Math.floor((result / 60 % 60)) : Math.floor((result /
|
||||
60 % 60));
|
||||
let s = Math.floor((result % 60)) < 10 ? '0' + Math.floor((result % 60)) : Math.floor((result % 60));
|
||||
let res = '';
|
||||
res += `${h}:`;
|
||||
res += `${m}:`;
|
||||
res += `${s}`;
|
||||
return res;
|
||||
},
|
||||
},
|
||||
onLoad(options) {
|
||||
const that = this
|
||||
this.videoitem = {
|
||||
watchTime: 0
|
||||
}
|
||||
this.baseurl = baseurl
|
||||
// this.trainingOrderStatus = options.trainingOrderStatus
|
||||
this.trainingItemId = options.trainingItemId
|
||||
this.trainingOrderNo = options.trainingOrderNo
|
||||
this.trainingOrderDetailsId = options.trainingOrderDetailsId
|
||||
this.info();
|
||||
const value = uni.getStorageSync('nursePersonId');
|
||||
if (value) {
|
||||
that.nurseStationPersonId = value
|
||||
} else {}
|
||||
if (options.trainingItemType) {
|
||||
this.bottombuyshow = true
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import "./Ordervideolearning.scss";
|
||||
</style>
|
||||
238
pages/Videolearning/Videolearning.scss
Normal file
238
pages/Videolearning/Videolearning.scss
Normal file
@ -0,0 +1,238 @@
|
||||
.app {
|
||||
width: 96%;
|
||||
padding: 0;
|
||||
margin: 15rpx auto;
|
||||
color: #666666;
|
||||
background-color: #fff;
|
||||
.popup {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
|
||||
.buyselect {
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
margin: 40rpx auto 0;
|
||||
position: absolute;
|
||||
top: 100rpx;
|
||||
|
||||
image {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 48rpx;
|
||||
transform: translateY(-50%);
|
||||
width: 70rpx;
|
||||
height: 70rpx;
|
||||
}
|
||||
|
||||
.text {
|
||||
position: absolute;
|
||||
left: 150rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
line-height: 100rpx;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.buybtn {
|
||||
width: 70%;
|
||||
height: 70rpx;
|
||||
background: #4271B9;
|
||||
border-radius: 5rpx;
|
||||
line-height: 70rpx;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 40rpx;
|
||||
left: 15%;
|
||||
}
|
||||
|
||||
.popuptitle {
|
||||
width: 100%;
|
||||
font-size: 41rpx;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 40rpx;
|
||||
}
|
||||
}
|
||||
.bottomitem {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 150rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 1rpx 21rpx 0rpx rgba(204, 204, 204, 0.75);
|
||||
|
||||
.buy {
|
||||
width: 150rpx;
|
||||
height: 70rpx;
|
||||
background: #4271B9;
|
||||
line-height: 70rpx;
|
||||
border-radius: 5rpx;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
right: 50rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.price {
|
||||
position: absolute;
|
||||
left: 50rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
font-size: 42rpx;
|
||||
font-weight: 500;
|
||||
color: #EA706A;
|
||||
line-height: 130rpx;
|
||||
}
|
||||
}
|
||||
.directory {
|
||||
padding-bottom: 420rpx;
|
||||
|
||||
.item {
|
||||
position: relative;
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
padding-bottom: 35rpx;
|
||||
border-bottom: 1rpx solid #E6E6E6;
|
||||
color: #888787;
|
||||
|
||||
.play {
|
||||
font-size: 24rpx;
|
||||
width: 141rpx;
|
||||
height: 52rpx;
|
||||
background: #E6E6E6;
|
||||
border-radius: 5rpx;
|
||||
line-height: 52rpx;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
right: 30rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
image{
|
||||
width: 24rpx;
|
||||
height: 24rpx;
|
||||
position: absolute;
|
||||
top:50%;
|
||||
transform: translateY(-50%);
|
||||
left:10%;
|
||||
}
|
||||
view{
|
||||
position: absolute;
|
||||
top:50%;
|
||||
transform: translateY(-50%);
|
||||
right:10%;
|
||||
}
|
||||
}
|
||||
|
||||
.Introduce {
|
||||
width: 300rpx;
|
||||
font-size: 26rpx;
|
||||
line-height: 36rpx;
|
||||
margin: 18rpx 0 0 176rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.text {
|
||||
margin-top: 40rpx;
|
||||
|
||||
.DirectoryName {
|
||||
display: inline-block;
|
||||
width: 176rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.texttitle {
|
||||
display: inline-block;
|
||||
width: 300rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
width: 100%;
|
||||
height: 160rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 1rpx 21rpx 0rpx rgba(204, 204, 204, 0.75);
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
|
||||
.buy {
|
||||
width: 140rpx;
|
||||
height: 60rpx;
|
||||
background: #4271B9;
|
||||
border-radius: 5rpx;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 60rpx;
|
||||
position: absolute;
|
||||
right: 60rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.price {
|
||||
font-size: 42rpx;
|
||||
font-weight: 500;
|
||||
color: #EA706A;
|
||||
line-height: 120rpx;
|
||||
position: absolute;
|
||||
left: 44rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
.detail {
|
||||
width: 90%;
|
||||
margin: 40rpx auto 0;
|
||||
font-size: 32rpx;
|
||||
padding-bottom: 420rpx;
|
||||
}
|
||||
|
||||
::v-deep .u-tabs {
|
||||
width: 50% !important;
|
||||
}
|
||||
|
||||
.border {
|
||||
width: 94%;
|
||||
margin: 40rpx auto;
|
||||
border-bottom: 1rpx solid #E6E6E6;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-size: 30rpx;
|
||||
margin: 21rpx 0 0 20rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 38rpx;
|
||||
font-weight: 500;
|
||||
color: #000000;
|
||||
line-height: 36rpx;
|
||||
margin: 36rpx 0 0 20rpx;
|
||||
}
|
||||
|
||||
.topimage {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 407rpx;
|
||||
border-radius: 5rpx;
|
||||
}
|
||||
}
|
||||
424
pages/Videolearning/Videolearning.vue
Normal file
424
pages/Videolearning/Videolearning.vue
Normal file
@ -0,0 +1,424 @@
|
||||
<template>
|
||||
<view class="app" v-if="list">
|
||||
<image class="topimage" v-if='!videoshow' :src="baseurl + list.trainingItemPosterUrl" mode=""></image>
|
||||
<video class="topimage" id="video" v-if="videoshow" :src="baseurl+videoitem.itemDirectoryUrl"
|
||||
@timeupdate='videotimeupdate' :initial-time='videoitem.watchTime' @error='videoerror' :custom-cache="false"
|
||||
@play='videoplays' @pause='videopause' @ended='videoended'></video>
|
||||
<view class="title">
|
||||
{{list.trainingItemTitle}}
|
||||
</view>
|
||||
<view class="border"></view>
|
||||
<u-tabs :list="tablist" :is-scroll="false" :current="tabcurrent" @change="change" font-size='34' bar-height='3'>
|
||||
</u-tabs>
|
||||
<view class="detail" v-if="tabcurrent==0">
|
||||
{{list.trainingItemDetails}}
|
||||
</view>
|
||||
<view class="directory" v-if="tabcurrent==1">
|
||||
<view class="item" v-for="(item,index) in list.trainingItemDirectoryList" :key="index">
|
||||
<view class="text">
|
||||
<span class='DirectoryName'>{{item.itemDirectoryName?item.itemDirectoryName:''}}</span>
|
||||
<span class='texttitle'>{{item.itemDirectoryTitle?item.itemDirectoryTitle:''}}</span>
|
||||
</view>
|
||||
<view class="Introduce">
|
||||
{{item.itemDirectoryIntroduce?item.itemDirectoryIntroduce:''}}
|
||||
</view>
|
||||
<view class="play" v-if="!item.trainingOrderStatus" @tap='novideo'>
|
||||
开始播放
|
||||
</view>
|
||||
<view class="" v-if="item.trainingOrderStatus=='PAY'">
|
||||
<view class="play" @tap='videoplay(item)'
|
||||
:style="item.itemDirectoryWatchStatus=='NOT_WATCHED'?'background-color: #3D7DCA;color:#fff':''"
|
||||
v-if="item.itemDirectoryWatchStatus=='NOT_WATCHED'&&!item.videoshow">
|
||||
开始播放
|
||||
</view>
|
||||
<view class="play"
|
||||
:style="item.itemDirectoryWatchStatus=='NOT_WATCHED'?'background-color: #3D7DCA;color:#fff':''"
|
||||
v-if="item.itemDirectoryWatchStatus=='NOT_WATCHED'&&item.videoshow">
|
||||
<image src="../../static/bofang.png" mode=""></image>
|
||||
<view class="">
|
||||
播放中
|
||||
</view>
|
||||
</view>
|
||||
<view class="play" @tap='videoplay(item)'
|
||||
:style="item.itemDirectoryWatchStatus=='WATCHED'?'background-color: #E3EAF5;color:#3D7DCA':''"
|
||||
v-if="item.itemDirectoryWatchStatus=='WATCHED'&&!item.videoshow">
|
||||
继续播放
|
||||
</view>
|
||||
<view class="play"
|
||||
:style="item.itemDirectoryWatchStatus=='WATCHED'?'background-color: #3D7DCA;color:#fff':''"
|
||||
v-if="item.itemDirectoryWatchStatus=='WATCHED'&&item.videoshow">
|
||||
<image src="../../static/bofang.png" mode=""></image>
|
||||
<view class="">
|
||||
播放中
|
||||
</view>
|
||||
</view>
|
||||
<view class="play" @tap='videoplay(item)'
|
||||
:style="item.itemDirectoryWatchStatus=='FINISHED_READING'?'background-color: #E6E6E6;color:#76777B':''"
|
||||
v-if="item.itemDirectoryWatchStatus=='FINISHED_READING'&&!item.videoshow">
|
||||
已看完
|
||||
</view>
|
||||
<view class="play"
|
||||
:style="item.itemDirectoryWatchStatus=='FINISHED_READING'?'background-color: #3D7DCA;color:#fff':''"
|
||||
v-if="item.itemDirectoryWatchStatus=='FINISHED_READING'&&item.videoshow">
|
||||
<image src="../../static/bofang.png" mode=""></image>
|
||||
<view class="">
|
||||
播放中
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <u-popup v-model="videoshow" mode="center" closeable @close='videoshowfalse'>
|
||||
</u-popup> -->
|
||||
<u-toast ref="uToast" />
|
||||
<view class="bottomitem" v-if="bottombuyshow&&list.trainingOrderDetailsBuy=='NOT_BUY'">
|
||||
<view class="price">
|
||||
￥{{list.trainingItemPrice?list.trainingItemPrice:0}}
|
||||
</view>
|
||||
<view class="buy" @tap='buy'>
|
||||
购买
|
||||
</view>
|
||||
</view>
|
||||
<u-popup v-model="buyshow" mode='bottom' height='500' class='popup' safe-area-inset-bottom>
|
||||
<view class="popuptitle">请选择支付方式</view>
|
||||
<view class="buyselect">
|
||||
<image src="../../static/wechat.png" mode=""></image>
|
||||
<view class="text">
|
||||
微信支付
|
||||
</view>
|
||||
</view>
|
||||
<view class="buybtn" @tap='tobuy'>
|
||||
确认支付{{list.trainingItemPrice?list.trainingItemPrice:0}}元
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
<view class="" v-else style="padding-top: 100rpx;">
|
||||
<u-empty text="暂无内容" mode="list" icon-size='240' font-size='32'></u-empty>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import baseurl from '@/api/baseurl.js'
|
||||
import {
|
||||
selectNurseAppletPersonTrainingItemDetailsList,
|
||||
insertTrainingItemWatchRecord,
|
||||
getTrainingItemWatchRecord
|
||||
} from '@/api/Videolearning/index.js'
|
||||
import {
|
||||
trainingItemOrder,
|
||||
appletTrainingOrderPay
|
||||
} from '@/api/learning/index.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
list: undefined,
|
||||
baseurl: undefined,
|
||||
nurseStationPersonId: undefined,
|
||||
tabcurrent: 0, //tabsindex
|
||||
tablist: [{ //tabs的list
|
||||
name: '详情'
|
||||
}, {
|
||||
name: '目录'
|
||||
}],
|
||||
trainingItemId: {}, //上个页面id
|
||||
videoshow: false, //视频开关
|
||||
videoitem: {
|
||||
watchTime: 0,
|
||||
}, //视频对象
|
||||
videoContext: null,
|
||||
videoerroshow: true,
|
||||
bottombuyshow: false, //下面的购买divcss
|
||||
buyshow: false, //购买弹框
|
||||
};
|
||||
},
|
||||
onUnload() {
|
||||
if (this.videoitem.itemDirectoryCode) {
|
||||
if (this.videoerroshow) {
|
||||
if (this.videoitem.watchTime) {
|
||||
this.videoitem.watchTime = this.formatSeconds(this.videoitem.watchTime)
|
||||
}
|
||||
insertTrainingItemWatchRecord(this.videoitem).then(res => {})
|
||||
}
|
||||
}
|
||||
},
|
||||
// onHide() {
|
||||
// var that = this
|
||||
// uni.getSystemInfo({
|
||||
// success: function(res) {
|
||||
// if (res.platform == 'ios') {
|
||||
// that.videoitem = {
|
||||
// watchTime: 0
|
||||
// }
|
||||
// that.info();
|
||||
// that.videoshow = false
|
||||
// } else {}
|
||||
// }
|
||||
// });
|
||||
// },
|
||||
onLaunch: function() {
|
||||
// 锁定横屏
|
||||
// plus.screen.lockOrientation("landscape-primary");
|
||||
// 锁定竖屏
|
||||
plus.screen.lockOrientation("portrait-primary");
|
||||
},
|
||||
methods: {
|
||||
//购买
|
||||
tobuy() {
|
||||
var that = this
|
||||
const nurseStationId = uni.getStorageSync('nurseStationId');
|
||||
if (nurseStationId) {
|
||||
var obj = {
|
||||
"trainingItemId": undefined,
|
||||
"nurseStationId": undefined,
|
||||
"nurseStationPersonId": undefined,
|
||||
"trainingOrderAmount": undefined,
|
||||
"nursePersonName": undefined,
|
||||
}
|
||||
obj.trainingItemId = this.list.trainingItemId
|
||||
obj.nurseStationId = uni.getStorageSync('nurseStationId');
|
||||
obj.nurseStationPersonId = this.nurseStationPersonId
|
||||
obj.nursePersonName = uni.getStorageSync('nursePersonName');
|
||||
obj.trainingOrderAmount = this.list.trainingItemPrice
|
||||
trainingItemOrder(obj).then(res => {
|
||||
if (res.code == 200) {
|
||||
if (res.data.trainingOrderAmount > 0) {
|
||||
let objs = {
|
||||
"openid": uni.getStorageSync('openid'),
|
||||
"nurseStationPersonId": res.data.nurseStationPersonId,
|
||||
"orderNo": res.data.trainingOrderNo,
|
||||
"payType": "WECHAT_PAY",
|
||||
"orderChannel": "WECHAT_APPLET",
|
||||
"buySource": "TRAINING",
|
||||
"paymentPrice": res.data.trainingOrderAmount,
|
||||
}
|
||||
appletTrainingOrderPay(objs).then(response => {
|
||||
if (response.code == 200) {} else {
|
||||
this.buyshow = false
|
||||
this.$refs.uToast.show({
|
||||
title: response.msg,
|
||||
type: 'error',
|
||||
duration: 2000
|
||||
})
|
||||
}
|
||||
})
|
||||
} else {
|
||||
that.buyshow = false
|
||||
that.bottombuyshow = false
|
||||
that.info();
|
||||
}
|
||||
} else {
|
||||
this.buyshow = false
|
||||
this.$refs.uToast.show({
|
||||
title: res.msg,
|
||||
type: 'error',
|
||||
duration: 2000
|
||||
})
|
||||
}
|
||||
})
|
||||
} else {
|
||||
that.buyshow = false
|
||||
that.$refs.uToast.show({
|
||||
title: '请您重新登录',
|
||||
type: 'error',
|
||||
duration: 1500,
|
||||
url: "/pages/login/login"
|
||||
})
|
||||
}
|
||||
},
|
||||
//打开购买弹框
|
||||
buy() {
|
||||
this.buyshow = true
|
||||
},
|
||||
//播放到末尾
|
||||
videoended(e) {
|
||||
this.videoContext.stop()
|
||||
if (this.videoerroshow) {
|
||||
if (this.videoitem.watchTime) {
|
||||
this.videoitem.watchTime = this.formatSeconds(this.videoitem.watchTime)
|
||||
}
|
||||
insertTrainingItemWatchRecord(this.videoitem).then(res => {
|
||||
this.videoitem.watchTime = 0
|
||||
this.videoitem.videoshow = false
|
||||
this.videoshow = false
|
||||
this.videoContext = undefined
|
||||
this.videoitem = {
|
||||
watchTime: 0
|
||||
}
|
||||
this.info();
|
||||
})
|
||||
}
|
||||
},
|
||||
//播放进度变化
|
||||
videotimeupdate(e) {
|
||||
//e.detail.currentTime是已经播放了多久，e.detail.duration是该视频多长
|
||||
this.videoitem.watchTime = e.detail.currentTime
|
||||
},
|
||||
//关闭播放弹出框
|
||||
videopause() {
|
||||
// if (this.videoerroshow) {
|
||||
// if (this.videoitem.watchTime) {
|
||||
// this.videoitem.watchTime = this.formatSeconds(this.videoitem.watchTime)
|
||||
// }
|
||||
// insertTrainingItemWatchRecord(this.videoitem).then(res => {
|
||||
// this.videoitem.watchTime = 0
|
||||
// this.info();
|
||||
// })
|
||||
// }
|
||||
},
|
||||
//视频播放出错
|
||||
videoerror(e) {
|
||||
this.videoitem = {
|
||||
watchTime: 0
|
||||
}
|
||||
this.videoerroshow = false
|
||||
this.$refs.uToast.show({
|
||||
title: '暂无视频',
|
||||
type: 'error',
|
||||
duration: '2000'
|
||||
})
|
||||
this.info();
|
||||
this.videoshow = false
|
||||
},
|
||||
//视频播放
|
||||
videoplays() {
|
||||
var that = this
|
||||
if (that.videoitem.watchTime) {
|
||||
that.videoContext.seek(that.videoitem.watchTime)
|
||||
}
|
||||
},
|
||||
//视频播放
|
||||
videoplay(item) {
|
||||
console.log(item)
|
||||
if (this.videoContext) {
|
||||
this.videoshow = false
|
||||
this.videoContext.stop()
|
||||
if (this.videoerroshow) {
|
||||
if (this.videoitem.watchTime == 0) {
|
||||
this.videoitem.watchTime = '00:00:00'
|
||||
} else {
|
||||
this.videoitem.watchTime = this.formatSeconds(this.videoitem.watchTime)
|
||||
}
|
||||
insertTrainingItemWatchRecord(this.videoitem).then(res => {})
|
||||
}
|
||||
}
|
||||
uni.showLoading({
|
||||
title: '获取视频中'
|
||||
});
|
||||
setTimeout(el => {
|
||||
this.info();
|
||||
this.videoerroshow = true
|
||||
if (item.itemDirectoryUrl) {
|
||||
if (!item.watchTime) {
|
||||
item.watchTime = 0
|
||||
}
|
||||
this.list.trainingItemDirectoryList.forEach(e => {
|
||||
e.videoshow = false
|
||||
})
|
||||
item.trainingItemId = this.list.trainingItemId
|
||||
item.nurseStationPersonId = this.nurseStationPersonId
|
||||
item.nursePersonName = uni.getStorageSync('nursePersonName')
|
||||
item.trainingItemTitle = this.list.trainingItemTitle
|
||||
if (item.itemDirectoryWatchStatus == 'WATCHED') {
|
||||
getTrainingItemWatchRecord(item.trainingOrderId, item.trainingItemId, item
|
||||
.trainingItemDirectoryId, item.nurseStationPersonId).then(res => {
|
||||
if (res.code == 200) {
|
||||
if (res.data.watchTime) {
|
||||
item.watchTime = res.data.watchTime
|
||||
item.watchTime = this.formatsecond(item.watchTime)
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
this.videoitem = item
|
||||
this.videoitem.videoshow = true
|
||||
this.videoshow = true
|
||||
this.videoContext = uni.createVideoContext('video', this)
|
||||
uni.hideLoading();
|
||||
} else {
|
||||
this.$refs.uToast.show({
|
||||
title: '暂无视频',
|
||||
type: 'error',
|
||||
duration: '2000'
|
||||
})
|
||||
uni.hideLoading();
|
||||
}
|
||||
}, 500)
|
||||
},
|
||||
info() {
|
||||
selectNurseAppletPersonTrainingItemDetailsList(this.trainingItemId, this.nurseStationPersonId).then(
|
||||
res => {
|
||||
this.list = res.data
|
||||
if (this.videoitem.itemDirectoryCode) {
|
||||
this.list.trainingItemDirectoryList.forEach(e => {
|
||||
if (e.itemDirectoryCode == this.videoitem.itemDirectoryCode) {
|
||||
e.videoshow = true
|
||||
} else {
|
||||
e.videoshow = false
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
novideo() {
|
||||
this.$refs.uToast.show({
|
||||
title: '您未购买',
|
||||
type: 'error',
|
||||
duration: '2000'
|
||||
})
|
||||
},
|
||||
//点击tabs
|
||||
change(index) {
|
||||
this.tabcurrent = index;
|
||||
},
|
||||
//时分秒转秒
|
||||
formatsecond(value) {
|
||||
value = value.split(':')
|
||||
var number = 0
|
||||
value.forEach(e => {
|
||||
e = Number(e)
|
||||
})
|
||||
value[0] = value[0] * 24 * 60
|
||||
value[1] = value[1] * 60
|
||||
value.forEach(e => {
|
||||
e = Number(e)
|
||||
if (e > 0) {
|
||||
number = number + e
|
||||
}
|
||||
})
|
||||
return number
|
||||
},
|
||||
//秒转时分秒
|
||||
formatSeconds(value) {
|
||||
let result = parseInt(value)
|
||||
let h = Math.floor(result / 3600) < 10 ? '0' + Math.floor(result / 3600) : Math.floor(result / 3600);
|
||||
let m = Math.floor((result / 60 % 60)) < 10 ? '0' + Math.floor((result / 60 % 60)) : Math.floor((result /
|
||||
60 % 60));
|
||||
let s = Math.floor((result % 60)) < 10 ? '0' + Math.floor((result % 60)) : Math.floor((result % 60));
|
||||
let res = '';
|
||||
res += `${h}:`;
|
||||
res += `${m}:`;
|
||||
res += `${s}`;
|
||||
return res;
|
||||
},
|
||||
},
|
||||
onLoad(options) {
|
||||
const that = this
|
||||
this.baseurl = baseurl
|
||||
this.videoitem = {
|
||||
watchTime: 0
|
||||
}
|
||||
this.trainingItemId = options.trainingItemId
|
||||
const value = uni.getStorageSync('nursePersonId');
|
||||
if (value) {
|
||||
that.nurseStationPersonId = value
|
||||
that.info();
|
||||
} else {}
|
||||
if (options.trainingItemType) {
|
||||
this.bottombuyshow = true
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import "./Videolearning.scss";
|
||||
</style>
|
||||
@ -265,7 +265,7 @@
|
||||
onShow() {
|
||||
var that = this
|
||||
uni.getLocation({
|
||||
type: 'gcj02',
|
||||
type: 'wgs84',
|
||||
geocode: true,
|
||||
success: function(res) {
|
||||
that.list.serviceLocationName = res.address.poiName
|
||||
|
||||
@ -37,7 +37,7 @@
|
||||
在线学习
|
||||
</view>
|
||||
<view class="cards">
|
||||
<image src="../../static/xxpx.png" mode="" @tap='gostudy'></image>
|
||||
<image src="../../static/xxpx.png" mode="" @tap='goLearningtraining'></image>
|
||||
<image src="../../static/jnks.png" mode="" @tap='gostudy'></image>
|
||||
<image src="../../static/zxkf.png" mode="" @tap='gostudy'></image>
|
||||
</view>
|
||||
@ -50,14 +50,11 @@
|
||||
查看更多
|
||||
<u-icon name="arrow-right" color='#969494'></u-icon>
|
||||
</view>
|
||||
<view class="items" @tap='goHealthknowledge'>
|
||||
<view class="item">
|
||||
<image src="../../static/hlxw.png" mode=""></image>
|
||||
<view class="items">
|
||||
<view class="item" v-for='(item,index) in NurseNewslist' @tap='goHealthitem(item)'>
|
||||
<image :src="item.leadThumbnailUrl" mode=""></image>
|
||||
<view class="toptext">
|
||||
护理 I 致力于打造专业护理人才
|
||||
</view>
|
||||
<view class="centertext">
|
||||
生活小窍门,是指人们在日常生活中总结出来的知识和经验,和生活小常识非常相似
|
||||
{{item.informationTitle}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -67,8 +64,12 @@
|
||||
|
||||
<script>
|
||||
import {
|
||||
selectOrderByNursePersonCount
|
||||
selectOrderByNursePersonCount,
|
||||
selectNurseNews
|
||||
} from '@/api/homepage/index.js'
|
||||
import {
|
||||
mapActions
|
||||
} from "vuex";
|
||||
import baseurl from '@/api/baseurl.js'
|
||||
export default {
|
||||
data() {
|
||||
@ -76,9 +77,11 @@
|
||||
beijingurl: null, //背景
|
||||
nurserStationPersonId: null, //护理员id
|
||||
selectOrderByNursePersonCountlist: {}, //项目数量对象
|
||||
NurseNewslist: [],
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
this.selectNurseNewsinfo();
|
||||
this.selectOrderByNursePersonCountlist = {}
|
||||
this.beijingurl = baseurl + '/profile/nursePersonAppletPicture/person_center.png'
|
||||
var that = this
|
||||
@ -89,6 +92,7 @@
|
||||
} else {}
|
||||
},
|
||||
methods: {
|
||||
...mapActions(["personopenPopup"]),
|
||||
//项目数量
|
||||
OrderByNursePersonCount() {
|
||||
selectOrderByNursePersonCount(this.nurserStationPersonId).then(res => {
|
||||
@ -96,16 +100,8 @@
|
||||
})
|
||||
},
|
||||
goMymission(item) {
|
||||
setTimeout(e => {
|
||||
uni.navigateTo({
|
||||
url: `/pages/Mymission/Mymission?orderStatus=${item}`
|
||||
})
|
||||
}, 0)
|
||||
},
|
||||
//跳转到模板消息订阅界面
|
||||
goTemplate() {
|
||||
uni.navigateTo({
|
||||
url: "/pages/template/template"
|
||||
url: `/pages/Mymission/Mymission?orderStatus=${item}`
|
||||
})
|
||||
},
|
||||
gostudy() {
|
||||
@ -118,6 +114,29 @@
|
||||
url: '/pages/Healthknowledge/Healthknowledge',
|
||||
});
|
||||
},
|
||||
//跳转学习培训
|
||||
goLearningtraining() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/Learningtraining/Learningtraining'
|
||||
})
|
||||
},
|
||||
//护理新闻
|
||||
selectNurseNewsinfo() {
|
||||
selectNurseNews().then(res => {
|
||||
if (res.rows) {
|
||||
res.rows.forEach(e => {
|
||||
e.leadThumbnailUrl = baseurl + e.leadThumbnailUrl
|
||||
})
|
||||
}
|
||||
this.NurseNewslist = res.rows
|
||||
})
|
||||
},
|
||||
//跳转详情
|
||||
goHealthitem(item) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/Healthitem/Healthitem?item=${encodeURIComponent(JSON.stringify(item))}`
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@ -148,42 +167,36 @@
|
||||
|
||||
.item {
|
||||
position: relative;
|
||||
height: 150rpx;
|
||||
height: 170rpx;
|
||||
width: 100%;
|
||||
color: #666666;
|
||||
padding: 0 0 20rpx;
|
||||
margin: 20rpx 0;
|
||||
border-bottom: 1rpx solid #cdc9c9;
|
||||
|
||||
image {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 130rpx;
|
||||
height: 130rpx;
|
||||
}
|
||||
|
||||
.centertext {
|
||||
font-size: 22rpx;
|
||||
position: absolute;
|
||||
top: 60rpx;
|
||||
left: 150rpx;
|
||||
overflow: hidden; //超出的文本隐藏
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2; // 超出多少行
|
||||
-webkit-box-orient: vertical;
|
||||
width: 150rpx;
|
||||
height: 150rpx;
|
||||
}
|
||||
|
||||
.toptext {
|
||||
font-size: 30rpx;
|
||||
line-height: 30rpx;
|
||||
font-size: 26rpx;
|
||||
position: absolute;
|
||||
top: 5rpx;
|
||||
left: 150rpx;
|
||||
width: 75%;
|
||||
overflow: hidden; //超出的文本隐藏
|
||||
left: 170rpx;
|
||||
width: 70%;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1; // 超出多少行
|
||||
-webkit-line-clamp: 5; //行数需设置
|
||||
line-clamp: 5;
|
||||
-webkit-box-orient: vertical;
|
||||
// overflow: hidden; //超出的文本隐藏
|
||||
// text-overflow: ellipsis; //溢出用省略号显示
|
||||
// white-space: nowrap; // 默认不换行；
|
||||
text-align: justify;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
226
pages/learning/learning.scss
Normal file
226
pages/learning/learning.scss
Normal file
@ -0,0 +1,226 @@
|
||||
|
||||
page {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.app {
|
||||
padding: 0;
|
||||
color: #000000;
|
||||
text-align: justify;
|
||||
|
||||
::v-deep .u-tabs {
|
||||
width: 70% !important;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
// padding: 30rpx 15rpx 200rpx;
|
||||
// background-color: #fff;
|
||||
// text-indent: 2em;
|
||||
}
|
||||
|
||||
/deep/ .ptext {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
/deep/ .ptext:nth-child(1) {
|
||||
text-indent: 2em;
|
||||
}
|
||||
|
||||
/deep/ .ql-size-small {
|
||||
font-size: 20rpx;
|
||||
}
|
||||
|
||||
/deep/ .ql-size-large {
|
||||
font-size: 36rpx;
|
||||
}
|
||||
|
||||
/deep/ .ql-size-huge {
|
||||
font-size: 46rpx;
|
||||
}
|
||||
|
||||
/deep/ .richPic {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
.directory {
|
||||
padding-bottom: 200rpx;
|
||||
background-color: #fff;
|
||||
|
||||
.video {}
|
||||
|
||||
.imagetext {}
|
||||
|
||||
.items {
|
||||
width: 87%;
|
||||
margin: 30rpx auto;
|
||||
|
||||
.item {
|
||||
height: 130rpx;
|
||||
position: relative;
|
||||
margin-bottom: 37rpx;
|
||||
|
||||
image {
|
||||
width: 220rpx;
|
||||
height: 130rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
top: 10rpx;
|
||||
left: 240rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
color: #000000;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1; //行数需设置
|
||||
line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.text {
|
||||
position: absolute;
|
||||
bottom: 10rpx;
|
||||
left: 240rpx;
|
||||
font-size: 22rpx;
|
||||
color: #666666;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2; //行数需设置
|
||||
line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.topheader {
|
||||
height: 80rpx;
|
||||
width: 92%;
|
||||
margin: 0 auto;
|
||||
border-bottom: 1rpx solid #e6e6e6;
|
||||
padding-left: 10rpx;
|
||||
line-height: 80rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.bottomitem {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 150rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 1rpx 21rpx 0rpx rgba(204, 204, 204, 0.75);
|
||||
|
||||
.buy {
|
||||
width: 150rpx;
|
||||
height: 70rpx;
|
||||
background: #4271B9;
|
||||
line-height: 70rpx;
|
||||
border-radius: 5rpx;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
right: 50rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.price {
|
||||
position: absolute;
|
||||
left: 50rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
font-size: 42rpx;
|
||||
font-weight: 500;
|
||||
color: #EA706A;
|
||||
line-height: 130rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.topitem {
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||
border-radius: 5rpx;
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
margin: 0 auto;
|
||||
padding-bottom: 40rpx;
|
||||
|
||||
.toptitle {
|
||||
font-weight: 600;
|
||||
font-size: 38rpx;
|
||||
padding-top: 32rpx;
|
||||
margin: 0 0 0 53rpx;
|
||||
}
|
||||
|
||||
.toptext {
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
margin: 31rpx 56rpx 0;
|
||||
}
|
||||
}
|
||||
|
||||
.popup {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
|
||||
.buyselect {
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
margin: 40rpx auto 0;
|
||||
position: absolute;
|
||||
top: 100rpx;
|
||||
|
||||
image {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 48rpx;
|
||||
transform: translateY(-50%);
|
||||
width: 70rpx;
|
||||
height: 70rpx;
|
||||
}
|
||||
|
||||
.text {
|
||||
position: absolute;
|
||||
left: 150rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
line-height: 100rpx;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.buybtn {
|
||||
width: 70%;
|
||||
height: 70rpx;
|
||||
background: #4271B9;
|
||||
border-radius: 5rpx;
|
||||
line-height: 70rpx;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 40rpx;
|
||||
left: 15%;
|
||||
}
|
||||
|
||||
.popuptitle {
|
||||
width: 100%;
|
||||
font-size: 41rpx;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 40rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
252
pages/learning/learning.vue
Normal file
252
pages/learning/learning.vue
Normal file
@ -0,0 +1,252 @@
|
||||
<template>
|
||||
<view class="app" v-if="infoslist">
|
||||
<view class="" style="background-color: #F4F5F7;height: 13rpx;width:100%"></view>
|
||||
<view class="topitem">
|
||||
<view class="toptitle">
|
||||
{{infoslist.trainingItemTitle}}
|
||||
</view>
|
||||
<view class="toptext">
|
||||
{{infoslist.trainingItemDetails?infoslist.trainingItemDetails:''}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="" style="background-color: #F4F5F7;height: 17rpx;width:100%"></view>
|
||||
<u-tabs :list="tablist" :is-scroll="false" :current="tabcurrent" @change="tabchange" font-size='34'
|
||||
bar-height='7' bar-width='43' inactive-color='#A09F9F' active-color='#4271B9'>
|
||||
</u-tabs>
|
||||
<view class="content" v-if="tabcurrent==0">
|
||||
<!-- <view class="" v-html="infoslist.trainingItemContent"></view> -->
|
||||
<u-parse :html="infoslist.trainingItemContent"></u-parse>
|
||||
</view>
|
||||
<view class="directory" v-if="tabcurrent==1">
|
||||
<view class="imagetext" v-if="imgtextlist.length>0">
|
||||
<view class="topheader">
|
||||
图文学习
|
||||
</view>
|
||||
<view class="items">
|
||||
<view class="item" v-for="(item,index) in imgtextlist" :key='item.id' @tap='goImglearning(item)'>
|
||||
<image :src="baseurl+item.trainingItemCoverUrl" mode=""></image>
|
||||
<view class="title">
|
||||
{{item.trainingItemTitle}}
|
||||
</view>
|
||||
<view class="text">
|
||||
{{item.trainingItemDetails?item.trainingItemDetails:''}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="video" v-if="videolist.length>0">
|
||||
<view class="topheader">
|
||||
视频学习
|
||||
</view>
|
||||
<view class="items">
|
||||
<view class="item" v-for="(item,index) in videolist" :key='item.id' @tap='goVideolearning(item)'>
|
||||
<image :src="baseurl+item.trainingItemCoverUrl" mode=""></image>
|
||||
<view class="title">
|
||||
{{item.trainingItemTitle}}
|
||||
</view>
|
||||
<view class="text">
|
||||
{{item.trainingItemDetails?item.trainingItemDetails:''}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if='videolist.length==0&&imgtextlist.length==0' class="" style="padding-top: 100rpx;">
|
||||
<u-empty text="暂无目录" mode="list" icon-size='240' font-size='32'></u-empty>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottomitem" v-if="infoslist.trainingOrderDetailsBuy=='NOT_BUY'">
|
||||
<view class="price">
|
||||
￥{{infoslist.trainingItemPrice?infoslist.trainingItemPrice:0}}
|
||||
</view>
|
||||
<view class="buy" @tap='buy'>
|
||||
购买
|
||||
</view>
|
||||
</view>
|
||||
<u-popup v-model="buyshow" mode='bottom' height='500' class='popup' safe-area-inset-bottom>
|
||||
<view class="popuptitle">请选择支付方式</view>
|
||||
<view class="buyselect">
|
||||
<image src="../../static/wechat.png" mode=""></image>
|
||||
<view class="text">
|
||||
微信支付
|
||||
</view>
|
||||
</view>
|
||||
<view class="buybtn" @tap='tobuy'>
|
||||
确认支付{{infoslist.trainingItemPrice?infoslist.trainingItemPrice:0}}元
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-toast ref="uToast" />
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
selectNurseAppletPersonTrainingItemList,
|
||||
selectNurseAppletPersonTrainingParent,
|
||||
trainingItemOrder,
|
||||
appletTrainingOrderPay
|
||||
} from '@/api/learning/index.js'
|
||||
import baseurl from '@/api/baseurl.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
baseurl: undefined,
|
||||
videolist: [], //视频信息
|
||||
imgtextlist: [], //图文信息
|
||||
infoslist: undefined, //主信息
|
||||
tabcurrent: 0, //tabsindex
|
||||
tablist: [{ //tabs的list
|
||||
name: '课程介绍'
|
||||
}, {
|
||||
name: '课程目录'
|
||||
}],
|
||||
trainingParentId: undefined,
|
||||
nurseStationPersonId: undefined,
|
||||
buyshow: false, //购买弹框
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
const that = this
|
||||
const value = uni.getStorageSync('Refresh');
|
||||
const nursePersonId = uni.getStorageSync('nursePersonId');
|
||||
if (value) {
|
||||
uni.removeStorageSync('Refresh');
|
||||
that.nurseStationPersonId = nursePersonId
|
||||
that.infos();
|
||||
that.info();
|
||||
} else {}
|
||||
},
|
||||
onLoad(options) {
|
||||
const that = this
|
||||
this.baseurl = baseurl
|
||||
this.trainingParentId = options.trainingParentId
|
||||
const value = uni.getStorageSync('nursePersonId');
|
||||
if (value) {
|
||||
that.nurseStationPersonId = value
|
||||
that.infos();
|
||||
that.info();
|
||||
} else {}
|
||||
},
|
||||
methods: {
|
||||
//购买
|
||||
tobuy() {
|
||||
var that = this
|
||||
const nurseStationId = uni.getStorageSync('nurseStationId');
|
||||
if (nurseStationId) {
|
||||
var obj = {
|
||||
"trainingItemId": undefined,
|
||||
"nurseStationId": undefined,
|
||||
"nurseStationPersonId": undefined,
|
||||
"trainingOrderAmount": undefined,
|
||||
"nursePersonName": undefined,
|
||||
}
|
||||
obj.trainingItemId = this.infoslist.id
|
||||
obj.nurseStationId = uni.getStorageSync('nurseStationId');
|
||||
obj.nurseStationPersonId = this.nurseStationPersonId
|
||||
obj.nursePersonName = uni.getStorageSync('nursePersonName');
|
||||
obj.trainingOrderAmount = this.infoslist.trainingItemPrice
|
||||
trainingItemOrder(obj).then(res => {
|
||||
if (res.code == 200) {
|
||||
if (res.data.trainingOrderAmount > 0) {
|
||||
let objs = {
|
||||
"openid": uni.getStorageSync('openid'),
|
||||
"nurseStationPersonId": res.data.nurseStationPersonId,
|
||||
"orderNo": res.data.trainingOrderNo,
|
||||
"payType": "WECHAT_PAY",
|
||||
"orderChannel": "WECHAT_APPLET",
|
||||
"buySource": "TRAINING",
|
||||
"paymentPrice": res.data.trainingOrderAmount,
|
||||
}
|
||||
appletTrainingOrderPay(objs).then(response => {
|
||||
if (response.code == 200) {} else {
|
||||
this.buyshow = false
|
||||
this.$refs.uToast.show({
|
||||
title: response.msg,
|
||||
type: 'error',
|
||||
duration: 2000
|
||||
})
|
||||
}
|
||||
})
|
||||
} else {
|
||||
that.buyshow = false
|
||||
that.infos();
|
||||
that.info();
|
||||
}
|
||||
} else {
|
||||
this.buyshow = false
|
||||
this.$refs.uToast.show({
|
||||
title: res.msg,
|
||||
type: 'error',
|
||||
duration: 2000
|
||||
})
|
||||
}
|
||||
})
|
||||
} else {
|
||||
that.$refs.uToast.show({
|
||||
title: '请您重新登录',
|
||||
type: 'error',
|
||||
duration: 1500,
|
||||
url: "/pages/login/login"
|
||||
})
|
||||
}
|
||||
},
|
||||
//打开购买弹框
|
||||
buy() {
|
||||
this.buyshow = true
|
||||
},
|
||||
//跳转图文学习
|
||||
goImglearning(item) {
|
||||
if (item.trainingOrderDetailsBuy == 'BUY') {
|
||||
uni.navigateTo({
|
||||
url: `/pages/Imglearning/Imglearning?trainingItemId=${item.id}`
|
||||
})
|
||||
} else {
|
||||
this.$refs.uToast.show({
|
||||
title: '您未购买',
|
||||
type: 'error',
|
||||
duration: '2000'
|
||||
})
|
||||
}
|
||||
},
|
||||
//跳转视频学习详情
|
||||
goVideolearning(item) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/Videolearning/Videolearning?trainingItemId=${item.id}`
|
||||
})
|
||||
},
|
||||
info() {
|
||||
this.videolist = []
|
||||
this.imgtextlist = []
|
||||
selectNurseAppletPersonTrainingItemList(this.trainingParentId, this
|
||||
.nurseStationPersonId).then(
|
||||
res => {
|
||||
res.data.forEach(e => {
|
||||
if (e.trainingItemType == 'VIDEO_LEARNING') {
|
||||
this.videolist.push(e)
|
||||
} else if (e.trainingItemType == 'GRAPHIC_LEARNING') {
|
||||
this.imgtextlist.push(e)
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
//主信息
|
||||
infos() {
|
||||
selectNurseAppletPersonTrainingParent(this.trainingParentId, this.nurseStationPersonId).then(res => {
|
||||
if (res.rows[0].trainingItemContent) {
|
||||
res.rows[0].trainingItemContent = res.rows[0].trainingItemContent.replace(/\<img/gi,
|
||||
"<br/> <img class='richPic'")
|
||||
res.rows[0].trainingItemContent = res.rows[0].trainingItemContent.replace(/\<p/gi,
|
||||
"<p class='ptext'")
|
||||
}
|
||||
this.infoslist = res.rows[0]
|
||||
})
|
||||
},
|
||||
//点击tabs
|
||||
tabchange(index) {
|
||||
this.tabcurrent = index;
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import "./learning.scss";
|
||||
</style>
|
||||
@ -53,6 +53,8 @@
|
||||
if (res.code == 200) {
|
||||
uni.setStorageSync("nursePersonId", res.data.nursePersonId)
|
||||
uni.setStorageSync("phone", res.data.phone)
|
||||
uni.setStorageSync("nursePersonName", res.data.nursePersonName)
|
||||
uni.setStorageSync("nurseStationId", res.data.nurseStationId)
|
||||
that.$refs.uToast.show({
|
||||
title: '登录成功',
|
||||
type: 'success',
|
||||
|
||||
@ -55,7 +55,7 @@
|
||||
我的收益
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottomitem" @tap='gostudy'>
|
||||
<view class="bottomitem" @tap='goOrderlist'>
|
||||
<image src="../../static/xuexi.png" mode=""></image>
|
||||
<view class="">
|
||||
我的学习
|
||||
@ -149,6 +149,16 @@
|
||||
})
|
||||
},
|
||||
//我的学习
|
||||
goOrderlist() {
|
||||
const nursePersonId = uni.getStorageSync('nursePersonId');
|
||||
if (nursePersonId) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/Orderlist/Orderlist'
|
||||
})
|
||||
} else {
|
||||
this.gologin();
|
||||
}
|
||||
},
|
||||
gostudy() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/study/study'
|
||||
|
||||
BIN
static/bofang.png
Normal file
BIN
static/bofang.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 417 B |
BIN
static/dingyuejieshou.png
Normal file
BIN
static/dingyuejieshou.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
static/dingyuejujue.png
Normal file
BIN
static/dingyuejujue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
static/hlxw.png
BIN
static/hlxw.png
Binary file not shown.
|
Before Width: | Height: | Size: 134 KiB |
BIN
static/hlydingyue.png
Normal file
BIN
static/hlydingyue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
static/logo.png
BIN
static/logo.png
Binary file not shown.
|
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 19 KiB |
BIN
static/shipin.png
Normal file
BIN
static/shipin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
static/wechat.png
Normal file
BIN
static/wechat.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Loading…
Reference in New Issue
Block a user