Skip to content

C
confucius
Commit ae612d4e authored by zhengke's avatar zhengke
Browse files
Options

1

parent 37fbe8a2
Hide whitespace changes
Inline Side-by-side
Showing with 657 additions and 57 deletions
src/api/work/index.js
View file @ ae612d4e
......@@ -41,3 +41,15 @@ export function MarketStatic(data) {
})
}
/**
* 首页 课程顾问部统计
*/
export function ConsultantStatic(data) {
return request({
url: '/UserCenter/ConsultantStatic',
method: 'post',
data
})
}
src/components/work/todayData.vue
View file @ ae612d4e
......@@ -55,10 +55,10 @@
.Data_List {
box-sizing: border-box;
flex: 1;
flex:0 0 22%;
padding: 32px;
background-color: #fff;
margin-right: 24px;
margin:0 24px 24px 0;
font-size: 14px;
}
......@@ -108,14 +108,17 @@
.Data_One {
margin-top: 3px;
display: flex;
// display: flex;
font-size: 14px;
text-align:right;
}
.label_Day {
color: rgba(0, 0, 0, .5);
font-size: 14px;
width: 20px;
width: 25px;
display:inline-block;
text-align:left;
}
.label_Number {
......@@ -125,9 +128,13 @@
.label_Cule{
flex:1 1 0%;
color:#fa5151;
display:inline-block;
width:40px;
}
.greenClass{
color:#00ce8b!important;
display:inline-block;
width:40px;
}
</style>
<template>
......@@ -136,10 +143,18 @@
<div class="q-my-md text-dark" style="font-size:20px">
平台数据
</div>
<div>
<el-date-picker v-model="value2" type="daterange" align="right" unlink-panels range-separator="至"
<div style="display:flex;">
<el-date-picker v-model="dateList" type="daterange" align="right" value-format="yyyy-MM-dd" @change="getData" unlink-panels range-separator="至"
start-placeholder="开始日期" end-placeholder="结束日期">
</el-date-picker>
<el-select v-model="msg.empList" @change="throttle" style="width:180px;margin-left:10px;" collapse-tags multiple filterable placeholder="请选择">
<el-option
v-for="item in myEmployeeList"
:key="item.Id"
:label="item.EmployeeName"
:value="item.Id">
</el-option>
</el-select>
</div>
</div>
<div class="Check_Content">
......@@ -148,64 +163,559 @@
<div class="Check_Item" @click="getCheck(2)" :class="{'ckedClass':comType==2}">课程顾问部统计</div>
</div>
</div>
<div class="Check_Map">
<div class="check_Title">今日实时数据</div>
<div class="">
<VueApexCharts type="line" height="350" :options="chartOptions" ref="apex" :series="series"></VueApexCharts>
<template v-if="comType==1">
<div class="Check_Map">
<div class="check_Title">今日实时数据</div>
<div class="">
<VueApexCharts type="line" height="350" :options="chartOptions" ref="apex" :series="series"></VueApexCharts>
</div>
</div>
</div>
<div class="Check_Map" v-if="yesData">
<div class="check_Title">访问核心数据</div>
<div class="Data_ListContent" style="width:300px;">
<div class="Data_List">
<div class="Data_Inner">
<div class="Data_Title">日访问人数</div>
<div class="Data_Time">{{yesData.DayStr}} 周四</div>
<div class="Data_wrapper">
<div class="Data_Left">
<span class="Data_Span">{{yesData.VisitCount}}</span>
<span class="Data_Ci">次</span>
<div class="Check_Map" v-if="yesData">
<div class="check_Title">访问核心数据</div>
<div class="Data_ListContent">
<div class="Data_List">
<div class="Data_Inner">
<div class="Data_Title">条数（资源量）</div>
<div class="Data_Time">{{yesData.DayStr}} 周四</div>
<div class="Data_wrapper">
<div class="Data_Left">
<span class="Data_Span">{{yesData.VisitCount}}</span>
<span class="Data_Ci">次</span>
</div>
<div class="Data_Right">
<div class="Data_One">
<span class="label_Day">日</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(yesData.ClueCount,yesData.YestodayVisit)>0}">
{{getVisitCount(yesData.ClueCount,yesData.YestodayVisit)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">周</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(yesData.CurWeekVisit,yesData.LastWeekVisit)>0}">
{{getVisitCount(yesData.CurWeekVisit,yesData.LastWeekVisit)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">月</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(yesData.CurMonthVisit,yesData.LastMonthVisit)>0}">
{{getVisitCount(yesData.CurMonthVisit,yesData.LastMonthVisit)}}%
</span>
</div>
</div>
</div>
</div>
</div>
<div class="Data_List">
<div class="Data_Inner">
<div class="Data_Title">有效数据量</div>
<div class="Data_Time">{{yesData.DayStr}} 周四</div>
<div class="Data_wrapper">
<div class="Data_Left">
<span class="Data_Span">{{yesData.VisitCount}}</span>
<span class="Data_Ci">次</span>
</div>
<div class="Data_Right">
<div class="Data_One">
<span class="label_Day">日</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(yesData.FollowCount,yesData.YestodayFollow)>0}">
{{getVisitCount(yesData.FollowCount,yesData.YestodayFollow)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">周</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(yesData.CurWeekFollow,yesData.LastWeekFollow)>0}">
{{getVisitCount(yesData.CurWeekFollow,yesData.LastWeekFollow)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">月</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(yesData.CurMonthFollow,yesData.LastMonthFollow)>0}">
{{getVisitCount(yesData.CurMonthFollow,yesData.LastMonthFollow)}}%
</span>
</div>
</div>
</div>
<div class="Data_Right">
<div class="Data_One">
<span class="label_Day">日</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(yesData.ClueCount,yesData.YestodayVisit)>0}">
{{getVisitCount(yesData.ClueCount,yesData.YestodayVisit)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">周</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(yesData.CurWeekVisit,yesData.LastWeekVisit)>0}">
{{getVisitCount(yesData.CurWeekVisit,yesData.LastWeekVisit)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">月</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(yesData.CurMonthVisit,yesData.LastMonthVisit)>0}">
{{getVisitCount(yesData.CurMonthVisit,yesData.LastMonthVisit)}}%
</span>
</div>
</div>
<div class="Data_List">
<div class="Data_Inner">
<div class="Data_Title">上门咨询</div>
<div class="Data_Time">{{yesData.DayStr}} 周四</div>
<div class="Data_wrapper">
<div class="Data_Left">
<span class="Data_Span">{{yesData.VisitCount}}</span>
<span class="Data_Ci">次</span>
</div>
<div class="Data_Right">
<div class="Data_One">
<span class="label_Day">日</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(yesData.ClueCount,yesData.YestodayClue)>0}">
{{getVisitCount(yesData.ClueCount,yesData.YestodayClue)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">周</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(yesData.CurWeekClue,yesData.YestodayClue)>0}">
{{getVisitCount(yesData.CurWeekClue,yesData.YestodayClue)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">月</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(yesData.CurMonthClue,yesData.LastMonthClue)>0}">
{{getVisitCount(yesData.CurMonthClue,yesData.LastMonthClue)}}%
</span>
</div>
</div>
</div>
</div>
</div>
<div class="Data_List">
<div class="Data_Inner">
<div class="Data_Title">试听邀约</div>
<div class="Data_Time">{{yesData.DayStr}} 周四</div>
<div class="Data_wrapper">
<div class="Data_Left">
<span class="Data_Span">{{yesData.VisitCount}}</span>
<span class="Data_Ci">次</span>
</div>
<div class="Data_Right">
<div class="Data_One">
<span class="label_Day">日</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(yesData.TrialLessonCount,yesData.YestodayTrialLesson)>0}">
{{getVisitCount(yesData.TrialLessonCount,yesData.YestodayTrialLesson)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">周</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(yesData.CurWeekTrialLesson,yesData.LastWeekTrialLesson)>0}">
{{getVisitCount(yesData.CurWeekTrialLesson,yesData.LastWeekTrialLesson)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">月</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(yesData.CurMonthTrialLesson,yesData.LastMonthTrialLesson)>0}">
{{getVisitCount(yesData.CurMonthTrialLesson,yesData.LastMonthTrialLesson)}}%
</span>
</div>
</div>
</div>
</div>
</div>
<div class="Data_List">
<div class="Data_Inner">
<div class="Data_Title">销售额（签约量）</div>
<div class="Data_Time">{{yesData.DayStr}} 周四</div>
<div class="Data_wrapper">
<div class="Data_Left">
<span class="Data_Span">{{yesData.VisitCount}}</span>
<span class="Data_Ci">次</span>
</div>
<div class="Data_Right">
<div class="Data_One">
<span class="label_Day">日</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(yesData.SaleMoney,yesData.YestodaySale)>0}">
{{getVisitCount(yesData.SaleMoney,yesData.YestodaySale)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">周</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(yesData.CurWeekSale,yesData.LastWeekSale)>0}">
{{getVisitCount(yesData.CurWeekSale,yesData.LastWeekSale)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">月</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(yesData.CurMonrhSale,yesData.LastMonthSale)>0}">
{{getVisitCount(yesData.CurMonrhSale,yesData.LastMonthSale)}}%
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<template v-else>
<div class="Check_Map">
<div class="check_Title">今日实时数据</div>
<div class="Data_ListContent">
<div class="Data_List">
<div class="Data_Inner">
<div class="Data_Title">试听邀约</div>
<div class="Data_Time">{{ConsultObj.DayStr}} 周四</div>
<div class="Data_wrapper">
<div class="Data_Left">
<span class="Data_Span"></span>
<span class="Data_Ci">次</span>
</div>
<div class="Data_Right">
<div class="Data_One">
<span class="label_Day">日</span>
<span class="label_Cule">
</span>
</div>
<div class="Data_One">
<span class="label_Day">周</span>
<span class="label_Cule">
</span>
</div>
<div class="Data_One">
<span class="label_Day">月</span>
<span class="label_Cule">
</span>
</div>
</div>
</div>
</div>
</div>
<div class="Data_List">
<div class="Data_Inner">
<div class="Data_Title">到访累计</div>
<div class="Data_Time">{{ConsultObj.DayStr}} 周四</div>
<div class="Data_wrapper">
<div class="Data_Left">
<span class="Data_Span">{{ConsultObj.VisitCount}}</span>
<span class="Data_Ci">次</span>
</div>
<div class="Data_Right">
<div class="Data_One">
<span class="label_Day">日</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.VisitCount,ConsultObj.YestodayVisit)>0}">
{{getVisitCount(ConsultObj.VisitCount,ConsultObj.YestodayVisit)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">周</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.CurWeekVisit,ConsultObj.LastWeekVisit)>0}">
{{getVisitCount(ConsultObj.CurWeekVisit,ConsultObj.LastWeekVisit)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">月</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.CurMonthVisit,ConsultObj.LastMonthVisit)>0}">
{{getVisitCount(ConsultObj.CurMonthVisit,ConsultObj.LastMonthVisit)}}%
</span>
</div>
</div>
</div>
</div>
</div>
<div class="Data_List">
<div class="Data_Inner">
<div class="Data_Title">转化率</div>
<div class="Data_Time">{{ConsultObj.DayStr}} 周四</div>
<div class="Data_wrapper">
<div class="Data_Left">
<span class="Data_Span">{{ConsultObj.Rates}}</span>
<span class="Data_Ci">次</span>
</div>
<div class="Data_Right">
<div class="Data_One">
<span class="label_Day">日</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)>0}">
{{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">周</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}">
{{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">月</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}">
{{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}%
</span>
</div>
</div>
</div>
</div>
</div>
<div class="Data_List">
<div class="Data_Inner">
<div class="Data_Title">有效回访总量</div>
<div class="Data_Time">{{ConsultObj.DayStr}} 周四</div>
<div class="Data_wrapper">
<div class="Data_Left">
<span class="Data_Span">{{ConsultObj.Rates}}</span>
<span class="Data_Ci">次</span>
</div>
<div class="Data_Right">
<div class="Data_One">
<span class="label_Day">日</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)>0}">
{{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">周</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}">
{{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">月</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}">
{{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}%
</span>
</div>
</div>
</div>
</div>
</div>
<div class="Data_List">
<div class="Data_Inner">
<div class="Data_Title">单资源回访平均数</div>
<div class="Data_Time">{{ConsultObj.DayStr}} 周四</div>
<div class="Data_wrapper">
<div class="Data_Left">
<span class="Data_Span">{{ConsultObj.Rates}}</span>
<span class="Data_Ci">次</span>
</div>
<div class="Data_Right">
<div class="Data_One">
<span class="label_Day">日</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)>0}">
{{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">周</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}">
{{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">月</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}">
{{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}%
</span>
</div>
</div>
</div>
</div>
</div>
<div class="Data_List">
<div class="Data_Inner">
<div class="Data_Title">当周新签数(以周为单位)</div>
<div class="Data_Time">{{ConsultObj.DayStr}} 周四</div>
<div class="Data_wrapper">
<div class="Data_Left">
<span class="Data_Span">{{ConsultObj.Rates}}</span>
<span class="Data_Ci">次</span>
</div>
<div class="Data_Right">
<div class="Data_One">
<span class="label_Day">日</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)>0}">
{{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">周</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}">
{{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">月</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}">
{{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}%
</span>
</div>
</div>
</div>
</div>
</div>
<div class="Data_List">
<div class="Data_Inner">
<div class="Data_Title">当周签约金额(以周为单位)</div>
<div class="Data_Time">{{ConsultObj.DayStr}} 周四</div>
<div class="Data_wrapper">
<div class="Data_Left">
<span class="Data_Span">{{ConsultObj.Rates}}</span>
<span class="Data_Ci">次</span>
</div>
<div class="Data_Right">
<div class="Data_One">
<span class="label_Day">日</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)>0}">
{{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">周</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}">
{{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">月</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}">
{{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}%
</span>
</div>
</div>
</div>
</div>
</div>
<div class="Data_List">
<div class="Data_Inner">
<div class="Data_Title">新签数累计</div>
<div class="Data_Time">{{ConsultObj.DayStr}} 周四</div>
<div class="Data_wrapper">
<div class="Data_Left">
<span class="Data_Span">{{ConsultObj.Rates}}</span>
<span class="Data_Ci">次</span>
</div>
<div class="Data_Right">
<div class="Data_One">
<span class="label_Day">日</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)>0}">
{{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">周</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}">
{{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">月</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}">
{{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}%
</span>
</div>
</div>
</div>
</div>
</div>
<div class="Data_List">
<div class="Data_Inner">
<div class="Data_Title">签约金额累计</div>
<div class="Data_Time">{{ConsultObj.DayStr}} 周四</div>
<div class="Data_wrapper">
<div class="Data_Left">
<span class="Data_Span">{{ConsultObj.Rates}}</span>
<span class="Data_Ci">次</span>
</div>
<div class="Data_Right">
<div class="Data_One">
<span class="label_Day">日</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)>0}">
{{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">周</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}">
{{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">月</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}">
{{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}%
</span>
</div>
</div>
</div>
</div>
</div>
<div class="Data_List">
<div class="Data_Inner">
<div class="Data_Title">当月效能目标</div>
<div class="Data_Time">{{ConsultObj.DayStr}} 周四</div>
<div class="Data_wrapper">
<div class="Data_Left">
<span class="Data_Span">{{ConsultObj.Rates}}</span>
<span class="Data_Ci">次</span>
</div>
<div class="Data_Right">
<div class="Data_One">
<span class="label_Day">日</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)>0}">
{{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">周</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}">
{{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">月</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}">
{{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}%
</span>
</div>
</div>
</div>
</div>
</div>
<div class="Data_List">
<div class="Data_Inner">
<div class="Data_Title">当月效能目标进度</div>
<div class="Data_Time">{{ConsultObj.DayStr}} 周四</div>
<div class="Data_wrapper">
<div class="Data_Left">
<span class="Data_Span">{{ConsultObj.Rates}}</span>
<span class="Data_Ci">次</span>
</div>
<div class="Data_Right">
<div class="Data_One">
<span class="label_Day">日</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)>0}">
{{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">周</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}">
{{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}%
</span>
</div>
<div class="Data_One">
<span class="label_Day">月</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}">
{{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}%
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
</div>
</template>
<script>
import VueApexCharts from "vue-apexcharts";
import {
MarketStatic
MarketStatic,
ConsultantStatic
} from '../../api/work/index'
import {
queryEmployee
} from "../../api/users/user";
export default {
components: {
VueApexCharts
},
data() {
return {
value2: "",
dateList: [],
comType: 1,
msg:{
startTime:"",
endTime:"",
empList:[]
},
series: [{
name: "新增条数",
data: []
......@@ -223,11 +733,11 @@
chart: {
height: 350,
type: 'line',
zoom: {
enabled: false
},
background: '#fff'
},
zoom: {
enabled: false
},
dataLabels: {
enabled: false
},
......@@ -251,14 +761,14 @@
sizeOffset: 6
}
},
xaxis: {
type: 'datetime', //设置X轴的类型 三种可选：category、datetime、numeric
labels: {
format: "MM-dd" //设置X轴时间格式
}
},
// xaxis: {
// type: 'datetime', //设置X轴的类型 三种可选：category、datetime、numeric
// labels: {
// format: "MM-dd" //设置X轴时间格式
// }
// },
//设置X轴的时间
labels: [],
// labels: [],
tooltip: {
y: [{
title: {
......@@ -288,14 +798,46 @@
},
},
yesData: {}, //昨日数据
employeeList:[],
myEmployeeList:[],
ConsultObj:{} //课程顾问数据
};
},
mounted() {
this.getData();
this.getEmployeeList();
},
computed:{
},
methods: {
//设置节流
throttle(){
//首先设定一个变量，在没有执行我们的定时器时为null
var timer = null;
//当我们发现这个定时器存在时，则表示定时器已经在运行中，需要返回
if (timer) return;
timer = setTimeout(() => {
this.getData();
timer = null
}, 3000)
},
//获取员工列表
getEmployeeList() {
queryEmployee({
IsLeave: 1
}).then(res => {
this.employeeList = res.Data;
this.myEmployeeList = res.Data;
});
},
//筛选员工
filterEmployee(val, update, abort) {
update(() => {
this.myEmployeeList = this.employeeList.filter(
v => v.EmployeeName.indexOf(val) > -1
);
});
},
//获取访问量
getVisitCount(num,total){
if(this.yesData){
......@@ -310,25 +852,71 @@
//点击
getCheck(type) {
this.comType = type;
if(type==1){
this.getData()
}
if(type==2){
this.getConsultant();
}
},
//获取课程顾问数据
getConsultant(){
if (this.dateList && this.dateList.length > 0) {
this.msg.startTime = this.dateList[0];
this.msg.endTime = this.dateList[1];
} else {
this.msg.startTime = "";
this.msg.endTime = "";
}
ConsultantStatic(this.msg).then(res => {
if (res.Code == 1) {
this.ConsultObj = res.Data;
}
});
},
//获取数据
//获取市场部数据
getData() {
MarketStatic({}).then(res => {
if (this.dateList && this.dateList.length > 0) {
this.msg.startTime = this.dateList[0];
this.msg.endTime = this.dateList[1];
} else {
this.msg.startTime = "";
this.msg.endTime = "";
}
MarketStatic(this.msg).then(res => {
if (res.Code == 1) {
let tempData = res.Data.dayList;
this.yesData = res.Data.YesDataObj;
this.series[0].data=[];
this.series[1].data=[];
this.series[2].data=[];
this.xArray=[];
tempData.forEach(x => {
this.series[0].data.push(x.ClueCount);
this.series[1].data.push(x.VisitCount);
this.series[2].data.push(x.TrialLessonCount);
this.chartOptions.labels.push(x.DayStr);
this.xArray.push(x.DayStr);
})
if(this.xArray&&this.xArray.length>0){
this.chartOptions = {
xaxis: {
categories: this.xArray
}
}
}
console.log(this.$refs.apex,'阿萨德');
setTimeout(() => {
this.$refs.apex.updateSeries(this.series)
}, 100)
}
});
}
},
//获取周几
getweekday(date){
var weekArray = new Array("日", "一", "二", "三", "四", "五", "六");
var week = weekArray[new Date(date).getDay()];//注意此处必须是先new一个Date
return week;
},
}
}
......
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