Skip to content

T
tl_estate
Commit 55836c5e authored by xishifeng's avatar xishifeng
Browse files
Options

1

parent 34f6a3e5
Show whitespace changes
Inline Side-by-side
Showing with 7 additions and 1296 deletions
public/appnew/src/components/achieveMain/achieveRegion.vue
View file @ 55836c5e
<template>
<div>
<header-pulic :data="headerData"></header-pulic>
<div class="achieve achieve-content-md dz_achieve_header">
<ul>
<li v-for="(item,key,index) in cirData" :key="key" :class="'achieve_l'+(index+1)+' acbtn-li-'+key" :data-href="item.href">
<span>{{item.title}}</span>
<font :id="'count_'+key">{{item.num}}</font>
</li>
</ul>
<!--搜索框的部分-->
<div class="list-time" style="left: .3rem;">
<div class="timebox001 fl">
<div class="inputbox fl">
<input type="date" id="startdateid" v-model="startDate">
</div>
<img src="/app/images/yj_down_icon@2x.png" class="yj_down_icon">
<span class="fl" style="color:#FFFFFF;margin-left: 0.1rem">至</span>
<div class=" inputbox fl">
<input type="date" id="enddateid" v-model="endDate">
</div>
<img src="/app/images/yj_down_icon@2x.png" class="yj_down_icon">
<div class="div_search" @click.prevent.stop="search('normal')">
<span></span>
<img src="/app/images/suods.png" />
</div>
</div>
<button id="searchBtn2" @click.prevent.stop="search('today')">今天</button>
</div>
</div>
<!--列表项-->
<div class="con-con achieve-content-md">
<section class="ul_header">
<p class="ul_title ul_title_zz">
<span v-for="(item,index) in tabsMain" :key="item.title" :class="{active:index == initTabNumMain}" @click="tabMain(index)">{{item.title}}</span>
</p>
<div class="div-tri">
<div class="box-tri-1"></div>
<div class="box-tri-2" :style="'left: '+countLeft+'rem;'"></div>
</div>
<p class="ul_title_add add_zz" v-for="(item,index) in tabsMain" :key="item.title" v-show="index == initTabNumMain">
<span v-for="(item2,index2) in item.titleList">{{item2}}</span>
</p>
</section>
<ul class='achieve_zz_ul' v-for="(item,index) in tabsMain" :key="item.title" v-show="index == initTabNumMain" :id="'listall_'+index">
<li v-for="(item2,index2) in item.dataList" :data-id="item2.store_id">
<!--<div>{{dealName(item2.store_name, item2.name)}}</div>-->
<div class="db-line">
<div class="ellipsis">{{item2.store_name}}</div>
<div class="ellipsis">{{item2.name}}</div>
</div>
<div>{{item2.add_house_num}}</div>
<div>{{item2.add_user_num}}</div>
<div>{{item2.march_in_num}}</div>
<div>{{item2.performance}}</div>
<div>{{item2.official_receipts}}</div>
</li>
</ul>
</div>
<div id="loading_pic" class="loading_pic loading_pic_new" v-show="isLoadFlag2">
<img src="/app/images/jz2.gif" />
<p>正在加载...</p>
</div>
<div v-for="(item,index) in tabsMain" :key="item.title" v-show="index == initTabNumMain">
<div :id="'no_more_'+index" class="no_more" v-if="item.dataList.length>0">没有更多了</div>
<div :id="'zanwu_data_'+index" class="zanwu_data" v-else>暂无数据...</div>
</div>
<div id="loading_pic_samll" class="loading_pic_samll loading_pic_samll_new" v-show="isLoadFlag1"><img src="/app/images/lazyload.gif" /></div>
</div>
</template>
......@@ -96,1241 +24,25 @@
},
data: () => ({
headerData: {
'title': '门店业绩',
'noborder': true,
'isBack': false
},
token: '',
startDate: '',
endDate: '',
nowDate: backNowDate(),
headerTitle: '',
ywyId: getUrlParam('ywyId'),
userLevel: '',
initTabNumMain: 0,
isLoadFlag1: false,
isLoadFlag2: false,
cirData: {
'fangyuan': {
'title': '房源',
'href': 'achieve_sub_dz_main?state=0',
'num': 0
},
'keyuan': {
'title': '客源',
'href': 'achieve_sub_dz_main?state=0',
'num': 0
},
'yeji': {
'title': '业绩',
'href': 'achieve_sub_dz_main?state=0',
'num': 0
},
'shishou': {
'title': '实收',
'href': 'achieve_sub_dz_main?state=0',
'num': 0
},
'yuedaikan': {
'title': '约带看',
'href': 'achieve_sub_dz_main?state=0',
'num': 0
},
'jinchang': {
'title': '进场',
'href': 'achieve_sub_dz_main?state=0',
'num': 0
},
'shoukuan': {
'title': '收款',
'href': 'achieve_sub_dz_main?state=0',
'num': 0
},
'jiandu': {
'title': '监督',
'href': 'achieve_sub_dz_main?state=0',
'num': 0
}
},
tabsMain: [{
'title': '业务员业绩排行榜',
'isLoadMain': false,
'titleList': ['业务员', '房源', '客源', '进场', '业绩', '实收'],
'dataList': []
}]
}),
created() {
let _this = this;
_this.loadMain();
},
methods: {
loadMain: function() {
var _this = this;
_this.userLevel = localStorage.getItem('userlevel');
_this.token = localStorage.getItem('token');
if(_this.userLevel == '30' || _this.userLevel == '40') {
_this.headerTitle = '区域业绩';
_this.tabsMain.unshift({
'title': '门店业绩排行榜',
'isLoadMain': false,
'titleList': ['门店', '房源', '客源', '进场', '业绩', '实收'],
'dataList': []
});
} else if(_this.userLevel == '20') {
_this.headerTitle = '门店业绩';
} else {
layerTipsX('level error');
};
_this.initTime(function(start_date, end_date) {
_this.startDate = start_date;
_this.endDate = end_date;
_this.ajaxMainNum(function() {
if(_this.userLevel == '30' || _this.userLevel == '40') {
_this.ajaxUl(_this.initTabNumMain === 0 ? 2 : 1);
} else {
_this.ajaxUl(1);
}
});
});
},
tabMain: function(index) {
var _this = this;
_this.initTabNumMain = index;
if(!_this.tabsMain[index].isLoadMain) {
//Vue.set(_this.tabsMain[index], 'isLoadMain', true);
if(_this.userLevel == '30' || _this.userLevel == '40') {
_this.ajaxUl(_this.initTabNumMain === 0 ? 2 : 1);
} else {
_this.ajaxUl(1);
}
}
},
initTime: function(callback) {
//获取缓存里的时间
var _this = this;
var _session_startdate = sessionStorage.getItem('achieve_search_start_date'),
_session_enddate = sessionStorage.getItem('achieve_search_end_date');
if(_session_startdate && _session_enddate) {
//当缓存里有时间时，用缓存里的时间
callback(_session_startdate, _session_enddate);
} else {
//获取当前时间
var _currentDate = new Date();
_currentDate.setDate(_currentDate.getDate() - 1);
var _year = _currentDate.getFullYear(),
_moon = dealDate(_currentDate.getMonth() + 1),
_end_day_temp = _currentDate.getDate(),
_end_day = dealDate(_end_day_temp),
_start_day = _end_day_temp < 7 ? '01' : dealDate(_end_day_temp - 6),
_enddate = _year + '-' + _moon + '-' + _end_day,
_startdate = _year + '-' + _moon + '-' + _start_day;
callback(_startdate, _enddate);
}
},
resetSomeData: function(type) {
var _this = this;
if(type == 1) {
_this.tabsMain.forEach(function(item, i, arr) {
item.isLoadMain = false;
})
};
},
search: function(type) {
var _this = this;
_this.resetSomeData(1);
if(type == 'today') {
_this.endDate = _this.startDate = _this.nowDate;
} else {
var _tempTimeNow = new Date(_this.nowDate).getTime(),
_tempTimeStart = new Date(_this.startDate).getTime(),
_tempTimeEnd = new Date(_this.endDate).getTime();
if(_tempTimeNow === _tempTimeStart && _tempTimeNow === _tempTimeEnd) {
console.log('搜索为今天');
} else {
if(_tempTimeStart > _tempTimeEnd || _tempTimeEnd >= _tempTimeNow) {
layer.open({
content: '开始时间不能大于结束时间，且搜索日期需要小于今天。请重新选择日期',
btn: ['确定', '取消'],
yes: function(_index) {
layer.close(_index);
}
});
return false;
};
};
};
sessionStorage.setItem('achieve_search_start_date', _this.startDate);
sessionStorage.setItem('achieve_search_end_date', _this.endDate);
_this.ajaxMainNum(function() {
if(_this.userLevel == '30' || _this.userLevel == '40') {
_this.ajaxUl(_this.initTabNumMain === 0 ? 2 : 1);
} else {
_this.ajaxUl(1);
}
});
},
ajaxMainNum: function(fn) {
var _this = this;
$.ajax({
type: 'GET',
url: ServerHostTempC + '/broker/storePerformanceBySearch',
data: {
'AuthToken': _this.token,
'agent_id': _this.ywyId,
'start_time': _this.startDate,
'end_time': _this.endDate
// 'agent_id': 1,
// 'start_time': '2018-03-10',
// 'end_time': '2018-03-23'
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {
_this.isLoadFlag1 = true;
},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
if(_data.data) {
Vue.set(_this.cirData.fangyuan, 'num', _data.data.add_house_num);
Vue.set(_this.cirData.keyuan, 'num', _data.data.add_user_num);
Vue.set(_this.cirData.yeji, 'num', _data.data.performance);
Vue.set(_this.cirData.shishou, 'num', _data.data.official_receipts);
Vue.set(_this.cirData.yuedaikan, 'num', _data.data.look_at_num);
Vue.set(_this.cirData.jinchang, 'num', _data.data.march_in_num);
Vue.set(_this.cirData.shoukuan, 'num', _data.data.paylog);
Vue.set(_this.cirData.jiandu, 'num', _data.data.supervision_num);
};
fn && fn();
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus) {
_this.isLoadFlag1 = false;
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
},
ajaxUl: function(type) {
var _this = this;
$.ajax({
type: 'GET',
url: ServerHostTempC + '/broker/storeOrAgentSort',
data: {
'AuthToken': _this.token,
'agent_id': _this.ywyId,
'start_time': _this.startDate,
'end_time': _this.endDate,
'is_store': type
// 'agent_id': 1,
// 'start_time': '2018-03-10',
// 'end_time': '2018-03-23'
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {
_this.isLoadFlag2 = true;
},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
Vue.set(_this.tabsMain[_this.initTabNumMain], 'isLoadMain', true);
if(_data.data) {
Vue.set(_this.tabsMain[_this.initTabNumMain], 'dataList', _data.data);
};
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus) {
_this.isLoadFlag2 = false;
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
mounted() {
let _this = this;
},
dealName: function(str1, str2) {
return str1 + '<br />' + str2;
}
methods: {
},
computed: {
showHouseArr: function() {
return true;
},
countLeft: function() {
return this.initTabNumMain == 0 ? 1.85 : 4.85;
}
}
}
</script>
<style scoped>
.achieve {
width: 100%;
background: url(../images/bg_yj-.png) center no-repeat;
height: 4.9rem;
background-size: 7.5rem 4.9rem;
position: relative;
}
.achieve ul {
width: 100%;
}
.achieve ul li {
width: 1.06rem;
height: 1.06rem;
background: url("../images/yuan_di.png") center no-repeat;
background-size: 1.06rem 1.06rem;
cursor: pointer;
position: absolute;
}
.achieve ul li:focus,
.achieve ul li:hover {
box-shadow: 0px 3px 12px #ff9419;
border-radius: 1.06rem;
}
.achieve_l1 {
top: 0.6rem;
left: 0.45rem;
}
.achieve_l2 {
top: 1.2rem;
left: 1.91rem;
}
.achieve_l3 {
top: 0.5rem;
left: 3.27rem;
}
.achieve_l4 {
top: 1.3rem;
right: 1.91rem;
}
.achieve_l5 {
top: 1.8rem;
right: 0.45rem;
}
.achieve_l6 {
top: 0.34rem;
right: 0.6rem;
}
.btn-li-gongke {
right: 0.7rem;
top: 0.3rem;
}
.btn-li-baobei {
left: 1.4rem;
top: 0.1rem;
}
.dz_achieve_header .achieve_l1 {
left: 0.4rem;
top: 0.4rem;
}
.dz_achieve_header .achieve_l2 {
left: 2.3rem;
top: 0.4rem;
}
.dz_achieve_header .achieve_l3 {
left: 4.15rem;
top: 0.4rem;
}
.dz_achieve_header .achieve_l4 {
left: 6rem;
top: 0.4rem;
}
.dz_achieve_header .achieve_l5 {
left: 0.4rem;
top: 1.7rem;
}
.dz_achieve_header .achieve_l6 {
left: 2.3rem;
top: 1.7rem;
}
.dz_achieve_header .achieve_l7 {
left: 4.15rem;
top: 1.7rem;
}
.dz_achieve_header .achieve_l8 {
left: 6rem;
top: 1.7rem;
}
.zz_achieve_header .achieve_l1 {
left: 0.17rem;
}
.zz_achieve_header .achieve_l2 {
left: 1.39rem;
}
.zz_achieve_header .achieve_l3 {
left: 2.61rem;
}
.zz_achieve_header .achieve_l4 {
right: 2.61rem;
}
.zz_achieve_header .achieve_l5 {
right: 1.39rem;
}
.zz_achieve_header .achieve_l6 {
right: 0.17rem;
top: 1.12rem;
}
.zz_achieve_header .btn-li-baobei {
left: 1.4rem;
top: 0.1rem;
}
.achieve ul li span {
color: #ff9419;
font-size: 0.24rem;
float: left;
width: 100%;
text-align: center;
font-weight: 400;
margin-top: 0.2rem;
}
.achieve ul li font {
color: #ff9419;
font-size: 0.3rem;
float: left;
width: 100%;
text-align: center;
font-weight: 400;
margin-top: -0.05rem;
}
/*****************************************搜索起止时间部分******************************************/
.list-time {
width: 5.8rem;
height: 0.6rem;
box-sizing: border-box;
position: absolute;
left: 0.85rem;
border-radius: 0.06rem;
border: 1px solid #FFFFFF;
bottom: 0.3rem;
}
#searchBtn2 {
background-color: #ff9419;
width: 1rem;
height: .5rem;
border-radius: .05rem;
color: white;
position: absolute;
right: -1.2rem;
bottom: .05rem;
}
.tancu001 li a {
-webkit-touch-callout: none
}
.timebox001 {
width: 100%;
}
.timebox001 span {
font-size: 0.24rem;
color: #FFFFFF;
line-height: 0.6rem;
}
.timebox001 .inputbox {
height: 0.5rem;
width: 1.5rem;
width: 2.2rem;
overflow: hidden;
}
.timebox001 input {
float: left;
width: 90%;
color: #FFFFFF;
font-size: 0.26rem;
height: 0.6rem;
background: none;
margin-left: 11%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.timebox001 .select_a {
float: left;
padding: 0.04rem 0.3rem;
font-size: 0.25rem;
background: #ff9419;
color: #fff;
border-radius: 0.05rem;
margin-top: 0.3rem;
line-height: 0.4rem
}
.yj_down_icon {
float: left;
width: 0.2rem;
height: 0.1rem;
margin-top: 0.25rem;
margin-left: -0.1rem;
}
/*****************************搜索按钮相关************************/
.div_search {
float: left;
}
.div_search>span {
width: 0.02rem;
height: 0.3rem;
border-left: 1px solid rgba(255, 255, 255, 0.6);
display: block;
float: left;
margin-top: 0.15rem;
margin-left: 0.2rem;
}
.div_search>img {
width: 0.28rem;
height: 0.29rem;
display: block;
margin-top: 0.15rem;
float: left;
margin-left: 0.16rem;
}
/******************************************************************************************************/
/*列表*/
.con-con {
width: 100%;
box-sizing: border-box;
background: white;
padding: 0 0.3rem;
}
.con-con>.ul_header {
position: relative;
}
/*js里的样式分离*/
/*2017-05-09 xishifeng*/
/********************************中间两行的 标题**********************************/
.ul_header>p {
border-bottom: 1px solid #F2F2F2;
overflow: hidden;
}
.ul_header>p>span,
.ul_header>p>img {
float: left;
}
.ul_header>p.ul_title {
height: 0.9rem;
font-size: 0.32rem;
margin-top: -0.05rem;
font-weight: bold;
color: #333333;
!important;
}
p.ul_title>img {
width: 0.45rem;
height: 0.41rem;
margin-left: 0.02rem;
margin-top: 0.25rem;
}
p.ul_title>span {
font-size: 0.32rem;
margin-top: 0.25rem;
}
.ul_header>p.ul_title_add {
height: 0.7rem;
box-sizing: border-box;
}
p.ul_title_add>span {
font-size: 0.28rem;
color: #666;
line-height: .7rem;
text-align: center;
}
/*组长看到的样式*/
p.ul_title_zz {
height: 0.8rem!important;
border-bottom: none!important;
position: relative;
}
p.ul_title_zz>span {
margin-top: 0.25rem;
color: #333;
}
p.ul_title_zz>span.active {
color: #ff9419;
}
p.ul_title_zz>span:nth-of-type(1) {
box-sizing: border-box;
/*width: 3.3rem;*/
padding-left: 0.8rem;
margin-left: 0;
float: left;
}
p.ul_title_zz>span:nth-of-type(2) {
padding-right: 0.8rem;
margin-left: 0;
/*width: 3.3rem;*/
box-sizing: border-box;
float: right;
}
.div-tri {
position: relative;
overflow: hidden;
}
.box-tri-1 {
height: 0.1rem;
border-bottom: 1px solid #ff9419;
}
.box-tri-2 {
width: 0.1rem;
height: 0.1rem;
border: 1px solid #ff9419;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 0.07rem;
left: 1.85rem;
background-color: white;
}
p.add_zz>span {
width: 1.18rem;
}
p.add_zz>span:nth-of-type(1) {
width: 0.9rem;
text-align: left;
}
/*组员看到的样式*/
p.add_zy>span {
width: 1.4rem;
}
p.add_zy>span:nth-of-type(1) {
width: 2.8rem;
text-align: left;
}
p.add_zy>span:nth-of-type(2) {
margin-right: 0.8rem;
}
.ul_header>a.btn-search-md {
position: absolute;
width: 1.01rem;
right: -0.3rem;
top: -0.2rem;
}
.ul_header>a.btn-search-md>img {
float: left;
width: 100%;
}
/*店长看到的样式*/
p.add_dz>span {
width: 1.4rem;
}
p.add_dz>span:nth-of-type(1) {
padding-left: 0.6rem;
width: 2.95rem;
}
/*店长看到的样式补充*/
.ul_header>a.details-md {
position: absolute;
width: 1.01rem;
right: -0.3rem;
top: -0.2rem;
display: none;
}
.ul_header>a.details-md>img {
float: left;
width: 100%;
}
/*案场人员看到的样式*/
p.add_admins>span {
width: 1.2rem;
}
p.add_admins>span:nth-of-type(2) {
width: 1.8rem;
}
/********************************************li项*************************************************/
.con-con ul li {
border-bottom: 1px solid #f2f2f2;
/*height: 1.2rem;*/
cursor: pointer;
position: relative;
overflow: hidden;
}
.con-con ul li::after {
content: "";
background: url(../images/inat.png) no-repeat right center;
background-size: 0.14rem 0.26rem;
position: absolute;
right: 0;
top: 0;
width: 0.4rem;
height: 1.2rem;
}
.con-con ul li>div {
float: left;
color: #333;
font-size: 0.3rem;
/*height: 1.2rem;*/
box-sizing: border-box;
text-align: center;
overflow: hidden;
word-break: break-all;
padding-top: .2rem .05rem;
}
/*组长看到的样式*/
.achieve_zz_ul>li>div {
/*line-height: 1.2rem;*/
/*width: 1.18rem;*/
width: 17%;
}
.achieve_zz_ul>li>div:nth-of-type(1) {
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
}
.achieve_zz_ul>li>div:nth-of-type(2) {
width: 0.9rem;
padding-right: 0.3rem;
}
#listall2 {
display: none;
}
/*案场时的li div样式处理*/
.achieve_admins_ul>li>div {
line-height: 1.2rem;
width: 1.2rem;
text-align: center;
}
.achieve_admins_ul>li>div:nth-of-type(2) {
width: 1.8rem;
}
/*************************************************************组员看到的样式**************************************/
.achieve_zy_ul>li>div:nth-of-type(1) {
color: #666;
font-size: 0.5rem;
line-height: 1.2rem;
width: 0;
text-align: left;
}
.achieve_zy_ul>li>div:nth-of-type(2) {
width: 0;
overflow: hidden;
}
.achieve_zy_ul>li>div:nth-of-type(2)>img {
width: 0.85rem;
float: left;
margin-top: 0.16rem;
}
.achieve_zy_ul>li>div:nth-of-type(3) {
width: 2.8rem;
text-align: left;
}
.achieve_zy_ul>li>div:nth-of-type(3)>span {
display: block;
}
.achieve_zy_ul>li>div:nth-of-type(3)>span:nth-of-type(1) {
color: #333;
font-size: 0.28rem;
margin-top: 0.22rem;
overflow: hidden;
}
.achieve_zy_ul>li>div:nth-of-type(3)>span:nth-of-type(2) {
font-size: 0.22rem;
color: #999;
padding-top: 0.08rem;
padding-bottom: 0.22rem;
}
.achieve_zy_ul>li>div:nth-of-type(4) {
line-height: 1.2rem;
color: #666;
width: 1.4rem;
text-align: center;
margin-right: 0.8rem;
}
.achieve_zy_ul>li>div:nth-of-type(5) {
line-height: 1.2rem;
color: #666;
width: 1.4rem;
text-align: center;
}
/***************************************************店长看到的样式*********************************/
.achieve_dz_ul>li>div:nth-of-type(1) {
color: #666;
font-size: 0.5rem;
line-height: 1.2rem;
width: 0.8rem;
text-align: left;
}
.achieve_dz_ul>li>div:nth-of-type(2) {
width: 0.85rem;
overflow: hidden;
}
.achieve_dz_ul>li>div:nth-of-type(2)>img {
width: 0.85rem;
float: left;
margin-top: 0.16rem;
}
.achieve_dz_ul>li>div:nth-of-type(3) {
width: 1.7rem;
}
.achieve_dz_ul>li>div:nth-of-type(3) {
padding-left: 0.1rem;
}
#ul_status {
padding-left: 0.1rem;
}
#ul_span_2 {
padding-left: 0.4rem;
}
#ul_span_3 {
padding-left: 0.2rem;
}
.achieve_dz_ul>li>div:nth-of-type(3)>span {
display: block;
/*margin-left: 0.12rem;*/
}
.achieve_dz_ul>li>div:nth-of-type(3)>span:nth-of-type(1) {
color: #333;
font-size: 0.28rem;
margin-top: 0.22rem;
white-space: nowrap;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
}
.achieve_dz_ul>li>div:nth-of-type(3)>span:nth-of-type(2) {
font-size: 0.22rem;
color: #999;
margin-top: 0.08rem;
}
.achieve_dz_ul>li>div:nth-of-type(4) {
line-height: 1.2rem;
color: #666;
width: 1.4rem;
text-align: center;
}
.achieve_dz_ul>li>div:nth-of-type(5) {
line-height: 1.2rem;
color: #666;
width: 1.8rem;
text-align: center;
}
/*************************分页加载相关样式loading*********************************/
/*.loading_pic {
font-size: 0.2rem;
text-align: center;
width: 100%;
position: fixed;
top: 7rem;
display: none;
}
.loading_pic>img{
width:1.2rem;
display: block;
margin: 0 auto;
}
.loading_pic>p{
font-size:0.2rem; color: #333;
text-align: center;
margin-top: 0.1rem;
color: rgb(51, 51, 51);
}
.no_more{
font-size: 0.28rem;
height: 0.5rem;
line-height: 0.5rem;
text-align: center;
display: none;
margin-top: 0.1rem;
color: #999999;
}
.loading_pic_samll{
overflow: hidden;
width: 0.5rem;
height: 0.5rem;
position: fixed;
top: 3rem;
left: 50%;
margin-left: -0.25rem;
display: none;
}
.loading_pic_samll>img{
float: left;
width: 0.5rem;
height: 0.5rem;
}*/
/*同联，业绩相关页面的样式修改*/
.achieve-content-md {
/*display: none;*/
}
header+.header_seat {
height: 0.88rem;
}
.achieve-header {
box-sizing: border-box;
position: fixed;
top: 0;
right: 0;
left: 0;
width: 100%;
height: .88rem;
background: #fff;
z-index: 100;
}
.achieve-header.dz-achieve-header {
border-bottom: none!important;
}
.achieve-header>.achieve-header-back {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: block;
width: .88rem;
height: .88rem;
background: url(../images/ic_back_black@2x.png) no-repeat 0.3rem center;
background-size: .36rem .28rem;
}
.achieve-header>.achieve-header-tab {
font-size: .3rem;
overflow: hidden;
width: 2.8rem;
margin: 0 auto;
padding-top: 0.14rem;
color: #333;
}
.achieve-header>.achieve-header-tab>a {
float: left;
width: 1.4rem;
height: .6rem;
line-height: .6rem;
text-align: center;
box-sizing: border-box;
border: 1px solid #ff9419;
color: #ff9419;
}
.achieve-header>.achieve-header-tab>a:nth-of-type(1) {
border-radius: .06rem 0 0 .06rem;
}
.achieve-header>.achieve-header-tab>a:nth-of-type(2) {
border-radius: 0 .06rem .06rem 0;
}
.achieve-header>.achieve-header-tab>a.active {
color: white;
background-color: #ff9419;
}
/******************************************顶部的全部选择部分******************************************/
header .mulu_relate {
position: absolute;
top: 0;
bottom: 0;
right: 0;
font-size: 0.28rem;
display: block;
padding-right: .3rem;
height: .88rem;
line-height: .88rem;
cursor: pointer;
display: none;
}
.mulu_relate_new {
display: block;
}
.mulu_relate>span {
float: left;
height: 100%;
width: 2rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: right;
}
.dz-achieve-header>.mulu_relate>span {
width: 1.4rem;
}
.mulu_relate>img {
float: left;
width: 0.4rem;
padding-top: 0.31rem;
padding-left: 0.1rem;
}
/******************************案场业绩时的导航栏下拉框***************************/
#mask_list_select {
position: fixed;
z-index: 101;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .2);
cursor: pointer;
display: none;
}
div.pop_box {
position: absolute;
right: 0.25rem;
top: 0.7rem;
max-width: 4.3rem;
z-index: 0;
}
div.tri_angle2 {
width: 0;
height: 0;
margin-left: 3.2rem;
border-left: 0.14rem solid transparent;
border-right: 0.14rem solid transparent;
border-bottom: 0.2rem solid white;
position: relative;
z-index: 1;
}
div.pop_box>ul {
background-color: white;
border-radius: 0.14rem;
box-shadow: 0 0 0.2rem rgba(0, 0, 0, .2);
position: relative;
z-index: 0;
max-height: 8.4rem;
overflow-y: scroll;
}
div.pop_box>ul>li {
font-size: 0.28rem;
height: 0.8rem;
line-height: 0.8rem;
color: #333;
padding: 0 0.4rem;
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
}
div.pop_box>ul>li+li {
border-top: 1px solid #e6e6e6;
}
/*组长补充*/
#section_area1 {
display: none;
}
/*组员业绩时的区域选择弹出框*/
/*门店区域悬浮窗*/
#mask_shop_area {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
position: fixed;
left: 0;
top: 0;
z-index: 101;
display: none;
cursor: pointer;
}
#mask_shop_area>div {
font-size: 0.34rem;
position: absolute;
width: 5.9rem;
height: 6.5rem;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background-color: white;
border-radius: 0.1rem;
overflow: hidden;
}
.mask_shop_area_content>div {
height: 100%;
overflow: hidden;
}
.mask_shop_area_content>div>ul {
height: 100%;
overflow: scroll;
}
.mask_shop_area_content>.aside_1 {
float: left;
width: 1.8rem;
color: #333;
text-align: center;
background-color: #f0f0f0;
}
.mask_shop_area_content>.aside_1>ul>li {
height: 1.1rem;
line-height: 1.1rem;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mask_shop_area_content>.aside_1>ul>li:nth-of-type(1) {
height: 1rem;
line-height: 1rem;
}
.mask_shop_area_content>.aside_1>ul>li.active_li {
background-color: white;
}
.mask_shop_area_content>.article_main {
margin-left: 1.8rem;
padding-left: 0.5rem;
color: #333;
text-align: center;
}
.mask_shop_area_content>.article_main>ul>li {
height: 1.1rem;
line-height: 1.1rem;
color: #999;
cursor: pointer;
}
.mask_shop_area_content>.article_main>ul>li+li {
border-top: 1px solid #e6e6e6;
}
/*补充*/
.db-line {
padding-top: .2rem;
}
.db-line>div {
line-height: .4rem;
font-size: .2rem;
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment