Skip to content

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

页面修改

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