Skip to content

C
confucius
Commit a6db0449 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent ae612d4e
Show whitespace changes
Inline Side-by-side
Showing with 158 additions and 108 deletions
src/components/work/todayData.vue
View file @ a6db0449
...@@ -55,10 +55,10 @@ ...@@ -55,10 +55,10 @@
.Data_List { .Data_List {
box-sizing: border-box; box-sizing: border-box;
flex:0 0 22%; flex: 0 0 22%;
padding: 32px; padding: 32px;
background-color: #fff; background-color: #fff;
margin:0 24px 24px 0; margin: 0 24px 24px 0;
font-size: 14px; font-size: 14px;
} }
...@@ -110,31 +110,33 @@ ...@@ -110,31 +110,33 @@
margin-top: 3px; margin-top: 3px;
// display: flex; // display: flex;
font-size: 14px; font-size: 14px;
text-align:right; 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: 25px; width: 25px;
display:inline-block; display: inline-block;
text-align:left; text-align: left;
} }
.label_Number { .label_Number {
flex: 1 1 0%; flex: 1 1 0%;
color: #fa5151; color: #fa5151;
} }
.label_Cule{
flex:1 1 0%; .label_Cule {
color:#fa5151; flex: 1 1 0%;
display:inline-block; color: #fa5151;
width:40px; display: inline-block;
width: 40px;
} }
.greenClass{
color:#00ce8b!important; .greenClass {
display:inline-block; color: #00ce8b !important;
width:40px; display: inline-block;
width: 40px;
} }
</style> </style>
<template> <template>
...@@ -144,15 +146,12 @@ ...@@ -144,15 +146,12 @@
平台数据 平台数据
</div> </div>
<div style="display:flex;"> <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="至" <el-date-picker v-model="dateList" type="daterange" align="right" value-format="yyyy-MM-dd" @change="getData"
start-placeholder="开始日期" end-placeholder="结束日期"> unlink-panels range-separator="至" 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-select v-model="msg.empList" @change="throttle" style="width:180px;margin-left:10px;" collapse-tags multiple
<el-option filterable placeholder="请选择">
v-for="item in myEmployeeList" <el-option v-for="item in myEmployeeList" :key="item.Id" :label="item.EmployeeName" :value="item.Id">
:key="item.Id"
:label="item.EmployeeName"
:value="item.Id">
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
...@@ -185,19 +184,22 @@ ...@@ -185,19 +184,22 @@
<div class="Data_Right"> <div class="Data_Right">
<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.YestodayVisit)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(yesData.ClueCount,yesData.YestodayVisit)>0}">
{{getVisitCount(yesData.ClueCount,yesData.YestodayVisit)}}% {{getVisitCount(yesData.ClueCount,yesData.YestodayVisit)}}%
</span> </span>
</div> </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.CurWeekVisit,yesData.LastWeekVisit)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(yesData.CurWeekVisit,yesData.LastWeekVisit)>0}">
{{getVisitCount(yesData.CurWeekVisit,yesData.LastWeekVisit)}}% {{getVisitCount(yesData.CurWeekVisit,yesData.LastWeekVisit)}}%
</span> </span>
</div> </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.CurMonthVisit,yesData.LastMonthVisit)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(yesData.CurMonthVisit,yesData.LastMonthVisit)>0}">
{{getVisitCount(yesData.CurMonthVisit,yesData.LastMonthVisit)}}% {{getVisitCount(yesData.CurMonthVisit,yesData.LastMonthVisit)}}%
</span> </span>
</div> </div>
...@@ -217,19 +219,22 @@ ...@@ -217,19 +219,22 @@
<div class="Data_Right"> <div class="Data_Right">
<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.FollowCount,yesData.YestodayFollow)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(yesData.FollowCount,yesData.YestodayFollow)>0}">
{{getVisitCount(yesData.FollowCount,yesData.YestodayFollow)}}% {{getVisitCount(yesData.FollowCount,yesData.YestodayFollow)}}%
</span> </span>
</div> </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.CurWeekFollow,yesData.LastWeekFollow)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(yesData.CurWeekFollow,yesData.LastWeekFollow)>0}">
{{getVisitCount(yesData.CurWeekFollow,yesData.LastWeekFollow)}}% {{getVisitCount(yesData.CurWeekFollow,yesData.LastWeekFollow)}}%
</span> </span>
</div> </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.CurMonthFollow,yesData.LastMonthFollow)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(yesData.CurMonthFollow,yesData.LastMonthFollow)>0}">
{{getVisitCount(yesData.CurMonthFollow,yesData.LastMonthFollow)}}% {{getVisitCount(yesData.CurMonthFollow,yesData.LastMonthFollow)}}%
</span> </span>
</div> </div>
...@@ -249,19 +254,22 @@ ...@@ -249,19 +254,22 @@
<div class="Data_Right"> <div class="Data_Right">
<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.ClueCount,yesData.YestodayClue)>0}">
{{getVisitCount(yesData.ClueCount,yesData.YestodayClue)}}% {{getVisitCount(yesData.ClueCount,yesData.YestodayClue)}}%
</span> </span>
</div> </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.CurWeekClue,yesData.YestodayClue)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(yesData.CurWeekClue,yesData.YestodayClue)>0}">
{{getVisitCount(yesData.CurWeekClue,yesData.YestodayClue)}}% {{getVisitCount(yesData.CurWeekClue,yesData.YestodayClue)}}%
</span> </span>
</div> </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.CurMonthClue,yesData.LastMonthClue)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(yesData.CurMonthClue,yesData.LastMonthClue)>0}">
{{getVisitCount(yesData.CurMonthClue,yesData.LastMonthClue)}}% {{getVisitCount(yesData.CurMonthClue,yesData.LastMonthClue)}}%
</span> </span>
</div> </div>
...@@ -281,19 +289,22 @@ ...@@ -281,19 +289,22 @@
<div class="Data_Right"> <div class="Data_Right">
<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.TrialLessonCount,yesData.YestodayTrialLesson)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(yesData.TrialLessonCount,yesData.YestodayTrialLesson)>0}">
{{getVisitCount(yesData.TrialLessonCount,yesData.YestodayTrialLesson)}}% {{getVisitCount(yesData.TrialLessonCount,yesData.YestodayTrialLesson)}}%
</span> </span>
</div> </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.CurWeekTrialLesson,yesData.LastWeekTrialLesson)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(yesData.CurWeekTrialLesson,yesData.LastWeekTrialLesson)>0}">
{{getVisitCount(yesData.CurWeekTrialLesson,yesData.LastWeekTrialLesson)}}% {{getVisitCount(yesData.CurWeekTrialLesson,yesData.LastWeekTrialLesson)}}%
</span> </span>
</div> </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.CurMonthTrialLesson,yesData.LastMonthTrialLesson)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(yesData.CurMonthTrialLesson,yesData.LastMonthTrialLesson)>0}">
{{getVisitCount(yesData.CurMonthTrialLesson,yesData.LastMonthTrialLesson)}}% {{getVisitCount(yesData.CurMonthTrialLesson,yesData.LastMonthTrialLesson)}}%
</span> </span>
</div> </div>
...@@ -313,19 +324,22 @@ ...@@ -313,19 +324,22 @@
<div class="Data_Right"> <div class="Data_Right">
<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.SaleMoney,yesData.YestodaySale)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(yesData.SaleMoney,yesData.YestodaySale)>0}">
{{getVisitCount(yesData.SaleMoney,yesData.YestodaySale)}}% {{getVisitCount(yesData.SaleMoney,yesData.YestodaySale)}}%
</span> </span>
</div> </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.CurWeekSale,yesData.LastWeekSale)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(yesData.CurWeekSale,yesData.LastWeekSale)>0}">
{{getVisitCount(yesData.CurWeekSale,yesData.LastWeekSale)}}% {{getVisitCount(yesData.CurWeekSale,yesData.LastWeekSale)}}%
</span> </span>
</div> </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.CurMonrhSale,yesData.LastMonthSale)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(yesData.CurMonrhSale,yesData.LastMonthSale)>0}">
{{getVisitCount(yesData.CurMonrhSale,yesData.LastMonthSale)}}% {{getVisitCount(yesData.CurMonrhSale,yesData.LastMonthSale)}}%
</span> </span>
</div> </div>
...@@ -381,19 +395,22 @@ ...@@ -381,19 +395,22 @@
<div class="Data_Right"> <div class="Data_Right">
<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(ConsultObj.VisitCount,ConsultObj.YestodayVisit)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.VisitCount,ConsultObj.YestodayVisit)>0}">
{{getVisitCount(ConsultObj.VisitCount,ConsultObj.YestodayVisit)}}% {{getVisitCount(ConsultObj.VisitCount,ConsultObj.YestodayVisit)}}%
</span> </span>
</div> </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(ConsultObj.CurWeekVisit,ConsultObj.LastWeekVisit)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.CurWeekVisit,ConsultObj.LastWeekVisit)>0}">
{{getVisitCount(ConsultObj.CurWeekVisit,ConsultObj.LastWeekVisit)}}% {{getVisitCount(ConsultObj.CurWeekVisit,ConsultObj.LastWeekVisit)}}%
</span> </span>
</div> </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(ConsultObj.CurMonthVisit,ConsultObj.LastMonthVisit)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.CurMonthVisit,ConsultObj.LastMonthVisit)>0}">
{{getVisitCount(ConsultObj.CurMonthVisit,ConsultObj.LastMonthVisit)}}% {{getVisitCount(ConsultObj.CurMonthVisit,ConsultObj.LastMonthVisit)}}%
</span> </span>
</div> </div>
...@@ -413,19 +430,22 @@ ...@@ -413,19 +430,22 @@
<div class="Data_Right"> <div class="Data_Right">
<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(ConsultObj.Rates,ConsultObj.YestodayRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)>0}">
{{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}% {{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}%
</span> </span>
</div> </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(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}">
{{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}% {{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}%
</span> </span>
</div> </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(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}">
{{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}% {{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}%
</span> </span>
</div> </div>
...@@ -445,19 +465,22 @@ ...@@ -445,19 +465,22 @@
<div class="Data_Right"> <div class="Data_Right">
<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(ConsultObj.Rates,ConsultObj.YestodayRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)>0}">
{{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}% {{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}%
</span> </span>
</div> </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(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}">
{{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}% {{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}%
</span> </span>
</div> </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(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}">
{{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}% {{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}%
</span> </span>
</div> </div>
...@@ -477,19 +500,22 @@ ...@@ -477,19 +500,22 @@
<div class="Data_Right"> <div class="Data_Right">
<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(ConsultObj.Rates,ConsultObj.YestodayRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)>0}">
{{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}% {{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}%
</span> </span>
</div> </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(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}">
{{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}% {{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}%
</span> </span>
</div> </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(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}">
{{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}% {{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}%
</span> </span>
</div> </div>
...@@ -509,19 +535,22 @@ ...@@ -509,19 +535,22 @@
<div class="Data_Right"> <div class="Data_Right">
<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(ConsultObj.Rates,ConsultObj.YestodayRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)>0}">
{{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}% {{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}%
</span> </span>
</div> </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(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}">
{{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}% {{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}%
</span> </span>
</div> </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(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}">
{{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}% {{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}%
</span> </span>
</div> </div>
...@@ -541,19 +570,22 @@ ...@@ -541,19 +570,22 @@
<div class="Data_Right"> <div class="Data_Right">
<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(ConsultObj.Rates,ConsultObj.YestodayRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)>0}">
{{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}% {{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}%
</span> </span>
</div> </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(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}">
{{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}% {{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}%
</span> </span>
</div> </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(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}">
{{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}% {{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}%
</span> </span>
</div> </div>
...@@ -573,19 +605,22 @@ ...@@ -573,19 +605,22 @@
<div class="Data_Right"> <div class="Data_Right">
<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(ConsultObj.Rates,ConsultObj.YestodayRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)>0}">
{{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}% {{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}%
</span> </span>
</div> </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(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}">
{{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}% {{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}%
</span> </span>
</div> </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(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}">
{{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}% {{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}%
</span> </span>
</div> </div>
...@@ -605,19 +640,22 @@ ...@@ -605,19 +640,22 @@
<div class="Data_Right"> <div class="Data_Right">
<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(ConsultObj.Rates,ConsultObj.YestodayRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)>0}">
{{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}% {{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}%
</span> </span>
</div> </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(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}">
{{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}% {{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}%
</span> </span>
</div> </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(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}">
{{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}% {{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}%
</span> </span>
</div> </div>
...@@ -637,19 +675,22 @@ ...@@ -637,19 +675,22 @@
<div class="Data_Right"> <div class="Data_Right">
<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(ConsultObj.Rates,ConsultObj.YestodayRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)>0}">
{{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}% {{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}%
</span> </span>
</div> </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(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}">
{{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}% {{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}%
</span> </span>
</div> </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(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}">
{{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}% {{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}%
</span> </span>
</div> </div>
...@@ -669,19 +710,22 @@ ...@@ -669,19 +710,22 @@
<div class="Data_Right"> <div class="Data_Right">
<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(ConsultObj.Rates,ConsultObj.YestodayRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)>0}">
{{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}% {{getVisitCount(ConsultObj.Rates,ConsultObj.YestodayRates)}}%
</span> </span>
</div> </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(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)>0}">
{{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}% {{getVisitCount(ConsultObj.CurWeekRates,ConsultObj.LastWeekRates)}}%
</span> </span>
</div> </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(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}"> <span class="label_Cule"
:class="{'greenClass':getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)>0}">
{{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}% {{getVisitCount(ConsultObj.CurMonthRates,ConsultObj.LastMonthRates)}}%
</span> </span>
</div> </div>
...@@ -710,11 +754,11 @@ ...@@ -710,11 +754,11 @@
data() { data() {
return { return {
dateList: [], dateList: [],
comType: 1, comType: 1, //1-市场部;2-课程顾问部
msg:{ msg: {
startTime:"", startTime: "",
endTime:"", endTime: "",
empList:[] empList: []
}, },
series: [{ series: [{
name: "新增条数", name: "新增条数",
...@@ -798,20 +842,19 @@ ...@@ -798,20 +842,19 @@
}, },
}, },
yesData: {}, //昨日数据 yesData: {}, //昨日数据
employeeList:[], employeeList: [],
myEmployeeList:[], myEmployeeList: [],
ConsultObj:{} //课程顾问数据 ConsultObj: {} //课程顾问数据
}; };
}, },
mounted() { mounted() {
this.getData(); this.getData();
this.getEmployeeList(); this.getEmployeeList();
}, },
computed:{ computed: {},
},
methods: { methods: {
//设置节流 //设置节流
throttle(){ throttle() {
//首先设定一个变量，在没有执行我们的定时器时为null //首先设定一个变量，在没有执行我们的定时器时为null
var timer = null; var timer = null;
//当我们发现这个定时器存在时，则表示定时器已经在运行中，需要返回 //当我们发现这个定时器存在时，则表示定时器已经在运行中，需要返回
...@@ -823,9 +866,16 @@ ...@@ -823,9 +866,16 @@
}, },
//获取员工列表 //获取员工列表
getEmployeeList() { getEmployeeList() {
queryEmployee({ var qMsg = {
IsLeave: 1 IsLeave: 1,
}).then(res => { Dept_Id: 0,
};
if (this.comType == 1) {
qMsg.Dept_Id = 4;
} else {
qMsg.Dept_Id = 13;
}
queryEmployee(qMsg).then(res => {
this.employeeList = res.Data; this.employeeList = res.Data;
this.myEmployeeList = res.Data; this.myEmployeeList = res.Data;
}); });
...@@ -839,8 +889,8 @@ ...@@ -839,8 +889,8 @@
}); });
}, },
//获取访问量 //获取访问量
getVisitCount(num,total){ getVisitCount(num, total) {
if(this.yesData){ if (this.yesData) {
num = parseFloat(num); num = parseFloat(num);
total = parseFloat(total); total = parseFloat(total);
if (isNaN(num) || isNaN(total)) { if (isNaN(num) || isNaN(total)) {
...@@ -852,15 +902,16 @@ ...@@ -852,15 +902,16 @@
//点击 //点击
getCheck(type) { getCheck(type) {
this.comType = type; this.comType = type;
if(type==1){ this.getEmployeeList();
if (type == 1) {
this.getData() this.getData()
} }
if(type==2){ if (type == 2) {
this.getConsultant(); this.getConsultant();
} }
}, },
//获取课程顾问数据 //获取课程顾问数据
getConsultant(){ getConsultant() {
if (this.dateList && this.dateList.length > 0) { if (this.dateList && this.dateList.length > 0) {
this.msg.startTime = this.dateList[0]; this.msg.startTime = this.dateList[0];
this.msg.endTime = this.dateList[1]; this.msg.endTime = this.dateList[1];
...@@ -887,24 +938,24 @@ ...@@ -887,24 +938,24 @@
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[0].data = [];
this.series[1].data=[]; this.series[1].data = [];
this.series[2].data=[]; this.series[2].data = [];
this.xArray=[]; 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.xArray.push(x.DayStr); this.xArray.push(x.DayStr);
}) })
if(this.xArray&&this.xArray.length>0){ if (this.xArray && this.xArray.length > 0) {
this.chartOptions = { this.chartOptions = {
xaxis: { xaxis: {
categories: this.xArray categories: this.xArray
} }
} }
} }
console.log(this.$refs.apex,'阿萨德'); console.log(this.$refs.apex, '阿萨德');
setTimeout(() => { setTimeout(() => {
this.$refs.apex.updateSeries(this.series) this.$refs.apex.updateSeries(this.series)
}, 100) }, 100)
...@@ -912,12 +963,11 @@ ...@@ -912,12 +963,11 @@
}); });
}, },
//获取周几 //获取周几
getweekday(date){ getweekday(date) {
var weekArray = new Array("日", "一", "二", "三", "四", "五", "六"); var weekArray = new Array("日", "一", "二", "三", "四", "五", "六");
var week = weekArray[new Date(date).getDay()];//注意此处必须是先new一个Date var week = weekArray[new Date(date).getDay()]; //注意此处必须是先new一个Date
return week; return week;
}, },
} }
} }
</script> </script>
\ No newline at end of file
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