Skip to content

T
tl_estate
Commit 34f6a3e5 authored by xishifeng's avatar xishifeng
Browse files
Options

业绩暂存

parent e132603f
Hide whitespace changes
Inline Side-by-side
Showing with 2073 additions and 41 deletions
public/appnew/.project 0 → 100644
View file @ 34f6a3e5
<?xml version="1.0" encoding="UTF-8"?>
<projectDescription>
<name>appnew</name>
<comment></comment>
<projects>
</projects>
<buildSpec>
<buildCommand>
<name>com.aptana.ide.core.unifiedBuilder</name>
<arguments>
</arguments>
</buildCommand>
</buildSpec>
<natures>
<nature>com.aptana.projects.webnature</nature>
</natures>
<filteredResources>
<filter>
<id>1528953239621</id>
<name></name>
<type>26</type>
<matcher>
<id>org.eclipse.ui.ide.multiFilter</id>
<arguments>1.0-name-matches-false-false-node_modules</arguments>
</matcher>
</filter>
</filteredResources>
</projectDescription>
public/appnew/src/assets/css/public.css
View file @ 34f6a3e5
......@@ -87,8 +87,6 @@ body {
position: fixed;
top: 7rem;
background: url(../images/loading.gif) no-repeat center 0rem/1.2rem 1.2rem;
/*background: url(../images/loading.gif) no-repeat center 0rem/1.1rem .68rem;*/
/*padding-top: 1.2rem;*/
padding-top: .68rem;
font-size: .2rem;
text-align: center;
......@@ -97,10 +95,8 @@ body {
/*暂无数据*/
.no-data-block{
/*background: white url(../images/nodata.png) no-repeat center 0.3rem/2.31rem 1.75rem;*/
background: white url(../images/nodata.png) no-repeat center 3.12rem/4rem 4rem;
/*padding-top: 2.35rem;*/
padding-top: 7.12rem;
background: white url(../images/nodata.png) no-repeat center 0.3rem/2.31rem 1.75rem;
padding-top: 2.35rem;
font-size: .28rem;
line-height: .5rem;
text-align: center;
......
public/appnew/src/assets/js/public.js
View file @ 34f6a3e5
......@@ -31,6 +31,10 @@ export default {
f = v => (v < 10 ? ('0' + v) : ('' + v));
return a.getFullYear() + g + f(a.getMonth() + 1) + g + f(a.getDate());
},
dealDateNum(a) {
//返回日期类型的数字，如果小于10，则前边加一个0
return a < 10 ? ('0' + a) : ('' + a);
},
urlDeal(urlStr, httpStr) {
//处理
return urlStr.replace(/(http|https):\/\//g, (httpStr ? (httpStr + ':') : location.protocol) + '//');
......
public/appnew/src/components/achieveMain/achieveAgent.vue
View file @ 34f6a3e5
<template>
<div>
<header class="achieve-header dz-achieve-header">
<a class="achieve-header-back" href="javascript:(history.length>1?history.go(-1):window.location='/');"></a>
<div class="achieve-header-tab">
<a href="javascript:;" v-for="(item,index) in tabsMain" :class="{active:index == initTabNumMain}" @click="tabMain(index)">{{item.title}}</a>
</div>
<div class="mulu_relate_new" v-show="showHouseArr" @click.prevent.stop="mask('show')"><span id="list_name">{{tabsMain[1].houseDataInit.internal_title}}</span><img :src="listHouseIcon"></div>
</header>
<div class="header_seat"></div>
<!--右上角的下拉列表部分-->
<div class="mask-list-area" v-show="showMaskFlag" @click.prevent.stop="mask('hide')">
<div class="pop_box">
<div class="tri_angle2"></div>
<ul>
<li v-for="(item, index) in tabsMain[1].houseData" :data-id="item.houses_id" @click="getHouse(item)">{{item.internal_title}}</li>
</ul>
</div>
</div>
<!--搜索部分，和tab切换部分-->
<div class="achieve-content-ac">
<div class="search-area">
<div><input type="date" v-model="startDate" /></div>
<span>至</span>
<div><input type="date" v-model="endDate" /></div>
<button @click.prevent.stop="search('normal')">搜索</button>
<button @click.prevent.stop="search('today')">今天</button>
</div>
<ul class="nav-area" v-for="(item,index) in tabsMain" :key="item.title" v-show="index == initTabNumMain">
<li v-for="(item2,index2) in item.data" :key="item2.name" :class="{tab_selected:index2 == item.initTabNumSub}" @click="tabSub(index, index2)">
<span>{{item2.name}}</span>
<span>{{item2.num}}</span>
</li>
</ul>
</div>
<!--组要区域部分-->
<div v-for="(item,index) in tabsMain" :key="item.title" v-show="index == initTabNumMain">
<section v-for='(item2,index2) in item.data' :key="item2.name" v-show="index2 == item.initTabNumSub" class="sec-tab">
<div>
<ul class="sec-tab-ul">
<li v-for='(item3,index3) in item2.dataList'>
<div>
<span>{{item3.user_name}}</span>
<span>{{hideTel(item3.user_phone)}}</span>
</div>
<div>
<span>{{item3.internal_address}}</span>
<span>{{item3.create_time}}</span>
</div>
</li>
</ul>
</div>
<div class="no-more-block" v-if="item2.dataList.length>0">没有更多了...</div>
<div class="no-data-block" v-else>暂无数据...</div>
</section>
</div>
<div class="loading-gif-block" v-show="isLoadFlag">正在加载...</div>
</div>
</template>
<script>
import listHouseIcon from '@/components/achieveMain/images/all_ic.png'
import '@/assets/js/layer041002.js';
export default {
name: '',
props: {
data: {
type: Object,
default: () => ({
message: 'hello'
})
},
dataindex: {
type: [Number, String],
default: 0
}
},
components: {
},
data: () => ({
}),
created() {
data() {
let _this = this;
return {
listHouseIcon,
startDate: '',
endDate: '',
nowDate: _this.common.backNowDate(),
tabsMain: [{
'title': '经纪人',
'token': '',
'initTabNumSub': 0,
'isLoadMain': false,
'data': [{
'name': '约带看',
'num': 0,
'isLoadSub': false,
'dataList': []
}, {
'name': '进场',
'num': 0,
'isLoadSub': false,
'dataList': []
}, {
'name': '收款',
'num': 0,
'isLoadSub': false,
'dataList': []
}, {
'name': '成交报告',
'num': 0,
'isLoadSub': false,
'dataList': []
}]
}, {
'title': '案场',
'initTabNumSub': 0,
'isLoadMain': false,
'data': [{
'name': '约带看',
'num': 0,
'isLoadSub': false,
'dataList': []
}, {
'name': '进场',
'num': 0,
'isLoadSub': false,
'dataList': []
}, {
'name': '收款',
'num': 0,
'isLoadSub': false,
'dataList': []
}, {
'name': '成交报告',
'num': 0,
'isLoadSub': false,
'dataList': []
}],
'houseData': [],
'houseDataInit': {
'houses_id': 'all',
'internal_title': '全部'
}
}],
initTabNumMain: 0,
userId: '',
ywyId: _this.$route.query.ywyId,
showMaskFlag: false,
isLoadFlag: false
};
},
mounted() {
created() {
let _this = this;
_this.common.duringRequest({
'urlStr': '/broker/agentPerformanceBySearch',
startAction() {
_this.isLoadFlag = true;
},
endAction() {
}
},{
'urlStr': '/broker/orderNoList',
startAction() {
_this.isLoadFlag = true;
},
endAction() {
_this.isLoadFlag = false;
}
});
_this.loadMain();
},
methods: {
loadMain() {
let _this = this;
_this.userId = localStorage.getItem('userid');
_this.token = localStorage.getItem('token');
_this.initTime(function(start_date, end_date) {
_this.startDate = start_date;
_this.endDate = end_date;
_this.ajaxMainNum(function() {
_this.ajaxUl();
});
});
},
tabMain(index) {
let _this = this;
_this.initTabNumMain = index;
if(!_this.tabsMain[index].isLoadMain) {
_this.ajaxMainNum(function() {
if(!_this.tabsMain[index].data[0].isLoadSub) {
_this.tabsMain[index].data[0].isLoadSub = true;
_this.ajaxUl();
} else {
console.log(_this.tabsMain[index].data[0].isLoadSub);
};
});
}
},
tabSub(index, index2) {
let _this = this;
_this.tabsMain[index].initTabNumSub = index2;
if(!_this.tabsMain[index].data[index2].isLoadSub) {
_this.tabsMain[index].data[index2].isLoadSub = true;
_this.ajaxUl();
} else {
console.log(_this.tabsMain[index].data[index2].isLoadSub);
};
},
mask(str) {
this.showMaskFlag = (str == 'show') ? true : false;
},
hideTel(s) {
return this.common.hideTel(s);
},
getHouse(obj) {
let _this = this;
_this.tabsMain[1].houseDataInit = obj;
_this.resetSomeData(2);
_this.ajaxMainNum(function() {
_this.ajaxUl();
});
},
resetSomeData(type) {
let _this = this;
if(type == '1') {
//重置一些数据
_this.tabsMain = [{
'title': '经纪人',
'initTabNumSub': 0,
'isLoadMain': false,
'data': [{
'name': '约带看',
'num': 0,
'isLoadSub': false,
'dataList': []
}, {
'name': '进场',
'num': 0,
'isLoadSub': false,
'dataList': []
}, {
'name': '收款',
'num': 0,
'isLoadSub': false,
'dataList': []
}, {
'name': '成交报告',
'num': 0,
'isLoadSub': false,
'dataList': []
}]
}, {
'title': '案场',
'initTabNumSub': 0,
'isLoadMain': false,
'data': [{
'name': '约带看',
'num': 0,
'isLoadSub': false,
'dataList': []
}, {
'name': '进场',
'num': 0,
'isLoadSub': false,
'dataList': []
}, {
'name': '收款',
'num': 0,
'isLoadSub': false,
'dataList': []
}, {
'name': '成交报告',
'num': 0,
'isLoadSub': false,
'dataList': []
}],
'houseData': [],
'houseDataInit': {
'houses_id': 'all',
'internal_title': '全部'
}
}];
} else if(type == '2') {
//重置少部分数据
_this.tabsMain[1].initTabNumSub = 0;
_this.tabsMain[1].data = [{
'name': '约带看',
'num': 0,
'isLoadSub': false,
'dataList': []
}, {
'name': '进场',
'num': 0,
'isLoadSub': false,
'dataList': []
}, {
'name': '收款',
'num': 0,
'isLoadSub': false,
'dataList': []
}, {
'name': '成交报告',
'num': 0,
'isLoadSub': false,
'dataList': []
}];
} else {};
},
initTime(callback) {
//获取缓存里的时间
let _this = this;
let _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 {
//获取当前时间
let _currentDate = new Date();
_currentDate.setDate(_currentDate.getDate() - 1);
let _year = _currentDate.getFullYear(),
_moon = _this.common.dealDateNum(_currentDate.getMonth() + 1),
_end_day_temp = _currentDate.getDate(),
_end_day = _this.common.dealDateNum(_end_day_temp),
_start_day = _end_day_temp < 7 ? '01' : _this.common.dealDateNum(_end_day_temp - 6),
_enddate = _year + '-' + _moon + '-' + _end_day,
_startdate = _year + '-' + _moon + '-' + _start_day;
callback(_startdate, _enddate);
}
},
search(type) {
let _this = this;
if(type == 'today') {
_this.endDate = _this.startDate = _this.nowDate;
} else {
let _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(_index) {
layer.close(_index);
}
});
return false;
};
};
};
_this.resetSomeData(1);
_this.ajaxMainNum(function() {
sessionStorage.setItem('achieve_search_start_date', _this.startDate);
sessionStorage.setItem('achieve_search_end_date', _this.endDate);
_this.ajaxUl();
});
},
ajaxMainNum(fn) {
let _this = this,
_tabMainNum = _this.initTabNumMain;
let _requestData = {
'AuthToken': _this.token,
'start_time': _this.startDate,
'end_time': _this.endDate,
'agent_id': _this.ywyId,
'is_case': _tabMainNum + 1
};
if(_this.initTabNumMain == 1 && _this.tabsMain[1].houseDataInit.houses_id != 'all') {
_requestData['house_id'] = _this.tabsMain[1].houseDataInit.houses_id;
};
_this.axios({
method: 'get',
url: '/broker/agentPerformanceBySearch',
responseType: 'json',
data: _requestData
})
.then(function(response) {
if(response.data.code == 200) {
let _data = response.data;
if(_data.data) {
if(!_this.tabsMain[_tabMainNum].isLoadMain && _tabMainNum == 1 && _data.data.house_arr) {
_this.tabsMain[1].houseData = [{
'houses_id': 'all',
'internal_title': '全部'
}, ..._data.data.house_arr];
};
_this.tabsMain[_tabMainNum].isLoadFlag = true;
_this.tabsMain[_tabMainNum].data[0].num = (_data.data.look_at_num == null ? 0 : _data.data.look_at_num);
_this.tabsMain[_tabMainNum].data[1].num = (_data.data.march_in_num == null ? 0 : _data.data.march_in_num);
_this.tabsMain[_tabMainNum].data[2].num = (_data.data.paylog == null ? 0 : _data.data.paylog);
_this.tabsMain[_tabMainNum].data[3].num = (_data.data.bargain_sum == null ? 0 : _data.data.bargain_sum);
};
fn && fn();
} else {
layer.tipsX(response.data.msg);
}
})
.catch(function(error) {
layer.tipsX(error);
});
},
ajaxUl() {
let _this = this;
let _requestData = {
'AuthToken': _this.token,
'agent_id': _this.ywyId,
'start_time': _this.startDate,
'end_time': _this.endDate,
'is_case': _this.initTabNumMain + 1,
'type': _this.tabsMain[_this.initTabNumMain].initTabNumSub + 1
};
if(_this.initTabNumMain == 1 && _this.tabsMain[1].houseDataInit.houses_id != 'all') {
_requestData['house_id'] = _this.tabsMain[1].houseDataInit.houses_id;
};
_this.axios({
method: 'get',
url: '/broker/orderNoList',
responseType: 'json',
data: _requestData
})
.then(function(response) {
if(response.data.code == 200) {
let _data = response.data;
if(_data.data) {
let _index = _this.initTabNumMain;
let _index2 = _this.tabsMain[_index].initTabNumSub;
_this.tabsMain[_index].data[_index2].dataList = (_data.data == null ? [] : _data.data);
};
} else {
layer.tipsX(response.data.msg);
}
})
.catch(function(error) {
layer.tipsX(error);
});
}
},
computed: {
showHouseArr() {
return this.initTabNumMain == 1 && this.tabsMain[1].houseData.length > 0;
}
}
}
</script>
<style scoped>
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;
border-bottom: none;
}
.achieve-header>.achieve-header-back {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: .88rem;
height: .88rem;
background: url(images/ic_back_black@2x.png) no-repeat 0.3rem center/.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_new {
position: absolute;
top: 0;
bottom: 0;
right: 0;
font-size: 0.28rem;
display: block;
padding-right: .3rem;
height: .88rem;
line-height: .88rem;
cursor: pointer;
}
.mulu_relate_new>span {
float: left;
height: 100%;
width: 1.4rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: right;
}
.mulu_relate_new>img {
float: left;
width: 0.4rem;
padding-top: 0.31rem;
padding-left: 0.1rem;
}
/******************************案场业绩时的导航栏下拉框***************************/
.mask-list-area {
position: fixed;
z-index: 101;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .2);
cursor: pointer;
}
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;
margin-right: .14rem;
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: 8rem;
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;
}
.achieve-content-ac {
overflow: hidden;
background-color: white;
}
.sec-tab {
background-color: white;
}
.achieve-content-ac>.search-area {
line-height: .5rem;
height: .5rem;
color: #333;
font-size: .28rem;
padding: 0.4rem 0 0.4rem 0.15rem;
border-bottom: 1px solid #F2F2F2;
overflow: hidden;
}
.achieve-content-ac>.search-area>div {
float: left;
width: 2.1rem;
height: .5rem;
border-radius: .05rem;
border: 1px solid #333;
margin-right: .16rem;
box-sizing: border-box;
font-size: 0.24rem;
overflow: hidden;
padding-left: 0.2rem;
}
.achieve-content-ac>.search-area>img {
width: .4rem;
margin-right: .16rem;
float: left;
padding-top: .05rem;
}
.achieve-content-ac>.search-area>div>input {
width: 2rem;
height: .47rem;
box-sizing: border-box;
font-size: 0.22rem;
float: left;
}
.achieve-content-ac>.search-area>div>input::-webkit-clear-button {
display: none;
}
.achieve-content-ac>.search-area>div>input::-webkit-inner-spin-button {
display: none;
}
.achieve-content-ac>.search-area>span {
margin-right: .16rem;
float: left;
}
.achieve-content-ac>.search-area>button {
background-color: #ff9419;
width: 1rem;
height: .5rem;
border-radius: .05rem;
color: white;
float: left;
}
.achieve-content-ac>.search-area>button:nth-of-type(2) {
margin-left: .16rem;
}
.achieve-content-ac>.nav-area {
overflow: hidden;
padding: 0 .08rem;
border-bottom: 1px solid #F2F2F2;
}
.achieve-content-ac>.nav-area>li {
float: left;
font-size: .24rem;
color: #333;
width: 25%;
height: 1.3rem;
box-sizing: border-box;
position: relative;
overflow: hidden;
cursor: pointer;
}
.achieve-content-ac>.nav-area>li.tab_selected {
color: #ff9419;
}
.achieve-content-ac>.nav-area>li.tab_selected::after {
content: '';
width: 0.74rem;
height: 2px;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -0.37rem;
background-color: #FF9419;
}
.achieve-content-ac>.nav-area>li>span {
float: left;
width: 100%;
text-align: center;
}
.achieve-content-ac>.nav-area>li>span:nth-of-type(1) {
padding-top: 0.26rem;
}
.achieve-content-ac>.nav-area>li>span:nth-of-type(2) {
padding-top: 0.16rem;
}
.sec-tab-ul {
padding: 0 0.3rem;
font-size: 0.3rem;
}
.sec-tab-ul>li {
border-bottom: 1px solid #f2f2f2;
min-height: 1.5rem;
overflow: hidden;
box-sizing: border-box;
padding-top: 0.26rem;
cursor: pointer;
}
.sec-tab-ul>li>div {
float: left;
overflow: hidden;
}
.sec-tab-ul>li>div:nth-of-type(1) {
float: left;
width: 40%;
}
.sec-tab-ul>li>div:nth-of-type(2) {
float: left;
text-align: right;
width: 60%;
}
.sec-tab-ul>li>div>span {
float: left;
width: 100%;
}
.sec-tab-ul>li>div>span:nth-of-type(1) {
color: #333;
}
.sec-tab-ul>li>div>span:nth-of-type(2) {
padding-top: 0.1rem;
color: #999;
}
.sec-tab-ul>li>div:nth-of-type(2)>span:nth-of-type(2) {
font-size: 0.24rem;
}
</style>
\ No newline at end of file
public/appnew/src/components/achieveMain/achieveRegion.vue
View file @ 34f6a3e5
<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>
......@@ -21,28 +93,1244 @@
}
},
components: {
},
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;
},
mounted() {
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('请求超时,请重试');
};
}
});
},
dealName: function(str1, str2) {
return str1 + '<br />' + str2;
}
},
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