Skip to content

S
SuperMan
Commit 217ef038 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 3b42b5f7
Show whitespace changes
Inline Side-by-side
Showing with 670 additions and 598 deletions
src/components/personalCenter.vue
View file @ 217ef038
...@@ -102,10 +102,10 @@ ...@@ -102,10 +102,10 @@
</template> </template>
<script> <script>
import personalIndex from './personalCenter/index' import personalIndex from './personalCenter/index'
import dailyAnalysis from './visualization/dailyAnalysis' import dailyAnalysis from './visualization/dailyAnalysis'
import personnelManagement from './activity/PersonnelManagement' import personnelManagement from './activity/PersonnelManagement'
export default { export default {
data() { data() {
return { return {
CurrentUserInfo: {}, CurrentUserInfo: {},
...@@ -113,8 +113,8 @@ export default { ...@@ -113,8 +113,8 @@ export default {
zoomH: 1, zoomH: 1,
NotDealCount: 0, NotDealCount: 0,
MyAuditCount: 0, MyAuditCount: 0,
boardIndex:0, boardIndex: 0,
EditBtn:false, EditBtn: false,
}; };
}, },
components: { components: {
...@@ -138,13 +138,12 @@ export default { ...@@ -138,13 +138,12 @@ export default {
} }
}); });
}, },
changeBoard(index){ changeBoard(index) {
this.boardIndex=index this.boardIndex = index
}, },
getNotDealCount() { getNotDealCount() {
this.apipost( this.apipost(
"Financial_post_GetNotDealCount", "Financial_post_GetNotDealCount", {},
{},
r => { r => {
if (r.data.resultCode == 1) { if (r.data.resultCode == 1) {
this.NotDealCount = r.data.data; this.NotDealCount = r.data.data;
...@@ -155,8 +154,7 @@ export default { ...@@ -155,8 +154,7 @@ export default {
}, },
myAuditCount() { myAuditCount() {
this.apipost( this.apipost(
"app_user_workflow_MyAuditCount", "app_user_workflow_MyAuditCount", {},
{},
r => { r => {
if (r.data.resultCode == 1) { if (r.data.resultCode == 1) {
this.MyAuditCount = r.data.data; this.MyAuditCount = r.data.data;
...@@ -171,21 +169,26 @@ export default { ...@@ -171,21 +169,26 @@ export default {
}; };
query.tab = name; query.tab = name;
query.blank = "y"; query.blank = "y";
this.$router.push({ path: url, query }); this.$router.push({
path: url,
query
});
} }
} }
}; };
</script> </script>
<style scoped> <style scoped>
.personal { .personal {
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
/* background: #000; */ /* background: #000; */
background: #0a0919 url("../assets/img/persion/bg.png") 100% 100%; background: #0a0919 url("../assets/img/persion/bg.png") 100% 100%;
position: relative; position: relative;
} }
.personal .u-box {
.personal .u-box {
width: 300px; width: 300px;
position: absolute; position: absolute;
background: #19133e6e; background: #19133e6e;
...@@ -193,8 +196,9 @@ export default { ...@@ -193,8 +196,9 @@ export default {
top: 0; top: 0;
bottom: 0; bottom: 0;
border: 1px solid #2c2739; border: 1px solid #2c2739;
} }
.personal .m-box {
.personal .m-box {
position: absolute; position: absolute;
left: 300px; left: 300px;
top: 0; top: 0;
...@@ -203,19 +207,23 @@ export default { ...@@ -203,19 +207,23 @@ export default {
background: rgba(242, 243, 248, 1); background: rgba(242, 243, 248, 1);
overflow-y: auto; overflow-y: auto;
/* padding-bottom: 20px; */ /* padding-bottom: 20px; */
} }
.personal .m-box .personTable{
.personal .m-box .personTable {
margin: 0px; margin: 0px;
width: 100%; width: 100%;
} }
.personal .u-box .h-info-box {
.personal .u-box .h-info-box {
margin: 15px; margin: 15px;
display: flex; display: flex;
} }
.personal .u-box .h-info-box .h-info {
.personal .u-box .h-info-box .h-info {
flex: 1; flex: 1;
} }
.personal .u-box .h-info-box .h-info .k {
.personal .u-box .h-info-box .h-info .k {
color: #8a8894; color: #8a8894;
height: 20px; height: 20px;
line-height: 20px; line-height: 20px;
...@@ -224,8 +232,9 @@ export default { ...@@ -224,8 +232,9 @@ export default {
text-align: right; text-align: right;
display: block; display: block;
margin-top: 10px; margin-top: 10px;
} }
.personal .u-box .h-info-box .h-info .v {
.personal .u-box .h-info-box .h-info .v {
color: #ddd; color: #ddd;
height: 20; height: 20;
line-height: 20px; line-height: 20px;
...@@ -234,9 +243,9 @@ export default { ...@@ -234,9 +243,9 @@ export default {
text-align: right; text-align: right;
display: block; display: block;
margin-top: 10px; margin-top: 10px;
} }
.personal .u-box .h-info-box .h-img { .personal .u-box .h-info-box .h-img {
width: 120px; width: 120px;
height: 120px; height: 120px;
border: 1px solid #2c2739; border: 1px solid #2c2739;
...@@ -248,80 +257,96 @@ export default { ...@@ -248,80 +257,96 @@ export default {
justify-content: center; justify-content: center;
margin-left: 20px; margin-left: 20px;
display: flex; display: flex;
} }
.personal .u-box .h-info-box .h-img img {
.personal .u-box .h-info-box .h-img img {
width: 82px; width: 82px;
height: 82px; height: 82px;
} }
.personal .u-box .u-info {
.personal .u-box .u-info {
margin: 50px 0 0 0; margin: 50px 0 0 0;
padding: 15px; padding: 15px;
background: rgba(25, 19, 62, 0.56); background: rgba(25, 19, 62, 0.56);
} }
.personal .u-box .u-info .item {
.personal .u-box .u-info .item {
display: flex; display: flex;
margin-bottom: 15px; margin-bottom: 15px;
align-items: baseline; align-items: baseline;
} }
.personal .u-box .u-info .item:last-child {
.personal .u-box .u-info .item:last-child {
margin: 0px; margin: 0px;
} }
.personal .u-box .u-info .item .k {
.personal .u-box .u-info .item .k {
color: #8a8894; color: #8a8894;
font-size: 14px; font-size: 14px;
font-family: "pingfangR"; font-family: "pingfangR";
text-align: right; text-align: right;
display: block; display: block;
width: 100px; width: 100px;
} }
.personal .u-box .u-info .item .v {
.personal .u-box .u-info .item .v {
color: #bbb; color: #bbb;
font-size: 16px; font-size: 16px;
font-family: "pingfangR"; font-family: "pingfangR";
text-align: left; text-align: left;
display: block; display: block;
margin-left: 10px; margin-left: 10px;
} }
.personal .u-box .n-info {
.personal .u-box .n-info {
margin: 20px 0; margin: 20px 0;
background: rgba(25, 19, 62, 0.56); background: rgba(25, 19, 62, 0.56);
} }
.personal .u-box .n-info .item {
.personal .u-box .n-info .item {
align-items: center; align-items: center;
display: flex; display: flex;
padding: 10px 20px; padding: 10px 20px;
/* border-bottom: 1px solid #2c2739; */ /* border-bottom: 1px solid #2c2739; */
cursor: pointer; cursor: pointer;
} }
.personal .u-box .n-info .item:last-child {
.personal .u-box .n-info .item:last-child {
border: none; border: none;
} }
.personal .u-box .n-info .item:hover {
.personal .u-box .n-info .item:hover {
background: rgba(25, 19, 62, 0.8); background: rgba(25, 19, 62, 0.8);
} }
.personal .u-box .n-info .item:hover *:not(.tips) {
.personal .u-box .n-info .item:hover *:not(.tips) {
color: #1e90ff !important; color: #1e90ff !important;
} }
.personal .u-box .n-info .item i {
.personal .u-box .n-info .item i {
color: #bbb; color: #bbb;
font-size: 18px; font-size: 18px;
width: 30px; width: 30px;
} }
.personal .u-box .n-info .item .n-name {
.personal .u-box .n-info .item .n-name {
flex: 1; flex: 1;
color: #ddd; color: #ddd;
font-size: 14px; font-size: 14px;
font-family: pingfangR; font-family: pingfangR;
} }
.personal .u-box .n-info .item .fang {
.personal .u-box .n-info .item .fang {
width: 80px; width: 80px;
text-align: right; text-align: right;
padding-right: 15px; padding-right: 15px;
} }
.personal .u-box .n-info .item .fang i {
.personal .u-box .n-info .item .fang i {
font-size: 12px; font-size: 12px;
} }
.personal .u-box .n-info .item .fang .tips {
.personal .u-box .n-info .item .fang .tips {
min-width: 22px; min-width: 22px;
height: 22px; height: 22px;
padding: 5px; padding: 5px;
...@@ -336,9 +361,9 @@ export default { ...@@ -336,9 +361,9 @@ export default {
color: #ddd; color: #ddd;
word-break: keep-all; word-break: keep-all;
font-family: pingfangR; font-family: pingfangR;
} }
.personal .left-point::after { .personal .left-point::after {
position: absolute; position: absolute;
width: 9px; width: 9px;
height: 9px; height: 9px;
...@@ -347,8 +372,9 @@ export default { ...@@ -347,8 +372,9 @@ export default {
content: " "; content: " ";
border-left: 3px solid #8a8894; border-left: 3px solid #8a8894;
border-top: 3px solid #8a8894; border-top: 3px solid #8a8894;
} }
.personal .left-point::before {
.personal .left-point::before {
position: absolute; position: absolute;
width: 9px; width: 9px;
height: 9px; height: 9px;
...@@ -357,8 +383,9 @@ export default { ...@@ -357,8 +383,9 @@ export default {
content: " "; content: " ";
border-left: 3px solid #8a8894; border-left: 3px solid #8a8894;
border-bottom: 3px solid #8a8894; border-bottom: 3px solid #8a8894;
} }
.personal .right-point::after {
.personal .right-point::after {
position: absolute; position: absolute;
width: 9px; width: 9px;
height: 9px; height: 9px;
...@@ -367,8 +394,9 @@ export default { ...@@ -367,8 +394,9 @@ export default {
content: " "; content: " ";
border-right: 3px solid #8a8894; border-right: 3px solid #8a8894;
border-top: 3px solid #8a8894; border-top: 3px solid #8a8894;
} }
.personal .right-point::before {
.personal .right-point::before {
position: absolute; position: absolute;
width: 9px; width: 9px;
height: 9px; height: 9px;
...@@ -377,9 +405,9 @@ export default { ...@@ -377,9 +405,9 @@ export default {
content: " "; content: " ";
border-right: 3px solid #8a8894; border-right: 3px solid #8a8894;
border-bottom: 3px solid #8a8894; border-bottom: 3px solid #8a8894;
} }
.personal .left-point-samll::after { .personal .left-point-samll::after {
position: absolute; position: absolute;
width: 5px; width: 5px;
height: 5px; height: 5px;
...@@ -388,8 +416,9 @@ export default { ...@@ -388,8 +416,9 @@ export default {
content: " "; content: " ";
border-left: 2px solid #8a8894; border-left: 2px solid #8a8894;
border-top: 2px solid #8a8894; border-top: 2px solid #8a8894;
} }
.personal .left-point-samll::before {
.personal .left-point-samll::before {
position: absolute; position: absolute;
width: 5px; width: 5px;
height: 5px; height: 5px;
...@@ -398,8 +427,9 @@ export default { ...@@ -398,8 +427,9 @@ export default {
content: " "; content: " ";
border-left: 2px solid #8a8894; border-left: 2px solid #8a8894;
border-bottom: 2px solid #8a8894; border-bottom: 2px solid #8a8894;
} }
.personal .right-point-samll::after {
.personal .right-point-samll::after {
position: absolute; position: absolute;
width: 5px; width: 5px;
height: 5px; height: 5px;
...@@ -408,8 +438,9 @@ export default { ...@@ -408,8 +438,9 @@ export default {
content: " "; content: " ";
border-right: 2px solid #8a8894; border-right: 2px solid #8a8894;
border-top: 2px solid #8a8894; border-top: 2px solid #8a8894;
} }
.personal .right-point-samll::before {
.personal .right-point-samll::before {
position: absolute; position: absolute;
width: 5px; width: 5px;
height: 5px; height: 5px;
...@@ -418,6 +449,6 @@ export default { ...@@ -418,6 +449,6 @@ export default {
content: " "; content: " ";
border-right: 2px solid #8a8894; border-right: 2px solid #8a8894;
border-bottom: 2px solid #8a8894; border-bottom: 2px solid #8a8894;
} }
</style> </style>
src/components/sale/sale.vue
View file @ 217ef038
<style lang="less" scoped> <style lang="less" scoped>
@import "../../assets/css/main.less"; @import "../../assets/css/main.less";
/*@import "../../assets/css/cssReset.css";*/
@import "../../assets/css/home/Saleshomepage_1920.css"; @import "../../assets/css/home/Saleshomepage_1920.css";
.saleChartCont{width: 100%; height: 95%; box-sizing: border-box;}
.personal{width: 100%;height: 100%;} .saleChartCont {
.l_title{width: 100%;height: 30px} width: 100%;
.Sale_Share{ height: 95%;
color:#83ACFF; box-sizing: border-box;
}
.personal {
width: 100%;
height: 100%;
}
.l_title {
width: 100%;
height: 30px
}
.Sale_Share {
color: #83ACFF;
cursor: pointer; cursor: pointer;
font-size:12px; font-size: 12px;
margin-left:10px; margin-left: 10px;
} }
.ShareDisClick{
color:gray; .ShareDisClick {
color: gray;
} }
.Sale_UnlessWords{
display:inline-block; .Sale_UnlessWords {
margin:25px 0 0 80px; display: inline-block;
color:#E95252; margin: 25px 0 0 80px;
color: #E95252;
} }
</style> </style>
<template> <template>
<div> <div>
<leftNav></leftNav> <leftNav></leftNav>
<div class="sale_cont"> <div class="sale_cont" v-if="CurrentUserInfo.RB_Group_id==2 || EditBtn">
<div class="Sale_menu"> <div class="Sale_menu">
<ul> <ul>
<li :class="{active:type==1}" @click="type=1">个人工作台</li> <li :class="{active:type==1}" @click="type=1">个人工作台</li>
<li :class="{active:type==2}" @click="type=2">小组战绩</li> <li :class="{active:type==2}" @click="type=2">小组战绩</li>
</ul> </ul>
</div> </div>
<div class="saleChartCont" :style="{zoom:zoom}"> <div class="saleChartCont" :style="{zoom:zoom}">
<div v-show="type==1" class="personal"> <div v-show="type==1" class="personal">
<div class="PersonalData"> <div class="PersonalData">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12" > <el-col :span="12">
<div class="el-col-div ownScrollbarStyle PersonalData_l"> <div class="el-col-div ownScrollbarStyle PersonalData_l">
<div class="l_top"> <div class="l_top">
<img v-if="data.icon !=null && data.icon !='' " :src="data.icon" alt="" class="tx_img" :onerror='defaultHeadImg'> <img v-if="data.icon !=null && data.icon !='' " :src="data.icon" alt="" class="tx_img"
:onerror='defaultHeadImg'>
<img v-else src="../../assets/img/default_head_img.jpg" alt="" alt="" class="tx_img"> <img v-else src="../../assets/img/default_head_img.jpg" alt="" alt="" class="tx_img">
<div class="p_name"> <div class="p_name">
<span>{{data.emName}}</span> <span>{{data.emName}}</span>
...@@ -51,12 +67,13 @@ ...@@ -51,12 +67,13 @@
<span>￥</span> <span>￥</span>
<span>{{data.totalCommission}}</span> <span>{{data.totalCommission}}</span>
</div> </div>
<!-- <span>￥<p class="tc">{{data.totalCommission}}</p></span>--> <!-- <span>￥<p class="tc">{{data.totalCommission}}</p></span>-->
<div stye="font-size: 16px;color: #666666;display: block;display: inline-block;" > <div stye="font-size: 16px;color: #666666;display: block;display: inline-block;">
<span>本月提成</span> <span>本月提成</span>
<template v-if="data.comissionGeneralId>0"> <template v-if="data.comissionGeneralId>0">
<span v-if="data.share==1" class="Sale_Share" style="color:#333;cursor:default;">已确认</span> <span v-if="data.share==1" class="Sale_Share" style="color:#333;cursor:default;">已确认</span>
<span v-if="data.share==0" @click="tichengDialog=true" class="Sale_Share" :class="{'ShareDisClick':!isSubmit}">分享并确认</span> <span v-if="data.share==0" @click="tichengDialog=true" class="Sale_Share"
:class="{'ShareDisClick':!isSubmit}">分享并确认</span>
</template> </template>
</div> </div>
</div> </div>
...@@ -65,7 +82,8 @@ ...@@ -65,7 +82,8 @@
<div class="order"> <div class="order">
<div class="l_title"> <div class="l_title">
<span style="font-size: 14px;color: #333333;float: left">近十日发团订单</span> <span style="font-size: 14px;color: #333333;float: left">近十日发团订单</span>
<span style="font-size: 14px;color: #BABABA;float: right;cursor: pointer" @click="goUrl('/groupTourOrder')">···</span> <span style="font-size: 14px;color: #BABABA;float: right;cursor: pointer"
@click="goUrl('/groupTourOrder')">···</span>
</div> </div>
<div class="table_t"> <div class="table_t">
<span>订单号</span> <span>订单号</span>
...@@ -80,7 +98,8 @@ ...@@ -80,7 +98,8 @@
<span style="font-size: 12px;color:#999999;">{{item.startDate}}</span> <span style="font-size: 12px;color:#999999;">{{item.startDate}}</span>
<span style="font-size: 12px;color:#F36C5E;">￥{{item.dueInMoney}}</span> <span style="font-size: 12px;color:#F36C5E;">￥{{item.dueInMoney}}</span>
</div> </div>
<div style="width: 100%;margin-top: 20px;text-align: center" v-show="data.orderInfo ==null || data.orderInfo.length == 0">暂无数据</div> <div style="width: 100%;margin-top: 20px;text-align: center"
v-show="data.orderInfo ==null || data.orderInfo.length == 0">暂无数据</div>
</div> </div>
...@@ -104,7 +123,7 @@ ...@@ -104,7 +123,7 @@
<span>人</span> <span>人</span>
</div> </div>
</div> </div>
<i class="iconfont icon-tuoyuan"/> <i class="iconfont icon-tuoyuan" />
</div> </div>
<div class="c_view view_t"> <div class="c_view view_t">
...@@ -116,7 +135,7 @@ ...@@ -116,7 +135,7 @@
<span>单</span> <span>单</span>
</div> </div>
</div> </div>
<i class="iconfont icon-xingzhuang2"/> <i class="iconfont icon-xingzhuang2" />
</div> </div>
<div class="c_view view_t"> <div class="c_view view_t">
...@@ -141,7 +160,7 @@ ...@@ -141,7 +160,7 @@
<span>人</span> <span>人</span>
</div> </div>
</div> </div>
<i class="iconfont icon-xingzhuang5"/> <i class="iconfont icon-xingzhuang5" />
</div> </div>
<div class="c_view view_b"> <div class="c_view view_b">
<div class="semicircle_b"></div> <div class="semicircle_b"></div>
...@@ -152,7 +171,7 @@ ...@@ -152,7 +171,7 @@
<span>条</span> <span>条</span>
</div> </div>
</div> </div>
<i class="iconfont icon-xingzhuang1"/> <i class="iconfont icon-xingzhuang1" />
</div> </div>
<div class="c_view view_b"> <div class="c_view view_b">
<div class="semicircle_b"></div> <div class="semicircle_b"></div>
...@@ -163,13 +182,11 @@ ...@@ -163,13 +182,11 @@
<span>{{data.inquiryCount}}</span> <span>{{data.inquiryCount}}</span>
</div> </div>
</div> </div>
<i class="iconfont icon-xingzhuang3" id="xzts"/> <i class="iconfont icon-xingzhuang3" id="xzts" />
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
...@@ -180,10 +197,10 @@ ...@@ -180,10 +197,10 @@
<div class="l_title"> <div class="l_title">
<span style="font-size: 14px;color: #333333;float: left">我的评价</span> <span style="font-size: 14px;color: #333333;float: left">我的评价</span>
</div> </div>
<!-- <div id="evaluate" :style="{width: '350px', height: '310px'}" style="margin-left: 9%"></div>--> <div id="evaluate" v-show="data.taskCapacityList !=null && data.taskCapacityList.length != 0"
<div id="evaluate" v-show="data.taskCapacityList !=null && data.taskCapacityList.length != 0" :style="{width:'350px', height: '310px'}" style="margin-left: 9%"></div> :style="{width:'350px', height: '310px'}" style="margin-left: 9%"></div>
<div v-if="data.taskCapacityList == null || data.taskCapacityList.length == 0" style="width: 100%;text-align: center;margin-top: 20px">暂无数据</div> <div v-if="data.taskCapacityList == null || data.taskCapacityList.length == 0"
style="width: 100%;text-align: center;margin-top: 20px">暂无数据</div>
</div> </div>
</el-col> </el-col>
<el-col :span="13"> <el-col :span="13">
...@@ -207,29 +224,36 @@ ...@@ -207,29 +224,36 @@
<div class="D_data"> <div class="D_data">
<span class="zname">拜访客户</span> <span class="zname">拜访客户</span>
<div class="Progress"> <div class="Progress">
<div :style="{width:(data.lastWeekaddVisitCount > 0 ? (data.lastWeekaddVisitCount/data.lastWeekVisitAve)*100 +'%' : 0)}" :class="data.lastWeekaddVisitCount < data.lastWeekVisitAve ? 'bugou' : (data.lastWeekaddVisitCount == data.lastWeekVisitAve) ? 'jiayou' :'chaobang'"></div> <div
:style="{width:(data.lastWeekaddVisitCount > 0 ? (data.lastWeekaddVisitCount/data.lastWeekVisitAve)*100 +'%' : 0)}"
:class="data.lastWeekaddVisitCount < data.lastWeekVisitAve ? 'bugou' : (data.lastWeekaddVisitCount == data.lastWeekVisitAve) ? 'jiayou' :'chaobang'">
</div>
</div> </div>
<div class="mean"> <div class="mean">
<span>{{data.lastWeekaddVisitCount}}</span> <span>{{data.lastWeekaddVisitCount}}</span>
<span>/人均 {{data.lastWeekVisitAve}}人</span> <span>/人均 {{data.lastWeekVisitAve}}人</span>
</div> </div>
</div> </div>
<div class="D_data"> <div class="D_data">
<span class="zname">新增客户</span> <span class="zname">新增客户</span>
<div class="Progress"> <div class="Progress">
<div :style="{width:(data.lastWeekaddCustomerCount > 0 ? (data.lastWeekaddCustomerCount/data.lastWeekaddCustomerAve)*100 +'%' : 0)}" :class="data.lastWeekaddCustomerCount < data.lastWeekaddCustomerAve ? 'bugou' : (data.lastWeekaddCustomerCount == data.lastWeekaddCustomerAve) ? 'jiayou' :'chaobang'"></div> <div
:style="{width:(data.lastWeekaddCustomerCount > 0 ? (data.lastWeekaddCustomerCount/data.lastWeekaddCustomerAve)*100 +'%' : 0)}"
:class="data.lastWeekaddCustomerCount < data.lastWeekaddCustomerAve ? 'bugou' : (data.lastWeekaddCustomerCount == data.lastWeekaddCustomerAve) ? 'jiayou' :'chaobang'">
</div>
</div> </div>
<div class="mean"> <div class="mean">
<span>{{data.lastWeekaddCustomerCount}}</span> <span>{{data.lastWeekaddCustomerCount}}</span>
<span>/人均 {{data.lastWeekaddCustomerAve}}人</span> <span>/人均 {{data.lastWeekaddCustomerAve}}人</span>
</div> </div>
</div> </div>
<div class="D_data"> <div class="D_data">
<span class="zname">报名单</span> <span class="zname">报名单</span>
<div class="Progress"> <div class="Progress">
<div :style="{width:(data.myTotalOrderCount > 0 ? (data.myTotalOrderCount/data.myTotalOrderAve)*100 +'%' : 0)}" :class="data.myTotalOrderCount < data.myTotalOrderAve ? 'bugou' : (data.myTotalOrderCount == data.myTotalOrderAve) ? 'jiayou' :'chaobang'"></div> <div
:style="{width:(data.myTotalOrderCount > 0 ? (data.myTotalOrderCount/data.myTotalOrderAve)*100 +'%' : 0)}"
:class="data.myTotalOrderCount < data.myTotalOrderAve ? 'bugou' : (data.myTotalOrderCount == data.myTotalOrderAve) ? 'jiayou' :'chaobang'">
</div>
</div> </div>
<div class="mean"> <div class="mean">
<span>{{data.myTotalOrderCount}}</span> <span>{{data.myTotalOrderCount}}</span>
...@@ -239,7 +263,10 @@ ...@@ -239,7 +263,10 @@
<div class="D_data"> <div class="D_data">
<span class="zname">报名人数</span> <span class="zname">报名人数</span>
<div class="Progress"> <div class="Progress">
<div :style="{width:(data.totalGuestCount > 0 ? (data.totalGuestCount/data.totalGuestAve)*100 +'%' : 0)}" :class="data.totalGuestCount < data.totalGuestAve ? 'bugou' : (data.totalGuestCount == data.totalGuestAve) ? 'jiayou' :'chaobang'"></div> <div
:style="{width:(data.totalGuestCount > 0 ? (data.totalGuestCount/data.totalGuestAve)*100 +'%' : 0)}"
:class="data.totalGuestCount < data.totalGuestAve ? 'bugou' : (data.totalGuestCount == data.totalGuestAve) ? 'jiayou' :'chaobang'">
</div>
</div> </div>
<div class="mean"> <div class="mean">
<span>{{data.totalGuestCount}}</span> <span>{{data.totalGuestCount}}</span>
...@@ -249,7 +276,10 @@ ...@@ -249,7 +276,10 @@
<div class="D_data"> <div class="D_data">
<span class="zname">销售金额</span> <span class="zname">销售金额</span>
<div class="Progress"> <div class="Progress">
<div :style="{width:(data.totalOrderPrice > 0 ? (data.totalOrderPrice/data.totalOrderPriceAve)*100 +'%' : 0)}" :class="data.totalOrderPrice < data.totalOrderPriceAve ? 'bugou' : (data.totalOrderPrice == data.totalOrderPriceAve) ? 'jiayou' :'chaobang'"></div> <div
:style="{width:(data.totalOrderPrice > 0 ? (data.totalOrderPrice/data.totalOrderPriceAve)*100 +'%' : 0)}"
:class="data.totalOrderPrice < data.totalOrderPriceAve ? 'bugou' : (data.totalOrderPrice == data.totalOrderPriceAve) ? 'jiayou' :'chaobang'">
</div>
</div> </div>
<div class="mean"> <div class="mean">
<span>￥{{data.totalOrderPrice}}</span> <span>￥{{data.totalOrderPrice}}</span>
...@@ -259,44 +289,42 @@ ...@@ -259,44 +289,42 @@
<div class="D_data"> <div class="D_data">
<span class="zname">开发需求</span> <span class="zname">开发需求</span>
<div class="Progress"> <div class="Progress">
<div :style="{width:(data.exploitCount > 0 ? (data.exploitCount/data.exploitAve)*100 +'%' : 0)}" :class="data.exploitCount < data.exploitAve ? 'bugou' : (data.exploitCount == data.exploitAve) ? 'jiayou' :'chaobang'"></div> <div :style="{width:(data.exploitCount > 0 ? (data.exploitCount/data.exploitAve)*100 +'%' : 0)}"
:class="data.exploitCount < data.exploitAve ? 'bugou' : (data.exploitCount == data.exploitAve) ? 'jiayou' :'chaobang'">
</div>
</div> </div>
<div class="mean"> <div class="mean">
<span>{{data.exploitCount}}</span> <span>{{data.exploitCount}}</span>
<span>/人均 {{data.exploitAve}}</span> <span>/人均 {{data.exploitAve}}</span>
</div> </div>
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col :span="4" class="qxleft" > <el-col :span="4" class="qxleft">
<div class="el-col-div ownScrollbarStyle data_r"> <div class="el-col-div ownScrollbarStyle data_r">
<div class="l_title"> <div class="l_title">
<span style="font-size: 14px;color: #333333;float: left">快速通道</span> <span style="font-size: 14px;color: #333333;float: left">快速通道</span>
</div> </div>
<div class="r_box" @click="goUrlT('FinancialDocuments',3,'财务单据')"> <div class="r_box" @click="goUrlT('FinancialDocuments',3,'财务单据')">
<div style="background: #FFE6E4" class="icon_f"> <div style="background: #FFE6E4" class="icon_f">
<i class="iconfont icon-Compose" style="color: #F89291"/> <i class="iconfont icon-Compose" style="color: #F89291" />
</div> </div>
<div class="r_name" > <div class="r_name">
<span>待处理财务单据</span> <span>待处理财务单据</span>
<el-badge class="tishi" :value="NotDealCount?NotDealCount:'0'" /> <el-badge class="tishi" :value="NotDealCount?NotDealCount:'0'" />
</div> </div>
</div> </div>
<div class="r_box" @click="goUrl('/salesVolumeRank')"> <div class="r_box" @click="goUrl('/salesVolumeRank')">
<div style="background: #FFD6BF;" class="icon_f"> <div style="background: #FFD6BF;" class="icon_f">
<i class="iconfont icon-Heart" style="color: #F4A469"/> <i class="iconfont icon-Heart" style="color: #F4A469" />
</div> </div>
<div class="r_name" > <div class="r_name">
<span>销售排行</span> <span>销售排行</span>
</div> </div>
</div> </div>
<div class="r_box" > <div class="r_box">
<div style="background: #D5D0F4" class="icon_f"> <div style="background: #D5D0F4" class="icon_f">
<i class="iconfont icon-Newspaper" style="color: #9E8DE3"/> <i class="iconfont icon-Newspaper" style="color: #9E8DE3" />
</div> </div>
<div class="r_name"> <div class="r_name">
<span>待处理发票</span> <span>待处理发票</span>
...@@ -306,7 +334,7 @@ ...@@ -306,7 +334,7 @@
</div> </div>
<div class="r_box"> <div class="r_box">
<div style="background: #C0EBD1;" class="icon_f"> <div style="background: #C0EBD1;" class="icon_f">
<i class="iconfont icon-Sound" style="color: #5CC790;"/> <i class="iconfont icon-Sound" style="color: #5CC790;" />
</div> </div>
<div class="r_name"> <div class="r_name">
<span>公告</span> <span>公告</span>
...@@ -316,8 +344,6 @@ ...@@ -316,8 +344,6 @@
</div> </div>
</div> </div>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
...@@ -333,15 +359,15 @@ ...@@ -333,15 +359,15 @@
</div> </div>
<div class="receive"> <div class="receive">
<span>今日总收客人数</span> <span>今日总收客人数</span>
<span>{{groupdata.toDayGuestCount}}<span class="p_dw" >人</span></span> <span>{{groupdata.toDayGuestCount}}<span class="p_dw">人</span></span>
</div> </div>
<div class="g_icon g_bms"> <div class="g_icon g_bms">
<i class="iconfont icon-clipboard" style="color: #00B26F"></i> <i class="iconfont icon-clipboard" style="color: #00B26F"></i>
</div> </div>
<div class="receive"> <div class="receive">
<span >今日总报名单数</span> <span>今日总报名单数</span>
<span >{{groupdata.toDayOrderCount}}<span class="p_dw">单</span></span> <span>{{groupdata.toDayOrderCount}}<span class="p_dw">单</span></span>
</div> </div>
<div class="g_icon g_skuan"> <div class="g_icon g_skuan">
...@@ -351,12 +377,12 @@ ...@@ -351,12 +377,12 @@
<span>今日收款</span> <span>今日收款</span>
<span>{{groupdata.toDayInPrice}}</span> <span>{{groupdata.toDayInPrice}}</span>
</div> </div>
<div class="gain"> <div class="gain">
<span>涨幅</span> <span>涨幅</span>
<div class="sj"> <div class="sj">
<i :class="groupdata.toDayInPriceRate<0 ? 'bottomsanjiao':'topsanjiao' "></i> <i :class="groupdata.toDayInPriceRate<0 ? 'bottomsanjiao':'topsanjiao' "></i>
<span :style="groupdata.toDayInPriceRate<0 ? 'color:#F36C5E':'color:#00B26F'">{{groupdata.toDayInPriceRate}}%</span> <span
:style="groupdata.toDayInPriceRate<0 ? 'color:#F36C5E':'color:#00B26F'">{{groupdata.toDayInPriceRate}}%</span>
</div> </div>
</div> </div>
<div class="weekdata"> <div class="weekdata">
...@@ -364,46 +390,45 @@ ...@@ -364,46 +390,45 @@
<span>本周总收客</span> <span>本周总收客</span>
<span class="w_da">{{groupdata.nowWeekGuestCount}}</span> <span class="w_da">{{groupdata.nowWeekGuestCount}}</span>
<div class="w_d"> <div class="w_d">
<i :class="groupdata.guestRate<0 ? 'bottomsanjiao':'topsanjiao' "></i><span :style="groupdata.guestRate<0 ? 'color:#F36C5E':'color:#00B26F'">{{groupdata.guestRate}}%</span> <i :class="groupdata.guestRate<0 ? 'bottomsanjiao':'topsanjiao' "></i><span
:style="groupdata.guestRate<0 ? 'color:#F36C5E':'color:#00B26F'">{{groupdata.guestRate}}%</span>
</div> </div>
</div> </div>
<div class="weekdata_box"> <div class="weekdata_box">
<span>本周报名单数</span> <span>本周报名单数</span>
<span class="w_da">{{groupdata.orderCount}}</span> <span class="w_da">{{groupdata.orderCount}}</span>
<div class="w_d"> <div class="w_d">
<i :class="groupdata.orderRate<0 ? 'bottomsanjiao':'topsanjiao' "></i><span :style="groupdata.orderRate<0 ? 'color:#F36C5E':'color:#00B26F'">{{groupdata.orderRate}}%</span> <i :class="groupdata.orderRate<0 ? 'bottomsanjiao':'topsanjiao' "></i><span
:style="groupdata.orderRate<0 ? 'color:#F36C5E':'color:#00B26F'">{{groupdata.orderRate}}%</span>
</div> </div>
</div> </div>
<div class="weekdata_box2"> <div class="weekdata_box2">
<span>本周未收金额</span> <span>本周未收金额</span>
<span class="w_da" style="margin-top: 5px">￥{{groupdata.dueInMoney}}</span> <span class="w_da" style="margin-top: 5px">￥{{groupdata.dueInMoney}}</span>
<!-- <div class="w_d">-->
<!-- </div>-->
</div> </div>
</div> </div>
</div> </div>
<!-- 分界线-->
<div class="line"> <div class="line">
<div class="line_title"> <div class="line_title">
<span>小组成员业绩</span> <span>小组成员业绩</span>
</div> </div>
</div> </div>
<div class="ranking">
<div class="ranking" >
<div class="rankbox" v-for="(item,index) in groupdata.departmentUserOrderList" :key="index"> <div class="rankbox" v-for="(item,index) in groupdata.departmentUserOrderList" :key="index">
<div class="xz_tx"> <div class="xz_tx">
<img v-if="item.icon!=null && item.icon !='' " :src="item.icon" alt="" :onerror='defaultHeadImg'> <img v-if="item.icon!=null && item.icon !='' " :src="item.icon" alt=""
:onerror='defaultHeadImg'>
<img v-else src="../../assets/img/default_head_img.jpg" alt=""> <img v-else src="../../assets/img/default_head_img.jpg" alt="">
<i :class="index==0? 'iconfont icon-juxing-1':'' " style="position: absolute;top: -20px;left: -10px;color: #FFC71E"/> <i :class="index==0? 'iconfont icon-juxing-1':'' "
<i :class="index==1? 'iconfont icon-juxing-1':'' " style="position: absolute;top: -20px;left: -10px;color: #C7C7C7"/> style="position: absolute;top: -20px;left: -10px;color: #FFC71E" />
<i :class="index==2? 'iconfont icon-juxing-1':'' " style="position: absolute;top: -20px;left: -10px;color: #B6794C"/> <i :class="index==1? 'iconfont icon-juxing-1':'' "
style="position: absolute;top: -20px;left: -10px;color: #C7C7C7" />
<i :class="index==2? 'iconfont icon-juxing-1':'' "
style="position: absolute;top: -20px;left: -10px;color: #B6794C" />
</div> </div>
<div style="width: 100%;text-align: center"> <div style="width: 100%;text-align: center">
<span style="font-size: 14px;color: #333333;margin-top: 10px;">{{item.userName}}</span> <span style="font-size: 14px;color: #333333;margin-top: 10px;">{{item.userName}}</span>
</div> </div>
<div style="width: 100%;height: 2px;background: #E7E7E7;margin: 10px 0"></div> <div style="width: 100%;height: 2px;background: #E7E7E7;margin: 10px 0"></div>
<div class="rankbox_b"> <div class="rankbox_b">
<div class="today"> <div class="today">
...@@ -429,11 +454,12 @@ ...@@ -429,11 +454,12 @@
<div class="tubiao"> <div class="tubiao">
<div class="l_title" style="position: relative"> <div class="l_title" style="position: relative">
<span style="font-size: 14px;color: #333333;float: left">本周收客排行</span> <span style="font-size: 14px;color: #333333;float: left">本周收客排行</span>
</div> </div>
<div class="tb_box"> <div class="tb_box">
<div v-show="OrderList !=null && OrderList.length>0" id="myChart" :style="{width: '1240px', height: '270px'}"></div> <div v-show="OrderList !=null && OrderList.length>0" id="myChart"
<div v-if="OrderList == null || OrderList.length == 0" style="width: 100%;text-align: center;;margin-top: 20px">暂无数据</div> :style="{width: '1240px', height: '270px'}"></div>
<div v-if="OrderList == null || OrderList.length == 0"
style="width: 100%;text-align: center;;margin-top: 20px">暂无数据</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -441,7 +467,7 @@ ...@@ -441,7 +467,7 @@
<el-col :span="4"> <el-col :span="4">
<div class="el-col-div ownScrollbarStyle paneldata_r"> <div class="el-col-div ownScrollbarStyle paneldata_r">
<div class="paneldata_r_box"> <div class="paneldata_r_box">
<div class="l_title" > <div class="l_title">
<span style="font-size: 14px;color: #333333;float: left">今日工作</span> <span style="font-size: 14px;color: #333333;float: left">今日工作</span>
</div> </div>
<div class="c_view gz1"> <div class="c_view gz1">
...@@ -453,7 +479,7 @@ ...@@ -453,7 +479,7 @@
<span>人</span> <span>人</span>
</div> </div>
</div> </div>
<i class="iconfont icon-xingzhuang5" style="color: #A598EE"/> <i class="iconfont icon-xingzhuang5" style="color: #A598EE" />
</div> </div>
<div class="c_view gz2"> <div class="c_view gz2">
<div class="banyuan" style="background: #DBF1D1"></div> <div class="banyuan" style="background: #DBF1D1"></div>
...@@ -464,7 +490,7 @@ ...@@ -464,7 +490,7 @@
<span>人</span> <span>人</span>
</div> </div>
</div> </div>
<i class="iconfont icon-xingzhuang8" style="color: #98D482"/> <i class="iconfont icon-xingzhuang8" style="color: #98D482" />
</div> </div>
<div class="c_view gz3"> <div class="c_view gz3">
<div class="banyuan" style="background: #E3EFF6"></div> <div class="banyuan" style="background: #E3EFF6"></div>
...@@ -475,7 +501,7 @@ ...@@ -475,7 +501,7 @@
<span>人</span> <span>人</span>
</div> </div>
</div> </div>
<i class="iconfont icon-xingzhuang6" style="color: #68A3C2"/> <i class="iconfont icon-xingzhuang6" style="color: #68A3C2" />
</div> </div>
<div class="c_view gz4"> <div class="c_view gz4">
<div class="banyuan" style="background: #ECECFF"></div> <div class="banyuan" style="background: #ECECFF"></div>
...@@ -486,7 +512,7 @@ ...@@ -486,7 +512,7 @@
<span>人</span> <span>人</span>
</div> </div>
</div> </div>
<i class="iconfont icon-xingzhuang1" style="color: #8F96EB"/> <i class="iconfont icon-xingzhuang1" style="color: #8F96EB" />
</div> </div>
<div class="c_view gz5"> <div class="c_view gz5">
<div class="banyuan" style="background: #F1F5FF"></div> <div class="banyuan" style="background: #F1F5FF"></div>
...@@ -497,10 +523,9 @@ ...@@ -497,10 +523,9 @@
<span>人</span> <span>人</span>
</div> </div>
</div> </div>
<i class="iconfont icon-xingzhuang3"/> <i class="iconfont icon-xingzhuang3" />
</div> </div>
</div> </div>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
...@@ -511,7 +536,8 @@ ...@@ -511,7 +536,8 @@
<el-dialog custom-class='w500' title="分享提成" :visible.sync="tichengDialog" center :before-close="resetCommission"> <el-dialog custom-class='w500' title="分享提成" :visible.sync="tichengDialog" center :before-close="resetCommission">
<el-form :model="shareMsg" :rules="rules" ref="shareMsg" label-width="80px"> <el-form :model="shareMsg" :rules="rules" ref="shareMsg" label-width="80px">
<el-form-item label="个人宣言" style="margin-bottom:0;" prop="ShareContent"> <el-form-item label="个人宣言" style="margin-bottom:0;" prop="ShareContent">
<el-input type="textarea" rows="6" resize="none" maxlength="100" v-model="shareMsg.ShareContent" placeholder=""></el-input> <el-input type="textarea" rows="6" resize="none" maxlength="100" v-model="shareMsg.ShareContent"
placeholder=""></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span class="Sale_UnlessWords"> <span class="Sale_UnlessWords">
...@@ -524,31 +550,29 @@ ...@@ -524,31 +550,29 @@
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import leftNav from '../public/leftNav.vue' import leftNav from '../public/leftNav.vue'
export default { export default {
data (){ data() {
return{ return {
type:1, type: 1,
defaultHeadImg: defaultHeadImg: 'this.src="' + require("../../assets/img/default_head_img.jpg") + '"',
'this.src="' + require("../../assets/img/default_head_img.jpg") + '"', style: {
style:{ width: 0,
width:0, background: "#FFFFFF"
background:"#FFFFFF" },
}, data: [],
data:[], groupdata: [],
groupdata:[], myScore: [],
myScore:[], screenWidth: 0,
screenWidth:0, NotDealCount: 0, //
NotDealCount:0, // zoom: 1,
zoom:1, OrderList: [],
OrderList:[], tichengDialog: false,
tichengDialog:false, shareMsg: {
shareMsg:{ ShareContent: '',
ShareContent:'', PeriodsId: 0,
PeriodsId:0, totalCommission: 0
totalCommission:0
}, },
rules: { rules: {
ShareContent: [{ ShareContent: [{
...@@ -559,36 +583,38 @@ ...@@ -559,36 +583,38 @@
}, },
//验证重复提交 //验证重复提交
isSubmit: true, isSubmit: true,
CurrentUserInfo: {},
EditBtn: false,
} }
}, },
components:{ components: {
leftNav leftNav
}, },
watch: { watch: {
screenWidth (val) { screenWidth(val) {
this.screenWidth = val; this.screenWidth = val;
let Width = val - 350 let Width = val - 350
this.zoom = ((Width/(1920-350))*100).toFixed(0)+'%'; this.zoom = ((Width / (1920 - 350)) * 100).toFixed(0) + '%';
} }
}, },
methods:{ methods: {
iWorkbench(){ iWorkbench() {
this.apipost('customerIndex_post_GetMySelfSellInfo',{},res=>{ this.apipost('customerIndex_post_GetMySelfSellInfo', {}, res => {
if(res.data.resultCode==1){ if (res.data.resultCode == 1) {
this.data = res.data.data; this.data = res.data.data;
this.myScore = res.data.data.taskCapacityList; this.myScore = res.data.data.taskCapacityList;
this.myScore.forEach(item=>{ this.myScore.forEach(item => {
if(item.score<60){ if (item.score < 60) {
item['fen']='D' item['fen'] = 'D'
}else if(item.score<70&&item.score>=60){ } else if (item.score < 70 && item.score >= 60) {
item['fen']='C' item['fen'] = 'C'
}else if(item.score<80&&item.score>=70){ } else if (item.score < 80 && item.score >= 70) {
item['fen']='B' item['fen'] = 'B'
}else if(item.score<95&&item.score>=80){ } else if (item.score < 95 && item.score >= 80) {
item['fen']='A' item['fen'] = 'A'
}else{ } else {
item['fen']='S' item['fen'] = 'S'
} }
}) })
let evaluate = this.$echarts.init(document.getElementById('evaluate')) let evaluate = this.$echarts.init(document.getElementById('evaluate'))
...@@ -596,86 +622,100 @@ ...@@ -596,86 +622,100 @@
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
axisPointer : { // 坐标轴指示器，坐标轴触发有效 axisPointer: { // 坐标轴指示器，坐标轴触发有效
type : 'shadow' // 默认为直线，可选为：'line' | 'shadow' type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
} }
}, },
radar: [ radar: [{
{ name: {
name:{
formatter: function (value, indicator) { formatter: function (value, indicator) {
return value + '\n'+indicator.fen return value + '\n' + indicator.fen
} }
}, },
splitArea:{ splitArea: {
show:false show: false
}, },
splitLine:{ splitLine: {
lineStyle:{ lineStyle: {
color: ['#BCBFFF', '#BCBFFF'] color: ['#BCBFFF', '#BCBFFF']
} }
}, },
// axisLine:{ indicator: [{
// lineStyle:{ text: this.myScore[0].name,
// color:'#1632DE' max: 100,
// } fen: this.myScore[0].fen
// }, },
indicator: [ {
{text: this.myScore[0].name, max: 100,fen:this.myScore[0].fen}, text: this.myScore[1].name,
{text: this.myScore[1].name, max: 100,fen:this.myScore[1].fen}, max: 100,
{text: this.myScore[2].name, max: 100,fen:this.myScore[2].fen}, fen: this.myScore[1].fen
{text: this.myScore[3].name, max: 100,fen:this.myScore[3].fen}, },
{text: this.myScore[4].name, max: 100,fen:this.myScore[4].fen}, {
{text: this.myScore[5].name, max: 100,fen:this.myScore[5].fen} text: this.myScore[2].name,
], max: 100,
fen: this.myScore[2].fen
},
{
text: this.myScore[3].name,
max: 100,
fen: this.myScore[3].fen
},
{
text: this.myScore[4].name,
max: 100,
fen: this.myScore[4].fen
}, },
],
series: [
{ {
text: this.myScore[5].name,
max: 100,
fen: this.myScore[5].fen
}
],
}, ],
series: [{
type: 'radar', type: 'radar',
tooltip: { tooltip: {
trigger: 'item' trigger: 'item'
}, },
itemStyle: {normal: {areaStyle: {type: 'default'}}}, itemStyle: {
data: [ normal: {
{ areaStyle: {
value: [this.myScore[0].score,this.myScore[1].score,this.myScore[2].score,this.myScore[3].score,this.myScore[4].score,this.myScore[5].score], type: 'default'
itemStyle:{ }
normal:{
color:'#487DE9'
} }
}, },
name: '我的评价' data: [{
}, value: [this.myScore[0].score, this.myScore[1].score, this.myScore[2].score, this
.myScore[3].score, this.myScore[4].score, this.myScore[5].score
], ],
radius: 60 itemStyle: {
normal: {
color: '#487DE9'
}
}, },
name: '我的评价'
] }, ],
radius: 60
}, ]
}); });
}else{ } else {
this.$message.error(res.data.message) this.$message.error(res.data.message)
} }
},err=>{}) }, err => {})
}, },
grouplist(){ grouplist() {
this.apipost('customerIndex_post_GetDepartmentSellInfo',{},res=>{ this.apipost('customerIndex_post_GetDepartmentSellInfo', {}, res => {
if(res.data.resultCode==1){ if (res.data.resultCode == 1) {
this.groupdata = res.data.data; this.groupdata = res.data.data;
let OrderList = res.data.data.reaultDepartmentOrderList; let OrderList = res.data.data.reaultDepartmentOrderList;
this.OrderList = OrderList; this.OrderList = OrderList;
if(OrderList !=null){ if (OrderList != null) {
this.drawLine(OrderList); // echarts; this.drawLine(OrderList); // echarts;
} }
} else {
}else{
this.$message.error(res.data.message) this.$message.error(res.data.message)
} }
},err=>{}) }, err => {})
}, },
drawLine(OrderList) { drawLine(OrderList) {
// 基于准备好的dom，初始化echarts实例 // 基于准备好的dom，初始化echarts实例
...@@ -683,88 +723,80 @@ ...@@ -683,88 +723,80 @@
let dataname = []; let dataname = [];
let bzdata = []; let bzdata = [];
let szdata = []; let szdata = [];
for( var i = 0;i<OrderList.length; i++){ for (var i = 0; i < OrderList.length; i++) {
if(i<10){ if (i < 10) {
dataname.push(OrderList[i].branchName+'\n'+OrderList[i].departmentName) dataname.push(OrderList[i].branchName + '\n' + OrderList[i].departmentName)
bzdata.push(OrderList[i].nowWeekGuest) bzdata.push(OrderList[i].nowWeekGuest)
szdata.push(OrderList[i].nowLastWeekGuest) szdata.push(OrderList[i].nowLastWeekGuest)
} }
} }
// 绘制图表 // 绘制图表
myChart.setOption({ myChart.setOption({
title: '', title: '',
tooltip: {}, tooltip: {},
legend: { legend: {
x: 'center', x: 'center',
data:['本周收客','上周收客',] data: ['本周收客', '上周收客', ]
}, },
xAxis: { xAxis: {
data: dataname, data: dataname,
triggerEvent: true, triggerEvent: true,
axisLabel: { axisLabel: {
fontSize:9, //设置x轴标签的字体大小 fontSize: 9, //设置x轴标签的字体大小
interval:0 //设置标签x的名称 0为显示所有 1为间隔一个显示 interval: 0 //设置标签x的名称 0为显示所有 1为间隔一个显示
}, },
axisTick:{ axisTick: {
interval:0 interval: 0
}, },
nameTextStyle:{ nameTextStyle: {}
}
}, },
yAxis:{ yAxis: {
name:'收客数', name: '收客数',
nameLocation:'end', //坐标轴名称显示位置。 nameLocation: 'end', //坐标轴名称显示位置。
splitLine: { splitLine: {
show: true, show: true,
lineStyle:{ lineStyle: {
type:'dashed' type: 'dashed'
} }
}, },
axisTick:{ axisTick: {
show:false show: false
}, },
axisLine:{ axisLine: {
show:false show: false
} }
}, },
series: [{ series: [{
type: 'bar', type: 'bar',
name:'本周收客', name: '本周收客',
barGap: '-100%', barGap: '-100%',
data: bzdata, data: bzdata,
z:11, z: 11,
itemStyle:{ itemStyle: {
normal:{ normal: {
color:'#1698FD', color: '#1698FD',
} }
}, },
barWidth:20 barWidth: 20
}, },
{ {
type: 'bar', type: 'bar',
name:'上周收客', name: '上周收客',
data: szdata, data: szdata,
z:10, z: 10,
itemStyle:{ itemStyle: {
normal:{ normal: {
color:'#7FEFEF' color: '#7FEFEF'
} }
}, },
barWidth:20 barWidth: 20
} }
] ]
}); });
}, },
Financial_post_GetNotDealCount() { Financial_post_GetNotDealCount() {
this.apipost( this.apipost(
"Financial_post_GetNotDealCount", "Financial_post_GetNotDealCount", {},
{},
r => { r => {
if (r.data.resultCode == 1) { if (r.data.resultCode == 1) {
this.NotDealCount = r.data.data; this.NotDealCount = r.data.data;
...@@ -774,71 +806,84 @@ ...@@ -774,71 +806,84 @@
); );
}, },
goUrlT(url, index, name) { goUrlT(url, index, name) {
let query={ let query = {
Conditon: index Conditon: index
} }
if(localStorage.openMode && localStorage.openMode==1){ if (localStorage.openMode && localStorage.openMode == 1) {
query.tab=name query.tab = name
query.blank='y' query.blank = 'y'
} }
this.$router.push({ path: url, query }); this.$router.push({
path: url,
query
});
}, },
goUrl(path){ goUrl(path) {
this.$router.push({ this.$router.push({
path: path path: path
}) })
}, },
//锅炉除开标点符号的字数 //锅炉除开标点符号的字数
getFilteredNum(val){ getFilteredNum(val) {
//var pattern=new RegExp("[`~%!@#$^=''?~！@#￥……&——‘”“'？*()（），,。.、<>《》\\[\\]【】\\“\\”{}=+-|\/:;；：]"); //var pattern=new RegExp("[`~%!@#$^=''?~！@#￥……&——‘”“'？*()（），,。.、<>《》\\[\\]【】\\“\\”{}=+-|\/:;；：]");
var pattern=new RegExp("[`~%!@#$^=''?~！@#￥……&——‘”“'？*()（），,。.、<>《》:;； +-=\\s]"); var pattern = new RegExp("[`~%!@#$^=''?~！@#￥……&——‘”“'？*()（），,。.、<>《》:;； +-=\\s]");
//[]内输入你要过滤的字符，这里基本包含全部的标点符号，\\是转义字符 //[]内输入你要过滤的字符，这里基本包含全部的标点符号，\\是转义字符
var rs=""; var rs = "";
for(var i=0;i<val.length;i++){ for (var i = 0; i < val.length; i++) {
rs+=val.substr(i,1).replace(pattern,''); rs += val.substr(i, 1).replace(pattern, '');
} }
return rs return rs
}, },
//确定分享业绩 //确定分享业绩
shareCommission(){ shareCommission() {
if(this.shareMsg.ShareContent==''){ if (this.shareMsg.ShareContent == '') {
this.Error('请填写个人宣言'); this.Error('请填写个人宣言');
return; return;
} }
let FilterNum=this.getFilteredNum(this.shareMsg.ShareContent); let FilterNum = this.getFilteredNum(this.shareMsg.ShareContent);
if(FilterNum.length<10){ if (FilterNum.length < 10) {
this.Error('字数太少了，再多说点吧！'); this.Error('字数太少了，再多说点吧！');
return; return;
}else{ } else {
this.shareMsg.PeriodsId=this.data.comissionGeneralId; this.shareMsg.PeriodsId = this.data.comissionGeneralId;
this.shareMsg.totalCommission=this.data.totalCommission; this.shareMsg.totalCommission = this.data.totalCommission;
if (this.isSubmit) { if (this.isSubmit) {
this.isSubmit = false; this.isSubmit = false;
this.apipost('customerIndex_post_SetSellComissionGeneralSure', this.shareMsg ,res=>{ this.apipost('customerIndex_post_SetSellComissionGeneralSure', this.shareMsg, res => {
this.isSubmit=true; this.isSubmit = true;
if(res.data.resultCode==1){ if (res.data.resultCode == 1) {
this.Success(res.data.message); this.Success(res.data.message);
this.iWorkbench(); this.iWorkbench();
this.resetCommission(); this.resetCommission();
this.MsgBus.$emit('reSetMSG'); this.MsgBus.$emit('reSetMSG');
}else{ } else {
this.Error(res.data.message); this.Error(res.data.message);
} }
},err=>{}) }, err => {})
} }
} }
}, },
//关闭重置输入框 //关闭重置输入框
resetCommission(){ resetCommission() {
this.tichengDialog=false; this.tichengDialog = false;
this.shareMsg.ShareContent='' this.shareMsg.ShareContent = ''
},
GetAuth() {
var actionCode = this.$AuthCode.V_PersonalCenter;
this.CheckUserAuth(actionCode, res => {
if (res.data.resultCode == 1 && res.data.data == 1) {
this.EditBtn = true;
} }
});
}, },
mounted(){ },
mounted() {
this.GetAuth();
this.CurrentUserInfo = this.getLocalStorage();
var w = document.documentElement.clientWidth || document.body.clientWidth; var w = document.documentElement.clientWidth || document.body.clientWidth;
this.screenWidth = w; this.screenWidth = w;
let Width = w - 350 let Width = w - 350
this.zoom = ((Width/(1920-350))*100).toFixed(0)+'%'; this.zoom = ((Width / (1920 - 350)) * 100).toFixed(0) + '%';
window.onresize = () => { window.onresize = () => {
return (() => { return (() => {
window.screenWidth = document.body.clientWidth window.screenWidth = document.body.clientWidth
...@@ -848,11 +893,7 @@ ...@@ -848,11 +893,7 @@
this.iWorkbench() //销售个人工作台接口 this.iWorkbench() //销售个人工作台接口
this.grouplist() //销售首页小组工作台 this.grouplist() //销售首页小组工作台
this.Financial_post_GetNotDealCount(); //待处理财务单据的个数 this.Financial_post_GetNotDealCount(); //待处理财务单据的个数
}, },
} }
</script> </script>
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