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) { ...@@ -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 @@ ...@@ -55,10 +55,10 @@
.Data_List { .Data_List {
box-sizing: border-box; box-sizing: border-box;
flex: 1; flex:0 0 22%;
padding: 32px; padding: 32px;
background-color: #fff; background-color: #fff;
margin-right: 24px; margin:0 24px 24px 0;
font-size: 14px; font-size: 14px;
} }
...@@ -108,14 +108,17 @@ ...@@ -108,14 +108,17 @@
.Data_One { .Data_One {
margin-top: 3px; margin-top: 3px;
display: flex; // display: flex;
font-size: 14px; font-size: 14px;
text-align:right;
} }
.label_Day { .label_Day {
color: rgba(0, 0, 0, .5); color: rgba(0, 0, 0, .5);
font-size: 14px; font-size: 14px;
width: 20px; width: 25px;
display:inline-block;
text-align:left;
} }
.label_Number { .label_Number {
...@@ -125,9 +128,13 @@ ...@@ -125,9 +128,13 @@
.label_Cule{ .label_Cule{
flex:1 1 0%; flex:1 1 0%;
color:#fa5151; color:#fa5151;
display:inline-block;
width:40px;
} }
.greenClass{ .greenClass{
color:#00ce8b!important; color:#00ce8b!important;
display:inline-block;
width:40px;
} }
</style> </style>
<template> <template>
...@@ -136,10 +143,18 @@ ...@@ -136,10 +143,18 @@
<div class="q-my-md text-dark" style="font-size:20px"> <div class="q-my-md text-dark" style="font-size:20px">
平台数据 平台数据
</div> </div>
<div> <div style="display:flex;">
<el-date-picker v-model="value2" type="daterange" align="right" unlink-panels range-separator="至" <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="结束日期"> start-placeholder="开始日期" end-placeholder="结束日期">
</el-date-picker> </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> </div>
<div class="Check_Content"> <div class="Check_Content">
...@@ -148,64 +163,559 @@ ...@@ -148,64 +163,559 @@
<div class="Check_Item" @click="getCheck(2)" :class="{'ckedClass':comType==2}">课程顾问部统计</div> <div class="Check_Item" @click="getCheck(2)" :class="{'ckedClass':comType==2}">课程顾问部统计</div>
</div> </div>
</div> </div>
<div class="Check_Map"> <template v-if="comType==1">
<div class="check_Title">今日实时数据</div> <div class="Check_Map">
<div class=""> <div class="check_Title">今日实时数据</div>
<VueApexCharts type="line" height="350" :options="chartOptions" ref="apex" :series="series"></VueApexCharts> <div class="">
<VueApexCharts type="line" height="350" :options="chartOptions" ref="apex" :series="series"></VueApexCharts>
</div>
</div> </div>
</div> <div class="Check_Map" v-if="yesData">
<div class="Check_Map" v-if="yesData"> <div class="check_Title">访问核心数据</div>
<div class="check_Title">访问核心数据</div> <div class="Data_ListContent">
<div class="Data_ListContent" style="width:300px;"> <div class="Data_List">
<div class="Data_List"> <div class="Data_Inner">
<div class="Data_Inner"> <div class="Data_Title">条数（资源量）</div>
<div class="Data_Title">日访问人数</div> <div class="Data_Time">{{yesData.DayStr}} 周四</div>
<div class="Data_Time">{{yesData.DayStr}} 周四</div> <div class="Data_wrapper">
<div class="Data_wrapper"> <div class="Data_Left">
<div class="Data_Left"> <span class="Data_Span">{{yesData.VisitCount}}</span>
<span class="Data_Span">{{yesData.VisitCount}}</span> <span class="Data_Ci">次</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>
<div class="Data_Right"> </div>
<div class="Data_One"> </div>
<span class="label_Day">日</span> <div class="Data_List">
<span class="label_Cule" :class="{'greenClass':getVisitCount(yesData.ClueCount,yesData.YestodayVisit)>0}"> <div class="Data_Inner">
{{getVisitCount(yesData.ClueCount,yesData.YestodayVisit)}}% <div class="Data_Title">上门咨询</div>
</span> <div class="Data_Time">{{yesData.DayStr}} 周四</div>
</div> <div class="Data_wrapper">
<div class="Data_One"> <div class="Data_Left">
<span class="label_Day">周</span> <span class="Data_Span">{{yesData.VisitCount}}</span>
<span class="label_Cule" :class="{'greenClass':getVisitCount(yesData.CurWeekVisit,yesData.LastWeekVisit)>0}"> <span class="Data_Ci">次</span>
{{getVisitCount(yesData.CurWeekVisit,yesData.LastWeekVisit)}}% </div>
</span> <div class="Data_Right">
</div> <div class="Data_One">
<div class="Data_One"> <span class="label_Day">日</span>
<span class="label_Day">月</span> <span class="label_Cule" :class="{'greenClass':getVisitCount(yesData.ClueCount,yesData.YestodayClue)>0}">
<span class="label_Cule" :class="{'greenClass':getVisitCount(yesData.CurMonthVisit,yesData.LastMonthVisit)>0}"> {{getVisitCount(yesData.ClueCount,yesData.YestodayClue)}}%
{{getVisitCount(yesData.CurMonthVisit,yesData.LastMonthVisit)}}% </span>
</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> </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> </div>
</template> </template>
<script> <script>
import VueApexCharts from "vue-apexcharts"; import VueApexCharts from "vue-apexcharts";
import { import {
MarketStatic MarketStatic,
ConsultantStatic
} from '../../api/work/index' } from '../../api/work/index'
import {
queryEmployee
} from "../../api/users/user";
export default { export default {
components: { components: {
VueApexCharts VueApexCharts
}, },
data() { data() {
return { return {
value2: "", dateList: [],
comType: 1, comType: 1,
msg:{
startTime:"",
endTime:"",
empList:[]
},
series: [{ series: [{
name: "新增条数", name: "新增条数",
data: [] data: []
...@@ -223,11 +733,11 @@ ...@@ -223,11 +733,11 @@
chart: { chart: {
height: 350, height: 350,
type: 'line', type: 'line',
zoom: {
enabled: false
},
background: '#fff' background: '#fff'
}, },
zoom: {
enabled: false
},
dataLabels: { dataLabels: {
enabled: false enabled: false
}, },
...@@ -251,14 +761,14 @@ ...@@ -251,14 +761,14 @@
sizeOffset: 6 sizeOffset: 6
} }
}, },
xaxis: { // xaxis: {
type: 'datetime', //设置X轴的类型 三种可选：category、datetime、numeric // type: 'datetime', //设置X轴的类型 三种可选：category、datetime、numeric
labels: { // labels: {
format: "MM-dd" //设置X轴时间格式 // format: "MM-dd" //设置X轴时间格式
} // }
}, // },
//设置X轴的时间 //设置X轴的时间
labels: [], // labels: [],
tooltip: { tooltip: {
y: [{ y: [{
title: { title: {
...@@ -288,14 +798,46 @@ ...@@ -288,14 +798,46 @@
}, },
}, },
yesData: {}, //昨日数据 yesData: {}, //昨日数据
employeeList:[],
myEmployeeList:[],
ConsultObj:{} //课程顾问数据
}; };
}, },
mounted() { mounted() {
this.getData(); this.getData();
this.getEmployeeList();
}, },
computed:{ computed:{
}, },
methods: { 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){ getVisitCount(num,total){
if(this.yesData){ if(this.yesData){
...@@ -310,25 +852,71 @@ ...@@ -310,25 +852,71 @@
//点击 //点击
getCheck(type) { getCheck(type) {
this.comType = 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() { 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) { if (res.Code == 1) {
let tempData = res.Data.dayList; let tempData = res.Data.dayList;
this.yesData = res.Data.YesDataObj; this.yesData = res.Data.YesDataObj;
this.series[0].data=[];
this.series[1].data=[];
this.series[2].data=[];
this.xArray=[];
tempData.forEach(x => { tempData.forEach(x => {
this.series[0].data.push(x.ClueCount); this.series[0].data.push(x.ClueCount);
this.series[1].data.push(x.VisitCount); this.series[1].data.push(x.VisitCount);
this.series[2].data.push(x.TrialLessonCount); 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(() => { setTimeout(() => {
this.$refs.apex.updateSeries(this.series) this.$refs.apex.updateSeries(this.series)
}, 100) }, 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