新增增收赋能
This commit is contained in:
唐明明
@@ -8,8 +8,8 @@ import store from '@/store'
|
||||
|
||||
// 基础配置
|
||||
const config = {
|
||||
// apiUrl : 'https://api.douhuotest.douhuofalv.com/api/', // 测试环境
|
||||
apiUrl : 'https://douhuo.douhuofalv.com/api/', // 正式环境
|
||||
apiUrl : 'https://api.douhuotest.douhuofalv.com/api/', // 测试环境
|
||||
// apiUrl : 'https://douhuo.douhuofalv.com/api/', // 正式环境
|
||||
timeout : 60000
|
||||
}
|
||||
|
||||
|
||||
68
apis/interfaces/empower.js
Normal file
68
apis/interfaces/empower.js
Normal file
@@ -0,0 +1,68 @@
|
||||
|
||||
/**
|
||||
* Web唐明明
|
||||
* 匆匆数载恍如梦，岁月迢迢华发增。
|
||||
* 碌碌无为枉半生，一朝惊醒万事空。
|
||||
* moduleName: 增收赋能
|
||||
*/
|
||||
|
||||
import { request } from '../index'
|
||||
|
||||
// 增收赋能列表
|
||||
const lists = () =>{
|
||||
return request({
|
||||
url : "empower/index"
|
||||
})
|
||||
}
|
||||
|
||||
// 增收赋能详情
|
||||
const info = id => {
|
||||
return request({
|
||||
url : "empower/" + id + "/show"
|
||||
})
|
||||
}
|
||||
|
||||
// 下单前置
|
||||
const buyInit = id => {
|
||||
return request({
|
||||
url : "empower/" + id + "/buy/init",
|
||||
method : "POST"
|
||||
})
|
||||
}
|
||||
|
||||
// 下单购买
|
||||
const buy = data => {
|
||||
return request({
|
||||
url : "empower/buy/order",
|
||||
method : "POST",
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 核验列表
|
||||
const codes = code => {
|
||||
return request({
|
||||
url : "empower/code",
|
||||
data : { code },
|
||||
method : "POST",
|
||||
})
|
||||
}
|
||||
|
||||
// 确认核验
|
||||
const sign = item_id => {
|
||||
return request({
|
||||
url : "empower/code/sign",
|
||||
data : { item_id },
|
||||
method : "POST",
|
||||
})
|
||||
}
|
||||
|
||||
export {
|
||||
lists,
|
||||
info,
|
||||
buyInit,
|
||||
buy,
|
||||
codes,
|
||||
sign
|
||||
}
|
||||
|
||||
50
pages.json
50
pages.json
@@ -599,8 +599,53 @@
|
||||
"style": {
|
||||
"navigationBarTitleText": "补差列表"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/empower/info",
|
||||
"aliasPath": "/empower/info",
|
||||
"name": "EmpowerInfo",
|
||||
"style": {
|
||||
"navigationBarTitleText": "增收赋能",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#FFF"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/empower/buy",
|
||||
"aliasPath": "/empower/buy",
|
||||
"name": "EmpowerBuy",
|
||||
"style": {
|
||||
"navigationBarTitleText": "报名",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#FFF"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/empower/verification",
|
||||
"aliasPath": "/empower/verification",
|
||||
"name": "EmpowerVerification",
|
||||
"style": {
|
||||
"navigationBarTitleText": "课程核销",
|
||||
"enablePullDownRefresh": false,
|
||||
"app-plus": {
|
||||
"titleNView": {
|
||||
"buttons": [{
|
||||
"text": "首页",
|
||||
"color": "#da2b56",
|
||||
"fontSize": "32rpx",
|
||||
"width": "120rpx"
|
||||
}]
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
,{
|
||||
"path" : "pages/empower/order",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText": "赋能订单",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
}
|
||||
],
|
||||
"globalStyle": {
|
||||
"navigationBarBackgroundColor": "#ffffff",
|
||||
"navigationBarTextStyle": "black",
|
||||
@@ -624,5 +669,8 @@
|
||||
"iconPath": "static/tabBar/tabBar_icon_01.png",
|
||||
"selectedIconPath": "static/tabBar/tabBar_show_01.png"
|
||||
}]
|
||||
},
|
||||
"easycom": {
|
||||
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
|
||||
}
|
||||
}
|
||||
228
pages/empower/buy.vue
Normal file
228
pages/empower/buy.vue
Normal file
@@ -0,0 +1,228 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<!-- 课程信息 -->
|
||||
<view class="info">
|
||||
<image class="info-cover" :src="empower.cover" mode="aspectFill"></image>
|
||||
<view class="info-text">
|
||||
<view class="info-title">{{empower.title}}</view>
|
||||
<view class="info-subtitle">{{empower.sub_title}}</view>
|
||||
<view class="info-price"><text>￥</text>{{empower.price}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 报名信息 -->
|
||||
<view class="user-title">报名人</view>
|
||||
<view class="user-block" v-for="(item, index) in formData" :key="index">
|
||||
<view class="user-block-flex">报名信息{{index + 1}}<view class="user-block-remove" v-if="formData.length > 1" @click="onRemoveUser(index)">删除</view></view>
|
||||
<view class="user-block-input">
|
||||
<label>真实姓名</label>
|
||||
<input placeholder="输入姓名" v-model="item.name" maxlength="10" />
|
||||
</view>
|
||||
<view class="user-block-input">
|
||||
<label>手机号码</label>
|
||||
<input placeholder="输入手机号码" v-model="item.mobile" maxlength="11" type="number" />
|
||||
</view>
|
||||
<view class="user-block-input" v-if="semesters.length > 0">
|
||||
<label>选择学期</label>
|
||||
<picker mode="selector" :value="item.index" :range="semesters" range-key="title" @change="onChange($event, index, item)">
|
||||
<view class="user-block-picker">{{semesters[item.index].title}}<uni-icons class="user-block-icon" type="bottom" size="20" color="#999"></uni-icons></view>
|
||||
</picker>
|
||||
</view>
|
||||
</view>
|
||||
<view class="user-add" @click="onAddUser"><uni-icons type="plus" size="24" color="#da2b56"></uni-icons> 添加报名人</view>
|
||||
<view class="footer">
|
||||
<view class="footer-text">
|
||||
<view class="footer-text-price"><text>￥</text>{{allPrice}}</view>
|
||||
<view class="footer-text-subtitle">共计{{formData.length}}人报名</view>
|
||||
</view>
|
||||
<button class="footer-btn" @click="onSubmit">提交</button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// ($event) => item.index = $event.detail.value
|
||||
import { buyInit, buy } from '@/apis/interfaces/empower.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
semesters: [],
|
||||
formData : [{
|
||||
name : '',
|
||||
mobile : '',
|
||||
index : 0
|
||||
}],
|
||||
empower : {},
|
||||
allPrice : '0.00'
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
buyInit(this.$Route.query.id).then(res => {
|
||||
let { empower, semesters } = res;
|
||||
this.empower = empower
|
||||
this.semesters = semesters
|
||||
this.getTotalPrice()
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
title: err.message,
|
||||
icon : 'none'
|
||||
})
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
// 计算价格
|
||||
getTotalPrice(){
|
||||
let totalPrice = 0
|
||||
this.formData.map(val => {
|
||||
totalPrice += Number(this.semesters[val.index].price)
|
||||
})
|
||||
this.allPrice = totalPrice.toFixed(2)
|
||||
},
|
||||
// 选择学期
|
||||
onChange(e, index, item){
|
||||
item.index = e.detail.value
|
||||
this.$set(this.formData, index, item)
|
||||
this.getTotalPrice()
|
||||
},
|
||||
// 删除用户数据
|
||||
onRemoveUser(index){
|
||||
this.formData.splice(index,1)
|
||||
this.getTotalPrice()
|
||||
},
|
||||
// 添加新用户
|
||||
onAddUser(){
|
||||
this.formData.push({
|
||||
name : '',
|
||||
mobile : '',
|
||||
index : 0
|
||||
})
|
||||
this.getTotalPrice()
|
||||
},
|
||||
// 提交报名
|
||||
onSubmit(){
|
||||
let submitData = this.formData.map(val => {
|
||||
return {
|
||||
name : val.name,
|
||||
mobile : val.mobile,
|
||||
semester_id : this.semesters[val.index].id
|
||||
}
|
||||
})
|
||||
buy({
|
||||
empower_id: this.$Route.query.id,
|
||||
data: submitData
|
||||
}).then(res => {
|
||||
let { order_type, order_id } = res;
|
||||
this.$Router.replace({
|
||||
name: 'FeePay',
|
||||
params: {
|
||||
orderId : order_id,
|
||||
orderType : order_type,
|
||||
price : this.allPrice,
|
||||
payForm : 'entrust',
|
||||
}
|
||||
})
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
title: err.message,
|
||||
icon : 'none'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.content{ background: #f7f8f9; padding: 30rpx 30rpx 210rpx; min-height: calc(100vh - 44px); box-sizing: border-box; }
|
||||
// 报名人信息
|
||||
.user-title{ padding-top: 30rpx; font-size: 30rpx; line-height: 40rpx; color: gray; }
|
||||
.user-block{
|
||||
background: white;
|
||||
margin-top: 30rpx;
|
||||
border-radius: 20rpx;
|
||||
padding: 20rpx 30rpx;
|
||||
&-flex{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 90rpx;
|
||||
align-items: center;
|
||||
font-size: 30rpx;
|
||||
color: gray;
|
||||
// @extend .border-solid;
|
||||
}
|
||||
&-remove{ color: $mian-color; line-height: 90rpx; }
|
||||
&-input{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 90rpx;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
label{ font-size: 32rpx; width: 200rpx; }
|
||||
picker,
|
||||
input{ width: calc(100% - 200rpx); font-size: 32rpx; }
|
||||
.user-block-picker{
|
||||
padding-right: 50rpx;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
@extend .nowrap;
|
||||
.user-block-icon{ position: absolute; right: 0; }
|
||||
}
|
||||
}
|
||||
}
|
||||
.user-add{ text-align: center; background: white; border-radius: 20rpx; margin-top: 30rpx; display: flex; align-items: center; height: 120rpx; justify-content: center; color: $mian-color; font-size: 32rpx; }
|
||||
// 报名课程信息
|
||||
.info{
|
||||
display: flex;
|
||||
background: white;
|
||||
padding: 30rpx;
|
||||
border-radius: 20rpx;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
&-cover{ width: 180rpx; height: 180rpx; border-radius: 10rpx; }
|
||||
&-text{ width: calc(100% - 210rpx); }
|
||||
&-title{ font-size: 38rpx; font-weight: bold; line-height: 50rpx; height: 50rpx; }
|
||||
&-subtitle{ line-height: 40rpx; height: 80rpx; font-size: 30rpx; }
|
||||
&-price{
|
||||
font-weight: bold;
|
||||
color: $mian-color;
|
||||
font-size: 42rpx;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
line-height: 50rpx;
|
||||
height: 50rpx;
|
||||
text{
|
||||
font-size: 80%;
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
// 底部
|
||||
.footer{
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 30rpx 30rpx 50rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
z-index: 99;
|
||||
box-shadow: 0 0 10rpx 10rpx rgba(0, 0, 0, .04);
|
||||
background: white;
|
||||
.footer-text{
|
||||
width: 200rpx;
|
||||
&-price{ font-weight: bold; color: $mian-color; font-size: 40rpx; text{ font-size: 80%; margin-right: 5rpx; } }
|
||||
&-subtitle{ font-size: 28rpx; color: gray; }
|
||||
}
|
||||
.footer-btn{
|
||||
background: $mian-color;
|
||||
color: white;
|
||||
line-height: 100rpx;
|
||||
border-radius: 50rpx;
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
font-size: 36rpx;
|
||||
margin-left: 50rpx;
|
||||
&::after{ display: none; }
|
||||
}
|
||||
}
|
||||
</style>
|
||||
136
pages/empower/info.vue
Normal file
136
pages/empower/info.vue
Normal file
@@ -0,0 +1,136 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<!-- 封面 -->
|
||||
<view class="cover">
|
||||
<image class="cover-src" :src="cover" mode="aspectFill"></image>
|
||||
</view>
|
||||
<!-- 课程信息 -->
|
||||
<view class="info">
|
||||
<view class="info-title">{{ title }}</view>
|
||||
<view class="info-subtitle">{{ subtitle }}</view>
|
||||
<view class="info-info">
|
||||
<view class="info-info-item">
|
||||
<label>总学期</label>
|
||||
<view class="info-value">{{count.all || '-'}}期</view>
|
||||
</view>
|
||||
<view class="info-info-item">
|
||||
<label>已结束</label>
|
||||
<view class="info-value">{{count.over || 0}}期</view>
|
||||
</view>
|
||||
<view class="info-info-item" v-if="semester != null">
|
||||
<label>当期时间</label>
|
||||
<view class="info-value">{{semester.time.start || '-'}}</view>
|
||||
</view>
|
||||
<view class="info-info-item" v-if="semester != null">
|
||||
<label>报名价格</label>
|
||||
<view class="info-value price">{{semester.price || '0.00'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 课程介绍 -->
|
||||
<rich-text :nodes="content"></rich-text>
|
||||
<!-- 报名信息 -->
|
||||
<view class="footer">
|
||||
<view>分享</view>
|
||||
<view class="footer-btn" @click="onBuy">立即购买</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { info } from '@/apis/interfaces/empower.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
id : '',
|
||||
cover : '',
|
||||
title : '',
|
||||
subtitle : '',
|
||||
price : '0.00',
|
||||
semester : null,
|
||||
count : {},
|
||||
content : []
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
info(this.$Route.query.id).then(res => {
|
||||
let { cover, title, subtitle, price, semester_current, count, content, id } = res;
|
||||
this.id = id
|
||||
this.cover = cover
|
||||
this.title = title
|
||||
this.subtitle = subtitle
|
||||
this.price = price
|
||||
this.semester = semester_current
|
||||
this.count = count
|
||||
this.content = content.replace(/\<img/gi, '<img style="width:100%;height:auto"');
|
||||
uni.setNavigationBarTitle({ title })
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
title: err.message,
|
||||
icon : 'none'
|
||||
})
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
onBuy(){
|
||||
this.$Router.push({
|
||||
name : 'EmpowerBuy',
|
||||
params : { id: this.id }
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.content{ padding-bottom: 180rpx; }
|
||||
// 封面图
|
||||
.cover{
|
||||
position: relative;
|
||||
padding-top: 70%;
|
||||
background: #f7f8f9;
|
||||
&-src{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
|
||||
}
|
||||
// 信息
|
||||
.info{
|
||||
padding: 40rpx;
|
||||
&-title{ font-weight: bold; font-size: 50rpx; margin-bottom: 20rpx; line-height: 65rpx; color: #333; text-align: justify; }
|
||||
&-subtitle{ font-size: 30rpx; line-height: 50rpx; margin-bottom: 40rpx; color: #333; text-align: justify; }
|
||||
&-info{
|
||||
background: #f7f8f9;
|
||||
padding: 0 30rpx;
|
||||
font-size: 30rpx;
|
||||
border-radius: 20rpx;
|
||||
&-item{
|
||||
padding: 30rpx 0;
|
||||
line-height: 40rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
// @extend .border-solid;
|
||||
label{ font-weight: bold; width: 170rpx; }
|
||||
&:last-child::after{ display: none; }
|
||||
}
|
||||
}
|
||||
&-value{
|
||||
width: calc(100% - 170rpx);
|
||||
text-align: right;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
&.price{ font-weight: bold; color: $mian-color; }
|
||||
}
|
||||
}
|
||||
// 底部
|
||||
.footer{
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 30rpx 30rpx 50rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
z-index: 99;
|
||||
background-color: white;
|
||||
box-shadow: 0 0 10rpx 10rpx rgba(0, 0, 0, .04);
|
||||
.footer-btn{ background: $mian-color; color: white; line-height: 100rpx; border-radius: 50rpx; flex: 1; text-align: center; font-weight: bold; font-size: 36rpx; margin-left: 50rpx; }
|
||||
}
|
||||
</style>
|
||||
19
pages/empower/order.vue
Normal file
19
pages/empower/order.vue
Normal file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<view>
|
||||
order
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
205
pages/empower/verification.vue
Normal file
205
pages/empower/verification.vue
Normal file
@@ -0,0 +1,205 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<!-- 核销凭证列表 -->
|
||||
<block v-if="vouchers.length > 0">
|
||||
<view class="vouchers" v-for="(item, index) in vouchers" :key="index">
|
||||
<image class="vouchers-icon" src="@/static/icon/sign.png" mode="widthFix" v-if="!item.can_sign"></image>
|
||||
<view class="vouchers-info">
|
||||
<view class="vouchers-info-item title">{{item.empower.title}}(第{{item.semester.no}}期)</view>
|
||||
<view class="vouchers-info-item">报名人：{{item.name}}</view>
|
||||
<view class="vouchers-info-item">有效期：{{item.semester.end}}</view>
|
||||
</view>
|
||||
<view class="vouchers-btns">
|
||||
<view class="vouchers-btn" @click="onShowLay(index)">{{item.can_sign ? '立即使用': '查看凭证'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
<block v-else>
|
||||
<view class="list-null">
|
||||
<u-empty
|
||||
mode="history"
|
||||
icon="http://cdn.uviewui.com/uview/empty/history.png"
|
||||
text="暂无可使用课程凭证"
|
||||
>
|
||||
</u-empty>
|
||||
</view>
|
||||
</block>
|
||||
<!-- 核销弹出层 -->
|
||||
<u-popup :show="popupShow" mode="center" round="20rpx" closeable @close="popupShow = false">
|
||||
<view class="lay-info" v-if="vouchers.length > 0">
|
||||
<view class="lay-title">报名信息</view>
|
||||
<view class="lay-content">
|
||||
<view class="lay-item">
|
||||
<label>报名课程</label>
|
||||
<view class="lay-item-val">{{vouchers[layIndex].empower.title}}</view>
|
||||
</view>
|
||||
<view class="lay-item">
|
||||
<label>学期名称</label>
|
||||
<view class="lay-item-val">{{vouchers[layIndex].empower.subtitle}}</view>
|
||||
</view>
|
||||
<view class="lay-item">
|
||||
<label>报名姓名</label>
|
||||
<view class="lay-item-val">{{vouchers[layIndex].name}}</view>
|
||||
</view>
|
||||
<view class="lay-item">
|
||||
<label>报名电话</label>
|
||||
<view class="lay-item-val">{{vouchers[layIndex].mobile}}</view>
|
||||
</view>
|
||||
<view class="lay-item">
|
||||
<label>开始时间</label>
|
||||
<view class="lay-item-val">{{vouchers[layIndex].semester.start}}</view>
|
||||
</view>
|
||||
<view class="lay-item">
|
||||
<label>结束时间</label>
|
||||
<view class="lay-item-val">{{vouchers[layIndex].semester.end}}</view>
|
||||
</view>
|
||||
<view class="lay-item">
|
||||
<label>课程地点</label>
|
||||
<view class="lay-item-val">{{vouchers[layIndex].semester.address}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="lay-border"></view>
|
||||
<view class="lay-content">
|
||||
<view class="lay-item">
|
||||
<label>签到状态</label>
|
||||
<view class="lay-item-val bold">{{vouchers[layIndex].can_sign ? '未签到': '已签到'}}</view>
|
||||
</view>
|
||||
<view class="lay-item" v-if="!vouchers[layIndex].can_sign">
|
||||
<label>签到时间</label>
|
||||
<view class="lay-item-val">{{vouchers[layIndex].sign_at}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="lay-btns">
|
||||
<button class="lay-btn" :disabled="!vouchers[layIndex].can_sign" @click="onSign(vouchers[layIndex].item_id)">{{vouchers[layIndex].can_sign ? '签到': '已签到'}}</button>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { codes, sign } from '@/apis/interfaces/empower.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
popupShow : false,
|
||||
vouchers : [],
|
||||
layIndex : 0
|
||||
};
|
||||
},
|
||||
onShow(){
|
||||
codes(this.$Route.query.code).then(res => {
|
||||
this.vouchers = res;
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
// 显示确认弹出层
|
||||
onShowLay(index){
|
||||
this.layIndex = index
|
||||
this.popupShow = true
|
||||
},
|
||||
// 签到
|
||||
onSign(id){
|
||||
sign(id).then(res => {
|
||||
this.$set(this.vouchers, this.layIndex, res)
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
title: err.message,
|
||||
icon : 'none'
|
||||
})
|
||||
})
|
||||
}
|
||||
},
|
||||
onNavigationBarButtonTap() {
|
||||
this.$Router.replace({
|
||||
name: "Index"
|
||||
})
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.content{ background: #f7f7f7; min-height: calc(100vh - 44px); padding: 10rpx 30rpx; box-sizing: border-box; }
|
||||
// 票券
|
||||
.vouchers{
|
||||
background: white;
|
||||
border-radius: 20rpx;
|
||||
margin: 20rpx 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
&-icon{
|
||||
position: absolute;
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
z-index: 1;
|
||||
top: 15%;
|
||||
left: 53%;
|
||||
opacity: .5;
|
||||
}
|
||||
&-info{
|
||||
position: relative;
|
||||
padding: 20rpx 30rpx;
|
||||
font-size: 28rpx;
|
||||
border-right: dashed 2rpx #ddd;
|
||||
width: calc(100% - 200rpx);
|
||||
box-sizing: border-box;
|
||||
&::after,&::before{ content: " "; height: 22rpx; width: 22rpx; background: #f7f7f7; position: absolute; right: -11rpx; border-radius: 50%; }
|
||||
&::after{ top: -11rpx; }
|
||||
&::before{ bottom: -11rpx; }
|
||||
&-item{
|
||||
line-height: 40rpx;
|
||||
font-size: 26rpx;
|
||||
color: gray;
|
||||
&.bold{ font-weight: bold; }
|
||||
&.title{ font-size: 30rpx; margin-bottom: 10rpx; font-weight: bold; color: #333; }
|
||||
}
|
||||
}
|
||||
&-btns{
|
||||
width: 200rpx;
|
||||
text-align: center;
|
||||
.vouchers-btn{ background: $mian-color; color: white; line-height: 60rpx; border-radius:30rpx; width: 150rpx; font-size: 26rpx; display: inline-block; }
|
||||
}
|
||||
}
|
||||
// 核销凭证弹出层
|
||||
.lay-info{
|
||||
width: 78vw;
|
||||
box-sizing: border-box;
|
||||
padding-bottom: 50rpx;
|
||||
.lay-title{ font-size: 40rpx; font-weight: bold; text-align: center; color: #333; line-height: 60rpx; padding: 50rpx; }
|
||||
.lay-content{
|
||||
padding: 0 40rpx;
|
||||
.lay-item{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 30rpx;
|
||||
padding: 10rpx 0;
|
||||
line-height: 40rpx;
|
||||
label{ color: gray; width: 160rpx; }
|
||||
.lay-item-val{
|
||||
width: calc(100% - 160rpx);
|
||||
&.bold{ color: $mian-color; font-weight: bold; }
|
||||
}
|
||||
}
|
||||
}
|
||||
.lay-border{ border-bottom: dashed 2rpx #ddd; margin: 40rpx 0; }
|
||||
.lay-btns{
|
||||
padding: 40rpx 40rpx 0;
|
||||
button.lay-btn{
|
||||
margin: 0;
|
||||
background: $mian-color;
|
||||
color: white;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
padding: 0;
|
||||
border-radius: 45rpx;
|
||||
&::after{ display: none; }
|
||||
&[disabled]{ opacity: .7; }
|
||||
}
|
||||
}
|
||||
}
|
||||
// 核销凭证为空
|
||||
.list-null{ height: 80vh; display: flex; align-items: center; justify-content: center; }
|
||||
</style>
|
||||
@@ -192,59 +192,10 @@
|
||||
增收赋能类
|
||||
</view>
|
||||
<scroll-view class="enable-scroll" scroll-x="true" show-scrollbar="false">
|
||||
<view class="enable-label" @click="developClick">
|
||||
<image class="enable-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/18/376b3185ff58e8a02ca8415b1c8417bf.png" alt="" mode="widthFix"></image>
|
||||
<view class="nowrap enable-title">
|
||||
巅峰销售思维
|
||||
</view>
|
||||
<view class="enable-price">
|
||||
￥2980.00/年
|
||||
</view>
|
||||
</view>
|
||||
<view class="enable-label" @click="developClick">
|
||||
<image class="enable-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/18/b9ed2f3c85e4f8a7953dbffa4605ebee.png" alt="" mode="widthFix"></image>
|
||||
<view class="nowrap enable-title">
|
||||
团队系统思维
|
||||
</view>
|
||||
<view class="enable-price">
|
||||
￥3980.00/年
|
||||
</view>
|
||||
</view>
|
||||
<view class="enable-label" @click="developClick">
|
||||
<image class="enable-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/18/a2af0035db9c5d8a21a1be05585aff57.png" alt="" mode="widthFix"></image>
|
||||
<view class="nowrap enable-title">
|
||||
领袖演说思维
|
||||
</view>
|
||||
<view class="enable-price">
|
||||
￥4980.00/年
|
||||
</view>
|
||||
</view>
|
||||
<view class="enable-label" @click="developClick">
|
||||
<image class="enable-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/18/1ad1129b729b4d2ac990a951c35b9106.png" alt="" mode="widthFix"></image>
|
||||
<view class="nowrap enable-title">
|
||||
卓越领袖能量思维
|
||||
</view>
|
||||
<view class="enable-price">
|
||||
￥5980.00/年
|
||||
</view>
|
||||
</view>
|
||||
<view class="enable-label" @click="developClick">
|
||||
<image class="enable-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/18/f8b9d2160f9c1cdf489acf0d2c7f8e62.png" alt="" mode="widthFix"></image>
|
||||
<view class="nowrap enable-title">
|
||||
激发内在无限潜能
|
||||
</view>
|
||||
<view class="enable-price">
|
||||
￥9980.00/年
|
||||
</view>
|
||||
</view>
|
||||
<view class="enable-label" @click="developClick">
|
||||
<image class="enable-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/18/1ad1129b729b4d2ac990a951c35b9106.png" alt="" mode="widthFix"></image>
|
||||
<view class="nowrap enable-title">
|
||||
其他赋能培训会议
|
||||
</view>
|
||||
<view class="enable-price">
|
||||
价格另议
|
||||
</view>
|
||||
<view class="enable-label" v-for="(item, index) in empowerArr" :key="index" @click="onEmpower(item.id)">
|
||||
<image class="enable-img" :src="item.cover" alt="" mode="widthFix"></image>
|
||||
<view class="nowrap enable-title">{{item.title}}</view>
|
||||
<view class="enable-price">￥{{item.price}}/年</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
@@ -400,6 +351,7 @@
|
||||
<script>
|
||||
import { workIndex, home, articleSort, articleList } from '@/apis/interfaces/index'
|
||||
import { judgeReal, userIndex, authFollow } from '@/apis/interfaces/user'
|
||||
import { lists } from '@/apis/interfaces/empower.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
@@ -425,7 +377,9 @@
|
||||
first : 1,
|
||||
layadState : '',
|
||||
layadImg : '',
|
||||
haveimg : ''
|
||||
haveimg : '',
|
||||
// 增收赋能列表
|
||||
empowerArr : []
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
@@ -448,6 +402,9 @@
|
||||
// 获取文章列表
|
||||
this.articleItem();
|
||||
|
||||
// 增收赋能
|
||||
this.getEmpower()
|
||||
|
||||
if(this.$store.getters.getToken) {
|
||||
userIndex().then(res => {
|
||||
this.parentData = res.parent
|
||||
@@ -461,6 +418,17 @@
|
||||
},
|
||||
|
||||
methods: {
|
||||
// 增收赋能接口
|
||||
getEmpower(){
|
||||
lists().then(res => {
|
||||
this.empowerArr = res;
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
title: err.message,
|
||||
icon : 'none'
|
||||
})
|
||||
})
|
||||
},
|
||||
// 首页数据
|
||||
homeInfo() {
|
||||
home().then(res => {
|
||||
@@ -707,13 +675,17 @@
|
||||
// 去登录
|
||||
this.$Router.push({name: 'Login'})
|
||||
},
|
||||
|
||||
// 开发中
|
||||
developClick() {
|
||||
uni.showToast({
|
||||
title: '开发中，敬请期待...',
|
||||
icon: "none"
|
||||
})
|
||||
// 查看增收赋能详情
|
||||
onEmpower(id){
|
||||
if(this.$store.getters.getToken) {
|
||||
this.$Router.push({
|
||||
name : 'EmpowerInfo',
|
||||
params : { id }
|
||||
})
|
||||
return
|
||||
}
|
||||
// 去登录
|
||||
this.$Router.push({name: 'Login'})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -115,6 +115,10 @@
|
||||
其他工具
|
||||
</view>
|
||||
<view class="tool-item">
|
||||
<view class="tool-lable">
|
||||
<img class="tool-icon" src="@/static/imgs/userTool_01.png">
|
||||
<view class="tool-name">我的订单券</view>
|
||||
</view>
|
||||
<view class="tool-lable" @click="$Router.push({name: 'indexCollect'})">
|
||||
<img class="tool-icon" src="@/static/imgs/userTool_01.png">
|
||||
<view class="tool-name">我的收藏</view>
|
||||
|
||||
@@ -30,20 +30,20 @@ router.beforeEach((to, from, next) => {
|
||||
return
|
||||
}
|
||||
// 检查用户是否授权了微信
|
||||
if(to.name != 'webWechatIndex' && openId === ''){
|
||||
authFollow({
|
||||
// url: 'https://web.douhuotest.douhuofalv.com/webWechat/index'
|
||||
url: 'https://web.douhuofalv.com/webWechat/index'
|
||||
}).then(res => {
|
||||
window.location.href = res
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
title: err.message,
|
||||
icon: "none"
|
||||
})
|
||||
})
|
||||
return
|
||||
}
|
||||
// if(to.name != 'webWechatIndex' && openId === ''){
|
||||
// authFollow({
|
||||
// // url: 'https://web.douhuotest.douhuofalv.com/webWechat/index'
|
||||
// url: 'https://web.douhuofalv.com/webWechat/index'
|
||||
// }).then(res => {
|
||||
// window.location.href = res
|
||||
// }).catch(err => {
|
||||
// uni.showToast({
|
||||
// title: err.message,
|
||||
// icon: "none"
|
||||
// })
|
||||
// })
|
||||
// return
|
||||
// }
|
||||
|
||||
// 检查是否需要登录
|
||||
if(to.auth && token === ''){
|
||||
|
||||
BIN
static/.DS_Store
vendored
BIN
static/.DS_Store
vendored
Binary file not shown.
BIN
static/icon/sign.png
Normal file
BIN
static/icon/sign.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
Reference in New Issue
Block a user