Skip to content

S
SuperMan
Commit b85402ef authored by huangyuanyuan's avatar huangyuanyuan
Browse files
Options

Merge branch 'master' of http://gitlab.oytour.com/luochao/superman

parents 20f5560e 29baa92b
Hide whitespace changes
Inline Side-by-side
Showing with 5028 additions and 966 deletions
src/App.vue
View file @ b85402ef
...@@ -73,7 +73,7 @@ export default { ...@@ -73,7 +73,7 @@ export default {
} }
}, },
mounted() { mounted() {
if (!this.getLocalStorage()) { if (!this.getLocalStorage() && document.URL.indexOf("SupplierLogin")==-1) {
this.$router.push({ this.$router.push({
path: '/login' path: '/login'
}) })
......
src/assets/css/home/Saleshomepage_1920.css 0 → 100644
View file @ b85402ef
@media (max-width:1920px) {
.sale_cont{position: absolute;left: 330px;right: 20px;top: 30px; bottom: 30px;}
.Sale_menu ul{width: 100%; height: 40px;}
.Sale_menu li{float: left;width: 100px; height: 40px; text-align: center; font-size: 14px;
line-height: 40px; margin-right:3px; color: #808080;
border-radius:4px 4px 0 0; cursor: pointer; box-sizing: border-box;}
.Sale_menu li.active{ color: #FFFFFF; height: 40px ;background: #1F2533;border-radius: 4px;box-shadow: 0 0 3px 3px rgba(31, 37, 51, 0.4); }
.saleChartCont{width: 100%; height: 95%; box-sizing: border-box;}
.personal{width: 100%;height: 100%;}
.PersonalData{width: 100%;height: 350px;background: white;margin-top: 10px}
.PersonalData_l{width: 100%;height: 350px;overflow-x: auto;padding: 20px}
.PersonalData_l .l_top{width: 700px;height: 100px;}
.l_top .tx_img{width: 94px;height: 94px;border-radius: 50%;overflow: hidden;float: left}
.l_top .img{width: 80px;height: 70px;margin-left: 90px;float: left;margin-top: 15px}
.p_name{margin-left: 17px;margin-top: 25px;float: left}
.p_name span:nth-child(1){font-size: 18px;color: #333333;display: block}
.p_name span:nth-child(2){font-size: 12px;color: #333333;margin-top: 5px;display: block}
.l_top .royalty{margin-left: 30px;float: left;margin-top: 17px}
.l_top .royalty span:nth-child(1){font-size: 36px;color: #333333;display: block}
.l_top .royalty span:nth-child(2){font-size: 16px;color: #666666;display: block}
.order{width: 700px;height: 205px;background: #F5F5F5;margin-top: 5px;padding: 20px}
.l_title{width: 100%;height: 30px}
.table_t{width: 100%;height: 30px;}
.table_t span{width: 24.5%;height: 30px;display: inline-block;float: left;text-align: center;font-size: 12px;color: #666666;line-height: 30px}
.table_c{width: 100%;max-height: 95px;overflow: auto;background: white}
.table_c .table_cont{width: 100%;height: 30px;}
.table_c .table_cont span{width: 24.5%;height: 30px;;display: inline-block;float: left;text-align: center;line-height: 30px}
.PersonalData_r{width: 100%;height: 350px;overflow-x: auto;}
.PersonalData_r .r_box{width: 700px;margin-top: 15px}
.PersonalData_r .r_box .r_box_t{width: 100%;height: 130px;}
.PersonalData_r .r_box .r_box_b{width: 100%;height: 130px;margin-top: 15px}
.c_view{width: 28%;height: 127px;border-radius: 8px;border: 1px solid #E5E5E5;padding: 20px;position: relative;margin-left: 35px;overflow: hidden;float: left}
.view_t:hover{box-shadow: 0 0 10px 10px rgba(229, 156, 151, 0.2);border-radius: 4px;transform: scale(1.03);background: #FFF0EF;border:2px solid #F89291;transition: all linear 0.5s;}
.view_b:hover{box-shadow: 0 0 10px 10px rgba(241, 245, 255, 0.2);border-radius: 4px;transform: scale(1.03);background: #ECECFF;border:2px solid #8F96EB;transition: all linear 0.5s;}
.c_view span{font-size: 14px;color: #333333;display: inline-block}
.c_view div{margin-top: 15px;}
/*.c_view div span:nth-child(1){font-size: 36px;color: #333333}*/
.semicircle_t{width: 200px;height: 200px;border-radius: 50%;position: absolute;top: 20px;right: -100px;background: #FFE4EB}
.view_t:hover .semicircle_t{background: #FFF0EF}
.view_b:hover .semicircle_t{background: #F1F5FF}
.semicircle_b{width: 200px;height: 200px;border-radius: 50%;position: absolute;top: 20px;right: -100px;background: #ECECFF}
.view_t i{position: absolute;top:62px;right: 10px;font-size: 45px;color: #F89291}
.view_b i{position: absolute;top:62px;right: 10px;font-size: 45px;color: #8F96EB}
.dataanalysis{width: 100%;height: 405px;margin-top: 20px}
.data_l{width: 100%;height: 380px;background: white;padding: 20px;overflow-x: auto}
.data_c{width: 100%;height: 380px;background: white;overflow-x: auto;padding: 0 20px}
.data_title{width: 800px;height: 40px;position: relative}
.data_title span{font-size: 20px;color: #333333;display: inline-block;float: left}
.tagging{position: absolute;top: 0;right: 0;}
.yuan_o{width: 14px;height: 14px;border-radius: 50%;margin-left: 10px;float: left;margin-top: 2px;
background: -webkit-linear-gradient(90deg, #FBA299, #F36C5E);
background: linear-gradient(90deg, #FBA299, #F36C5E);}
.yuan_t{width: 14px;height: 14px;border-radius: 50%;margin-left: 10px;float: left;margin-top: 2px;
background: -webkit-linear-gradient(90deg, #5DE7B3, #00B26F);
background: linear-gradient(90deg, #5DE7B3, #00B26F);}
.yuan_tr{width: 14px;height: 14px;border-radius: 50%;margin-left: 10px;float: left;margin-top: 2px;
background: -webkit-linear-gradient(90deg, #96D1FF, #1698FD);
background: linear-gradient(90deg, #96D1FF, #1698FD);}
.tagging span{font-size: 14px;color: #333333;margin-left: 10px;float: left;display: inline-block}
.D_data{width: 800px;height: 45px;position: relative;line-height: 45px}
.D_data .zname{font-size: 14px;color: #333333;float: left;display: inline-block;width: 60px}
.Progress{width: 86%;height: 12px;border-radius: 6px;float: left;margin: 17px 0 0 40px;overflow: hidden;
background: -webkit-linear-gradient(90deg, #ECECEC, #D3D3D3);
background: linear-gradient(90deg, #ECECEC, #D3D3D3);}
.Progress div{;height: 12px;border-radius: 6px;}
.bugou{
background: -webkit-linear-gradient(90deg, #FBA299, #F36C5E);
background: linear-gradient(90deg, #FBA299, #F36C5E);}
.jiayou{
background: -webkit-linear-gradient(90deg, #5DE7B3, #00B26F);
background: linear-gradient(90deg, #5DE7B3, #00B26F);}
.chaobang{
background: -webkit-linear-gradient(90deg, #96D1FF, #1698FD);
background: linear-gradient(90deg, #96D1FF, #1698FD);}
.mean{position: absolute;top: -15px;right: 10px}
.mean span{font-size: 14px;color: #666666;display: inline-block;float: left}
.data_r{width: 250px;height: 380px;overflow-x: auto;padding: 0 10px;}
.data_r .r_box{width: 100%;height: 20%;background: white;margin-top: 10px}
.data_r .r_box .icon_f{width: 60px;height: 60px;margin: 5px;float: left;position: relative;margin-top: 10px;}
.data_r .r_box .icon_f i{font-size: 30px;position: absolute;top:15px;left: 15px}
.data_r .r_box:hover{box-shadow: 0 0 3px 3px rgba(184, 184, 184, 0.4);border-radius: 4px;transform: scale(1.03) ;transition: all linear 0.5s;}
.data_r .r_name{width: 50%;height: 50px;margin-top: 6px;margin-left: 26px;position: relative;line-height:73px;float: left}
.data_r .r_name span{font-size: 14px;color: #333333}
.r_name .tishi{position: absolute;top:0;right: 0;line-height: 18px;text-align: center}
.r_name .tishi span{font-size: 14px;color: white}
.paneldata{width: 100%;height: 100%;display: flex;flex-direction: row;justify-content: space-between}
.paneldata_l{width: 100%;height: 100%;overflow-x: auto}
.groupmembers{width: 1280px;height: 400px;margin-top: 10px;background: white;padding: 20px;}
.grouptiday{width: 1250px;height: 30%;display: flex;flex-direction: row;}
.g_icon{width: 54px;height: 54px;border-radius: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 10px}
.receive{margin-left: 20px;display: flex;flex-direction: column;margin-top: 10px}
.gain{width: 90px;height: 52px;border-radius: 5px;background: #F5F5F5; display: flex;flex-direction: column;align-items: center;justify-content: center;margin-left: 30px;margin-top: 10px}
.sj{display: flex;flex-direction: row;align-items: center}
.sj span{font-size: 14px;}
.weekdata{width: 380px;height: 100%;border-radius: 5px;background: #F9F9F9;border:1px solid #A1A1A1;margin-left: 50px;display: flex;flex-direction: row;padding: 15px;}
.weekdata_box{width: 30%;height: 100%;display: flex;flex-direction: column;align-items: center}
.weekdata_box2{width: 40%;height: 100%;display: flex;flex-direction: column;align-items: center}
.weekdata_box span{display: block;}
.weekdata_box span:nth-child(1){font-size: 14px;color: #333333}
.weekdata_box .w_da{font-size: 20px;color: #333333}
.w_d{display: flex;flex-direction: row;align-items: center;margin-top: 3px}
.w_d span{font-size: 14px}
.line{width: 100%;height:5px ;position: relative;border-top: 2px dashed #DCDCDC;margin-top: 20px}
.line_title{width: 100px;height: 20px;background: white;line-height: 20px;position: absolute;top:-10px;left: 50%;text-align: center;margin-left: -50px}
.line_title span{font-size: 16px;color: #333333;}
.ranking{width: 1260px;height: 220px;margin-top: 20px;overflow-x: auto ;overflow-y: hidden;white-space: nowrap}
.rankbox{width: 190px;height: 100%;background: #F9F9F9;padding: 10px;margin:0 10px 10px 10px;display: inline-table}
.rankbox .xz_tx{width: 50px;height: 50px;border-radius: 50%;margin-top: 20px;position: relative;margin-left: 60px}
.rankbox .xz_tx i{font-size: 30px}
.rankbox img{width: 50px;height: 50px;border-radius: 50%;}
.rankbox_b{width: 100%;height: 70px;display: flex;flex-direction: row}
.today{width: 50%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: space-around;}
.today span:nth-child(1){font-size: 12px;color: #888888;}
.today span:nth-child(2){font-size: 18px;color: #333333;}
.paneldata_r{float: right;width: 100%;height: 770px}
.paneldata_r_box{width: 100%;height:98%;background: white;padding: 20px;margin-top: 10px}
.paneldata_r_box .c_view{width: 100%;height: 120px;border-radius: 8px;border: 1px solid #E5E5E5;padding: 20px;position: relative;overflow: hidden;margin-left: 0;margin-top: 15px}
.paneldata_r_box .c_view:hover{box-shadow: 0 0 3px 3px rgba(229, 156, 151, 0.4);border-radius: 4px;transform: scale(1.03);transition: all linear 0.5s;}
.paneldata_r_box .c_view span{font-size: 14px;color: #333333;display: inline-block}
.paneldata_r_box .c_view div{margin-top: 15px;}
.paneldata_r_box .c_view div span:nth-child(1){font-size: 36px;color: #333333}
.paneldata_r_box .banyuan{width: 200px;height: 200px;border-radius: 50%;position: absolute;top: 20px;right: -100px;}
.paneldata_r_box .c_view i{position: absolute;top:62px;right: 10px;font-size: 48px}
.paneldata_r_box .gz1:hover{box-shadow: 0 0 3px 3px rgba(165, 152, 238, 0.4);border-radius: 4px;transform: scale(1.03);background: #FBF7FF;border: 2px solid #A598EE;transition: all linear 0.5s;}
.paneldata_r_box .gz2:hover{box-shadow: 0 0 3px 3px rgba(219, 241, 209, 0.4);border-radius: 4px;transform: scale(1.03);background: #DBF1D1;border: 2px solid #98D482;transition: all linear 0.5s;}
.paneldata_r_box .gz3:hover{box-shadow: 0 0 3px 3px rgba(227, 239, 246, 0.4);border-radius: 4px;transform: scale(1.03);background: #E3EFF6;border: 2px solid #68A3C2;transition: all linear 0.5s;}
.paneldata_r_box .gz4:hover{box-shadow: 0 0 3px 3px rgba(236, 236, 255, 0.4);border-radius: 4px;transform: scale(1.03);background: #ECECFF;border: 2px solid #8F96EB;transition: all linear 0.5s;}
.paneldata_r_box .gz5:hover{box-shadow: 0 0 3px 3px rgba(241, 245, 255, 0.4);border-radius: 4px;transform: scale(1.03);background: #F1F5FF;border: 2px solid #96ADEB;transition: all linear 0.5s;}
.paneldata_r_box .gz5 i{position: absolute;top:75px;right: 10px;font-size: 30px;color: #96ADEB}
.tubiao{width: 1280px;height: 340px;background: white;margin-top: 20px;padding: 20px 20px 0 20px;overflow-x: auto}
.tb_box{width: 1260px;height: 285px;}
.topsanjiao{
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 10px solid #00B26F;
}
.bottomsanjiao{
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 10px solid #F36C5E;
}
.jryj{margin-top: 20px}
.view-f span:nth-child(1){font-size: 27px;color: #333333}
.view-f span:nth-child(2){font-size: 14px;color: #999999;margin-left: 5px}
.view-tf span{font-size: 20px;color: #333333 }
#xzts{position: absolute;top:75px;right: 10px;font-size: 35px;color: #F89291}
.grouptiday .g_sks{background: #ECECFF;margin-left: 18px}
.grouptiday .g_sks i {font-size: 20px}
.grouptiday .g_bms{background: #C0EBD1;margin-left: 70px}
.grouptiday .g_bms i{font-size: 25px}
.grouptiday .g_skuan{background: #FFE5E8;margin-left: 70px}
.grouptiday .g_skuan i{font-size: 25px}
.receive span:nth-child(1){font-size: 14px;color: #333333;display: inline-block}
.receive span:nth-child(2){font-size: 36px;color: #333333}
.p_dw{font-size: 14px;color: #999999}
.pr_s span:nth-child(1){font-size: 36px;color: #333333}
.pr_s span:nth-child(2){font-size: 14px;color: #999999;margin-left: 5px}
}
@media (max-width: 1366px) {
.sale_cont{position: absolute;left: 330px;right: 20px;top: 30px; bottom: 30px;}
.Sale_menu ul{width: 100%; height: 28px;}
.Sale_menu li{float: left;width: 71px; height: 28px; text-align: center; font-size: 10px;
line-height: 28px; margin-right:3px; color: #808080;
border-radius:4px 4px 0 0; cursor: pointer; box-sizing: border-box;}
.Sale_menu li.active{ color: #FFFFFF; height: 28px ;background: #1F2533;border-radius: 4px;box-shadow: 0 0 3px 3px rgba(31, 37, 51, 0.4); }
.PersonalData{width: 100%;height: 265px;background: white;margin-top: 10px}
.PersonalData_l{width: 100%;height: 265px;overflow-x: auto;padding: 10px}
.PersonalData_l .l_top{width: 472px;height: 70px;}
.l_top .tx_img{width: 67px;height: 67px;border-radius: 50%;overflow: hidden;float: left}
.l_top .img{width: 57px;height: 49px;margin-left: 68px;float: left;margin-top: 10px}
.p_name{margin-left: 12px;margin-top: 19px;float: left}
.p_name span:nth-child(1){font-size: 13px;color: #333333;display: block}
.p_name span:nth-child(2){font-size: 9px;color: #333333;margin-top: 5px;display: block}
.l_top .royalty{margin-left: 22px;float: left;margin-top: 5px}
.l_top .royalty span:nth-child(1){font-size: 26px;color: #333333;display: block}
.l_top .royalty span:nth-child(2){font-size: 11px;color: #666666;display: block}
.order{width: 460px;height: 160px;background: #F5F5F5;margin-top: 5px;padding: 10px}
.table_t{width: 100%;height: 28px;}
.table_t span{width: 24.5%;height: 28px;display: inline-block;float: left;text-align: center;font-size: 9px;color: #666666;line-height: 28px}
.table_c{width: 100%;max-height: 85px;overflow: auto;background: white}
.table_c .table_cont{width: 100%;height: 23px;}
.table_c .table_cont span{width: 24.5%;height: 28px;;display: inline-block;float: left;text-align: center;line-height: 28px;font-size: 9px}
.PersonalData_r{width: 100%;height: 264px;overflow-x: auto;}
.PersonalData_r .r_box{width: 472px;margin-top: 15px}
.PersonalData_r .r_box .r_box_t{width: 100%;height: 90px;}
.PersonalData_r .r_box .r_box_b{width: 100%;height: 90px;margin-top: 15px}
.c_view{width: 28%;height: 90px;border-radius: 6px;border: 1px solid #E5E5E5;padding: 10px;position: relative;margin-left: 20px;overflow: hidden;float: left}
.view_t:hover{box-shadow: 0 0 10px 10px rgba(229, 156, 151, 0.2);border-radius: 4px;transform: scale(1.03);background: #FFF0EF;border:2px solid #F89291;;transition: all linear 0.5s;}
.view_b:hover{box-shadow: 0 0 10px 10px rgba(241, 245, 255, 0.2);border-radius: 4px;transform: scale(1.03);background: #ECECFF;border:2px solid #8F96EB;;transition: all linear 0.5s;}
.c_view span{font-size: 10px;color: #333333;display: inline-block}
.c_view div{margin-top: 15px;}
.semicircle_t{width: 140px;height: 140px;border-radius: 50%;position: absolute;top: 20px;right: -70px;background: #FFE4EB}
.view_t:hover .semicircle_t{background: #FFF0EF}
.view_b:hover .semicircle_t{background: #F1F5FF}
.semicircle_b{width: 140px;height: 140px;border-radius: 50%;position: absolute;top: 20px;right: -70px;background: #ECECFF}
.view_t i{position: absolute;top:51px;right: 8px;font-size: 32px;color: #F89291}
.view_b i{position: absolute;top:51px;right: 8px;font-size: 32px;color: #8F96EB}
.dataanalysis{width: 100%;height: 330px;margin-top: 20px}
.data_l{width: 100%;height: 320px;background: white;padding: 10px;overflow-x: auto}
.data_c{width: 100%;height: 320px;background: white;overflow-x: auto;padding: 0 10px}
.data_title{width: 520px;height: 40px;position: relative}
.data_title span{font-size: 10px;color: #333333;display: inline-block;float: left}
.tagging{position: absolute;top: 0;right: 0;}
.yuan_o{width: 10px;height: 10px;border-radius: 50%;margin-left: 8px;float: left;margin-top: 2px;
background: -webkit-linear-gradient(90deg, #FBA299, #F36C5E);
background: linear-gradient(90deg, #FBA299, #F36C5E);}
.yuan_t{width: 10px;height: 10px;border-radius: 50%;margin-left: 8px;float: left;margin-top: 2px;
background: -webkit-linear-gradient(90deg, #5DE7B3, #00B26F);
background: linear-gradient(90deg, #5DE7B3, #00B26F);}
.yuan_tr{width: 10px;height: 10px;border-radius: 50%;margin-left: 8px;float: left;margin-top: 2px;
background: -webkit-linear-gradient(90deg, #96D1FF, #1698FD);
background: linear-gradient(90deg, #96D1FF, #1698FD);}
.tagging span{font-size: 10px;color: #333333;margin-left: 10px;float: left;display: inline-block}
.D_data{width: 520px;height: 37px;position: relative;line-height: 37px}
.D_data .zname{font-size: 10px;color: #333333;float: left;display: inline-block;width: 50px}
.Progress{width: 86%;height: 9px;border-radius: 4.5px;float: left;margin: 17px 0 0 20px;overflow: hidden;
background: -webkit-linear-gradient(90deg, #ECECEC, #D3D3D3);
background: linear-gradient(90deg, #ECECEC, #D3D3D3);}
.Progress div{;height: 9px;border-radius: 4.5px;}
.bugou{
background: -webkit-linear-gradient(90deg, #FBA299, #F36C5E);
background: linear-gradient(90deg, #FBA299, #F36C5E);}
.jiayou{
background: -webkit-linear-gradient(90deg, #5DE7B3, #00B26F);
background: linear-gradient(90deg, #5DE7B3, #00B26F);}
.chaobang{
background: -webkit-linear-gradient(90deg, #96D1FF, #1698FD);
background: linear-gradient(90deg, #96D1FF, #1698FD);}
.mean{position: absolute;top: -15px;right: 10px}
.mean span:nth-child(1){font-size: 14px;color: #1698FD;display: inline-block;float: left}
.mean span:nth-child(2){font-size: 10px;color: #666666;display: inline-block;float: left}
.data_r{width: 172px;height: 320px;overflow-x: auto;}
.data_r .r_box{width: 100%;height: 20%;background: white;margin-top: 7px}
.data_r .r_box .icon_f{width: 52px;height: 52px;margin: 5px;float: left;position: relative;margin-top: 5px;}
.data_r .r_box .icon_f i{font-size: 23px;position: absolute;top:15px;left: 15px}
.data_r .r_box:hover{box-shadow: 0 0 3px 3px rgba(184, 184, 184, 0.4);border-radius: 4px;transform: scale(1.03);transition: all linear 0.5s;}
.data_r .r_name{width: 56%;height: 50px;margin-top: 6px;margin-left: 3px;position: relative;line-height:73px;float: left}
.data_r .r_name span{font-size: 10px;color: #333333}
.r_name .tishi{position: absolute;top:0;right: 0;line-height: 18px;text-align: center}
.r_name .tishi span{font-size: 14px;color: white}
.paneldata{width: 100%;height: 100%;display: flex;flex-direction: row;justify-content: space-between}
.paneldata_l{width: 100%;height: 100%;overflow-x: auto}
.groupmembers{width: 840px;height: 292px;margin-top: 10px;background: white;padding: 10px;}
.grouptiday{width: 840px;height: 30%;display: flex;flex-direction: row;}
.g_icon{width: 38px;height: 38px;border-radius: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 10px}
.receive{margin-left: 10px;display: flex;flex-direction: column;margin-top: 10px}
.gain{width: 55px;height: 37px;border-radius: 5px;background: #F5F5F5; display: flex;flex-direction: column;align-items: center;justify-content: center;margin-left: 20px;margin-top: 10px}
.gain span{font-size: 10px}
.sj{display: flex;flex-direction: row;align-items: center}
.sj span{font-size: 10px;color: #00B26F;}
.weekdata{width: 295px;height: 100%;border-radius: 5px;background: #F9F9F9;border:1px solid #A1A1A1;margin-left: 14px;display: flex;flex-direction: row;padding: 10px;}
.weekdata_box{width: 33%;height: 100%;display: flex;flex-direction: column;align-items: center}
.weekdata_box span{display: block;}
.weekdata_box span:nth-child(1){font-size: 10px;color: #333333}
.weekdata_box .w_da{font-size: 14px;color: #333333}
.w_d{display: flex;flex-direction: row;align-items: center;margin-top: 3px}
.w_d span{font-size: 10px}
.line{width: 100%;height:5px ;position: relative;border-top: 2px dashed #DCDCDC;margin-top: 10px}
.line_title{width: 100px;height: 20px;background: white;line-height: 20px;position: absolute;top:-10px;left: 50%;text-align: center;margin-left: -50px}
.line_title span{font-size: 12px;color: #333333;}
.ranking{width: 840px;height: 142px;margin-top: 20px;overflow-x: auto ;overflow-y: hidden}
.rankbox{width: 118px;height: 100%;background: #F9F9F9;padding: 10px;margin:0 10px 0 10px;display: inline-table}
.rankbox .xz_tx{width: 50px;height: 50px;border-radius: 50%;margin-top: 10px;position: relative;margin-left: 14px}
.rankbox .xz_tx i{font-size: 20px}
.rankbox img{width: 36px;height: 36px;border-radius: 50%;}
.rankbox_b{width: 100%;height: 58px;display: flex;flex-direction: row}
.today{width: 50%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: space-around;}
.today span:nth-child(1){font-size: 9px;color: #888888;}
.today span:nth-child(2){font-size: 13px;color: #333333;}
.paneldata_r{float: right;width: 100%;height: 625px}
.paneldata_r_box{width: 100%;height:98%;background: white;padding: 10px;margin-top: 10px}
.paneldata_r_box .c_view{width: 100%;height: 90px;border-radius: 6px;border: 1px solid #E5E5E5;padding: 10px;position: relative;overflow: hidden;margin-left: 0;margin-top: 15px}
.paneldata_r_box .c_view:hover{box-shadow: 0 0 3px 3px rgba(229, 156, 151, 0.4);border-radius: 4px;transform: scale(1.03);transition: all linear 0.5s;}
.paneldata_r_box .c_view span{font-size: 10px;color: #333333;display: inline-block}
.paneldata_r_box .c_view div{margin-top: 15px;}
.paneldata_r_box .c_view div span:nth-child(1){font-size: 26px;color: #333333}
.paneldata_r_box .banyuan{width: 140px;height: 140px;border-radius: 50%;position: absolute;top: 20px;right: -70px;}
.paneldata_r_box .c_view i{position: absolute;top:50px;right: 10px;font-size: 30px}
.paneldata_r_box .gz1:hover{box-shadow: 0 0 3px 3px rgba(165, 152, 238, 0.4);border-radius: 4px;transform: scale(1.03);background: #FBF7FF;border: 2px solid #A598EE;transition: all linear 0.5s;}
.paneldata_r_box .gz2:hover{box-shadow: 0 0 3px 3px rgba(219, 241, 209, 0.4);border-radius: 4px;transform: scale(1.03);background: #DBF1D1;border: 2px solid #98D482;transition: all linear 0.5s;}
.paneldata_r_box .gz3:hover{box-shadow: 0 0 3px 3px rgba(227, 239, 246, 0.4);border-radius: 4px;transform: scale(1.03);background: #E3EFF6;border: 2px solid #68A3C2;transition: all linear 0.5s;}
.paneldata_r_box .gz4:hover{box-shadow: 0 0 3px 3px rgba(236, 236, 255, 0.4);border-radius: 4px;transform: scale(1.03);background: #ECECFF;border: 2px solid #8F96EB;transition: all linear 0.5s;}
.paneldata_r_box .gz5:hover{box-shadow: 0 0 3px 3px rgba(241, 245, 255, 0.4);border-radius: 4px;transform: scale(1.03);background: #F1F5FF;border: 2px solid #96ADEB;transition: all linear 0.5s;}
.paneldata_r_box .gz5 i{position: absolute;top:57px;right: 10px;font-size: 23px;color: #96ADEB}
.tubiao{width: 840px;height: 300px;background: white;margin-top: 20px;padding: 10px 10px 0 10px;overflow-x: auto}
.tb_box{width: 840px;height: 230px;}
.topsanjiao{
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 10px solid #00B26F;
}
.bottomsanjiao{
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 10px solid #F36C5E;
}
.jryj{margin-top: 10px}
.view-f span:nth-child(1){font-size: 22px;color: #333333}
.view-f span:nth-child(2){font-size: 10px;color: #999999;margin-left: 5px}
#xzts{position: absolute;top:60px;right: 10px;font-size: 20px;color: #F89291}
.grouptiday .g_sks{background: #ECECFF;margin-left: 6px}
.grouptiday .g_sks i {font-size: 12px}
.grouptiday .g_bms{background: #C0EBD1;margin-left: 20px}
.grouptiday .g_bms i{font-size: 22px}
.grouptiday .g_skuan{background: #FFE5E8;margin-left: 20px}
.grouptiday .g_skuan i{font-size: 22px}
.receive span:nth-child(1){font-size: 10px;color: #333333;display: inline-block}
.receive span:nth-child(2){font-size: 22px;color: #333333}
.p_dw{font-size: 10px;color: #999999}
.pr_s span:nth-child(1){font-size: 26px;color: #333333}
.pr_s span:nth-child(2){font-size: 10px;color: #999999;margin-left: 5px}
.qxleft{padding-left: 0}
}
src/components/FinancialModule/ReportForm/TeamRevenueReport.vue
View file @ b85402ef
...@@ -624,7 +624,7 @@ Vue.component("TCIDJump", { ...@@ -624,7 +624,7 @@ Vue.component("TCIDJump", {
<div> <div>
<span style="cursor: pointer" v-if="rowData.DataType===1" @click="goUrl('TeamBalancePayment',rowData.TCID)">{{rowData.TCID}}</span> <span style="cursor: pointer" v-if="rowData.DataType===1" @click="goUrl('TeamBalancePayment',rowData.TCID)">{{rowData.TCID}}</span>
<span style="cursor: pointer" v-if="rowData.DataType===2" @click="goUrl('individualTicket',rowData.TCID)">{{rowData.TCID}}</span> <span style="cursor: pointer" v-if="rowData.DataType===2" @click="goUrl('individualTicket',rowData.TCID)">{{rowData.TCID}}</span>
<span style="cursor: pointer" v-if="rowData.DataType===3" @click="goUrlVisa('VisaProduct',rowData.TCID)">{{rowData.TCID}}</span> <span style="cursor: pointer" v-if="rowData.DataType===3" @click="goUrlVisa('VisaProductOrder',rowData.TCID)">{{rowData.TCID}}</span>
<span style="cursor: pointer" v-if="rowData.DataType===4" @click="goUrl('SettlementOrder',rowData.TCID)">{{rowData.TCID}}</span> <span style="cursor: pointer" v-if="rowData.DataType===4" @click="goUrl('SettlementOrder',rowData.TCID)">{{rowData.TCID}}</span>
<span style="cursor: pointer" v-if="rowData.DataType===6">{{rowData.TCID}}</span> <span style="cursor: pointer" v-if="rowData.DataType===6">{{rowData.TCID}}</span>
</div> </div>
...@@ -651,7 +651,7 @@ Vue.component("TCIDJump", { ...@@ -651,7 +651,7 @@ Vue.component("TCIDJump", {
goUrlVisa(path, id) { goUrlVisa(path, id) {
this.$router.push({ this.$router.push({
path: "/" + path, path: "/" + path,
query: { VisaID: id, blank: "y" } query: { id: id,isShow:0,EmId:-1, blank: "y" }
}); });
} }
} }
...@@ -661,7 +661,7 @@ Vue.component("TCNUMJump", { ...@@ -661,7 +661,7 @@ Vue.component("TCNUMJump", {
template: `<div> template: `<div>
<span style="cursor: pointer" v-if="rowData.DataType===1" @click="goUrl('TravelControlList',rowData.TCNUM)">{{rowData.TCNUM}}</span> <span style="cursor: pointer" v-if="rowData.DataType===1" @click="goUrl('TravelControlList',rowData.TCNUM)">{{rowData.TCNUM}}</span>
<span style="cursor: pointer" v-if="rowData.DataType===2" @click="goUrlExtend('individualTicket',rowData.TCID)">{{rowData.TCNUM}}</span> <span style="cursor: pointer" v-if="rowData.DataType===2" @click="goUrlExtend('individualTicket',rowData.TCID)">{{rowData.TCNUM}}</span>
<span style="cursor: pointer" v-if="rowData.DataType===3" @click="goUrlVisa('VisaProduct',rowData.TCID)">{{rowData.TCNUM}}</span> <span style="cursor: pointer" v-if="rowData.DataType===3" @click="goUrlVisa('VisaProductOrder',rowData.TCID)">{{rowData.TCNUM}}</span>
<span style="cursor: pointer" v-if="rowData.DataType===4" @click="goUrlExtend('SettlementOrder',rowData.TCID)">{{rowData.TCNUM}}</span> <span style="cursor: pointer" v-if="rowData.DataType===4" @click="goUrlExtend('SettlementOrder',rowData.TCID)">{{rowData.TCNUM}}</span>
<span style="cursor: pointer" v-if="rowData.DataType===6">{{rowData.TCNUM}}</span> <span style="cursor: pointer" v-if="rowData.DataType===6">{{rowData.TCNUM}}</span>
<span style="cursor: pointer" v-if="rowData.DataType===7">{{rowData.TCNUM}}</span> <span style="cursor: pointer" v-if="rowData.DataType===7">{{rowData.TCNUM}}</span>
...@@ -693,7 +693,7 @@ Vue.component("TCNUMJump", { ...@@ -693,7 +693,7 @@ Vue.component("TCNUMJump", {
goUrlVisa(path, id) { goUrlVisa(path, id) {
this.$router.push({ this.$router.push({
path: "/" + path, path: "/" + path,
query: { VisaID: id, blank: "y" } query: { id: id,isShow:0,EmId:-1, blank: "y" }
}); });
} }
} }
......
src/components/SalesModule/MyCustomer.vue
View file @ b85402ef
...@@ -361,7 +361,7 @@ export default { ...@@ -361,7 +361,7 @@ export default {
customerName:[{required: true, message: "请输入客户名", trigger: "blur"}], customerName:[{required: true, message: "请输入客户名", trigger: "blur"}],
contactNumber:[ contactNumber:[
{required: true, message: "请输入联系电话", trigger: "blur"}, {required: true, message: "请输入联系电话", trigger: "blur"},
{ pattern: this.$commonUtils.Regex.el_ISphone, message: "请输入正确的电话" } { pattern: /^1[123457890]\d{9}$/, message: "请输入正确的电话" }
], ],
brandIds:[{required: true, message: "请选择所属品牌", trigger: "change"}], brandIds:[{required: true, message: "请选择所属品牌", trigger: "change"}],
Duty:[{required: true, message: "请选择职务", trigger: "change"}], Duty:[{required: true, message: "请选择职务", trigger: "change"}],
......
src/components/SalesModule/MyCustomerDetail.vue
View file @ b85402ef
...@@ -10,12 +10,12 @@ ...@@ -10,12 +10,12 @@
.MyCustomerDetailTable tr{border-bottom: 2px solid #333;} .MyCustomerDetailTable tr{border-bottom: 2px solid #333;}
.MyCustomerDetailTable tr th{background: #E6E6E6;height:30px; font-size: 12px; text-align: left; text-indent: 25px;} .MyCustomerDetailTable tr th{background: #E6E6E6;height:30px; font-size: 12px; text-align: left; text-indent: 25px;}
.MyCustomerDetailTable tr{background: #fff;text-align: left;} .MyCustomerDetailTable tr{background: #fff;text-align: left;}
.MyCustomerDetailTable tr td{height: 60px; padding-left:25px; border-bottom:1px solid #f5f5f5; font-size: 14px; color: #333;} .MyCustomerDetailTable tr td{height: 60px; padding-left:25px; border-bottom:1px solid #f5f5f5; font-size: 14px; color: #333;}
.MyCustomerDetailbottomLayer{overflow: auto; position:absolute;height:200px; .MyCustomerDetailbottomLayer{overflow: auto; position:absolute;height:200px;
z-index:50;bottom:0;left: 0;border-top:1px solid #d1d1d1;background-color:#FFFFFF;padding: 20px 20px 0;width: 100%;} z-index:50;bottom:0;left: 0;border-top:1px solid #d1d1d1;background-color:#FFFFFF;padding: 20px 20px 0;width: 100%;}
.MyCustomerDetailbottomLayer>p{border-left: 3px solid #E95252; text-indent: 15px; height: 14px; font-size: 14px; margin-bottom:20px; line-height: 14px; color: #000;} .MyCustomerDetailbottomLayer>p{border-left: 3px solid #E95252; text-indent: 15px; height: 14px; font-size: 14px; margin-bottom:20px; line-height: 14px; color: #000;}
.MyCustomerDetailbottomLayer .el-form-item__label{font-size: 12px!important;} .MyCustomerDetailbottomLayer .el-form-item__label{font-size: 12px!important;}
.MyCustomerDetailbottomLayer .avatar-uploader .el-upload { .MyCustomerDetailbottomLayer .avatar-uploader .el-upload {
border: 1px dashed #d9d9d9; border: 1px dashed #d9d9d9;
border-radius: 6px; border-radius: 6px;
...@@ -38,8 +38,8 @@ ...@@ -38,8 +38,8 @@
width: 148px; width: 148px;
height: 148px; height: 148px;
display: block; display: block;
} }
</style> </style>
<template> <template>
...@@ -50,13 +50,13 @@ ...@@ -50,13 +50,13 @@
<el-form label-width="80px"> <el-form label-width="80px">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="6"> <el-col :span="6">
<el-form-item label="门店名称："> <el-form-item label="门店名称：">
<el-input class='w200' v-model='updateMsg.CustomerName'></el-input> <el-input class='w200' v-model='updateMsg.CustomerName'></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="18"> <el-col :span="18">
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" style='margin-top:13px;'> <el-row :gutter="20" style='margin-top:13px;'>
<el-col :span="24"> <el-col :span="24">
<p class="fz12 color333 fbold" style="border: none; margin-bottom: 15px; padding-left: 20px;">需审核信息<span class="colorE95252 fz12 fwnormal"> <p class="fz12 color333 fbold" style="border: none; margin-bottom: 15px; padding-left: 20px;">需审核信息<span class="colorE95252 fz12 fwnormal">
...@@ -64,61 +64,61 @@ ...@@ -64,61 +64,61 @@
</span> </span>
</p> </p>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="区域："> <el-form-item label="区域：">
<el-select class='w200' filterable v-model='updateMsg.Province' @change='getCity'> <el-select class='w200' filterable v-model='updateMsg.Province' @change='getCity'>
<el-option v-for='item in provinceList' <el-option v-for='item in provinceList'
:label='item.Name' :label='item.Name'
:value='item.ID' :value='item.ID'
:key='item.ID'> :key='item.ID'>
</el-option> </el-option>
</el-select> </el-select>
<el-select class='w200' filterable v-model='updateMsg.City' @change='getRegion'> <el-select class='w200' filterable v-model='updateMsg.City' @change='getRegion'>
<el-option v-for='item in cityList' <el-option v-for='item in cityList'
:label='item.Name' :label='item.Name'
:value='item.ID' :value='item.ID'
:key='item.ID'> :key='item.ID'>
</el-option> </el-option>
</el-select> </el-select>
<el-select class='w200' filterable v-model='updateMsg.District'> <el-select class='w200' filterable v-model='updateMsg.District'>
<el-option v-for='item in regionList' <el-option v-for='item in regionList'
:label='item.Name' :label='item.Name'
:value='item.ID' :value='item.ID'
:key='item.ID'> :key='item.ID'>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="详细地址："> <el-form-item label="详细地址：">
<el-input v-model='updateMsg.Address' ></el-input> <el-input v-model='updateMsg.Address' ></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="6"> <el-col :span="6">
<el-form-item label="名片照片："> <el-form-item label="名片照片：">
<el-upload class="avatar-uploader" <el-upload class="avatar-uploader"
action="" action=""
:http-request="uploadImg" :http-request="uploadImg"
accept="image/jpeg,image/gif,image/png,image/bmp" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" :show-file-list="false"
> >
<img v-if="BusinessCardPhotos" :src="BusinessCardPhotos" class="avatar"> <img v-if="BusinessCardPhotos" :src="BusinessCardPhotos" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i> <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="门牌照片："> <el-form-item label="门牌照片：">
<el-upload class="avatar-uploader" <el-upload class="avatar-uploader"
action="" action=""
:http-request="uploadImg1" :http-request="uploadImg1"
accept="image/jpeg,image/gif,image/png,image/bmp" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" :show-file-list="false"
> >
<img v-if="HousePhotos" :src="HousePhotos" class="avatar"> <img v-if="HousePhotos" :src="HousePhotos" class="avatar">
...@@ -127,11 +127,11 @@ ...@@ -127,11 +127,11 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="营业执照："> <el-form-item label="营业执照：">
<el-upload class="avatar-uploader" <el-upload class="avatar-uploader"
action="" action=""
:http-request="uploadImg2" :http-request="uploadImg2"
accept="image/jpeg,image/gif,image/png,image/bmp" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" :show-file-list="false"
> >
<img v-if="Images" :src="Images" class="avatar"> <img v-if="Images" :src="Images" class="avatar">
...@@ -139,28 +139,28 @@ ...@@ -139,28 +139,28 @@
</el-upload> </el-upload>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<input type="button" class="normalBtn" value="保存" @click="saveUpdate()"/> <input type="button" class="normalBtn" value="保存" @click="saveUpdate()"/>
<input type="button" class="hollowFixedBtn" value="取消" @click="addLayer1=false"/> <input type="button" class="hollowFixedBtn" value="取消" @click="addLayer1=false"/>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
</div> </div>
<div class="MyCustomerDetailbottomLayer ownScrollbarStyle" v-show="addLayer"> <div class="MyCustomerDetailbottomLayer ownScrollbarStyle" v-show="addLayer">
<p>添加联系人</p> <p>添加联系人</p>
<el-form :model="addMsg" ref="addMsg" label-position="right" :rules="rules" label-width="80px"> <el-form :model="addMsg" ref="addMsg" label-position="right" :rules="rules" label-width="80px">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="6"> <el-col :span="6">
<el-form-item label="姓名：" prop="contactName"> <el-form-item label="姓名：" prop="contactName">
<el-input v-model='addMsg.contactName'></el-input> <el-input v-model='addMsg.contactName'></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="职务：" prop="contactDuty"> <el-form-item label="职务：" prop="contactDuty">
<el-select v-model='addMsg.contactDuty' filterable placeholder="请选择"> <el-select v-model='addMsg.contactDuty' filterable placeholder="请选择">
<el-option <el-option
v-for="item in dutyList" v-for="item in dutyList"
...@@ -172,7 +172,7 @@ ...@@ -172,7 +172,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="电话：" prop="contactPhone"> <el-form-item label="电话：" prop="contactPhone">
<el-input v-model='addMsg.contactPhone' ></el-input> <el-input v-model='addMsg.contactPhone' ></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
...@@ -180,18 +180,18 @@ ...@@ -180,18 +180,18 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<input type="button" class="normalBtn" value="保存" @click="submitForm('addMsg')"/> <input type="button" class="normalBtn" value="保存" @click="submitForm('addMsg')"/>
<input type="button" class="hollowFixedBtn" value="取消" @click="resetForm('addMsg');addLayer=false"/> <input type="button" class="hollowFixedBtn" value="取消" @click="resetForm('addMsg');addLayer=false"/>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
</div> </div>
<div class="saleMate"> <div class="saleMate">
<p> <p>
<span class="fz16 color333">{{customerInfo.customerName}}</span> <span class="fz16 color333">{{customerInfo.customerName}}</span>
...@@ -224,10 +224,10 @@ ...@@ -224,10 +224,10 @@
交易记录 交易记录
<div class="divActive" v-show="type==3"></div> <div class="divActive" v-show="type==3"></div>
</li> </li>
<input type="button" class="fr normalBtn" value="新增通讯录" @click="addLayer=true;addLayer1=false"/> <input type="button" class="fr normalBtn" value="新增通讯录" @click="addLayer=true;addLayer1=false"/>
</div> </div>
<table class="MyCustomerDetailTable" border="0" cellspacing="0" cellpadding="0" v-show="type==1"> <table class="MyCustomerDetailTable" border="0" cellspacing="0" cellpadding="0" v-show="type==1">
<tr> <tr>
<th width="20%">姓名</th> <th width="20%">姓名</th>
...@@ -246,7 +246,7 @@ ...@@ -246,7 +246,7 @@
<td colspan="5" align="center">暂无</td> <td colspan="5" align="center">暂无</td>
</tr> </tr>
</table> </table>
<table class="MyCustomerDetailTable" border="0" cellspacing="0" cellpadding="0" v-show="type==2"> <table class="MyCustomerDetailTable" border="0" cellspacing="0" cellpadding="0" v-show="type==2">
<tr> <tr>
<th width="20%">门店</th> <th width="20%">门店</th>
...@@ -273,17 +273,17 @@ ...@@ -273,17 +273,17 @@
<tr v-show="visitList.length==0"> <tr v-show="visitList.length==0">
<td colspan="5" align="center">暂无</td> <td colspan="5" align="center">暂无</td>
</tr> </tr>
</table> </table>
<el-pagination v-show="type==2" <el-pagination v-show="type==2"
background background
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page.sync="currentPage" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" layout="total,prev, pager, next, jumper"
:page-size=msg.pageSize :page-size=msg.pageSize
:total=total> :total=total>
</el-pagination> </el-pagination>
<table class="MyCustomerDetailTable" border="0" cellspacing="0" cellpadding="0" v-show="type==3"> <table class="MyCustomerDetailTable" border="0" cellspacing="0" cellpadding="0" v-show="type==3">
<tr> <tr>
<th width="25%">团名</th> <th width="25%">团名</th>
...@@ -295,9 +295,9 @@ ...@@ -295,9 +295,9 @@
<tr> <tr>
<td colspan="5" align="center">暂无</td> <td colspan="5" align="center">暂无</td>
</tr> </tr>
</table> </table>
</div> </div>
</template> </template>
...@@ -309,7 +309,7 @@ ...@@ -309,7 +309,7 @@
//辅助 //辅助
BusinessCardPhotos:'', BusinessCardPhotos:'',
HousePhotos:'', HousePhotos:'',
Images:'', Images:'',
addLayer:false, addLayer:false,
addLayer1:false, addLayer1:false,
HousePhoto:[], HousePhoto:[],
...@@ -319,7 +319,7 @@ ...@@ -319,7 +319,7 @@
id:0, id:0,
//请求 //请求
addMsg:{ addMsg:{
infoID:0, infoID:0,
contactName:'', contactName:'',
contactPhone:'', contactPhone:'',
contactDuty:'', contactDuty:'',
...@@ -345,7 +345,7 @@ ...@@ -345,7 +345,7 @@
], ],
contactPhone:[ contactPhone:[
{ required: true, message: '请输入联系人电话', trigger: 'blur' }, { required: true, message: '请输入联系人电话', trigger: 'blur' },
{pattern: /^(0|86|17951)?(13[0-9]|15[012356789]|17[012356789]|18[0-9]|19[0-9]|14[57])[0-9]{8}$/, message: '请输入正确的手机'} {pattern: /^1[1234567890]\d{9}$/, message: '请输入正确的手机'}
], ],
}, },
msg:{ msg:{
...@@ -354,7 +354,7 @@ ...@@ -354,7 +354,7 @@
customerId:0, customerId:0,
}, },
currentPage:1, currentPage:1,
total:0, total:0,
//返回 //返回
CustomerBrandList:[], CustomerBrandList:[],
customerInfo:{}, customerInfo:{},
...@@ -363,7 +363,7 @@ ...@@ -363,7 +363,7 @@
dutyList:[], dutyList:[],
provinceList:[], provinceList:[],
cityList:[], cityList:[],
regionList:[], regionList:[],
} }
}, },
methods:{ methods:{
...@@ -393,7 +393,7 @@ ...@@ -393,7 +393,7 @@
this.UploadSelfFileT(path, newArr, x => { this.UploadSelfFileT(path, newArr, x => {
this.Images= this.domainManager().ViittoFileUrl + x.data.FilePath this.Images= this.domainManager().ViittoFileUrl + x.data.FilePath
}); });
}, },
resetForm(formName) {//弹出框取消 初始化谈框内表单 resetForm(formName) {//弹出框取消 初始化谈框内表单
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
}, },
...@@ -457,9 +457,9 @@ ...@@ -457,9 +457,9 @@
} }
if(x.housePhotos&&x.housePhotos.length>0) if(x.housePhotos&&x.housePhotos.length>0)
{ {
this.HousePhotos=x.housePhotos[0] this.HousePhotos=x.housePhotos[0]
} }
}else{} }else{}
},err=>{}) },err=>{})
}, },
...@@ -509,7 +509,7 @@ ...@@ -509,7 +509,7 @@
qu=item.Name qu=item.Name
} }
}) })
let AreaName=sheng+shi+qu let AreaName=sheng+shi+qu
this.updateMsg.Address=AreaName+','+this.updateMsg.Address this.updateMsg.Address=AreaName+','+this.updateMsg.Address
console.log(this.updateMsg) console.log(this.updateMsg)
this.apipost('app_customer_UpdateCustomerAddress',this.updateMsg,res=>{ this.apipost('app_customer_UpdateCustomerAddress',this.updateMsg,res=>{
...@@ -546,7 +546,7 @@ ...@@ -546,7 +546,7 @@
this.provinceList=res.data.data this.provinceList=res.data.data
} }
},err=>{}) },err=>{})
}, },
getCity(){ getCity(){
this.apipost('app_customer_GetChildList',{Id:this.updateMsg.Province,"level":2},res=>{ this.apipost('app_customer_GetChildList',{Id:this.updateMsg.Province,"level":2},res=>{
if(res.data.resultCode==1){ if(res.data.resultCode==1){
...@@ -578,10 +578,10 @@ ...@@ -578,10 +578,10 @@
this.regionList=res.data.data this.regionList=res.data.data
} }
},err=>{}) },err=>{})
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.msg.pageIndex = val; this.msg.pageIndex = val;
this.getVisitList() this.getVisitList()
}, },
}, },
mounted(){ mounted(){
...@@ -595,5 +595,5 @@ ...@@ -595,5 +595,5 @@
} }
</script> </script>
\ No newline at end of file
src/components/SalesModule/enrollTotal.vue
View file @ b85402ef
...@@ -276,7 +276,7 @@ ...@@ -276,7 +276,7 @@
<tr style="height:20px"> <tr style="height:20px">
<td colspan="15" class="RL_Order" style="height:20px"> <td colspan="15" class="RL_Order" style="height:20px">
<span style="font-size: 14px;color: #333333">名单:</span> <span style="font-size: 14px;color: #333333">名单:</span>
<span v-for="(childItem) in item.guestList" >{{childItem.userName}}&nbsp;&nbsp;</span> <span v-for="(childItem) in item.guestList" style="font-size: 14px;color: blue">{{childItem.userName}}&nbsp;&nbsp;</span>
<!-- <span v-else>暂无名单</span>--> <!-- <span v-else>暂无名单</span>-->
<span style="display: block;font-size: 14px;color: #333333">房间信息：{{item.orderGuestHouseStr}}</span> <span style="display: block;font-size: 14px;color: #333333">房间信息：{{item.orderGuestHouseStr}}</span>
</td> </td>
......
src/components/SalesModule/groupTourOrderByTuan.vue
View file @ b85402ef
...@@ -1746,8 +1746,8 @@ ...@@ -1746,8 +1746,8 @@
</tr> </tr>
<tr style="height:20px"> <tr style="height:20px">
<td colspan="15" class="RL_Order" style="height:20px"> <td colspan="15" class="RL_Order" style="height:20px">
<span class="RL-remarkTitle" v-if="item.guestList.length>0 && item.isOwn !=2">名单:</span> <span class="RL-remarkTitle" v-if="item.guestList.length>0 && (item.isOwn==1||userId==1||userId==5||positionId==168||isUpdateOrder) ">名单:</span>
<span class="RL-redType RL-remarkCon" v-if="item.guestList.length>0 && item.isOwn !=2"> <span class="RL-redType RL-remarkCon" v-if="item.guestList.length>0 && (item.isOwn==1||userId==1||userId==5||positionId==168||isUpdateOrder) ">
<span v-for="(childItem) in item.guestList">{{childItem.userName}}&nbsp;&nbsp;</span> <span v-for="(childItem) in item.guestList">{{childItem.userName}}&nbsp;&nbsp;</span>
</span> </span>
<!-- <span class="RL-redType RL-remarkCon" v-else>--> <!-- <span class="RL-redType RL-remarkCon" v-else>-->
......
src/components/ShoppingStore/ShoppingReimbursementDetails.vue
View file @ b85402ef
...@@ -89,7 +89,7 @@ ...@@ -89,7 +89,7 @@
<el-input type="number" v-model="item.ShopDetailsList[0].GuideCommission"></el-input> <el-input type="number" v-model="item.ShopDetailsList[0].GuideCommission"></el-input>
<!--GuideCommission 导游佣金应付--> <!--GuideCommission 导游佣金应付-->
</td> </td>
<td class="more_td _height_45" v-if="subIndex==0" :rowspan="item.ShopDetailsList.length"> <td class="more_td _height_45" >
<el-input type="number" v-model="subItem.CompanyCommission"></el-input> <el-input type="number" v-model="subItem.CompanyCommission"></el-input>
<!--CompanyCommission 公司佣金应收--> <!--CompanyCommission 公司佣金应收-->
</td> </td>
......
src/components/Supplier/roomQuery.vue
View file @ b85402ef
...@@ -154,7 +154,7 @@ ...@@ -154,7 +154,7 @@
</template> </template>
</span> </span>
</td> </td>
<td v-if="childIndex==0" :rowspan="subItem.hotelList.length"> <td v-if="childIndex==0" :rowspan="subItem.hotelList.length+1">
<a style="text-decoration:underline;color:blue;cursor:pointer" <a style="text-decoration:underline;color:blue;cursor:pointer"
@click="AddSupplierComplain(subItem.Complain_Extend.Id,subItem.Complain_Extend.TCID)"> @click="AddSupplierComplain(subItem.Complain_Extend.Id,subItem.Complain_Extend.TCID)">
<template v-if="subItem.Complain_Extend.Id>0">编辑投诉</template> <template v-if="subItem.Complain_Extend.Id>0">编辑投诉</template>
...@@ -164,6 +164,11 @@ ...@@ -164,6 +164,11 @@
@click="DeleteSupplierComplain(subItem.Complain_Extend.Id)">删除</a> @click="DeleteSupplierComplain(subItem.Complain_Extend.Id)">删除</a>
</td> </td>
</tr> </tr>
<tr v-if="subIndex==0" >
<td colspan="8" class="redTip">
<p>备注：{{subItem.SupplierRemarks}}</p>
</td>
</tr>
</template> </template>
</template> </template>
</table> </table>
...@@ -521,4 +526,10 @@ ...@@ -521,4 +526,10 @@
padding-left: 5px; padding-left: 5px;
} }
.roomQuery_SupplierTable .redTip {
text-align: left;
color:red;
padding-left: 5px;
}
</style> </style>
src/components/SupplierIndex.vue
View file @ b85402ef
This source diff could not be displayed because it is too large. You can view the blob instead.
src/components/SupplierLogin.vue
View file @ b85402ef
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
<div class="homepage-hero-module"> <div class="homepage-hero-module">
<div :style="{'height':'100vh'}"> <div :style="{'height':'100vh'}">
<div class="item"> <div class="item">
<img :style="{'height':'100vh'}" src="../assets/img/supplierBg.png" /> <img :style="{'height':'100vh'}" src="../assets/img/supplierBg.jpg" />
</div> </div>
</div> </div>
</div> </div>
......
src/components/TravelManager/TravelList/RegistrationList.vue
View file @ b85402ef
...@@ -3165,7 +3165,7 @@ ...@@ -3165,7 +3165,7 @@
this.Unit_PriceList = []; this.Unit_PriceList = [];
this.apipost('sellorder_post_GetLessPrice', { this.apipost('sellorder_post_GetLessPrice', {
"TCID": obj.TCID, "TCID": obj.TCID,
"MaxPeopleNum": MaxPeopleNum "MaxPeopleNum": maxPeopleNum
}, res => { }, res => {
this.LessMoney = res.data.data.lessMoney; this.LessMoney = res.data.data.lessMoney;
if (parseFloat(this.LessMoney) > 0) { if (parseFloat(this.LessMoney) > 0) {
...@@ -3807,6 +3807,7 @@ ...@@ -3807,6 +3807,7 @@
} else { } else {
this.addMsg.PreferPrice = Number(this.addMsg.YSeatNum) * Number(this.addMsg.Unit_Price) + this.OpSetLossMoney; this.addMsg.PreferPrice = Number(this.addMsg.YSeatNum) * Number(this.addMsg.Unit_Price) + this.OpSetLossMoney;
} }
this.getlessPrice();
this.getTicheng(); this.getTicheng();
}, },
yzBigBed2() { yzBigBed2() {
...@@ -4770,6 +4771,45 @@ ...@@ -4770,6 +4771,45 @@
// } // }
// }, // },
// err => {}) // err => {})
},
getlessPrice(){
let maxPeopleNum = (Number(this.addMsg.ManNum) + Number(this.addMsg.ChirdNoNeedBedNum) + Number(this
.addMsg.ChirdNeedBedNum) + Number(this.addMsg.OldPeopleNum) + Number(this.addMsg.AirticketNum))
this.Unit_PriceList = [];
this.apipost('sellorder_post_GetLessPrice', {
"TCID": this.addMsg.TCID,
"MaxPeopleNum": maxPeopleNum
}, res => {
this.LessMoney = res.data.data.lessMoney;
if (parseFloat(this.LessMoney) > 0) {
for (var i = 0; i <= parseInt(this.LessMoney) / 10; i++) {
var obj = {
ID: '',
LessMoney: ''
}
obj.ID = this.addMsg.TC_Price - i * 10;
obj.LessMoney = this.addMsg.TC_Price - i * 10;
this.Unit_PriceList.push(obj);
}
if (this.Unit_PriceList.findIndex(markers => markers.ID == this.addMsg.Unit_Price) < 0) {
var obj = {
ID: '',
LessMoney: ''
}
obj.ID = this.addMsg.Unit_Price;
obj.LessMoney = this.addMsg.Unit_Price;
this.Unit_PriceList.push(obj);
}
} else {
var obj = {
ID: '',
LessMoney: ''
}
obj.ID = this.addMsg.Unit_Price;
obj.LessMoney = this.addMsg.Unit_Price;
this.Unit_PriceList.push(obj);
}
}, err => {})
} }
}, },
mounted() { mounted() {
......
src/components/dmc/manager/dmcTotalTable.vue
View file @ b85402ef
...@@ -357,12 +357,22 @@ ...@@ -357,12 +357,22 @@
<td style="text-align:right;">备注：</td> <td style="text-align:right;">备注：</td>
<td> <td>
<el-input class='mt10' v-model='NumObj.remarkString' type='textarea'></el-input> <el-input class='mt10' v-model='NumObj.remarkString' type='textarea'></el-input>
<br />
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="2"> <td colspan="2">
此备注会现在在组团团控列表. 此备注会带到组团团控列表.
</td>
</tr>
<tr>
<td style="text-align:right;">供应商备注：</td>
<td>
<el-input class='mt10' v-model='NumObj.SupplierRemarks' type='textarea'></el-input>
</td>
</tr>
<tr>
<td colspan="2">
此备注会带到供应商订房查询列表.
</td> </td>
</tr> </tr>
</table> </table>
...@@ -401,6 +411,9 @@ ...@@ -401,6 +411,9 @@
<div v-show="outItem.StaticsReportList[0].DMCRemark!=''" class="colorE95252" <div v-show="outItem.StaticsReportList[0].DMCRemark!=''" class="colorE95252"
style="padding-top:5px;padding-bottom:4px;">地接备注:{{outItem.StaticsReportList[index].DMCRemark}} style="padding-top:5px;padding-bottom:4px;">地接备注:{{outItem.StaticsReportList[index].DMCRemark}}
</div> </div>
<div v-show="outItem.StaticsReportList[0].SupplierRemarks!=''" class="colorE95252"
style="padding-top:5px;padding-bottom:4px;">对供应商备注:{{outItem.StaticsReportList[index].SupplierRemarks}}
</div>
</div> </div>
</td> </td>
</tr> </tr>
...@@ -446,6 +459,7 @@ ...@@ -446,6 +459,7 @@
DMCNum: "", DMCNum: "",
TCIDs: "", TCIDs: "",
remarkString: '', remarkString: '',
SupplierRemarks:''
}, },
queryCommonData: { queryCommonData: {
//公司数据 //公司数据
...@@ -487,6 +501,7 @@ ...@@ -487,6 +501,7 @@
this.NumObj.TCIDs = TCIDs; this.NumObj.TCIDs = TCIDs;
this.NumObj.remarkString = obj.DMCRemark; this.NumObj.remarkString = obj.DMCRemark;
this.NumObj.DMCNum = obj.DMCNum; this.NumObj.DMCNum = obj.DMCNum;
this.NumObj.SupplierRemarks=obj.SupplierRemarks;
}, },
saveRemark() { saveRemark() {
this.apipost('dmcstatistics_post_SetDMCRemark', this.NumObj, res => { this.apipost('dmcstatistics_post_SetDMCRemark', this.NumObj, res => {
...@@ -642,9 +657,9 @@ ...@@ -642,9 +657,9 @@
this.currentPage = 1; this.currentPage = 1;
}, },
getList() { getList() {
this.loading = true this.loading = true;
this.apipost('dmcstatistics_post_GetUniteCombinationNumService', this.msg, res => { this.apipost('dmcstatistics_post_GetUniteCombinationNumService', this.msg, res => {
this.loading = false this.loading = false;
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.total = res.data.data.count; this.total = res.data.data.count;
this.list = res.data.data.pageData.data; this.list = res.data.data.pageData.data;
......
src/components/sale/sale.vue
View file @ b85402ef
<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/cssReset.css";*/
.nav{display: flex;.size(100%,126px);.min-width(1200px); .boxShadow(0px,0px,5px,rgba(0,0,0,.19));} @import "../../assets/css/home/Saleshomepage_1920.css";
.nav-left{ flex-grow:1.5} .saleChartCont{width: 100%; height: 95%; box-sizing: border-box;}
.nav-left img{.fl(); .size(50px;50px);.circle(25px); margin:35px 24px 41px 41px;} .personal{width: 100%;height: 100%;}
.nav-left p.name{.fz(14px,18px); color: #444;margin: 42px 0 5px 0;} .l_title{width: 100%;height: 30px}
.nav-left p.company{.fz(12px,18px); color: #444;}
.nav-middle{flex-grow:3; }
.nav-middle ul{display: flex; width: 690px; margin: 0 auto;}
.nav-middle ul li{.size(138px,126px);.fz(14px);.center(text-x);.box-hover2(); .hover-bg(#fafafa);cursor: pointer;}
.nav-middle ul li img{height: 40px; margin: 32px 0 14px;}
.nav-right{flex-grow:1}
.nav-right ul{display: flex; line-height: 126px; justify-content:flex-end}
.nav-right ul li{width: 60px; text-align: center;}
.nav-right ul li img{cursor: pointer;}
.shortcutsDiv{.size(264px,auto);.circle(6px);background: rgba(255,255,255,.75); .boxShadow(2px,2px,0,rgba(0,0,0,.1));.fixed(); padding-bottom: 5px; top: 156px;left: 30px;bottom:100px; z-index: 50; overflow-y: auto;}
.saleChartCont .content{.size(700px,300px);margin: 0 auto; padding-top: 280px; clear: both; }
.saleChartCont .imgShow{.fl(); width:232px; height: 268px; position: relative; margin-right: 20px;}
.saleChartCont .imgShow img{position: absolute; z-index: 10; left: 0; top:0;}
.saleChartCont .msgShow{.fl();padding-top: 55px;}
.saleChartCont .msgShow .top{overflow: hidden;margin-bottom: 24px;}
.saleChartCont .calender{.fl(); margin-right: 16px; .size(98px,84px); text-align: center; background:url(../../assets/img/calender2@2x.png) no-repeat center center;}
.saleChartCont .calender .month{.fz(12px,34px);color: #fff;}
.saleChartCont .calender .day{.fz(18px,38px);color: #333;}
.saleChartCont .description{.fr()}
.saleChartCont .description p{.fz(24px,35px,40px);color: #666; }
.saleChartCont .description span{color: #E95252;}
.saleChartCont .saleBtn{.size(200px,46px); .fz(16px);.bgc(#E95252);color: #fff;.circle(20px);border: none;}
.sale_cont{position: absolute;left: 330px;right: 20px;top: 30px; bottom: 30px;}
.Sale_menu li{float: left;width: 100px; height: 40px; text-align: center; font-size: 14px;
line-height: 40px; margin-right:3px; background: #E6E6E6; border: 1px solid #E6E6E6; color: #808080;
border-radius:4px 4px 0 0; cursor: pointer; box-sizing: border-box;}
.Sale_menu ul{width: 306px; height: 40px;border-bottom: 1px solid #E6E6E6;}
.Sale_menu li:last-child{margin-right: 0;}
.Sale_menu li.active{background: #fff; color: #333; height: 41px; border: 1px solid #E6E6E6; border-bottom: none;}
.saleChartCont{width: 100%; height: 95%; border: 1px solid #E6E6E6; background: #fff; margin-top: -1px; padding: 20px; box-sizing: border-box;}
.circleMiddle{width: 100px; height: 100px; border-radius: 50px; background:rgba(255,255,255,.3); padding: 9px; box-sizing: border-box;}
.circleIn{width: 82px; height: 82px; border-radius: 41px; background:#fff;text-align: center; line-height: 82px; font-size: 30px; transform:rotate(-60deg);font-family: 'PingFang-SC-Bold';}
.circleOut{
color: #F04736;
width: 120px; height: 120px; background: #F04736;
border-top-left-radius: 100px 60px;
border-bottom-left-radius: 60px 100px;
border-top-right-radius: 60px 100px;
border-bottom-right-radius: 100px 60px;
padding: 10px; box-sizing: border-box;
transform:rotate(60deg);
margin: 30px auto 25px;
}
.mormalCircleMiddle{width: 100px; height: 100px; border-radius: 50px; background:#549AE2; padding: 3px; box-sizing: border-box;}
.mormalCircleIn{width: 94px; height: 94px; border-radius: 47px; background:#fff;text-align: center; line-height: 94px; font-size: 30px; transform:rotate(-60deg);font-family: 'PingFang-SC-Bold';}
.mormalCircleOut{
color: #549AE2;
width: 120px; height: 120px; background: #fff;
border-top-left-radius: 100px 60px;
border-bottom-left-radius: 60px 100px;
border-top-right-radius: 60px 100px;
border-bottom-right-radius: 100px 60px;
padding: 10px; box-sizing: border-box;
transform:rotate(60deg);
margin: 30px auto 25px;
}
.circleOutOk{
background: #4BCA81!important;
color: #4BCA81!important;
}
.circleOutNormal{
background: #2CA4F0!important;
color: #2CA4F0!important;
}
.teamSale .el-row:last-child{margin-top: 20px;}
.teamSale .el-col-div{background:#CBDFEB; height: 480px; width: 100%;}
.tiChengList li{float: left; height: 30px; line-height: 30px; width: 100%; cursor: pointer;}
.tiChengList li>span{float:left; font-size: 14px; color: #666;}
.tiChengList li>span b{font-weight: normal;}
</style> </style>
<template> <template>
<div> <div>
<leftNav></leftNav> <leftNav></leftNav>
<div class="sale_cont"> <div class="sale_cont">
<div class="Sale_menu"> <div class="Sale_menu">
<ul> <ul>
<li :class="{active:type==1}" @click="type=1"> <li :class="{active:type==1}" @click="type=1">个人工作台</li>
首页 <li :class="{active:type==2}" @click="type=2">小组战绩</li>
</li> </ul>
<li :class="{active:type==2}" @click="type=2;getMyScore()"> </div>
个人工作台
</li> <div class="saleChartCont" >
<li :class="{active:type==3}" @click="type=3"> <div v-show="type==1" class="personal">
小组战绩 <div class="PersonalData">
</li> <el-row :gutter="20">
</ul> <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-else src="../../assets/img/default_head_img.jpg" alt="" alt="" class="tx_img">
<div class="p_name">
<span>{{data.emName}}</span>
<span>{{data.postName}}</span>
</div>
<img src="../../assets/img/jinbin@2x.png" alt="" class="img">
<div class="royalty">
<span>￥{{data.totalCommission}}</span>
<span>本月提成</span>
</div>
</div>
<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">···</span>
</div>
<div class="table_t">
<span>订单号</span>
<span>团号</span>
<span>出发时间</span>
<span>未收金额</span>
</div>
<div class="table_c" >
<div class="table_cont" v-for="item in data.orderInfo" v-if="data.orderInfo.length>0">
<span style="font-size: 12px;color:#333333;">{{item.orderId}}</span>
<span style="font-size: 12px;color:#333333;">{{item.tcnum}}</span>
<span style="font-size: 12px;color:#999999;">{{item.startDate}}</span>
<span style="font-size: 12px;color:#F36C5E;">{{item.dueInMoney}}</span>
</div>
<span v-else>暂无数据</span>
</div>
</div>
</div>
</el-col>
<el-col :span="12">
<div class="el-col-div ownScrollbarStyle PersonalData_r">
<div class="l_title jryj">
<span style="font-size: 14px;color: #333333;float: left;margin-left: 35px">今日业绩</span>
</div>
<div class="r_box">
<div class="r_box_t">
<div class="c_view view_t">
<span>今日收客数</span>
<div class="view-f">
<span>{{data.totalGuestNum}}</span>
<span>人</span>
</div>
<div class="semicircle_t"></div>
<i class="iconfont icon-tuoyuan"/>
</div>
<div class="c_view view_t">
<span>今日报名单数</span>
<div class="view-f">
<span>{{data.toDayOrderCount}}</span>
<span>单</span>
</div>
<div class="semicircle_t"></div>
<i class="iconfont icon-xingzhuang2"/>
</div>
<div class="c_view view_t">
<span>今日涨幅</span>
<div class="view-tf">
<span>{{data.priceRate}}%</span>
</div>
<div class="semicircle_t"></div>
<i class="iconfont icon-xingzhuang4" id="xzts" />
</div>
</div>
<div class="r_box_b">
<div class="c_view view_b">
<span>新增客户</span>
<div class="view-f">
<span>{{data.addCustomerCount}}</span>
<span>人</span>
</div>
<div class="semicircle_b"></div>
<i class="iconfont icon-xingzhuang5"/>
</div>
<div class="c_view view_b">
<span>广告发送</span>
<div class="view-f">
<span>{{data.advertising}}</span>
<span>条</span>
</div>
<div class="semicircle_b"></div>
<i class="iconfont icon-xingzhuang1"/>
</div>
<div class="c_view view_b">
<span>今日询单</span>
<div class="view-f">
<span>{{data.inquiryCount}}</span>
</div>
<div class="semicircle_b"></div>
<i class="iconfont icon-xingzhuang3" id="xzts"/>
</div>
</div>
</div>
</div>
</el-col>
</el-row>
</div>
<div class="dataanalysis">
<el-row :gutter="20">
<el-col :span="7">
<div class="el-col-div ownScrollbarStyle data_l">
<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" :style="{width: screenWidth==1366 ? '250px':'350px', height: screenWidth==1366 ? '210px':'310px'}" style="margin-left: 9%"></div>
</div>
</el-col>
<el-col :span="13">
<div class="el-col-div ownScrollbarStyle data_c">
<div class="l_title" style="margin-top: 20px">
<span style="font-size: 14px;color: #333333;float: left;">本周业绩</span>
</div>
<div class="data_title">
<span style="margin-left: 100px">上周排名</span>
<span style="color: #00B26F">No.{{data.rankCount}}</span>
<span>，{{data.rankCount==1 ? '继续保持！':'继续努力！'}}</span>
<div class="tagging">
<div class="yuan_o"></div>
<span>需努力</span>
<div class="yuan_t"></div>
<span>加油！</span>
<div class="yuan_tr"></div>
<span>超棒哦！</span>
</div>
</div>
<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>
<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>
<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>
<div class="mean">
<span>{{data.myTotalOrderCount}}</span>
<span>/人均 {{data.myTotalOrderAve}}单</span>
</div>
</div>
<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>
<div class="mean">
<span>{{data.totalGuestCount}}</span>
<span>/人均 {{data.totalGuestAve}}人</span>
</div>
</div>
<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>
<div class="mean">
<span>￥{{data.totalOrderPrice}}</span>
<span>/人均 ￥{{data.totalOrderPriceAve}}</span>
</div>
</div>
<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>
<div class="mean">
<span>{{data.exploitCount}}</span>
<span>/人均 {{data.exploitAve}}</span>
</div>
</div>
</div>
</el-col>
<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"/>
</div>
<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"/>
</div>
<div class="r_name" >
<span>销售排行</span>
</div>
</div>
<div class="r_box" @click="goUrl('/invoicesManager')">
<div style="background: #D5D0F4" class="icon_f">
<i class="iconfont icon-Newspaper" style="color: #9E8DE3"/>
</div>
<div class="r_name">
<span>待处理发票</span>
<el-badge class="tishi" :value="data.invoiceApplyCount?data.invoiceApplyCount:'0'" />
</div>
</div>
<div class="r_box" @click="goUrl('/Announcement')">
<div style="background: #C0EBD1;" class="icon_f">
<i class="iconfont icon-Sound" style="color: #5CC790;"/>
</div>
<div class="r_name">
<span>公告</span>
<el-badge class="tishi" :value="data.noticeCount?data.noticeCount:'0'" />
</div>
</div>
</div>
</el-col>
</el-row>
</div>
</div> </div>
<div class="saleChartCont"> <div v-show="type==2" class="paneldata">
<div class="content" v-show="type==1"> <el-row :gutter="20">
<div class="imgShow"> <el-col :span="20">
<img src="../../assets/img/img-shuidi.png" /> <div class="el-col-div ownScrollbarStyle paneldata_l">
<canvas id="c"></canvas> <div class="groupmembers">
</div> <div class="grouptiday">
<div class="msgShow"> <div class="g_icon g_sks">
<div class="top"> <i class="iconfont icon-user" style="color: #6C7AE0"></i>
<div class="calender"> </div>
<p class="month">4月</p> <div class="receive">
<p class="day">第12天</p> <span>今日总收客人数</span>
</div> <span>{{groupdata.toDayGuestCount}}<span class="p_dw" >人</span></span>
<div class="description"> </div>
<p>销售排名第<span>123</span><img src="../../assets/img/icons8-scroll-up-filled-50@2x.png"></p>
<p>你已经<span>3</span>天没有报名</p> <div class="g_icon g_bms">
</div> <i class="iconfont icon-clipboard" style="color: #00B26F"></i>
</div> </div>
<div class="bottom"> <div class="receive">
<input class="saleBtn" type="button" value="立即启动销售模式" /> <span >今日总报名单数</span>
</div> <span >{{groupdata.toDayOrderCount}}<span class="p_dw">单</span></span>
</div> </div>
</div>
<div class="g_icon g_skuan">
<div class="teamSale" v-show="type==2"> <i class="iconfont icon-graph" style="color: #FF7B8A"></i>
<el-row :gutter="20"> </div>
<el-col :span="9"> <div class="receive">
<div class="el-col-div ownScrollbarStyle" style="padding: 20px; overflow-x: auto;"> <span>今日收款</span>
<p class="fz12 color333 fbold">我的评分</p> <span>{{groupdata.toDayInPrice}}</span>
<div style="width: 520px; height: 410px; margin-top: 10px;"> </div>
<div id='mychart' style="width: 420; height: 410px; "></div>
</div> <div class="gain">
</div> <span>涨幅</span>
</el-col> <div class="sj">
<el-col :span="7"> <i :class="groupdata.toDayInPriceRate<0 ? 'bottomsanjiao':'topsanjiao' "></i>
<div class="el-col-div ownScrollbarStyle" style="padding: 20px; overflow-x: auto;"> <span :style="groupdata.toDayInPriceRate<0 ? 'color:#F36C5E':'color:#00B26F'">{{groupdata.toDayInPriceRate}}%</span>
<p class="fz12 color333 fbold">上月提成</p> </div>
<div style="width: 410px; height: 200px;padding-right: 20px; margin-top: 30px;"> </div>
<p style="height: 120px; line-height: 120px;"> <div class="weekdata">
<img src="../../assets/img/tichengTypeOne.png" v-show="prevMonthExtract<1000"/> <div class="weekdata_box">
<img src="../../assets/img/tichengTypeTwo.png" v-show="prevMonthExtract<5000&&prevMonthExtract>=1000"/> <span>本周总收客</span>
<img src="../../assets/img/tichengTypeThree.png" v-show="prevMonthExtract>=5000"/> <span class="w_da">{{groupdata.nowWeekGuestCount}}</span>
<span class="fr" style="color:#F29F00; font-size: 36px; font-weight: bold;">¥{{prevMonthExtract}}</span> <div class="w_d">
</p> <i :class="groupdata.guestRate<0 ? 'bottomsanjiao':'topsanjiao' "></i><span :style="groupdata.guestRate<0 ? 'color:#F36C5E':'color:#00B26F'">{{groupdata.guestRate}}%</span>
<div style="border-bottom: 1px dashed #fff; width:390px; margin-top: 30px;"></div> </div>
<p class="fz12 color333 fbold mt30">最近提成 </div>
<i class="el-icon-more fr cursorpointer" @click="goUrlT('enrollTotal','',true)"></i> <div class="weekdata_box">
</p> <span>本周报名单数</span>
<div class="tiChengList mt20"> <span class="w_da">{{groupdata.orderCount}}</span>
<ul> <div class="w_d">
<li v-for="item in prevMonthExtractList" @click="goUrlT('enrollTotal',item.OrderId,true)"> <i :class="groupdata.orderRate<0 ? 'bottomsanjiao':'topsanjiao' "></i><span :style="groupdata.orderRate<0 ? 'color:#F36C5E':'color:#00B26F'">{{groupdata.orderRate}}%</span>
<span class="w180">{{item.TCNUM}}</span> </div>
<span>{{item.OrderId}}</span> </div>
<span class="fr" style="color:#F29F00;">¥{{item.Commission}}</span> <div class="weekdata_box2">
</li> <span>本周未收金额</span>
<li v-show="prevMonthExtractList.length==0" class="fz14 color333 alcenter">暂无提成</li> <span class="w_da" style="margin-top: 5px">￥{{groupdata.dueInMoney}}</span>
</ul> <!-- <div class="w_d">-->
</div> <!-- </div>-->
</div>
</div> </div>
</el-col> </div>
<el-col :span="8"> </div>
<div class="el-col-div ownScrollbarStyle" style="padding: 20px; overflow-x: auto;"> <!-- 分界线-->
<p class="fz12 color333 fbold">本周任务</p> <div class="line">
<div style="width: 475px; height:250px; padding-right: 20px; border-bottom: 1px dashed #fff;"> <div class="line_title">
<div class="tiChengList mt20"> <span>小组成员业绩</span>
<ul> </div>
<li v-for="item in myWeekTask" @click="goUrl('saleTaskDetail',item.TaskId)"> </div>
<span class="w180">{{item.TaskName}}</span>
<span v-if="item.TaskType==2">￥{{item.TaskNum}}</span> <div class="ranking" >
<span v-else>{{item.TaskNum}}{{item.Unit}}</span> <div class="rankbox" v-for="(item,index) in groupdata.departmentUserOrderList" :key="index">
<div class="xz_tx">
<span v-if="item.TaskType==2" class="fr"> <img v-if="item.icon!=null && item.icon !='' " :src="item.icon" alt="" :onerror='defaultHeadImg'>
<b v-show="item.IsFinish==1" style="color:#4BCA81 ;"><i class="iconfont icon-yiqueren"></i>&nbsp; <img v-else src="../../assets/img/default_head_img.jpg" alt="">
￥{{item.FinishNum}}</b> <i :class="index==0? 'iconfont icon-juxing-1':'' " style="position: absolute;top: -20px;left: -10px;color: #FFC71E"/>
<b v-show="item.IsFinish==2" style="color:#E95252 ;"><i class="iconfont icon-yiquxiao"></i>&nbsp; <i :class="index==1? 'iconfont icon-juxing-1':'' " style="position: absolute;top: -20px;left: -10px;color: #C7C7C7"/>
￥{{item.FinishNum}}</b> <i :class="index==2? 'iconfont icon-juxing-1':'' " style="position: absolute;top: -20px;left: -10px;color: #B6794C"/>
</span> </div>
<span v-else class="fr"> <div style="width: 100%;text-align: center">
<b v-show="item.IsFinish==1" style="color:#4BCA81 ;"><i class="iconfont icon-yiqueren"></i>&nbsp; <span style="font-size: 14px;color: #333333;margin-top: 10px;">{{item.userName}}</span>
{{item.FinishNum}}{{item.Unit}}</b> </div>
<b v-show="item.IsFinish==2" style="color:#E95252 ;"><i class="iconfont icon-yiquxiao"></i>&nbsp;
{{item.FinishNum}}{{item.Unit}}</b> <div style="width: 100%;height: 1px;background: #E7E7E7;margin: 10px 0"></div>
</span> <div class="rankbox_b">
</li> <div class="today">
<li v-show="myWeekTask.length==0" class="fz14 color333 alcenter">暂无任务</li> <span>
</ul> 今日收客
</div> </span>
</div> <span>
<p style="margin-top: 30px; text-align: center;" v-show="isFinishNum>0"> {{item.toDayOrderGuestCount}}
<i class="iconfont icon-xiaoshoushouye-jiayou" style="color:#56B6F3; font-size: 34px;"></i> </span>
</p> </div>
<p v-show="isFinishNum>0" style="color:#56B6F3; text-align: center; margin-top: 20px;">加油哦，你本周还剩{{isFinishNum}}个任务</p> <div class="today">
<p style="margin-top: 30px; text-align: center;" v-show="isFinishNum==0"> <span>
<i class="iconfont icon-xiaoshoushouye_zan" style="color:#56B6F3; font-size: 34px;"></i> 总收客
</p> </span>
<p v-show="isFinishNum==0" style="color:#56B6F3; text-align: center; margin-top: 20px;">你已经完成全部任务，非常棒，向你学习。</p> <span>
</div> {{item.allOrderGuestCount}}
</el-col> </span>
</el-row> </div>
<el-row :gutter="0"> </div>
<el-col :span="4"> </div>
<div class="el-col-div" style="height: 275px;"> </div>
<div class="circleOut" :class="{circleOutOk:myTask.GuestNumStatus==1}"> </div>
<div class="circleMiddle"> <div class="tubiao">
<div class="circleIn"> <div class="l_title" style="position: relative">
{{myTask.GuestNum}} <span style="font-size: 14px;color: #333333;float: left">本周收客排行</span>
</div>
</div> </div>
</div> <div class="tb_box">
<p class="fz14 fbold tcenter">今日收客人数</p> <div id="myChart" :style="{width: '1240px', height: '270px'}"></div>
<p class="mt20 tcenter"> </div>
<input type="button" class="hollowFixedBtn" value="详情"/> </div>
</p> </div>
</div> </el-col>
</el-col> <el-col :span="4">
<el-col :span="4"> <div class="el-col-div ownScrollbarStyle paneldata_r">
<div class="el-col-div" style="height: 275px;"> <div class="paneldata_r_box">
<div class="circleOut" :class="{circleOutOk:myTask.RoseStatus==1}"> <div class="l_title" >
<div class="circleMiddle"> <span style="font-size: 14px;color: #333333;float: left">今日工作</span>
<div class="circleIn"> </div>
{{myTask.Rose}}% <div class="c_view gz1">
</div> <span>今日收客数</span>
</div> <div class="pr_s">
</div> <span>{{groupdata.addCustomerCount}}</span>
<p class="fz14 fbold tcenter">今日涨幅</p> <span>人</span>
<p class="mt20 tcenter"> </div>
<input type="button" class="hollowFixedBtn" value="详情"/> <div class="banyuan" style="background: #FBF7FF"></div>
</p> <i class="iconfont icon-xingzhuang5" style="color: #A598EE"/>
</div> </div>
</el-col> <div class="c_view gz2">
<el-col :span="4"> <span>拜访客户</span>
<div class="el-col-div" style="height: 275px;"> <div class="pr_s">
<div class="circleOut" :class="{circleOutOk:myTask.OrderNumStatus==1}"> <span>{{groupdata.visitCustomerCount}}</span>
<div class="circleMiddle"> <span>人</span>
<div class="circleIn"> </div>
{{myTask.OrderNum}} <div class="banyuan" style="background: #DBF1D1"></div>
</div> <i class="iconfont icon-xingzhuang8" style="color: #98D482"/>
</div> </div>
</div> <div class="c_view gz3">
<p class="fz14 fbold tcenter">今日报名单数</p> <span>客户活跃</span>
<p class="mt20 tcenter"> <div class="pr_s">
<input type="button" class="hollowFixedBtn" value="详情"/> <span>{{groupdata.customerActive}}</span>
</p> <span>人</span>
</div> </div>
</el-col> <div class="banyuan" style="background: #E3EFF6"></div>
<el-col :span="4"> <i class="iconfont icon-xingzhuang6" style="color: #68A3C2"/>
<div class="el-col-div" style="height: 275px;"> </div>
<div class="circleOut" :class="{circleOutOk:myTask.NewClientNumStatus==1}"> <div class="c_view gz4">
<div class="circleMiddle"> <span>广告发送</span>
<div class="circleIn"> <div class="pr_s">
{{myTask.NewClientNum}} <span>{{groupdata.advertising}}</span>
</div> <span>人</span>
</div> </div>
</div> <div class="banyuan" style="background: #ECECFF"></div>
<p class="fz14 fbold tcenter">新增客户</p> <i class="iconfont icon-xingzhuang1" style="color: #8F96EB"/>
<p class="mt20 tcenter"> </div>
<input type="button" class="hollowFixedBtn" value="详情"/> <div class="c_view gz5">
</p> <span>今日询单</span>
</div> <div class="pr_s">
</el-col> <span>{{groupdata.inquiryCount}}</span>
<el-col :span="4"> <span>人</span>
<div class="el-col-div" style="height: 275px;"> </div>
<div class="circleOut" :class="{circleOutOk:myTask.AdvCountStatus==1}"> <div class="banyuan" style="background: #F1F5FF"></div>
<div class="circleMiddle"> <i class="iconfont icon-xingzhuang3"/>
<div class="circleIn"> </div>
{{myTask.AdvCount}} </div>
</div>
</div> </div>
</div> </el-col>
<p class="fz14 fbold tcenter">广告转发</p> </el-row>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p> </div>
</div>
</el-col> </div>
<el-col :span="4"> </div>
<div class="el-col-div" style="height: 275px;">
<div class="circleOut circleOutNormal">
<div class="circleMiddle">
<div class="circleIn">
{{myTask.DemandNum}}
</div>
</div>
</div>
<p class="fz14 fbold tcenter">今日询单</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
</div>
</el-col>
</el-row>
</div>
<div class="teamSale" v-show="type==3">
<el-row :gutter="20">
<el-col :span="4" style='padding-right: 0;'>
<div class="el-col-div" style="height: 400px;padding: 20px;">
<p class="fz12 color333 fbold">今日销售</p>
<div class="circleOut" :class="{circleOutOk:teamTaskToday.GuestNumStatus==1}">
<div class="circleMiddle">
<div class="circleIn">
{{teamTaskToday.GuestNum}}
</div>
</div>
</div>
<p class="fz14 fbold tcenter">今日收客人数</p>
<p v-show="teamTaskToday.GuestNumStatus==1" class="fz12 color666 alcenter mt5">不错不错，大家棒棒哒！</p>
<p v-show="teamTaskToday.GuestNumStatus==2" class="fz12 color666 alcenter mt5">别灰心，昂首挺胸继续加油！</p>
<p class="mt30 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
</div>
</el-col>
<el-col :span="4" style='padding: 0;'>
<div class="el-col-div" style="height: 400px;padding:34px 20px 20px;">
<div class="circleOut" :class="{circleOutOk:teamTaskToday.OrderNumStatus==1}">
<div class="circleMiddle">
<div class="circleIn">
{{teamTaskToday.OrderNum}}
</div>
</div>
</div>
<p class="fz14 fbold tcenter">今日报名单数</p>
<p v-show="teamTaskToday.OrderNumStatus==1" class="fz12 color666 alcenter mt5">不错不错，大家棒棒哒！</p>
<p v-show="teamTaskToday.OrderNumStatus==2" class="fz12 color666 alcenter mt5">别灰心，昂首挺胸继续加油！</p>
<p class="mt30 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
</div>
</el-col>
<el-col :span="4" style='padding-left: 0;'>
<div class="el-col-div" style="height: 400px;padding:34px 20px 20px;">
<div class="circleOut" :class="{circleOutOk:teamTaskToday.RoseStatus==1}">
<div class="circleMiddle">
<div class="circleIn">
{{teamTaskToday.Rose}}%
</div>
</div>
</div>
<p class="fz14 fbold tcenter">今日涨幅</p>
<p v-show="teamTaskToday.RoseStatus==1" class="fz12 color666 alcenter mt5">不错不错，大家棒棒哒！</p>
<p v-show="teamTaskToday.RoseStatus==2" class="fz12 color666 alcenter mt5">别灰心，昂首挺胸继续加油！</p>
<p class="mt30 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
</div>
</el-col>
<el-col :span="4" style='padding-right: 0;'>
<div class="el-col-div" style="height: 400px;padding: 20px;">
<p class="fz12 color333 fbold">本周销售</p>
<div class="circleOut" :class="{circleOutOk:teamTaskWeek.GuestNumStatus==1}">
<div class="circleMiddle">
<div class="circleIn">
{{teamTaskWeek.GuestNum}}
</div>
</div>
</div>
<p class="fz14 fbold tcenter">收客人数</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
</div>
</el-col>
<el-col :span="4" style='padding: 0;'>
<div class="el-col-div" style="height: 400px;padding:34px 20px 20px;">
<div class="circleOut" :class="{circleOutOk:teamTaskWeek.OrderNumStatus==1}">
<div class="circleMiddle">
<div class="circleIn">
{{teamTaskWeek.OrderNum}}
</div>
</div>
</div>
<p class="fz14 fbold tcenter">报名单数</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
</div>
</el-col>
<el-col :span="4" style='padding-left: 0;'>
<div class="el-col-div" style="height: 400px;padding:34px 20px 20px;">
<div class="circleOut" :class="{circleOutOk:teamTaskWeek.RoseStatus==1}">
<div class="circleMiddle">
<div class="circleIn">
{{teamTaskWeek.Rose}}%
</div>
</div>
</div>
<p class="fz14 fbold tcenter">涨幅</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
</div>
</el-col>
</el-row>
<el-row :gutter="0">
<el-col :span="4">
<div class="el-col-div" style="height: 350px; padding: 20px;">
<p class="fz12 color333 fbold">今日工作</p>
<div class="mormalCircleOut">
<div class="mormalCircleMiddle">
<div class="mormalCircleIn">
{{teamTodayWork.NewClientNum}}
</div>
</div>
</div>
<p class="fz14 fbold tcenter">新增客户</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
</div>
</el-col>
<el-col :span="4">
<div class="el-col-div" style="height: 350px; padding: 34px 20px 20px;"">
<div class="mormalCircleOut">
<div class="mormalCircleMiddle">
<div class="mormalCircleIn">
{{teamTodayWork.CallOnClientNum}}
</div>
</div>
</div>
<p class="fz14 fbold tcenter">拜访客户</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
</div>
</el-col>
<el-col :span="4">
<div class="el-col-div" style="height: 350px; padding: 34px 20px 20px;"">
<div class="mormalCircleOut">
<div class="mormalCircleMiddle">
<div class="mormalCircleIn">
{{teamTodayWork.ClientDynamic}}
</div>
</div>
</div>
<p class="fz14 fbold tcenter">客户活跃</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
</div>
</el-col>
<el-col :span="4">
<div class="el-col-div" style="height: 350px; padding: 34px 20px 20px;"">
<div class="mormalCircleOut">
<div class="mormalCircleMiddle">
<div class="mormalCircleIn">
{{teamTodayWork.AdvCount}}
</div>
</div>
</div>
<p class="fz14 fbold tcenter">广告转发</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
</div>
</el-col>
<el-col :span="4">
<div class="el-col-div" style="height: 350px; padding: 34px 20px 20px;"">
<div class="mormalCircleOut">
<div class="mormalCircleMiddle">
<div class="mormalCircleIn">
{{teamTodayWork.DemandNum}}
</div>
</div>
</div>
<p class="fz14 fbold tcenter">今日询单</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
</div>
</el-col>
<el-col :span="4">
<div class="el-col-div" style="height: 350px;">
</div>
</el-col>
</el-row>
</div>
</div>
</div>
</div> </div>
</template> </template>
<script> <script>
import leftNav from '../public/leftNav.vue' import leftNav from '../public/leftNav.vue'
export default { export default {
name: 'login-box', data (){
data (){ return{
return{ type:1,
isFinishNum:0, defaultHeadImg:
type:1, 'this.src="' + require("../../assets/img/default_head_img.jpg") + '"',
prevMonthExtract:12.00, style:{
prevMonthExtractList:[], width:0,
myTask:{}, background:"#FFFFFF"
myWeekTask:[], },
myScore:[], data:[],
teamTaskToday:{}, groupdata:[],
teamTaskWeek:{}, myScore:[],
teamTodayWork:{} screenWidth:0,
} NotDealCount:0, //
}, }
components:{ },
leftNav components:{
}, leftNav
methods:{ },
wave(){ mounted(){
var canvas = document.getElementById('c'); const that = this;
var ctx = canvas.getContext('2d'); var w = document.documentElement.clientWidth || document.body.clientWidth;
var range = document.getElementById('r'); this.screenWidth = w;
//range控件信息 this.iWorkbench() //销售个人工作台接口
//var rangeValue = range.value; this.grouplist() //销售首页小组工作台
var rangeValue = 50; this.Financial_post_GetNotDealCount(); //待处理财务单据的个数
var nowRange = 0; //用于做一个临时的range
//画布属性 },
var mW = canvas.width = 200;
var mH = canvas.height = 250; watch: {
var lineWidth = 2; screenWidth (val) {
//圆属性 this.screenWidth = val
var r = mH / 2; //圆心 }
var cR = r - 16 * lineWidth; //圆半径 },
//Sin 曲线属性 methods:{
var sX = 0; iWorkbench(){
var sY = mH / 2; this.apipost('customerIndex_post_GetMySelfSellInfo',{},res=>{
var axisLength = mW; //轴长 if(res.data.resultCode==1){
var waveWidth = 0.025; //波浪宽度,数越小越宽 this.data = res.data.data;
var waveHeight = 6; //波浪高度,数越大越高 this.myScore = res.data.data.taskCapacityList;
var speed = 0.09; //波浪速度，数越大速度越快 this.myScore.forEach(item=>{
var xOffset = 0; //波浪x偏移量 if(item.score<60){
item['fen']='D'
ctx.lineWidth = lineWidth; }else if(item.score<70&&item.score>=60){
item['fen']='C'
//画圈函数 }else if(item.score<80&&item.score>=70){
var IsdrawCircled = false; item['fen']='B'
var drawCircle = function() { }else if(item.score<95&&item.score>=80){
item['fen']='A'
ctx.beginPath(); }else{
ctx.strokeStyle = '#33B87F'; item['fen']='S'
//ctx.arc(r, r, cR + 5, 0, 2 * Math.PI); }
ctx.stroke(); })
ctx.beginPath(); let evaluate = this.$echarts.init(document.getElementById('evaluate'))
// ctx.arc(r, r, cR, 0, 2 * Math.PI); evaluate.setOption({
//ctx.clip(); noDataLoadingOption: {
text: '暂无数据',
} effect: 'bubble',
effectOption: {
//画sin 曲线函数 effect: {
var drawSin = function(xOffset) { n: 0
ctx.save(); }
var points = []; //用于存放绘制Sin曲线的点 }
ctx.beginPath(); },
//在整个轴长上取点 tooltip: {
for(var x = sX; x < sX + axisLength; x += 20 / axisLength) { trigger: 'axis'
//此处坐标(x,y)的取点，依靠公式 “振幅高*sin(x*振幅宽 + 振幅偏移量)” },
var y = -Math.sin((sX + x) * waveWidth + xOffset); radar: [
{
var dY = mH * (1 - nowRange / 100); name:{
formatter: function (value, indicator) {
points.push([x, dY + y * waveHeight]); return value + '\n'+indicator.fen
ctx.lineTo(x, dY + y * waveHeight); }
} },
splitArea:{
//封闭路径 show:false
ctx.lineTo(axisLength, mH); },
ctx.lineTo(sX, mH); splitLine:{
ctx.lineTo(points[0][0], points[0][1]); lineStyle:{
ctx.fillStyle = '#37d5a8'; color: ['#BCBFFF', '#BCBFFF']
ctx.fill(); }
ctx.restore(); },
}; // axisLine:{
var drawSin1 = function(xOffset) { // lineStyle:{
var waveWidth = 0.015; //波浪宽度,数越小越宽 // color:'#1632DE'
var waveHeight = 10; //波浪高度,数越大越高 // }
ctx.save(); // },
var points = []; //用于存放绘制Sin曲线的点 indicator: [
ctx.beginPath(); {text: this.myScore[0].name, max: 100,fen:this.myScore[0].fen},
//在整个轴长上取点 {text: this.myScore[1].name, max: 100,fen:this.myScore[1].fen},
for(var x = sX; x < sX + axisLength; x += 20 / axisLength) { {text: this.myScore[2].name, max: 100,fen:this.myScore[2].fen},
//此处坐标(x,y)的取点，依靠公式 “振幅高*sin(x*振幅宽 + 振幅偏移量)” {text: this.myScore[3].name, max: 100,fen:this.myScore[3].fen},
var y = -Math.sin((sX + x) * waveWidth + xOffset); {text: this.myScore[4].name, max: 100,fen:this.myScore[4].fen},
var dY = mH * (1 - nowRange / 100); {text: this.myScore[5].name, max: 100,fen:this.myScore[5].fen}
points.push([x, dY + y * waveHeight]); ],
ctx.lineTo(x, dY + y * waveHeight);
} },
//封闭路径
ctx.lineTo(axisLength, mH);
ctx.lineTo(sX, mH); ],
ctx.lineTo(points[0][0], points[0][1]); series: [
ctx.fillStyle = '#b9f0e1'; {
ctx.fill(); type: 'radar',
ctx.restore(); tooltip: {
}; trigger: 'item'
},
//写百分比文本函数 itemStyle: {normal: {areaStyle: {type: 'default'}}},
var drawText = function() { data: [
ctx.save(); {
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],
ctx.font = 24 + 'px Microsoft Yahei'; itemStyle:{
ctx.textAlign = 'center'; normal:{
ctx.fillStyle = "rgba(06, 85, 128, 0.8)"; color:'#487DE9'
ctx.fillText(~~nowRange + '%', r, r + 50 / 2); }
ctx.restore(); },
}; },
var render = function() { ],
ctx.clearRect(0, 0, mW, mH); radius: 60
//rangeValue = range.value; },
rangeValue = 50;
]
if(IsdrawCircled == false) { });
drawCircle(); }else{
} this.$message.error(res.data.message)
}
if(nowRange <= rangeValue) { },err=>{})
var tmp = 1; },
nowRange += tmp; grouplist(){
} this.apipost('customerIndex_post_GetDepartmentSellInfo',{},res=>{
if(res.data.resultCode==1){
if(nowRange > rangeValue) { this.groupdata = res.data.data;
var tmp = 1; let OrderList = res.data.data.reaultDepartmentOrderList;
nowRange -= tmp; if(OrderList !=null){
} this.drawLine(OrderList); // echarts;
drawSin1(xOffset); }
drawSin(xOffset);
drawText();
xOffset += speed; }else{
requestAnimationFrame(render); this.$message.error(res.data.message)
} }
},err=>{})
render(); },
}, drawLine(OrderList) {
goUrl(path,id){ // 基于准备好的dom，初始化echarts实例
this.$router.push({ name:path,query:{"id":id,"PersonOrDepartment":1,blank:'y',tab:'任务详情'} }) let myChart = this.$echarts.init(document.getElementById('myChart'))
}, let dataname = [];
goUrlT(path,id){ let bzdata = [];
this.$router.push({ name:path,query:{"id":id,"PersonOrDepartment":1,isOwn:true,blank:'y',tab:'销售提成'} }) let szdata = [];
}, for( var i = 0;i<10; i++){
getPrevMonthExtract(){ //上月提成 dataname.push(OrderList[i].branchName+'\n'+OrderList[i].departmentName)
this.apipost('TaskManagemnet_get_GetThisWeekCommission',{},res=>{ bzdata.push(OrderList[i].nowWeekGuest)
if(res.data.resultCode==1){ szdata.push(OrderList[i].nowLastWeekGuest)
this.prevMonthExtract=Number(res.data.data) }
}else{
this.$message.error(res.data.message) // 绘制图表
} myChart.setOption({
},err=>{}) noDataLoadingOption: {
}, text: '暂无数据',
getPrevMonthExtractList(){ //上月提成列表 effect: 'bubble',
this.apipost('TaskManagemnet_get_GetThisWeekCommissionList',{pageIndex:1,pageSize:5},res=>{ effectOption: {
if(res.data.resultCode==1){ effect: {
this.prevMonthExtractList=res.data.data.pageData n: 0
console.log(this.prevMonthExtractList) }
}else{ }
this.$message.error(res.data.message) },
} title: '',
},err=>{}) tooltip: {},
}, legend: {
getMyTask(){ x: 'center',
this.apipost('TaskManagemnet_get_GetToDayStatistics',{},res=>{ data:['本周收客','上周收客',]
if(res.data.resultCode==1){ },
this.myTask=res.data.data xAxis: {
}else{ data: dataname,
this.$message.error(res.data.message) triggerEvent: true,
} axisLabel: {
},err=>{}) fontSize:9, //设置x轴标签的字体大小
}, interval:0 //设置标签x的名称 0为显示所有 1为间隔一个显示
getTeamTaskToday(){ },
this.apipost('TaskManagemnet_get_GetDepThisWeekWork',{WorkType:1},res=>{ axisTick:{
if(res.data.resultCode==1){ interval:0
this.teamTaskToday=res.data.data },
}else{ nameTextStyle:{
this.$message.error(res.data.message)
} }
},err=>{})
},
getTeamTaskWeek(){ },
this.apipost('TaskManagemnet_get_GetDepThisWeekWork',{WorkType:2},res=>{ yAxis:{
if(res.data.resultCode==1){ name:'收客数',
this.teamTaskWeek=res.data.data nameLocation:'end', //坐标轴名称显示位置。
}else{ splitLine: {
this.$message.error(res.data.message) show: true,
} lineStyle:{
},err=>{}) type:'dashed'
}, }
getMyWeekTask(){ },
this.apipost('TaskManagemnet_get_GetThisWeekTask',{},res=>{ axisTick:{
if(res.data.resultCode==1){ show:false
this.myWeekTask=res.data.data },
this.isFinishNum=0 axisLine:{
this.myWeekTask.forEach(item=>{ show:false
if(item.IsFinish==2) }
{ },
this.isFinishNum+=1 series: [{
} type: 'bar',
}) name:'本周收客',
}else{ barGap: '-100%',
this.$message.error(res.data.message) data: bzdata,
} z:11,
},err=>{}) itemStyle:{
}, normal:{
getMyScore(){ color:'#1698FD',
this.apipost('TaskManagemnet_get_GetSellMyGrade',{},res=>{ }
if(res.data.resultCode==1){ },
this.myScore=res.data.data barWidth:20
this.myScore.forEach(item=>{ },
if(item.score<60){ {
item['color']='D' type: 'bar',
}else if(item.score<70&&item.score>=60){ name:'上周收客',
item['color']='C' data: szdata,
}else if(item.score<80&&item.score>=70){ z:10,
item['color']='B' itemStyle:{
}else if(item.score<95&&item.score>=80){ normal:{
item['color']='A' color:'#7FEFEF'
}else{ }
item['color']='S' },
} barWidth:20
}) }
this.$nextTick(()=>{ ]
this.$chartsUtils.saleIndex('mychart',this.myScore) });
}) },
}else{ Financial_post_GetNotDealCount() {
this.$message.error(res.data.message) this.apipost(
} "Financial_post_GetNotDealCount",
},err=>{}) {},
}, r => {
getTeamTodayWork(){ if (r.data.resultCode == 1) {
this.apipost('TaskManagemnet_get_GetDepToDayWork',{},res=>{ this.NotDealCount = r.data.data;
if(res.data.resultCode==1){ }
this.teamTodayWork=res.data.data },
}else{ null
this.$message.error(res.data.message) );
} },
},err=>{}) goUrlT(url, index, name) {
}, let query={
}, Conditon: index
mounted(){ }
this.wave() if(localStorage.openMode && localStorage.openMode==1){
this.getMyTask() query.tab=name
//this.getMyScore() query.blank='y'
this.getMyWeekTask() }
this.getTeamTaskToday() this.$router.push({ path: url, query });
this.getTeamTaskWeek() },
this.getTeamTodayWork() goUrl(path){
this.getPrevMonthExtract() this.$router.push({
this.getPrevMonthExtractList() path: path
})
}, }
} }
}
</script>
\ No newline at end of file </script>
src/store/actions/session.js
View file @ b85402ef
...@@ -94,6 +94,9 @@ export function setCurrSession ({state, commit, dispatch}, sessionId) { ...@@ -94,6 +94,9 @@ export function setCurrSession ({state, commit, dispatch}, sessionId) {
export function resetCurrSession ({state, commit}) { export function resetCurrSession ({state, commit}) {
const nim = state.nim const nim = state.nim
if(!nim){
return;
}
console.log('重置了..................') console.log('重置了..................')
nim.resetCurrSession() nim.resetCurrSession()
commit('updateCurrSessionMsgs', { commit('updateCurrSessionMsgs', {
......
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