Skip to content

C
CFFP-HB
Commit 3d890d98 by kyle
Options

销售课程

parent 9997376d
Showing with 211 additions and 60 deletions
pages.json
......@@ -136,7 +136,7 @@
"path" : "pages/myLearning/myLearning",
"style" :
{
"navigationBarTitleText": "",
"navigationBarTitleText": "我的学习",
"enablePullDownRefresh": false
}
......@@ -145,7 +145,7 @@
"path" : "pages/myShare/myShare",
"style" :
{
"navigationBarTitleText": "",
"navigationBarTitleText": "我的分享",
"enablePullDownRefresh": false
}
},
......@@ -189,7 +189,13 @@
"navigationBarTitleText": "我的售后",
"enablePullDownRefresh": false
}
},{
"path" : "pages/saleCourseLists/saleCourseLists",
"style" :
{
"navigationBarTitleText": "销售课程",
"enablePullDownRefresh": false
}
}
],
// "tabBar": {
......
pages/index/index.vue
......@@ -67,7 +67,7 @@
data() {
return {
featureLists:[
{ key: '00', name: '销售课程', icon: 'salesCourse', link: '', isOpen: false },
{ key: '00', name: '销售课程', icon: 'salesCourse', link: '/pages/saleCourseLists/saleCourseLists', isOpen: false },
{ key: '01', name: '我的积分', icon: 'integral', link: '../myPoints/myPoints', isOpen: true },
{ key: '02', name: '申请加盟', icon: 'applyJoin', link: '../application-process/basic-info', isOpen: true },
{ key: '03', name: '学习认证', icon: 'learningCertify', link: '../learnCertify/learnCertify', isOpen: true },
......
pages/myShare/myShare.vue
......@@ -229,60 +229,5 @@
}
}
}
.courseInfoContent{
display: flex;
align-items: center;
background-color: #fff;
border-top-left-radius: 20rpx;
border-top-right-radius: 20rpx;
padding: 5rpx 10rpx;
.thumbnailBox{
width: 200rpx;
height: 200rpx;
background-color: #888;
margin-right: 26rpx;
img{
max-width: 100%;
height: auto;
}
}
.courseDetailBox{
width: 100%;
color: #333;
h4{
font-size: 32rpx;
}
.summaryBox{
font-size: 24rpx;
margin: 10rpx 0;
text{
margin-right: 20rpx;
}
}
.dataBox{
strong{
color: #F15A1F;
font-size: 30rpx;
margin-right: 20rpx;
}
text{
font-size: 28rpx;
}
}
.tagListBox{
display: flex;
.tagItem{
color: #20279B;
font-size: 28rpx;
border-radius: 20rpx;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
padding: 10rpx 18rpx;
border: 1px solid #20279B;
margin-right: 20rpx;
}
}
}
}
}
</style>
pages/personalCenter/personalCenter.vue
......@@ -83,7 +83,7 @@
mainMenuLists:[
{id:'00',categoryName:'销售管理',
children:[
{title:'销售课程',icon:'salesCourse',link:'/pages/courselist/courselist',isOpen:true,isShow:true},
{title:'销售课程',icon:'salesCourse',link:'/pages/saleCourseLists/saleCourseLists',isOpen:true,isShow:true},
{title:'销售保单',icon:'salesOrder',link:'',isOpen:true,isShow:false},
{title:'我的售后',icon:'afterSales',link:'/pages/afterSales/afterSales',isOpen:true,isShow:true}
],
......
pages/saleCourseLists/saleCourseLists.vue 0 → 100644
<template>
<view class="container">
<!-- 时间选择 -->
<view class="timeSelectContent">
<picker mode="date" :value="queryDate" :end="maxDate" fields="month" @change="bindDateChange">
<view class="uni-input">{{queryDate}}</view>
</picker>
<i class="iconfont icon-youjiantou"></i>
</view>
<!-- 销售统计 -->
<view class="saleStatisticalContent">
<view class="statisticItem">
<text>{{coursesCountInfos.shareFrequencyMonth}}</text>
<text>累计积分</text>
</view>
<view class="statisticItem" @click="viewIntegral()">
<text class="colorText">{{coursesCountInfos.integralMonth}}</text>
<text>今日获得积分</text>
</view>
<view class="statisticItem">
<text>{{coursesCountInfos.shareSectionMonth}}</text>
<text>本月得分</text>
</view>
<view class="statisticItem">
<text>{{coursesCountInfos.shareFrequencyCount}}</text>
<text>累计订单</text>
</view>
<view class="statisticItem" @click="viewIntegral()">
<text class="colorText">{{coursesCountInfos.integralCount}}</text>
<text>今日成交单数</text>
</view>
<view class="statisticItem">
<text>{{coursesCountInfos.shareSectionCount}}</text>
<text>本月单数</text>
</view>
</view>
<!-- 分享明细 -->
<view class="saleDetailContent">
<view class="courseTab">
<text>我的课程</text>
<text>分享课程</text>
</view>
<view class="totalCountBox">合计（单）：<text>12</text></view>
<h4 class="noListTip" v-if="!userShareCourses">暂无销售记录！</h4>
<template v-if="userShareCourses">
<view class="saleOrderInfoItem" v-for="item in userShareCourses" :key="item.fileId">
<view class="courseInfoContent">
<course-item :thumbnailPath="item.displayImage" :title="item.fileTitle" :summaryBox="item.fileSynopsis" :dataList="{coursePrice:item.coursePrice,salesNumber:item.salesNumber}" :tagList="{v1:item.fileLecturerRanks,v2:item.fileLecturerName}"></course-item>
</view>
<view class="countsContent" @click="goDetail(item.fileId)">
<view>
<text>实际支付：￥199.00</text>
</view>
</view>
</view>
</template>
</view>
</view>
</template>
<script>
import api from "@/api/api";
import courseItem from "@/components/courseItem/courseItem.vue";
export default {
components:{
courseItem
},
data() {
return {
queryDate:`${new Date().getFullYear()}-${new Date().getMonth() + 1}`,
maxDate:`${new Date().getFullYear()}-${new Date().getMonth() + 1}`,
userId:null,
coursesCountInfos:{},
userShareCourse:[]
}
},
methods: {
bindDateChange: function(e) {
this.queryDate = e.detail.value
},
userShareQuery(){
const params = {
userId:this.userId,
queryDate:this.queryDate
}
this.coursesCountInfos ={
shareFrequencyMonth:'XXX',
integralMonth:'XXX',
shareSectionMonth:'XXX',
shareFrequencyCount:'XXX',
integralCount:'XXX',
shareSectionCount:'XXX'
}
this.userShareCourses = [
{fileId:1,fileTitle:'11111',fileLecturerName:'sssss',fileLecturerRanks:'nnnnnn',coursePrice:'12312',salesNumber:123,shareDate:'2022-11-11 17:33',shareCount:123,readCount:111,buyCount:111}
]
console.log(this.userShareCourses)
// api.userShareQuery(params).then(res=>{
// console.log(res)
// if(res['success']){
// this.coursesCountInfos = res['data']['coursesCountInfos'];
// this.userShareCourses = res['data']['userShareCourses'];
// }
// })
},
// 查看详情
goDetail(val){
uni.navigateTo({
url:`/pages/commonDetail/commonDetail?fileId=${val}&type=1`
})
},
// 查看积分
viewIntegral(){
uni.navigateTo({
url:`/pages/myPoints/myPoints`
})
}
},
onLoad() {
this.userShareQuery()
},
mounted() {
}
}
</script>
<style lang="scss">
.container{
height: 100%;
.timeSelectContent{
background-color: #fff;
padding: 10rpx 0;
display: flex;
justify-content: center;
align-items: baseline;
color: #333;
.iconfont{
color: #999;
font-size: 24rpx;
transform: rotate(90deg);
margin-left: 8rpx;
}
}
.saleStatisticalContent{
background-color: #fff;
margin: 10rpx 20rpx;
padding: 20rpx 14rpx;
display: flex;
flex-wrap: wrap;
.statisticItem{
flex: 1;
min-width: 33%;
display: flex;
flex-direction: column;
align-items: center;
border-right: 1px solid #F4F4F4;
margin-bottom: 10rpx;
&:nth-of-type(3n){
border-right: none;
}
text{
color: #333;
font-size: 36rpx;
&:last-child{
color: #666;
font-size: 28rpx;
}
&.colorText{
color: #F15A1F;
}
}
}
}
.saleDetailContent{
margin: 10rpx 20rpx;
padding: 20rpx 14rpx;
h3{
color: #333;
font-size: 36rpx;
position: relative;
margin: 10rpx 0 10rpx 58rpx;
&::before{
content: '';
display: block;
position: absolute;
left: -5px;
top: 4px;
width: 2px;
height: 70%;
border-radius: 4rpx;
background-color: #FA882F;
}
}
.saleOrderInfoItem{
margin: 0 20rpx;
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment