php
/
ZhiHuiJiaoWu_UniApp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge branch 'master' of ssh://gitlab.frkj.cc:222/php/ZhiHuiJiaoWu_UniApp

master
王泽彦 10 months ago
parent
d2084e8f28 419f6bb07f
commit
679a45abff
11 changed files with 2178 additions and 1386 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 75
      api/apiRoute.js
  2. 4
      pages/coach/class/list.vue
  3. 275
      pages/coach/course/info_list.vue
  4. 214
      pages/coach/course/list.vue
  5. 14
      pages/coach/my/index.vue
  6. 76
      pages/market/clue/add_clues.vue
  7. 4
      pages/market/clue/index.vue
  8. 290
      pages/market/data/index.vue
  9. 288
      pages/market/index/index.vue
  10. 52
      pages/market/my/index.vue
  11. 186
      pages/student/login/forgot.vue

75
api/apiRoute.js
View File

@ -88,6 +88,13 @@ export default {
return res;
})
},
//公共端-忘记密码-通过短信验证码进行密码重置(学生/员工通用)
common_forgetPassword(data = {}) {
let url = '/common/forgetPassword'
return http.post(url, data).then(res => {
return res;
})
},
@ -128,9 +135,46 @@ export default {
//获取添加学员列表
addStudentList(data = {}) {
let url = '/course/addStudentList'
return http.get(url, data).then(res => {
return res;
})
},
addStudent(data = {}) {
let url = '/course/addStudent'
return http.post(url, data).then(res => {
return res;
})
},
delStudentCourse(data = {}) {
let url = '/course/delStudentCourse'
return http.get(url, data).then(res => {
return res;
})
},
//获取班级列表
jlClassList(data = {}) {
let url = '/class/jlClassList'
return http.get(url, data).then(res => {
return res;
})
},
//获取课程列表
courseList(data = {}) {
let url = '/course/courseList'
return http.get(url, data).then(res => {
return res;
})
},
//获取课程详情
courseInfo(data = {}) {
let url = '/course/courseInfo'
return http.get(url, data).then(res => {
return res;
})
},
//教研管理文章列表
teachingResearchList(data = {}) {
let url = '/teachingResearch/list'
@ -204,6 +248,13 @@ export default {
return res;
})
},
//销售端-查询客户资源全部列表
xs_getAllCustomerResources(data = {}) {
let url = '/customerResources/getAll'
return http.get(url, data).then(res => {
return res;
})
},
//销售端-客户资源-获取修改日志列表
xs_customerResourcesGetEditLogList(data = {}) {
let url = '/customerResources/getEditLogList'
@ -270,6 +321,24 @@ export default {
})
},
//员工端统计(销售)-获取销售首页数据统计
xs_statisticsMarketHome(data = {}) {
let url = '/statistics/marketHome'
return http.get(url, data).then(res => {
return res;
})
},
//员工端统计(销售)-获取销售数据页统计
xs_statisticsMarketData(data = {}) {
let url = '/statistics/marketData'
return http.get(url, data).then(res => {
return res;
})
},

4
pages/coach/class/list.vue
View File

@ -59,7 +59,7 @@
<script>
import memberApi from '@/api/member.js';
import AQTabber from "@/components/AQ/AQTabber.vue"
import apiRoute from '@/api/apiRoute.js';
export default {
components: {
@ -129,7 +129,7 @@ export default {
this.tableList = []
}
let res = await memberApi.jlClassList(data)
let res = await apiRoute.jlClassList(data)
this.loading = false
this.isReachedBottom = false;
if (res.code != 1){

275
pages/coach/course/info_list.vue
View File

@ -3,22 +3,19 @@
<view class="main_box">
<view class="main_section">
<view class="section_1">
<view class="title">班级：{{courseInfo.classes_name}}</view>
<view class="title">时间：{{courseInfo.date_time}} {{courseInfo.time_slot.replace(',', ' - ')}}</view>
<view class="title">地点：{{courseInfo.address}}</view>
<view class="title">课程：{{courseInfo.courses_name}}</view>
<view class="title">教练：{{courseInfo.staff_name}}</view>
<view class="title">人数：{{courseInfo.students_count}}</view>
<view
v-if="courseInfo.status == 1"
class="tag"
style="background-color: #FAD24E;">上课中
<view class="title">时间：{{courseInfo.course_date}}</view>
<view class="title">地点：{{courseInfo.venue.venue_name}}</view>
<view class="title">课程：{{courseInfo.course.course_name}}</view>
<view class="title">教练：{{courseInfo.coach.name}}</view>
<view class="title">人数：{{courseInfo.venue.capacity}}</view>
<view class="isbtn" @click="addStudent">
添加学员
</view>
<view v-if="courseInfo.status == 'ongoing'" class="tag" style="background-color: #FAD24E;">上课中
</view>
<view
v-if="courseInfo.status == 2"
class="tag"
style="background-color: #e2e2e2;">已结束
<view v-if="courseInfo.status == 'completed'" class="tag" style="background-color: #e2e2e2;">已结束
</view>
<view v-if="courseInfo.status == 'pending'" class="tag" style="background-color: #1cd188;">未开始
</view>
</view>
@ -30,19 +27,19 @@
<!--签到情况-->
<view class="section_3" v-if="tableType == 1">
<view class="tip_title" v-if="courseInfo.sign_list.length == 0">暂无数据</view>
<view class="tip_title" v-if="courseInfo.student_courses.length == 0">暂无数据</view>
<view class="item" v-for="(v,k) in courseInfo.sign_list" :key="k">
<view class="item" v-for="(v,k) in courseInfo.student_courses" :key="k">
<view class="left">
<image class="pic" model="aspectFit" :src="$util.img(v.header)"></image>
<image class="pic" model="aspectFit" :src="$util.img(v.avatar)"></image>
<view class="box">
<view class="title">{{v.name}}</view>
<view class="title">课程截止时间：{{v.create_time}}</view>
<view class="title">课程截止时间：{{v.end_date}}</view>
</view>
</view>
<view class="right">
<view class="tag" v-if="v.status == 2">请假</view>
<view class="right" v-if="courseInfo.status == 'pending'">
<view class="tag" @click="written(v.student_id)" v-if="!isWithinOneHourBefore(courseInfo.time_slot)">请假</view>
</view>
</view>
@ -54,26 +51,26 @@
<!-- 待批改-->
<fui-collapse-item @change="changeCollapse(1)" open="true" isBorder="false" contentBg="#434544">
<view class="title_box">
<text>待批改（{{courseInfo.assignments.dpg_list.length}}）</text>
<text>待批改（{{courseInfo.groupedByStatus1.length}}）</text>
</view>
<template v-slot:content>
<view class="ul">
<view
v-for="(v,k) in courseInfo.assignments.dpg_list"
:key="k"
class="li"
@click="openViewWorkDetails(v)"
>
<view v-for="(v,k) in courseInfo.groupedByStatus1" :key="k" class="li"
@click="openViewWorkDetails(v)">
<view class="left">
<image class="pic" model="aspectFit" :src="$util.img(v.header)"></image>
<image class="pic" model="aspectFit"
:src="$util.img(v.student.customerResources.member.headimg)"></image>
<view class="box">
<view class="title">{{v.name}}</view>
<view class="title">课程截止时间：{{v.tj_time}}</view>
<view class="title">{{v.student.name}}</view>
<view class="title">
<view>提交时间</view>
<view>{{v.created_at}}</view>
</view>
</view>
<view class="right">
<view class="btn">查看并批改</view>
</view>
<!-- <view class="right">
<view class="btn">查看并批改</view>
</view> -->
</view>
</view>
</template>
@ -84,26 +81,26 @@
<view class="item_box">
<fui-collapse-item @change="changeCollapse(2)" isBorder="false" contentBg="#434544">
<view class="title_box">
<text>未提交（{{courseInfo.assignments.wtj_list.length}}）</text>
<text>未提交（{{courseInfo.groupedByStatus2.length}}）</text>
</view>
<template v-slot:content>
<view class="ul">
<view
class="li"
v-for="(v,k) in courseInfo.assignments.wtj_list"
:key="k"
@click="openViewWorkDetails(v)"
>
<view class="li" v-for="(v,k) in courseInfo.groupedByStatus2" :key="k"
@click="openViewWorkDetails(v)">
<view class="left">
<image class="pic" model="aspectFit" :src="$util.img(v.header)"></image>
<image class="pic" model="aspectFit"
:src="$util.img(v.student.customerResources.member.headimg)"></image>
<view class="box">
<view class="title">{{v.name}}</view>
<!-- <view class="title">课程截止时间：2025-05-25</view>-->
<view class="title">{{v.student.name}}</view>
<view class="title">
<view>提交时间</view>
<!-- <view>{{v.created_at}}</view> -->
</view>
</view>
<view class="right">
<!-- <view class="btn">查看并批改</view>-->
</view>
<!-- <view class="right">
<view class="btn">查看并批改</view>
</view> -->
</view>
</view>
</template>
@ -114,25 +111,26 @@
<view class="item_box">
<fui-collapse-item @change="changeCollapse(3)" isBorder="false" contentBg="#434544">
<view class="title_box">
<text>已提交（{{courseInfo.assignments.ypg_list.length}}）</text>
<text>已提交（{{courseInfo.groupedByStatus3.length}}）</text>
</view>
<template v-slot:content>
<view class="ul">
<view
class="li"
v-for="(v,k) in courseInfo.assignments.ypg_list"
:key="k"
<view class="li" v-for="(v,k) in courseInfo.groupedByStatus3" :key="k"
@click="openViewWorkDetails(v)">
<view class="left">
<image class="pic" model="aspectFit" :src="$util.img(v.header)"></image>
<image class="pic" model="aspectFit"
:src="$util.img(v.student.customerResources.member.headimg)"></image>
<view class="box">
<view class="title">{{v.name}}</view>
<!-- <view class="title">课程截止时间：2025-05-25</view>-->
<view class="title">{{v.student.name}}</view>
<view class="title">
<view>提交时间</view>
<view>{{v.created_at}}</view>
</view>
</view>
<view class="right">
<!-- <view class="btn">查看并批改</view>-->
</view>
<!-- <view class="right">
<view class="btn">查看并批改</view>
</view> -->
</view>
</view>
</template>
@ -140,13 +138,19 @@
</view>
</view>
</view>
<fui-picker :options="StudentList" :linkage="true" :show="show" :layer="1" @change="change"
@cancel="cancel"></fui-picker>
<fui-actionsheet :show="written_show" :tips="written_tips" :isCancel="isCancel"
:itemList="itemList" @cancel="written_cancel" @click="written_click"></fui-actionsheet>
</view>
</template>
<script>
import memberApi from '@/api/member.js';
import AQTabber from "@/components/AQ/AQTabber.vue"
import apiRoute from '@/api/apiRoute.js';
export default {
components: {
@ -165,6 +169,13 @@ export default {
}, //课时详情
tableType: 1, //1=签到情况，2=作业情况
show: false,
StudentList: [],
written_show: false,
written_tips: '确认请假',
isCancel: false,
itemList: ['确认', '取消'],
qingjia_student_id: 0
}
},
onLoad(options) {
@ -181,7 +192,9 @@ export default {
//教练端-课程详情
async getCourseInfo() {
let res = await memberApi.courseInfo({id:this.course_id})
let res = await apiRoute.courseInfo({
id: this.course_id
})
if (res.code != 1) {
uni.showToast({
title: res.msg,
@ -198,9 +211,6 @@ export default {
this.tableType = type
},
//打开课时详情页
openViewCourseInfo(item) {
uni.navigateTo({
@ -218,12 +228,106 @@ export default {
url: `/pages/coach/student/work_details?id=${id}`
})
},
//获取添加学员列表
async addStudent() {
let res = await apiRoute.addStudentList({
id: this.course_id
})
if (res.code != 1) {
uni.showToast({
title: res.msg,
icon: 'none'
})
return
}
this.StudentList = res.data
if (this.StudentList.length == 0) {
uni.showToast({
title: '暂无可填加的学员',
icon: 'none'
})
return
} else {
this.show = true
}
},
async change(e) {
this.show = false
let res = await apiRoute.addStudent({
student_id: e.value,
schedule_id: this.course_id,
time_slot: this.courseInfo.time_slot,
course_date: this.courseInfo.course_date
})
if (res.code != 1) {
uni.showToast({
title: res.msg,
icon: 'none'
})
return
}
this.init()
},
cancel() {
this.show = false
},
//请假
written(student_id) {
this.qingjia_student_id = student_id
this.written_show = true
},
written_cancel() {
this.written_show = false
},
async written_click(e) {
if(e.text == '取消'){
this.written_show = false
} else {
let res = await apiRoute.delStudentCourse({
student_id: this.qingjia_student_id,
course_id: this.course_id,
})
if (res.data) {
uni.showToast({
title: '请假成功',
icon: 'none'
})
this.init()
} else {
uni.showToast({
title: '学员不存在',
icon: 'none'
})
}
this.written_show = false
}
},
isWithinOneHourBefore(time_slot) {
// 取出开始时间
const [startStr] = time_slot.split('-');
const [hours, minutes] = startStr.split(':').map(Number);
// 设置开始时间
const startTime = new Date();
startTime.setHours(hours, minutes, 0, 0);
// 设置一小时前的时间点
const oneHourBeforeStart = new Date(startTime.getTime() - 60 * 60 * 1000);
// 当前时间
const now = new Date();
// 判断当前时间是否在 [一小时前, 开始时间) 之间
return now >= oneHourBeforeStart && now < startTime;
}
}
}
</script>
<style lang="less" scoped>
.main_box {
background: #292929;
}
@ -234,6 +338,7 @@ export default {
justify-content: center;
align-items: center;
background: #292929;
.title {
padding: 40rpx 0rpx;
@ -266,6 +371,7 @@ export default {
font-size: 24rpx;
background-color: #434544;
border-radius: 22rpx;
.tag {
position: absolute;
top: 0;
@ -289,6 +395,7 @@ export default {
display: flex;
justify-content: center;
align-items: center;
.table {
width: 50%;
height: 64rpx;
@ -297,10 +404,12 @@ export default {
line-height: 62rpx;
text-align: center;
}
.table:nth-child(1) {
border-top-left-radius: 8rpx;
border-bottom-left-radius: 8rpx;
}
.table:nth-child(2) {
border-top-right-radius: 8rpx;
border-bottom-right-radius: 8rpx;
@ -320,12 +429,14 @@ export default {
background-color: #434544;
display: flex;
flex-direction: column;
//提示
.tip_title {
text-align: center;
font-size: 30rpx;
color: #FFFFFF;
}
.item {
border-top: 1px solid #D7D7D7;
padding: 20rpx 33rpx 20rpx 14rpx;
@ -333,27 +444,32 @@ export default {
display: flex;
justify-content: space-between;
align-items: center;
.left {
width: 80%;
display: flex;
align-items: center;
gap: 26rpx;
.pic {
width: 92rpx;
height: 92rpx;
border-radius: 50%;
background-color: #797979FF;
}
.box {
display: flex;
flex-direction: column;
gap: 10rpx;
.title {
color: #fff;
font-size: 24rpx;
}
}
}
.right {
.tag {
width: 93rpx;
@ -370,6 +486,7 @@ export default {
}
}
}
.item:nth-child(1) {
border-top: 0px;
}
@ -382,6 +499,7 @@ export default {
background-color: #434544;
display: flex;
flex-direction: column;
.item_box {
margin-bottom: 30rpx;
padding-left: 24rpx;
@ -391,17 +509,22 @@ export default {
font-size: 28rpx;
color: #fff;
background-color: #434544;
::v-deep .fui-collapse-item__title {
background-color: #434544 !important;
}
::v-deep .fui-collapse__border-color {
border-top: none !important; /* 取消上边框 */
border-top: none !important;
/* 取消上边框 */
background: #434544 !important;
}
.title_box{
}
.title_box {}
.ul {
background-color: #434544;
.li {
background-color: #434544;
border-top: 1px solid #D7D7D7;
@ -410,27 +533,32 @@ export default {
display: flex;
justify-content: space-between;
align-items: center;
.left {
width: 80%;
display: flex;
align-items: center;
gap: 26rpx;
.pic {
width: 92rpx;
height: 92rpx;
border-radius: 50%;
background-color: #797979FF;
}
.box {
display: flex;
flex-direction: column;
gap: 10rpx;
.title {
color: #fff;
font-size: 24rpx;
}
}
}
.right {
.btn {
background-color: #a4adb3;
@ -447,13 +575,28 @@ export default {
}
}
}
.li:nth-child(1) {
border-top: none !important; /* 取消上边框 */
border-top: none !important;
/* 取消上边框 */
}
}
}
}
}
.isbtn {
border: 1px solid #FAD04D;
border-radius: 10rpx;
background: #434544;
color: #FAD04D;
width: 110rpx;
height: 60rpx;
line-height: 55rpx;
text-align: center;
font-size: 24rpx;
position: absolute;
bottom: 20rpx;
right: 15rpx;
}
</style>

214
pages/coach/course/list.vue
View File

@ -9,12 +9,9 @@
<view class="main_section">
<view class="section_1">
<view class="ul">
<view class="li" v-for="(v,k) in dateList" :key="k" @click="selectDate(v.date)">
<text>{{v.week}}</text>
<text :class="[filteredData.schedule_date == v.date ? 'today':'']">{{today == v.date ? '今':v.today}}</text>
<text :class="[v.status == 2 ?'select_plan':'']"></text>
<view class="li" v-for="(v,k) in dates" :key="k" @click="selectDate(v.date)">
<text>{{v.weekday}}</text>
<text :class="[filteredData.schedule_date == v.date ? 'today':'']">{{today == v.date ? '今':v.dayOfMonth}}</text>
</view>
</view>
<view class="btn" @click="show_calendar=true">
@ -48,44 +45,35 @@
<scroll-view
class="section_3"
scroll-y="true"
:lower-threshold="lowerThreshold"
@scrolltolower="loadMoreData"
style="height: 100vh;"
>
<scroll-view class="section_3" scroll-y="true" :lower-threshold="lowerThreshold"
@scrolltolower="loadMoreData" style="height: 100vh;">
<view class="ul">
<view
class="li"
v-for="(v,k) in tableList"
:key="k"
@click="openViewCourseInfoList(v)"
>
<view class="li" v-for="(v,k) in tableList" :key="k" @click="openViewCourseInfoList(v)">
<view class="top_box">
<view class="center_box">
<view>班级：{{v.classes_name}}</view>
<view>时间：{{v.date}}</view>
<view>课室：{{v.address}}
</view>
<view>课程：{{v.courses_name}}
</view>
<view>时间：{{v.course_date}}</view>
<view>课室：{{v.venue.venue_name}}</view>
<view>课程：{{v.course.course_name}}</view>
<view>人数：{{v.venue.capacity}}</view>
</view>
<view class="right_box">
<!-- v.status|1=未开始,2=进行中,3=已结束-->
<view class="tag" :style="{background: v.status == 1 ? '#1cd188' : v.status == 2 ? '#fad24e' : '#ff4d4f'}">
{{ v.status === 1 ? '未开始' : v.status === 2 ? '上课中' : '已结束' }}</view>
<view class="tag"
:style="{background: v.status == 'pending' ? '#1cd188' : v.status == 'ongoing' ? '#fad24e' : '#ff4d4f'}">
{{ v.status === 'pending' ? '未开始' : v.status === 'ongoing' ? '上课中' : '已结束' }}
</view>
<!-- <view class="tag" style="background:#1cd188;">待上课</view>-->
</view>
</view>
<!-- <view class="bottom_box" v-if="v.status !== 'pending'"> -->
<view class="bottom_box">
<view class="hint">
已签到学生 ({{v.sign_list.length }}/{{v.max_students.split(',').length }})
已签到学生 ({{v.student.length }}/{{v.venue.capacity}})
</view>
<view class="list_box">
<view class="list">
<view class="itme" v-for="(item,index) in v.sign_list || 0" :key="index">
<image :src="$util.img(item.header)"></image>
<view class="itme" v-for="(item,index) in v.student || 0" :key="index">
<image :src="$util.img(item.avatar)"></image>
</view>
</view>
<view class="btn">
@ -93,6 +81,9 @@
</view>
</view>
</view>
<!-- <view class="isbtn" v-if="v.status === 'pending'">
详情
</view> -->
</view>
</view>
</scroll-view>
@ -101,14 +92,8 @@
<!-- 日历选择-->
<fui-bottom-popup :show="show_calendar" @close="show_calendar=false">
<view class="fui-custom__wrap">
<uni-calendar
:insert="true"
:lunar="false"
:selected="calendarSelected"
:startDate="startDate"
:endDate="endDate"
@change="changeCalendar"
/>
<uni-calendar :insert="true" :lunar="false" :selected="calendarSelected" :startDate="startDate"
:endDate="endDate" @change="changeCalendar" />
</view>
</fui-bottom-popup>
@ -123,7 +108,7 @@
import memberApi from '@/api/member.js';
import commonApi from '@/api/common.js';
import AQTabber from "@/components/AQ/AQTabber.vue"
import apiRoute from '@/api/apiRoute.js';
export default {
components: {
@ -152,8 +137,7 @@ export default {
show_course: false, //是否显示下拉菜单
//课程下拉菜单
course_name: '课程', //选中的下拉菜单名称
options_course: [
{
options_course: [{
text: '请选择课程',
value: '',
checked: true
@ -163,15 +147,13 @@ export default {
}, {
text: '篮球课程2',
value: '2'
}
],
}],
//课室下拉菜单相关
show_classroom: false, //是否显示下拉菜单
//课程下拉菜单
classroom_name: '课室', //选中的下拉菜单名称
options_classroom: [
{
options_classroom: [{
text: '请选择课室',
value: '',
checked: true
@ -181,8 +163,7 @@ export default {
}, {
text: '篮球室101',
value: '2'
}
],
}],
//今日日期
today: '',
@ -193,17 +174,18 @@ export default {
startDate: '', //开始日期
endDate: '', //结束日期
calendarSelected: [], //日历打点
dates: {}
}
},
onLoad() {
},
onLoad() {},
onShow() {
//this.init()//初始化
this.init() //初始化
},
//下拉刷新
async onPullDownRefresh() {
//重置为第一页
this.getThisDate()
let schedule_date = this.filteredData.schedule_date
await this.loadData()
this.filteredData.schedule_date = schedule_date
@ -212,11 +194,12 @@ export default {
methods: {
//初始化
async init() {
await this.getThisDate()
await this.getHeadDate()
await this.getList()
this.getDateRange()
this.setCalendarSelected()
// this.getDateRange()
// this.setCalendarSelected()
},
//选中课程下拉菜单点击事件
@ -255,32 +238,50 @@ export default {
})
},
//获取课程头日期
async getHeadDate() {
let res = await commonApi.getDate()
if (res.code != 1) {
//提示
uni.showToast({
title: res.msg,
icon: 'none',
})
return
}
this.dateList = []
res.data.forEach((v, k) => {
let today = v.date.split("-")[2]; // "09"
this.dateList.push({
date: v.date,
status: v.status,//1是正常 2请假
week: v.week,
today: today,
})
})
getDatesAroundToday(offsetDays = 0) {
const date = new Date();
date.setDate(date.getDate() + offsetDays);
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0');
const day = String(date.getDate()).padStart(2, '0');
const weekDay = ['日', '一', '二', '三', '四', '五', '六'][date.getDay()];
return {
date: `${year}-${month}-${day}`,
weekday: `星期${weekDay}`,
dayOfMonth: day // 👈 新增字段：几号
};
},
console.log('xxx', res)
//获取课程头日期
async getHeadDate() {
// let res = await commonApi.getDate()
// if (res.code != 1) {
// //提示
// uni.showToast({
// title: res.msg,
// icon: 'none',
// })
// return
// }
// this.dateList = []
// res.data.forEach((v, k) => {
// let today = v.date.split("-")[2]; // "09"
// this.dateList.push({
// date: v.date,
// status: v.status, //1是正常 2请假
// week: v.week,
// today: today,
// })
// })
this.dates = {};
for (let i = -3; i <= 3; i++) {
const key = i === 0 ? '今天' : `${Math.abs(i)}天${i < 0 ? '前' : '后'}`;
this.dates[key] = this.getDatesAroundToday(i);
}
},
//获取当前日期
@ -300,9 +301,9 @@ export default {
//选择日期
async selectDate(date) {
//this.loadData()
this.loadData()
this.filteredData.schedule_date = date
//this.getList()
this.getList()
},
//加载更过(下一页)
@ -316,19 +317,21 @@ export default {
//重置为第一页
async loadData() {
this.isReachedBottom = false; // 重置状态，以便下次触发加载更多
this.filteredData.page = 1 //当前页码
this.filteredData.limit = 10 //每页返回数据条数
this.filteredData.total = 10 //数据总条数
this.filteredData.schedule_date = ''
},
//获取列表
async getList() {
this.loading = true
let data = {...this.filteredData}
let data = {
...this.filteredData
}
//判断是否还有数据
if ((this.filteredData.page - 1) * this.filteredData.limit >= this.filteredData.total) {
if (this.filteredData.page * this.filteredData.limit > this.filteredData.total || this.filteredData.limit > this.filteredData.total) {
this.loading = false
uni.showToast({
title: '暂无更多',
@ -337,7 +340,7 @@ export default {
return
}
let res = await memberApi.courseList(data)
let res = await apiRoute.courseList(data)
this.loading = false
this.isReachedBottom = false;
if (res.code != 1) {
@ -348,11 +351,11 @@ export default {
return
}
this.tableList = res.data.list.data
this.tableList = res.data.data
//场地信息
this.venuesInfo = res.data.venues_info
this.filteredData.total = res.data.list.total
this.filteredData.total = res.data.total
this.filteredData.page++
},
@ -388,7 +391,9 @@ export default {
//获取当前月份
let month = new Date().getMonth() + 1;
let res = await commonApi.getMonthDate({month:month})
let res = await commonApi.getMonthDate({
month: month
})
if (res.code != 1) {
//提示
uni.showToast({
@ -421,9 +426,9 @@ export default {
changeCalendar(e) {
console.log('日历', e)
this.show_calendar = false
//this.loadData()
this.loadData()
this.filteredData.schedule_date = e.fulldate
//this.getList()
this.getList()
},
}
@ -431,7 +436,6 @@ export default {
</script>
<style lang="less" scoped>
.main_box {
background: #292929;
}
@ -442,6 +446,7 @@ export default {
justify-content: center;
align-items: center;
background: #292929;
.title {
padding: 40rpx 0rpx;
@ -468,41 +473,49 @@ export default {
width: 100%;
padding: 30rpx 28rpx;
padding-bottom: 15rpx;
.ul {
display: flex;
justify-content: space-between;
align-items: center;
.li {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10rpx;
text {
font-size: 24rpx;
color: #FFFFFF;
text-align: center;
}
text:nth-child(2) {
width: 44rpx;
height: 44rpx;
}
text:nth-child(3) {
width: 8rpx;
height: 8rpx;
}
.today {
border-radius: 50%;
background: #29D3B4;
text-align: center;
line-height: 42rpx;
}
.select_plan {
background: #F59A23;
border-radius: 50%;
}
}
}
.btn {
margin-top: 20rpx;
display: flex;
@ -519,8 +532,10 @@ export default {
display: flex;
align-items: center;
gap: 20rpx;
.item_box {
width: 45%;
.fui-filter__item {
display: flex;
}
@ -531,11 +546,13 @@ export default {
margin-top: 36rpx;
color: #fff;
font-size: 24rpx;
.ul {
padding: 0 26rpx;
display: flex;
flex-direction: column;
gap: 30rpx;
.li {
position: relative;
border-radius: 22rpx;
@ -544,14 +561,18 @@ export default {
padding-bottom: 30rpx;
display: flex;
flex-direction: column;
.top_box {
padding: 20rpx 30rpx;
.center_box {
display: flex;
flex-direction: column;
gap: 10rpx;
view {}
}
.right_box {
.tag {
position: absolute;
@ -566,21 +587,26 @@ export default {
}
}
}
.bottom_box {
border-top: 1px dashed #F2F2F2;
padding: 26rpx 16rpx 0 26rpx;
.hint {
color: #D7D7D7;
}
.list_box {
margin-top: 22rpx;
display: flex;
justify-content: space-between;
align-items: center;
.list {
display: flex;
align-items: center;
gap: 14rpx;
.itme {
image {
width: 48rpx;
@ -589,6 +615,7 @@ export default {
}
}
}
.btn {
border: 1px solid #FAD04D;
border-radius: 10rpx;
@ -609,5 +636,18 @@ export default {
}
.isbtn {
border: 1px solid #FAD04D;
border-radius: 10rpx;
background: #434544;
color: #FAD04D;
width: 110rpx;
height: 60rpx;
line-height: 55rpx;
text-align: center;
font-size: 24rpx;
position: absolute;
bottom: 20rpx;
right: 15rpx;
}
</style>

14
pages/coach/my/index.vue
View File

@ -11,7 +11,7 @@
<view class="user_section">
<view class="box">
<view class="left" @click="openViewMyInfo()">
<image class="pic" :src="$util.img(memberInfo.headimg)"></image>
<image class="pic" :src="$util.img(memberInfo.head_img)"></image>
<view class="name">{{memberInfo.name}}</view>
</view>
<view class="right">
@ -96,10 +96,10 @@
</view>
<view class="section_box">
<view class="item" @click="openViewFeedback()">
<!-- <view class="item" @click="openViewFeedback()">
<view>意见反馈</view>
<view></view>
</view>
</view> -->
<view class="item" @click="openViewSetUp()">
<view>设置</view>
@ -114,9 +114,9 @@
</template>
<script>
import memberApi from '@/api/member.js';
// import memberApi from '@/api/member.js';
import AQTabber from "@/components/AQ/AQTabber.vue"
import apiRoute from '@/api/apiRoute.js';
export default {
components: {
@ -130,7 +130,7 @@ export default {
onLoad() {
},
onShow() {
// this.init();
this.init();
},
methods: {
async init(){
@ -139,7 +139,7 @@ export default {
//教练详情(个人信息详情)
async getMemberInfo(){
let res = await memberApi.member({})
let res = await apiRoute.getPersonnelInfo({})
if (res.code != 1) {
uni.showToast({
title: res.msg,

76
pages/market/clue/add_clues.vue
View File

@ -14,12 +14,12 @@
<!-- 添加客户-->
<view style="margin-top: 20rpx;" v-if="optionTableId == 0">
<!-- <view class="search_box">-->
<!-- <view class="input_box">-->
<!-- <input type="text" v-model="student_name" placeholder="请输入客户名称">-->
<!-- </view>-->
<!-- <view class="btn" @click="clientList()">查重</view>-->
<!-- </view>-->
<view class="search_box">
<view class="input_box">
<input type="text" v-model="student_name" placeholder="请输入客户名称">
</view>
<view class="btn" @click="clientList()">查重</view>
</view>
<view class="form-style">
<fui-form ref="form" top="0" :model="formData" :show="false">
@ -454,28 +454,34 @@
<image
class="img"
src="@/static/images/index/myk.png"></image>
<view class="name">{{v.student_name}}</view>
<view class="tag">{{ v.is_status == 1 ? '试听' : '成交' }}</view>
<view class="name">{{v.name}}</view>
<!-- <view class="tag">{{ v.is_status == 1 ? '试听' : '成交' }}</view>-->
</view>
<view class="box_2">
<view class="left">
<view class="name">首选联系人：{{v.contact_name}}</view>
<view class="name">首选联系人：{{v.decision_maker}}</view>
<!-- <view class="call">妈妈</view>-->
</view>
</view>
<view class="box_2">
<view class="left">
<view class="name">联系电话：{{v.phone_number || ''}}</view>
</view>
</view>
<view class="box_3">
<view class="left">
{{ $util.formatToDateTime((v.follow && v.follow.follow_up_time || ''), 'm-d H:i') }} 跟进
{{ $util.formatToDateTime((v.updated_at || ''), 'm-d H:i') }} 跟进
</view>
<view class="right">
<image
v-if="['A+','A','A-'].includes(v.follow && v.follow.initial_customer_intent || '')"
v-if="v.initial_intent == 'high'"
src="@/static/images/index/intention3.png"
class="img"
></image>
<image
v-else-if="['B+','B','B-'].includes(v.follow && v.follow.initial_customer_intent || '')"
v-else-if="v.initial_intent == 'medium'"
src="@/static/images/index/intention2.png"
class="img"
></image>
@ -485,13 +491,13 @@
class="img"
></image>
<view>意向：{{ v.follow && v.follow.initial_customer_intent || '' }}</view>
<view>意向：{{ v.initial_intent_name || '' }}</view>
</view>
</view>
</view>
<view class="right_box">
<image class="img" src="@/static/images/index/message.png" @click="openViewMyMessage(v)"></image>
<image class="img" src="@/static/images/index/phone.png" @click="dialTel(v)"></image>
<image v-if="v.member_id" class="img" src="@/static/images/index/message.png" @click="openViewMyMessage(v)"></image>
<image v-if="v.phone_number" class="img" src="@/static/images/index/phone.png" @click="dialTel(v)"></image>
</view>
</view>
</view>
@ -907,9 +913,9 @@ export default {
this.clientUserList = []
let param = {
student_name:this.student_name
name:this.student_name
}
let res = await marketApi.clientList(param)
let res = await apiRoute.xs_getAllCustomerResources(param)
if(res.code != 1){
uni.showToast({
title: res.msg,
@ -933,23 +939,37 @@ export default {
//跳转页面-客户详情
openViewClueInfo(item) {
let id = item.id
let resource_sharing_id = '';
if (item.resourceSharingHasMany && item.resourceSharingHasMany.length > 0) {
resource_sharing_id = item.resourceSharingHasMany[0].id; // 共享资源表id
}
if (!resource_sharing_id) {
uni.showToast({
title: '暂时无法查看',
icon: 'none'
});
return;
}
uni.navigateTo({
url: `/pages/market/clue/clue_info?id=${id}`
url: `/pages/market/clue/clue_info?resource_sharing_id=${resource_sharing_id}`
})
},
//跳转页面-我的消息
openViewMyMessage(item) {
let hair_staff_id = item.hair_staff_id
let from_id = this.userInfo.id//发送者的id
let to_id = item.customerResource.id//接收者ID
uni.navigateTo({
url: `/pages/common/im_chat_info?hair_staff_id=${hair_staff_id}`
url: `/pages/common/im_chat_info?from_id=${from_id}&to_id=${to_id}`
})
},
//拨打电话
async dialTel(item) {
let tel = item.student_phone
let tel = item.phone_number
if (!tel) {
uni.showToast({
@ -959,10 +979,18 @@ export default {
return;
}
let param = {
sales_id: item.id//线索id
staff_id: this.userInfo.id,//员工id
resource_id: item.id,//资源ID
resource_type: '',//资源类型（如设备、文件、系统等）
communication_type: 'phone',//沟通类型: phone-电话, email-邮件, meeting-会议, other-其他
communication_result: 'success',//沟通结果: success-成功, failure-失败, pending-待定
remarks: null,//备注
tag: null,//标签
}
let res = await marketApi.setCallUp(param)//添加通过记录
let res = await apiRoute.xs_communicationRecordsAdd(param)//添加通过记录
if (res.code != 1) {
uni.showToast({
title: res.msg,

4
pages/market/clue/index.vue
View File

@ -267,8 +267,8 @@ export default {
this.filteredData_1.shared_by = this.userInfo.id//共享人ID始终是当前登录的员工
//判断用户是不是经理,是就展示"资源分配"
if(this.userInfo.role_key_arr.includes('manager')){
//判断用户是不是销售经理,是就展示"资源分配"
if(this.userInfo.role_key_arr.includes('market_manager')){
this.values = [
{
id: 1,

290
pages/market/data/index.vue
View File

@ -6,8 +6,10 @@
<view class="title">数据</view>
</view>
<!-- 市场人员展示-->
<view v-if="infoData.role_type == 'market_type'">
<view class="count_section">
<view class="title_box">业绩目标</view>
<view class="title_box">业绩统计</view>
<view class="box_1">
<view class="left">
<view class="charts-box">
@ -19,24 +21,24 @@
</view>
</view>
<view class="right">
<view class="title">目标金额</view>
<view class="title">本周已分配</view>
<view class="content">
<text class="strong">￥{{infoData.goal}}</text>
<text class="strong">{{infoData.num_1}}人</text>
</view>
<view class="title">完成金额</view>
<view class="title">本周未分配</view>
<view class="content">
<text class="strong">￥{{infoData.wx_performance}}</text>
<text>较上月</text>
<text class="strong">{{infoData.num_2}}人</text>
<!-- <text>较上月</text>-->
</view>
<view class="legeng">
<view class="item">
<view class="piece" style="background-color: #45c59f;"></view>
<view class="lable">新签</view>
<view class="lable">已分配</view>
<view class="item">
<view class="piece" style="background-color:#02a7f0;"></view>
<view class="lable">续费</view>
<view class="lable">未分配</view>
</view>
</view>
</view>
@ -58,11 +60,108 @@
</view>
</view>
<view class="main_section">
<view class="tag_section">
<view :class="['left',tagType=='1'?'select':'']" @click="changeTag('1')">统计分析</view>
<view :class="['right',tagType=='2'?'select':'']" @click="changeTag('2')">统计排名</view>
</view>
<!-- 销售分析-->
<view class="section_box_1" v-if="tagType=='1'">
<view class="left">
<qiun-data-charts
type="funnel"
:opts="opts_2"
:chartData="chartData_2"
/>
</view>
<view class="right">
<view class="item">
<view class="title" style="color: #12E7E8;">
已分配<text>({{infoData.num_1_rate}}%)</text>
</view>
<view class="title" style="color: #12E7E8;">
{{infoData.num_1}}<text>人</text>
</view>
</view>
<view class="item">
<view class="title" style="color: #4DA3FF;">
未分配<text>({{infoData.num_2_rate}}%)</text>
</view>
<view class="title" style="color: #4DA3FF;">
{{infoData.num_2}}<text>人</text>
</view>
</view>
<view class="item">
<view class="title" style="color: #FFCB31;">
本周拉新<text>({{infoData.num_3_rate}}%)</text>
</view>
<view class="title" style="color: #FFCB31;">
{{infoData.total_1}}<text>人</text>
</view>
</view>
</view>
</view>
<!-- 销售排名-->
<view class="section_box_2" v-else>
<view class="itme" v-for="(v,k) in infoData.staff_list" :key="k">
<view class="title">{{k+1}} {{v.name}}</view>
<view class="money">{{v.goal}}人</view>
<view class="plan">
<fui-progress :percent="getPercent(v.wx_yj,v.goal)" height="15" radius="100" background="#e4e4e4" activeColor="#4bced0"></fui-progress>
</view>
</view>
</view>
</view>
</view>
<!-- 销售人员展示-->
<view v-else>
<view class="count_section">
<view class="title_box">业绩统计</view>
<view class="box_1">
<view class="left">
<view class="charts-box">
<qiun-data-charts
type="ring"
:opts="opts"
:chartData="chartData"
/>
</view>
</view>
<view class="right">
<view class="title">已成交</view>
<view class="content">
<text class="strong">{{infoData.num_1}}人</text>
</view>
<view class="title">未成交</view>
<view class="content">
<text class="strong">{{infoData.num_2}}人</text>
<!-- <text>较上月</text>-->
</view>
<view class="legeng">
<view class="item">
<view class="piece" style="background-color: #45c59f;"></view>
<view class="lable">已成交</view>
<view class="item">
<view class="piece" style="background-color:#02a7f0;"></view>
<view class="lable">未成交</view>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="main_section">
<view class="tag_section">
<view :class="['left',tagType=='1'?'select':'']" @click="changeTag('1')">销售分析</view>
<view :class="['right',tagType=='2'?'select':'']" @click="changeTag('2')">销售排名</view>
<view :class="['left',tagType=='1'?'select':'']" @click="changeTag('1')">统计分析</view>
<view :class="['right',tagType=='2'?'select':'']" @click="changeTag('2')">统计排名</view>
</view>
<!-- 销售分析-->
@ -77,28 +176,28 @@
<view class="right">
<view class="item">
<view class="title" style="color: #12E7E8;">
成交率<text>({{infoData.cj_lv}}%)</text>
已成交<text>({{infoData.num_1_rate}}%)</text>
</view>
<view class="title" style="color: #12E7E8;">
{{infoData.cj_count}}<text>人</text>
{{infoData.num_1}}<text>人</text>
</view>
</view>
<view class="item">
<view class="title" style="color: #4DA3FF;">
试听率<text>({{infoData.st_lv}}%)</text>
未成交<text>({{infoData.num_2_rate}}%)</text>
</view>
<view class="title" style="color: #4DA3FF;">
{{infoData.st_count}}<text>人</text>
{{infoData.num_2}}<text>人</text>
</view>
</view>
<view class="item">
<view class="title" style="color: #FFCB31;">
跟进率<text>({{infoData.gj_count}}%)</text>
本周分配<text>({{infoData.num_3_rate}}%)</text>
</view>
<view class="title" style="color: #FFCB31;">
{{infoData.gj_count}}<text>人</text>
{{infoData.total_1}}<text>人</text>
</view>
</view>
</view>
@ -108,13 +207,15 @@
<view class="section_box_2" v-else>
<view class="itme" v-for="(v,k) in infoData.staff_list" :key="k">
<view class="title">{{k+1}} {{v.name}}</view>
<view class="money">￥{{v.goal}}</view>
<view class="money">{{v.goal}}人</view>
<view class="plan">
<fui-progress :percent="getPercent(v.wx_yj,v.goal)" height="15" radius="100" background="#e4e4e4" activeColor="#4bced0"></fui-progress>
</view>
</view>
</view>
</view>
</view>
<!-- 底部导航-->
<AQTabber/>
@ -124,7 +225,8 @@
<script>
import marketApi from '@/api/market.js';
import apiRoute from '@/api/apiRoute.js';
// import marketApi from '@/api/market.js';
import AQTabber from "@/components/AQ/AQTabber.vue"
@ -158,7 +260,7 @@ export default {
// lineHeight: 25 // 图例行高
},
title: {
name: "完成度", // 主标题文本
name: "本周分析", // 主标题文本
fontSize: 16, // 主标题字体大小
color: "#666666" // 主标题颜色
},
@ -222,7 +324,9 @@ export default {
type: "pyramid"
}
}
}
},
userInfo: {},//当前登录的用户信息
}
},
onLoad() {},
@ -231,12 +335,32 @@ export default {
},
methods: {
async init(){
this.getPerformance()
await this.getUserInfo()
await this.getPerformance()
},
//获取用户信息
async getUserInfo(){
let res = await apiRoute.getPersonnelInfo({})
if (res.code != 1) {
uni.showToast({
title: res.msg,
icon: 'none'
})
return
}
this.userInfo = res.data
},
//获取统计信息
async getPerformance(){
let res= await marketApi.performance({})
let role_key_arr = this.userInfo.role_key_arr.join(',')
let params = {
personnel_id:this.userInfo.id,//员工表id
role_key_arr: role_key_arr, // 角色key 转换数组为字符串，若为空则赋予空字符串
}
let res= await apiRoute.xs_statisticsMarketData(params)
if (res.code != 1) {
uni.showToast({
title: res.msg,
@ -247,43 +371,92 @@ export default {
// console.log('xx',res)
this.infoData = res.data
//计算
let mb = this.infoData.wx_performance//总计
let xp =this.infoData.new_performance//新签
let xf =this.infoData.renew_performance//续费
// 如果总业绩为0，百分比设为0（避免除以0错误）
let xp_percent = mb != 0 ? parseInt((xp / mb) * 100) : 0;
let xf_percent = mb != 0 ? parseInt((xf / mb) * 100) : 0;
let wwc_percent = 100 - xp_percent - xf_percent >= 0 ? '0' : 100 - xp_percent - xf_percent//未完成
wwc_percent = parseInt(wwc_percent)
let w_c_d = ((xp + xf) - mb) * -1 * 100 //完成度
w_c_d = w_c_d <= 0 ? 0 : w_c_d
w_c_d = 100 - w_c_d
let w_c_d_rounded = Math.round(w_c_d * 10) / 10;
// console.log('zzz',[xp_percent,xf_percent,wwc_percent,w_c_d_rounded])
if(this.infoData.role_type == 'market_type'){
//市场人员
//环形统计图相关
let chartData_1 = {
series: [
{
data: [
{
"name": "已分配",
"value": this.infoData.num_1_rate,
"labelShow": false
},
{
"name": "未分配",
"value": this.infoData.num_2_rate,
"labelShow": false
},
{
"name": "总人数",
"value": this.infoData.num_3_rate,
"labelShow": false
},
]
}
]
};
this.chartData = JSON.parse(JSON.stringify(chartData_1));
this.opts.subtitle = {
name: `${this.infoData.num_4_rate}%`, // 副标题文本
fontSize: 18, // 副标题字体大小
color: "#7cb5ec" // 副标题颜色
}
//销售分析统计图相关
let chartDataB = {
series: [
{
data: [
{
"name": "本周拉新", // 数据项的名称，表示当前数据的分类为“跟进中”
"centerText": this.infoData.total_1, // 中心显示的文本内容，这里为空字符串，表示不显示中心文本
"value": this.infoData.num_3_rate, // 数据项的值，表示“跟进中”的数量为50
// "labelText":'跟进中'
"labelShow":false,
"color": "#FFCB31", // 自定义颜色
},
{
"name": "未分配",
"centerText": this.infoData.num_2,
"value": this.infoData.num_2_rate,
// "labelText":"试听"
"labelShow":false,
"color": "#4DA3FF", // 自定义颜色
},
{
"name": "已分配",
"centerText": this.infoData.num_1,
"value": this.infoData.num_1_rate,
// "labelText":"已成交"
"labelShow":false,
"color": "#12E7E8", // 自定义颜色
}
]
}
]
};
this.chartData_2 = JSON.parse(JSON.stringify(chartDataB));
}else{
//环形统计图相关
let chartData_1 = {
series: [
{
data: [
{
"name": "未完成",
"value": wwc_percent,
"name": "已成交",
"value": this.infoData.num_1_rate,
"labelShow": false
},
{
"name": "续费",
"value": xf_percent,
"name": "未成交",
"value": this.infoData.num_2_rate,
"labelShow": false
},
{
"name": "新签",
"value": xp_percent,
"name": "总人数",
"value": this.infoData.num_3_rate,
"labelShow": false
},
]
@ -292,7 +465,7 @@ export default {
};
this.chartData = JSON.parse(JSON.stringify(chartData_1));
this.opts.subtitle = {
name: `${w_c_d_rounded}%`, // 副标题文本
name: `${this.infoData.num_4_rate}%`, // 副标题文本
fontSize: 18, // 副标题字体大小
color: "#7cb5ec" // 副标题颜色
}
@ -303,25 +476,25 @@ export default {
{
data: [
{
"name": "跟进中", // 数据项的名称，表示当前数据的分类为“跟进中”
"centerText": this.infoData.gj_count, // 中心显示的文本内容，这里为空字符串，表示不显示中心文本
"value": this.infoData.gj_lv, // 数据项的值，表示“跟进中”的数量为50
"name": "本周成交", // 数据项的名称，表示当前数据的分类为“跟进中”
"centerText": this.infoData.total_1, // 中心显示的文本内容，这里为空字符串，表示不显示中心文本
"value": this.infoData.num_3_rate, // 数据项的值，表示“跟进中”的数量为50
// "labelText":'跟进中'
"labelShow":false,
"color": "#FFCB31", // 自定义颜色
},
{
"name": "试听",
"centerText": this.infoData.st_count,
"value": this.infoData.st_lv,
"name": "未成交",
"centerText": this.infoData.num_2,
"value": this.infoData.num_2_rate,
// "labelText":"试听"
"labelShow":false,
"color": "#4DA3FF", // 自定义颜色
},
{
"name": "已成交",
"centerText": this.infoData.cj_count,
"value": this.infoData.cj_lv,
"centerText": this.infoData.num_1,
"value": this.infoData.num_1_rate,
// "labelText":"已成交"
"labelShow":false,
"color": "#12E7E8", // 自定义颜色
@ -331,6 +504,11 @@ export default {
]
};
this.chartData_2 = JSON.parse(JSON.stringify(chartDataB));
}
},
@ -416,7 +594,7 @@ export default {
.main_box{
background: #292929;
min-height: 28vh;
min-height: 100%;
}
//自定义导航栏

288
pages/market/index/index.vue
View File

@ -7,7 +7,9 @@
</view>
<view style="height: 20rpx;"></view>
<view class="div-style">
<!-- 市场人员展示-->
<view class="div-style" v-if="infoData.role_type == 'market_type'">
<view style="height: 38vh;">
<view style="display: flex;align-items: center;padding: 20rpx 0 0 20rpx;">
<view>
@ -22,65 +24,68 @@
<view style="padding: 12rpx;">
<image src="@/static/images/index/huang.png" class="drop-image-x"></image>
</view>
<view class="title-x">目标</view>
<view class="title-x">拉新总数</view>
</view>
<view class="title-x1">{{infoData.goal}}元</view>
<view class="title-x1">{{infoData.month.new_total}}人</view>
</view>
<view>
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/lvs.png" class="drop-image-x"></image>
</view>
<view class="title-x">预测</view>
<view class="title-x">已分配</view>
</view>
<view class="title-x1">{{infoData.yc_yj}}元</view>
<view class="title-x1">{{infoData.month.new_total}}人</view>
</view>
<view>
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/shenlan.png" class="drop-image-x"></image>
</view>
<view class="title-x">成交</view>
<view class="title-x">昨日拉新</view>
</view>
<view class="title-x1">{{infoData.month.yesterday_new}}人</view>
</view>
<view>
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/lan.png" class="drop-image-x"></image>
</view>
<view class="title-x">今日拉新</view>
</view>
<view class="title-x1">{{infoData.cj_yj}}元</view>
<view class="title-x1">{{infoData.month.today_new}}人</view>
</view>
<!-- <view>-->
<!-- <view style="display: flex;align-items: center;">-->
<!-- <view style="padding: 12rpx;">-->
<!-- <image src="@/static/images/index/lan.png" class="drop-image-x"></image>-->
<!-- </view>-->
<!-- <view class="title-x">定金</view>-->
<!-- </view>-->
<!-- <view class="title-x1">50.000元</view>-->
<!-- </view>-->
</view>
<!-- 目标-->
<!-- 统计图-->
<view class="right1">
<view style="text-align: center;">{{infoData.date}}</view>
<view style="text-align: center;">{{infoData.date_range}}</view>
<view class="statistics_box">
<!--目标-->
<view class="item">
<view class="box">
<view class="progress-bar" :style="{ height: `${infoData.goal_percent}%`, background: '#f59a23' }"></view>
<view class="ratio" :style="{ color: infoData.goal_percent <= 0 ? '#333333' : '#fff' }">{{ infoData.goal_percent }}%</view>
<view class="progress-bar" :style="{ height: `${infoData.month.yesterday_new_rate}%`, background: '#f59a23' }"></view>
<view class="ratio" :style="{ color: infoData.month.yesterday_new_rate <= 0 ? '#333333' : '#000' }">{{ infoData.month.yesterday_new_rate }}%</view>
</view>
<view class="title">目标</view>
<view class="title">昨日</view>
</view>
<!--预测-->
<view class="item">
<view class="box">
<view class="progress-bar" :style="{ height: `${infoData.yc_yj_percent}%`, background: '#039f64' }"></view>
<view class="ratio" :style="{ color: infoData.yc_yj_percent <= 0 ? '#333333' : '#fff' }">{{ infoData.yc_yj_percent }}%</view>
<view class="progress-bar" :style="{ height: `${infoData.month.assigned_sales_rate}%`, background: '#039f64' }"></view>
<view class="ratio" :style="{ color: infoData.month.assigned_sales_rate <= 0 ? '#333333' : '#000' }">{{ infoData.month.assigned_sales_rate }}%</view>
</view>
<view class="title">预测</view>
<view class="title">分配</view>
</view>
<!--成交-->
<view class="item">
<view class="box">
<view class="progress-bar" :style="{ height: `${infoData.cj_yj_percent}%`, background: '#4066f2' }"></view>
<view class="ratio" :style="{ color: infoData.cj_yj_percent <= 0 ? '#333333' : '#fff' }">{{ infoData.cj_yj_percent }}%</view>
<view class="progress-bar" :style="{ height: `${infoData.month.today_new_rate}%`, background: '#4066f2' }"></view>
<view class="ratio" :style="{ color: infoData.month.today_new_rate <= 0 ? '#333333' : '#000' }">{{ infoData.month.today_new_rate }}%</view>
</view>
<view class="title">成交</view>
<view class="title">今日</view>
</view>
</view>
@ -88,13 +93,15 @@
</view>
</view>
<view style="width: 90%;background: #EFF3F8;height: 4rpx;margin: auto;"></view>
<view style="height: 38vh;">
<view style="display: flex;align-items: center;padding: 20rpx 0 0 20rpx;">
<view>
<image src="@/static/images/index/danlv.png" class="drop-image"></image>
</view>
<view class="title">本月业绩</view>
<view class="title">上月业绩</view>
</view>
<view class="coach-message">
@ -105,48 +112,199 @@
<view style="padding: 12rpx;">
<image src="@/static/images/index/danlv.png" class="drop-image-x"></image>
</view>
<view class="title-x">待联系</view>
<view class="title-x">拉新总数</view>
</view>
<view class="title-x1">50个</view>
<view class="title-x1">{{infoData.last_month.new_total}}人</view>
</view>
<view style="width: 48%;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/danlv.png" class="drop-image-x"></image>
</view>
<view class="title-x">待领取</view>
<view class="title-x">已分配</view>
</view>
<view class="title-x1">{{infoData.last_month.assigned_sales}}人</view>
</view>
</view>
<view style="padding: 20rpx 0;display: flex;justify-content: space-between;">
<view style="width: 48%;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/danlv.png" class="drop-image-x"></image>
</view>
<view class="title-x">昨日拉新</view>
</view>
<view class="title-x1">{{infoData.last_month.yesterday_new}}人</view>
</view>
<view style="width: 48%;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/danlv.png" class="drop-image-x"></image>
</view>
<view class="title-x">今日拉新</view>
</view>
<view class="title-x1">{{infoData.last_month.today_new}}人</view>
</view>
</view>
</view>
</view>
</view>
</view>
<!-- 销售人员展示-->
<view class="div-style" v-if="infoData.role_type == 'sale_type'">
<view style="height: 38vh;">
<view style="display: flex;align-items: center;padding: 20rpx 0 0 20rpx;">
<view>
<image src="@/static/images/index/danlan.png" class="drop-image"></image>
</view>
<view class="title">本月业绩</view>
</view>
<view class="coach-message">
<view class="left1">
<view style="padding: 20rpx 0;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/huang.png" class="drop-image-x"></image>
</view>
<view class="title-x">已分配</view>
</view>
<view class="title-x1">{{infoData.month.assigned_clients}}人</view>
</view>
<view>
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/lvs.png" class="drop-image-x"></image>
</view>
<view class="title-x">已沟通</view>
</view>
<view class="title-x1">{{infoData.month.contacted_clients}}人</view>
</view>
<view>
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/shenlan.png" class="drop-image-x"></image>
</view>
<view class="title-x">未成交</view>
</view>
<view class="title-x1">{{infoData.month.unconverted_clients}}人</view>
</view>
<view>
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/lan.png" class="drop-image-x"></image>
</view>
<view class="title-x">待续费</view>
</view>
<view class="title-x1">{{infoData.month.renewal_clients}}人</view>
</view>
<view>
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/lan.png" class="drop-image-x"></image>
</view>
<view class="title-x">已关单</view>
</view>
<view class="title-x1">{{infoData.dlq}}个</view>
<view class="title-x1">{{infoData.month.closed_clients}}人</view>
</view>
</view>
<!--统计图-->
<view class="right1">
<view style="text-align: center;">{{infoData.date}}</view>
<view class="statistics_box">
<!--未成交-->
<view class="item">
<view class="box">
<view class="progress-bar" :style="{ height: `${infoData.month.unconverted_rate}%`, background: '#f59a23' }"></view>
<view class="ratio" :style="{ color: infoData.month.unconverted_rate <= 0 ? '#333333' : '#fff' }">{{ infoData.month.unconverted_rate }}%</view>
</view>
<view class="title">未成交</view>
</view>
<!--待续费-->
<view class="item">
<view class="box">
<view class="progress-bar" :style="{ height: `${infoData.month.renewal_rate}%`, background: '#039f64' }"></view>
<view class="ratio" :style="{ color: infoData.month.renewal_rate <= 0 ? '#333333' : '#fff' }">{{ infoData.month.renewal_rate }}%</view>
</view>
<view class="title">待续费</view>
</view>
<!--已关单-->
<view class="item">
<view class="box">
<view class="progress-bar" :style="{ height: `${infoData.month.closed_rate}%`, background: '#4066f2' }"></view>
<view class="ratio" :style="{ color: infoData.month.closed_rate <= 0 ? '#333333' : '#fff' }">{{ infoData.month.closed_rate }}%</view>
</view>
<view class="title">已关单</view>
</view>
</view>
</view>
</view>
</view>
<view style="width: 90%;background: #EFF3F8;height: 4rpx;margin: auto;"></view>
<view style="height: 38vh;">
<view style="display: flex;align-items: center;padding: 20rpx 0 0 20rpx;">
<view>
<image src="@/static/images/index/danlv.png" class="drop-image"></image>
</view>
<view class="title">上月业绩</view>
</view>
<view class="coach-message">
<view class="this_month">
<view style="padding: 20rpx 0;display: flex;justify-content: space-between;">
<view style="width: 48%;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/danlv.png" class="drop-image-x"></image>
</view>
<view class="title-x">待释放</view>
<view class="title-x">已分配</view>
</view>
<view class="title-x1">{{infoData.last_month.assigned_clients}}人</view>
</view>
<view style="width: 48%;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/danlv.png" class="drop-image-x"></image>
</view>
<view class="title-x">已沟通</view>
</view>
<view class="title-x1">{{infoData.last_month.contacted_clients}}人</view>
</view>
<view class="title-x1">{{infoData.dsf}}个</view>
</view>
<!-- <view style="width: 48%;">-->
<!-- <view style="display: flex;align-items: center;">-->
<!-- <view style="padding: 12rpx;">-->
<!-- <image src="@/static/images/index/danlv.png" class="drop-image-x"></image>-->
<!-- </view>-->
<!-- <view class="title-x">合同审核中</view>-->
<!-- </view>-->
<!-- <view class="title-x1">50个</view>-->
<!-- </view>-->
<view style="padding: 20rpx 0;display: flex;justify-content: space-between;">
<view style="width: 48%;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/danlv.png" class="drop-image-x"></image>
</view>
<view class="title-x">未成交</view>
</view>
<view class="title-x1">{{infoData.last_month.unconverted_clients}}个</view>
</view>
<view style="width: 48%;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/danlv.png" class="drop-image-x"></image>
</view>
<view class="title-x">待协作</view>
<view class="title-x">待续费</view>
</view>
<view class="title-x1">{{infoData.dxz}}个</view>
<view class="title-x1">{{infoData.last_month.renewal_clients}}人</view>
</view>
</view>
@ -157,9 +315,9 @@
<view style="padding: 12rpx;">
<image src="@/static/images/index/danlv.png" class="drop-image-x"></image>
</view>
<view class="title-x">消息</view>
<view class="title-x">已关单</view>
</view>
<view class="title-x1">{{infoData.xx}}个</view>
<view class="title-x1">{{infoData.last_month.closed_clients}}人</view>
</view>
</view>
</view>
@ -171,7 +329,7 @@
</template>
<script>
import marketApi from '@/api/market.js';
import apiRoute from '@/api/apiRoute.js';
import AQTabber from "@/components/AQ/AQTabber.vue"
@ -182,6 +340,8 @@ export default {
data() {
return {
infoData:{},//详情
userInfo: {},//当前登录的用户信息
}
},
onShow() {
@ -189,12 +349,32 @@ export default {
},
methods: {
async init() {
this.getXsIndex()
await this.getUserInfo()
await this.getXsIndex()
},
//获取用户信息
async getUserInfo(){
let res = await apiRoute.getPersonnelInfo({})
if (res.code != 1) {
uni.showToast({
title: res.msg,
icon: 'none'
})
return
}
this.userInfo = res.data
},
//获取销售首页详情
async getXsIndex() {
let res = await marketApi.xsIndex({})
let role_key_arr = this.userInfo.role_key_arr.join(',')
let params = {
personnel_id:this.userInfo.id,//员工表id
role_key_arr: role_key_arr, // 角色key 转换数组为字符串，若为空则赋予空字符串
}
let res = await apiRoute.xs_statisticsMarketHome(params)
if (res.code != 1) {
uni.showToast({
title: res.msg,
@ -203,7 +383,7 @@ export default {
return
}
this.infoData = res.data
console.log('统计',this.infoData)
},
}
}

52
pages/market/my/index.vue
View File

@ -34,32 +34,32 @@
</view>
<!--统计信息-->
<view class="count_section">
<view class="main">
<view class="course_box">
<view class="top">
<view class="item">
<view class="num">{{userInfo.yjds}}</view>
<view class="intro">业绩单数/人</view>
</view>
<view class="item">
<view class="num">{{userInfo.yqds}}</view>
<view class="intro">已签单数/人</view>
</view>
<view class="item">
<view class="num">1234</view>
<view class="intro">新课签到数/人</view>
</view>
</view>
<view class="bottom">
较上月
<text class="reduce">-5</text>
</view>
</view>
</view>
<view class="bg_box bg_top"></view>
<view class="bg_box bg_bottom"></view>
</view>
<!-- <view class="count_section">-->
<!-- <view class="main">-->
<!-- <view class="course_box">-->
<!-- <view class="top">-->
<!-- <view class="item">-->
<!-- <view class="num">{{userInfo.yjds}}</view>-->
<!-- <view class="intro">业绩单数/人</view>-->
<!-- </view>-->
<!-- <view class="item">-->
<!-- <view class="num">{{userInfo.yqds}}</view>-->
<!-- <view class="intro">已签单数/人</view>-->
<!-- </view>-->
<!-- <view class="item">-->
<!-- <view class="num">1234</view>-->
<!-- <view class="intro">新课签到数/人</view>-->
<!-- </view>-->
<!-- </view>-->
<!-- <view class="bottom">-->
<!-- 较上月-->
<!-- <text class="reduce">-5</text>-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
<!-- <view class="bg_box bg_top"></view>-->
<!-- <view class="bg_box bg_bottom"></view>-->
<!-- </view>-->
</view>

186
pages/student/login/forgot.vue
View File

@ -1,55 +1,99 @@
<template>
<view>
<view class="title">
<view :class="{'green-text': tset_style === 1}">1.验证手机号码</view>
<view :class="{'green-text': tset_style === 2}">2.设置新密码</view>
<view :class="{'green-text': titleIndex === 1}" @click="changeTitle(1)">1.验证手机号码</view>
<view :class="{'green-text': titleIndex === 2}" @click="changeTitle(2)">2.设置新密码</view>
</view>
<view :style="{'background-color':'#fff','width':'100%','height':'100vh' }">
<view style="width: 95%;height: 30rpx;"></view>
<view v-if="tset_style == 1">
<view v-if="titleIndex == 1">
<view style="width: 95%;margin:30rpx auto;">
<fui-input borderTop placeholder="请输入手机号" v-model="user" @input="input"
<fui-input borderTop placeholder="请输入手机号" v-model="formData.phone" @input="input"
backgroundColor="#f2f2f2"></fui-input>
</view>
<view style="width: 95%;margin: auto;">
<fui-input borderTop :padding="['20rpx','32rpx']" v-model="code" placeholder="请输入短信验证码" @input="input"
<fui-input borderTop :padding="['20rpx','32rpx']" v-model="formData.code" placeholder="请输入短信验证码" @input="input"
backgroundColor="#f2f2f2">
<fui-countdown-verify ref="fui_cdv" @send="sendCode"></fui-countdown-verify>
</fui-input>
</view>
<view style="width: 95%;margin: auto; margin-top: 30rpx;" @click="openPicker()">
<fui-form-item label="" arrow highlight background="#f2f2f2">
<input class="fui-page__input" v-model="formData.user_type_name" placeholder="请选择用户类型" placeholder-style="color:#ccc;" disabled/>
</fui-form-item>
</view>
<view v-if="tset_style == 2">
</view>
<view v-if="titleIndex == 2">
<view style="width: 95%;margin:30rpx auto;">
<fui-input borderTop placeholder="请设置6-20位新的登录密码" v-model="user" @input="input"
<fui-input borderTop placeholder="请设置6-20位新的登录密码" v-model="formData.password" @input="input"
backgroundColor="#f2f2f2"></fui-input>
</view>
<view style="width: 95%;margin: auto;">
<fui-input borderTop :padding="['20rpx','32rpx']" v-model="code" placeholder="请再次输入新的登录密码" @input="input"
<fui-input borderTop :padding="['20rpx','32rpx']" v-model="formData.password_2" placeholder="请再次输入新的登录密码" @input="input"
backgroundColor="#f2f2f2">
</fui-input>
</view>
</view>
<view style="width: 95%;margin:60rpx auto;">
<fui-button background="#00be8c" radius="5rpx" @click="nextStep" v-if="tset_style == 1">下一步</fui-button>
<fui-button background="#00be8c" radius="5rpx" @click="submit" v-if="tset_style == 2">提交</fui-button>
<fui-button background="#00be8c" radius="5rpx" @click="nextStep" v-if="titleIndex == 1">下一步</fui-button>
<fui-button background="#00be8c" radius="5rpx" @click="submit" v-if="titleIndex == 2">提交</fui-button>
</view>
</view>
<!-- 选择器 -->
<fui-picker
:linkage="true"
:options="picker_options"
:layer="1"
:show="picker_show"
@change="changeCicker"
@cancel="cancelCicker">
</fui-picker>
</view>
</template>
<script>
import apiRoute from '@/api/apiRoute.js';
export default {
data() {
return {
code: '',
user: '',
tset_style: 1,
//下拉选择器相关
picker_show:false,//是否展示选择器
picker_options:[
{
text:'学员',
value:'customer',
},
{
text:'员工',
value:'personnel',
}
],//下拉选择器数据
//重置密码-表单数据
formData: {
phone: '',//手机号
code: '',//短信验证码
code_type: 'editPassword',//短信验证码类型(发送/验证 短信验证码的类型)|修改密码=editPassword
password: '',//第一次密码
password_2: '',//第二次密码
user_type: '',//用户类型|customer=学生|personnel=员工(销售/教师)
user_type_name: '',//用户类型名称|customer=学生|personnel=员工(销售/教师)
},
onLoad() {
titleIndex:1,//状态栏类型|1=验证手机号码|2=设置密码
}
},
onLoad() {},
methods: {
//发送手机验证码
sendCode() {
//延时为了效果展示
setTimeout(() => {
@ -59,9 +103,119 @@
this.$refs.fui_cdv && this.$refs.fui_cdv.success()
}, 800)
},
nextStep(){
this.tset_style = 2
//监听-选择器-选择项改变
changeCicker(e){
this.formData.user_type = e.value
this.formData.user_type_name = e.text
this.cancelCicker()
},
//打开选择器
openPicker(){
this.picker_show = true
},
//取消选择器
cancelCicker(){
this.picker_show = false
},
//下一步
async nextStep(){
//验证验证码和手机号是否填写
if(!this.formData.code){
uni.showToast({
title: '请输入短信验证码',
icon: 'none'
})
return
}
if(!this.formData.phone){
uni.showToast({
title: '请输入手机号',
icon: 'none'
})
return
}
if(!this.formData.user_type){
uni.showToast({
title: '请选择用户类型',
icon: 'none'
})
return
}
this.titleIndex = 2
},
//表单验证
async validateForm(formData) {
// 遍历表单对象的每个属性，检查是否有空值
if(!formData.phone){
uni.showToast({
title: `请填写手机号`,
icon: 'none'
});
this.changeTitle(1)
return false
}
if(!formData.user_type){
uni.showToast({
title: `请选择用户类型`,
icon: 'none'
});
this.changeTitle(1)
return false
}
if(!formData.code){
uni.showToast({
title: `请填写短信验证码`,
icon: 'none'
});
this.changeTitle(1)
return false
}
if(!formData.password || formData.password != formData.password_2){
uni.showToast({
title: `两次密码不一致`,
icon: 'none'
});
this.changeTitle(2)
return false
}
return true;
},
//提交
async submit(){
let params = {...this.formData}
let res_validateForm = await this.validateForm(params);//表单验证
if(!res_validateForm){
return
}
let res = await apiRoute.common_forgetPassword(params);//重置密码
if(res.code != 1){
uni.showToast({
title: res.msg,
icon: 'none'
})
return
}
uni.showToast({
title: res.msg,
icon: 'success'
})
//延迟1s执行
setTimeout(() => {
//跳转页面-登陆页
uni.navigateTo({
url: `/pages/student/login/login`
})
}, 1000)
},
//切换标题
changeTitle(index){
this.titleIndex = index
},
}
}
</script>

Write Preview
Loading…
Cancel
Save