Skip to content

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

业绩客源房源列表等

parent d9a2df94
Hide whitespace changes
Inline Side-by-side
Showing with 897 additions and 257 deletions
public/appnew/src/components/achieveMain/achieveAgent.vue
View file @ cb9716dd
......@@ -23,10 +23,10 @@
<div class="achieve-top">
<!--顶部圈圈数据区域-->
<ul class="achieve-top-circle-area" v-for="(item,index) in tabsMain" :key="index" v-show="index == initTabNumMain">
<li v-for="(item2,key2,index2) in item.cirData" :key="index2" class="pointer-click-item" :class="'achieve_l'+(index2+1)+' circle-li-'+key2" @click="goPage(item2.href)">
<span>{{item2.title}}</span>
<span>{{item2.num}}</span>
<ul class="achieve-top-circle-area flex" v-show="initTabNumMain == 0">
<li v-for="(item,key,index) in tabsMain[0].cirData" :key="index" class="pointer-click-item" :class="'achieve_l'+(index+1)+' circle-li-'+key" @click="goPage(item.href)">
<span>{{item.title}}</span>
<span>{{item.num}}</span>
</li>
</ul>
......@@ -106,17 +106,17 @@
},
'keyuan': {
'title': '客源',
'href': '/achieveHouseResource',
'href': '/achieveAgentResource',
'num': 0
},
'yeji': {
'title': '业绩',
'href': '/achieveHouseResource',
'href': '/achieveReceiptResource?receipt=0',
'num': 0
},
'shishou': {
'title': '实收',
'href': '/achieveHouseResource',
'href': '/achieveReceiptResource?receipt=1',
'num': 0
},
},
......@@ -145,28 +145,6 @@
'title': '案场',
'initTabNumSub': 0,
'isLoadMain': 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
},
},
'data': [{
'name': '约带看',
'num': 0,
......@@ -285,22 +263,22 @@
'cirData': {
'fangyuan': {
'title': '房源',
'href': 'achieve_sub_dz_main?state=0',
'href': '/achieveHouseResource',
'num': 0
},
'keyuan': {
'title': '客源',
'href': 'achieve_sub_dz_main?state=0',
'href': '/achieveAgentResource',
'num': 0
},
'yeji': {
'title': '业绩',
'href': 'achieve_sub_dz_main?state=0',
'href': '/achieveReceiptResource?receipt=0',
'num': 0
},
'shishou': {
'title': '实收',
'href': 'achieve_sub_dz_main?state=0',
'href': '/achieveReceiptResource?receipt=1',
'num': 0
},
},
......@@ -329,28 +307,6 @@
'title': '案场',
'initTabNumSub': 0,
'isLoadMain': 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
},
},
'data': [{
'name': '约带看',
'num': 0,
......@@ -381,28 +337,6 @@
} else if(type == '2') {
//重置少部分数据
_this.tabsMain[1].initTabNumSub = 0;
_this.tabsMain[1].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
},
};
_this.tabsMain[1].data = [{
'name': '约带看',
'num': 0,
......@@ -487,6 +421,12 @@
'internal_title': '全部'
}, ..._data.data.house_arr];
};
if(_tabMainNum == 0) {
_this.tabsMain[_tabMainNum].cirData.fangyuan.num = (_data.data.add_house_num == null ? 0 : _data.data.add_house_num);
_this.tabsMain[_tabMainNum].cirData.keyuan.num = (_data.data.add_user_num == null ? 0 : _data.data.add_user_num);
_this.tabsMain[_tabMainNum].cirData.yeji.num = (_data.data.performance == null ? 0 : _data.data.performance);
_this.tabsMain[_tabMainNum].cirData.shishou.num = (_data.data.official_receipts == null ? 0 : _data.data.official_receipts);
};
_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);
......@@ -541,10 +481,13 @@
},
goPage(url) {
let _this = this;
//type 1业绩 2门店业绩
_this.$router.push({
'path': url,
'query': {
'id':'160',
'type': 1,
'startTime': _this.startDate,
'endTime': _this.endDate
}
});
}
......@@ -711,7 +654,7 @@
.sec-tab {
background-color: white;
}
/*顶部背景图，及圈圈部分样式*/
/***************************************顶部背景图，及圈圈部分样式********************************/
.achieve-top {
width: 100%;
......@@ -721,14 +664,18 @@
}
.achieve-top-circle-area {
width: 100%;
flex-wrap: wrap;
height: 3.2rem;
align-items: center;
align-content: center;
justify-content: center;
}
.achieve-top-circle-area li {
width: 1.06rem;
height: 1.06rem;
background: url(images/yuan_di.png) no-repeat center center/1.06rem 1.06rem;
position: absolute;
margin: .1rem .39rem;
}
.achieve-top-circle-area li:focus {
......@@ -736,46 +683,6 @@
border-radius: 1.06rem;
}
.achieve-top-circle-area>.achieve_l1 {
left: 0.4rem;
top: 0.4rem;
}
.achieve-top-circle-area>.achieve_l2 {
left: 2.3rem;
top: 0.4rem;
}
.achieve-top-circle-area>.achieve_l3 {
left: 4.15rem;
top: 0.4rem;
}
.achieve-top-circle-area>.achieve_l4 {
left: 6rem;
top: 0.4rem;
}
.achieve-top-circle-area>.achieve_l5 {
left: 0.4rem;
top: 1.7rem;
}
.achieve-top-circle-area>.achieve_l6 {
left: 2.3rem;
top: 1.7rem;
}
.achieve-top-circle-area>.achieve_l7 {
left: 4.15rem;
top: 1.7rem;
}
.achieve-top-circle-area>.achieve_l8 {
left: 6rem;
top: 1.7rem;
}
.achieve-top-circle-area li span {
color: #ff9419;
float: left;
......@@ -786,12 +693,12 @@
.achieve-top-circle-area li span:nth-of-type(1) {
font-size: .24rem;
margin-top: 0.2rem;
margin-top: .2rem;
margin-bottom: .1rem;
}
.achieve-top-circle-area li span:nth-of-type(2) {
font-size: .3rem;
margin-top: -0.05rem;
}
/*搜索日期部分样式重写*/
......
public/appnew/src/components/achieveMain/achieveRegion.vue
View file @ cb9716dd
......@@ -3,8 +3,8 @@
<header-pulic :data="headerData"></header-pulic>
<div class="achieve-top">
<!--顶部圈圈数据区域-->
<ul class="achieve-top-circle-area">
<li v-for="(item,key,index) in cirData" :key="key" class="pointer-click-item" :class="'achieve_l'+(index+1)+' circle-li-'+key" :data-href="item.href">
<ul class="achieve-top-circle-area flex">
<li v-for="(item,key,index) in cirData" :key="key" class="pointer-click-item" :class="'achieve_l'+(index+1)+' circle-li-'+key" :data-href="item.href" @click="goPage(item.href)">
<span>{{item.title}}</span>
<span>{{item.num}}</span>
</li>
......@@ -97,42 +97,42 @@
cirData: {
'fangyuan': {
'title': '房源',
'href': 'achieve_sub_dz_main?state=0',
'href': '/achieveHouseResource',
'num': 0
},
'keyuan': {
'title': '客源',
'href': 'achieve_sub_dz_main?state=0',
'href': '/achieveAgentResource',
'num': 0
},
'yeji': {
'title': '业绩',
'href': 'achieve_sub_dz_main?state=0',
'href': '/achieveReceiptResource?receipt=0',
'num': 0
},
'shishou': {
'title': '实收',
'href': 'achieve_sub_dz_main?state=0',
'href': '/achieveReceiptResource?receipt=1',
'num': 0
},
'yuedaikan': {
'title': '约带看',
'href': 'achieve_sub_dz_main?state=0',
'href': '/achieveLookatResource?urltype=lookat',
'num': 0
},
'jinchang': {
'title': '进场',
'href': 'achieve_sub_dz_main?state=0',
'href': '/achieveLookatResource?urltype=march',
'num': 0
},
'shoukuan': {
'title': '收款',
'href': 'achieve_sub_dz_main?state=0',
'href': '/achieveLookatResource?urltype=gathering',
'num': 0
},
'jiandu': {
'title': '监督',
'href': 'achieve_sub_dz_main?state=0',
'href': '/achieveLookatResource?urltype=lookat',
'num': 0
}
},
......@@ -307,23 +307,6 @@
if(_data.data) {
_this.tabsMain[_this.initTabNumMain].dataList = _data.data;
};
// _this.tabsMain[_this.initTabNumMain].dataList = [{
// 'store_name': 'eterte',
// 'name': 'bb',
// 'add_house_num': 155,
// 'add_user_num': 156,
// 'march_in_num': 157,
// 'performance': 158,
// 'official_receipts': 159,
// },{
// 'store_name': 'eterte',
// 'name': 'bb',
// 'add_house_num': 155,
// 'add_user_num': 156,
// 'march_in_num': 157,
// 'performance': 158,
// 'official_receipts': 159,
// }];
} else {
layer.tipsX(response.data.msg);
}
......@@ -334,6 +317,18 @@
},
dealName(str1, str2) {
return str1 + '<br />' + str2;
},
goPage(url) {
let _this = this;
//type 1业绩 2门店业绩
_this.$router.push({
'path': url,
'query': {
'type': 2,
'startTime': _this.startDate,
'endTime': _this.endDate
}
});
}
},
computed: {
......@@ -348,7 +343,8 @@
</script>
<style scoped>
/*顶部背景图，及圈圈部分样式*/
/***************************************顶部背景图，及圈圈部分样式********************************/
.achieve-top {
width: 100%;
background: url(images/bg_yj-.png) no-repeat center center /7.5rem 4.9rem;
......@@ -357,79 +353,44 @@
}
.achieve-top-circle-area {
width: 100%;
flex-wrap: wrap;
height: 3.2rem;
align-items: center;
justify-content: center;
align-content: center;
}
.achieve-top-circle-area li {
width: 1.06rem;
height: 1.06rem;
background: url(images/yuan_di.png) no-repeat center center/1.06rem 1.06rem;
position: absolute;
margin: .1rem .39rem;
}
.achieve-top-circle-area li:focus{
.achieve-top-circle-area li:focus {
box-shadow: 0px 3px 12px #ff9419;
border-radius: 1.06rem;
}
.achieve-top-circle-area>.achieve_l1 {
left: 0.4rem;
top: 0.4rem;
}
.achieve-top-circle-area>.achieve_l2 {
left: 2.3rem;
top: 0.4rem;
}
.achieve-top-circle-area>.achieve_l3 {
left: 4.15rem;
top: 0.4rem;
}
.achieve-top-circle-area>.achieve_l4 {
left: 6rem;
top: 0.4rem;
}
.achieve-top-circle-area>.achieve_l5 {
left: 0.4rem;
top: 1.7rem;
}
.achieve-top-circle-area>.achieve_l6 {
left: 2.3rem;
top: 1.7rem;
}
.achieve-top-circle-area>.achieve_l7 {
left: 4.15rem;
top: 1.7rem;
}
.achieve-top-circle-area>.achieve_l8 {
left: 6rem;
top: 1.7rem;
}
.achieve-top-circle-area li span{
.achieve-top-circle-area li span {
color: #ff9419;
float: left;
width: 100%;
text-align: center;
font-weight: 400;
}
.achieve-top-circle-area li span:nth-of-type(1) {
font-size: .24rem;
margin-top: 0.2rem;
margin-top: .2rem;
margin-bottom: .1rem;
}
.achieve-top-circle-area li span:nth-of-type(2) {
font-size: .3rem;
margin-top: -0.05rem;
}
/*搜索日期部分样式重写*/
.achieve-top-time-area{
bottom: .3rem;
......
public/appnew/src/components/achieveMain/agentResource.vue 0 → 100644
View file @ cb9716dd
<template>
<div>
<header-pulic :data="headerData"></header-pulic>
<pagination-load :canload="!isStop" :distance="10" @load="getLoad">
<ul>
<li is="self-defined-li" v-for="(item, index) in mainDataList" :data="item" :dataindex="index"></li>
</ul>
</pagination-load>
<div class="loading-gif-block" v-show="isLoading">正在加载...</div>
<div class="no-data-block" v-if="noDataFlag">暂无数据</div>
<div class="no-more-block" v-if="!noDataFlag&&isStop">没有更多了...</div>
</div>
</template>
<script>
import '@/assets/js/layer041002.js';
import paginationLoad from '@/components/publicEg/paginationLoad';
import selfDefinedLi from '@/components/achieveMain/agentResourceLi';
export default {
name: '',
components: {
'pagination-load': paginationLoad,
'self-defined-li': selfDefinedLi
},
data() {
let _this = this;
return {
headerData: {
'title': '客源',
'noborder': false,
'isBack': true
},
ajaxUrl: '/broker/userResource',
isStop: false,
isLoading: false,
noDataFlag: false,
page: 1,
pageSize: 10,
token: localStorage.getItem('token'),
userid: localStorage.getItem('userid'),
type: _this.$route.query.type,
startDate: _this.$route.query.startTime,
endDate: _this.$route.query.endTime,
mainDataList: []
}
},
created() {
let _this = this;
_this.common.duringRequest({
'urlStr': _this.ajaxUrl,
startAction() {
_this.isLoading = true;
},
endAction() {
_this.isLoading = false;
}
});
},
mounted() {
let _this = this;
_this.getLoad();
},
methods: {
getLoad() {
let _this = this;
if(!_this.isLoading && !_this.isStop) {
_this.axios({
method: 'get',
url: _this.ajaxUrl,
responseType: 'json',
data: {
'type': _this.type,
'agent_id': _this.userid,
'start_time': _this.startDate,
'end_time': _this.endDate,
'page_no': _this.page,
'page_size': _this.pageSize,
'AuthToken': _this.token
}
})
.then(function(response) {
if(response.data.code == 200) {
let _list = response.data.data;
if(Array.isArray(_list)){
if(_list.length === 0) {
_this.page === 1 && (_this.noDataFlag = true);
_this.isStop = true;
} else {
_this.mainDataList.push(..._list); //这里使用push要注意，先把数组展开
_list.length < _this.pageSize && (_this.isStop = true);
_this.page++;
};
};
} else {
layer.tipsX(response.data.msg);
}
})
.catch(function(error) {
layer.tipsX(error);
});
}
}
},
computed: {
}
}
</script>
<style scoped>
</style>
\ No newline at end of file
public/appnew/src/components/achieveMain/agentResourceLi.vue 0 → 100644
View file @ cb9716dd
<template>
<li data-id="data.id">
<div class="content-area flex">
<div class="flex">
<p>{{data.user_name}}</p>
<p>ID:{{data.id}}</p>
</div>
<div class="flex-center">{{data.user_phone}}</div>
</div>
</li>
</template>
<script>
import '@/assets/js/layer041002.js';
export default {
name: '',
props: {
data: {
type: Object,
default: () => ({
message: 'hello'
})
},
dataindex: {
type: [Number, String],
default: 0
}
},
components: {
},
data: () => ({
}),
created() {
let _this = this;
},
mounted() {
let _this = this;
},
methods: {
},
computed: {
}
}
</script>
<style scoped>
li{
padding: 0 .3rem;
background-color: white;
}
.content-area{
border-bottom: 1px solid #f0f0f0;
min-height: 1.6rem;
padding: .1rem 0;
}
li:nth-last-of-type(1)>.content-area{
border-bottom: none;
}
.content-area>div:nth-of-type(1){
flex: 5.1rem 0 0;
flex-direction: column;
justify-content: center;
}
.content-area>div:nth-of-type(1)>p:nth-of-type(1){
font-size: .34rem;
font-weight: 500;
color: #1a1a1a;
}
.content-area>div:nth-of-type(1)>p:nth-of-type(2){
font-size: .26rem;
color: #666;
padding-top: .1rem;
}
.content-area>div:nth-of-type(2){
flex: 1.8rem 0 0;
color: #999;
font-size: .24rem;
}
</style>
\ No newline at end of file
public/appnew/src/components/achieveMain/houseResource.vue
View file @ cb9716dd
<template>
<div>
<header-pulic :data="headerData"></header-pulic>
<ul>
<li is="house-resource-li" v-for="(item, index) in mainDataList" :data="item" :dataindex="index"></li>
</ul>
<pagination-load :canload="!isStop" :distance="10" @load="getLoad">
<ul>
<li is="self-defined-li" v-for="(item, index) in mainDataList" :data="item" :dataindex="index"></li>
</ul>
</pagination-load>
<div class="loading-gif-block" v-show="isLoading">正在加载...</div>
<div class="no-data-block" v-if="noDataFlag">暂无数据</div>
<div class="no-more-block" v-if="!noDataFlag&&isStop">没有更多了...</div>
</div>
</template>
<script>
import '@/assets/js/layer041002.js';
import achieveHouseResource from '@/components/achieveMain/houseResourceLi';
import paginationLoad from '@/components/publicEg/paginationLoad';
import selfDefinedLi from '@/components/achieveMain/houseResourceLi';
export default {
name: '',
components: {
'house-resource-li': achieveHouseResource
'pagination-load': paginationLoad,
'self-defined-li': selfDefinedLi
},
data() {
let _this = this;
return {
headerData: {
'title': '房源',
'noborder': false,
'isBack': true
},
ajaxUrl: '/broker/housingResource',
isStop: false,
isLoading: false,
noDataFlag: false,
page: 1,
pageSize: 10,
token: localStorage.getItem('token'),
userid: localStorage.getItem('userid'),
type: _this.$route.query.type,
startDate: _this.$route.query.startTime,
endDate: _this.$route.query.endTime,
mainDataList: []
}
},
data: () => ({
headerData: {
'title': '房源',
'noborder': false,
'isBack': true
},
mainDataList: []
}),
created() {
let _this = this;
_this.token = localStorage.getItem('token');
_this.userid = localStorage.getItem('userid');
_this.axios({
method: 'get',
url: '/broker/housingResource',
responseType: 'json',
data: {
'type': 1,
'agent_id': _this.userid,
'start_time': '2015-1-1',
'end_time': '2018-6-1',
'page_no': 1,
'page_size': 1000,
'AuthToken': _this.token
_this.common.duringRequest({
'urlStr': _this.ajaxUrl,
startAction() {
_this.isLoading = true;
},
endAction() {
_this.isLoading = false;
}
})
.then(function(response) {
if(response.data.code == 200) {
if(response.data.data){
if(Array.isArray(response.data.data) && response.data.data.length>0){
_this.mainDataList = response.data.data;
}else{
};
};
} else {
layer.tipsX(response.data.msg);
}
})
.catch(function(error) {
layer.tipsX(error);
});
},
mounted() {
let _this = this;
_this.getLoad();
},
methods: {
getLoad() {
let _this = this;
if(!_this.isLoading && !_this.isStop) {
_this.axios({
method: 'get',
url: _this.ajaxUrl,
responseType: 'json',
data: {
'type': _this.type,
'agent_id': _this.userid,
'start_time': _this.startDate,
'end_time': _this.endDate,
'page_no': _this.page,
'page_size': _this.pageSize,
'AuthToken': _this.token
}
})
.then(function(response) {
if(response.data.code == 200) {
let _list = response.data.data;
if(Array.isArray(_list)){
if(_list.length === 0) {
_this.page === 1 && (_this.noDataFlag = true);
_this.isStop = true;
} else {
_this.mainDataList.push(..._list); //这里使用push要注意，先把数组展开
_list.length < _this.pageSize && (_this.isStop = true);
_this.page++;
};
};
} else {
layer.tipsX(response.data.msg);
}
})
.catch(function(error) {
layer.tipsX(error);
});
}
}
},
computed: {
......
public/appnew/src/components/achieveMain/houseResourceLi.vue
View file @ cb9716dd
<template>
<li>
<div>
<div>
<div>恒大国际广场</div>
<div>12-55㎡</div>
<div>
<mark>小面积</mark>
<mark>随时看房</mark>
<mark>沿街旺铺</mark>
<li data-id="data.id">
<div class="content-area flex">
<div class="flex">
<div>{{data.internal_title}}</div>
<div>{{countArea}}㎡</div>
<div class="flex">
<mark v-for="(item, index) in data.shop_sign.split(',')">{{item}}</mark>
</div>
</div>
<div>20000元/月</div>
<div>
<div>已下架</div>
<div class="flex-center">{{countRentType}}</div>
<div class="flex-center">
<div class="flex-center" v-show="false">已下架</div>
</div>
</div>
</li>
......@@ -52,11 +50,82 @@
},
computed: {
countArea() {
let _this = this;
return _this.data.shop_area_start + (_this.data.shop_type == '1'?'':('-'+_this.data.shop_area_end))
},
countRentType() {
let _this = this;
if(_this.data.rent_type == '1'){
return _this.data.rent_price + '元/月';
}else if(_this.data.rent_type == '2'){
return _this.data.rent_price + '%';
}else if(_this.data.rent_type == '3'){
return _this.data.rent_price + '元/天/㎡';
}else{}
}
}
}
</script>
<style scoped>
li{
padding: 0 .3rem;
background-color: white;
}
.content-area{
border-bottom: 1px solid #f0f0f0;
min-height: 1.6rem;
padding: .1rem 0;
}
li:nth-last-of-type(1)>.content-area{
border-bottom: none;
}
.content-area>div{
line-height: .45rem;
}
.content-area>div:nth-of-type(1){
flex: 3.7rem 0 0;
flex-direction: column;
justify-content: center;
}
.content-area>div:nth-of-type(1)>div:nth-of-type(1){
font-size: .26rem;
font-weight: 400;
color: #1a1a1a;
}
.content-area>div:nth-of-type(1)>div:nth-of-type(2){
font-size: .24rem;
color: #808080;
}
.content-area>div:nth-of-type(1)>div:nth-of-type(3){
flex-wrap: wrap;
}
.content-area>div:nth-of-type(1)>div:nth-of-type(3)>mark{
font-size: .24rem;
color: #999;
border-radius: .02rem;
background-color: #f5f5f5;
padding: 0 .1rem;
}
.content-area>div:nth-of-type(1)>div:nth-of-type(3)>mark+mark{
margin-left: .1rem;
}
.content-area>div:nth-of-type(2){
flex: 1.9rem 0 0;
color: #ff5c50;
font-size: .26rem;
font-weight: 600;
}
.content-area>div:nth-of-type(3){
flex: 1.3rem 0 0;
}
.content-area>div:nth-of-type(3)>div{
color: #d6d6d6;
font-size: .24rem;
border: 1px solid #ddd;
border-radius: .05rem;
width: 1.05rem;
height: .52rem;
}
</style>
\ No newline at end of file
public/appnew/src/components/achieveMain/lookatResource.vue 0 → 100644
View file @ cb9716dd
<template>
<div>
<header-pulic :data="headerData"></header-pulic>
<pagination-load :canload="!isStop" :distance="10" @load="getLoad">
<ul>
<li is="self-defined-li" v-for="(item, index) in mainDataList" :data="item" :dataindex="index" :urltype="urlType"></li>
</ul>
</pagination-load>
<div class="loading-gif-block" v-show="isLoading">正在加载...</div>
<div class="no-data-block" v-if="noDataFlag">暂无数据</div>
<div class="no-more-block" v-if="!noDataFlag&&isStop">没有更多了...</div>
</div>
</template>
<script>
import '@/assets/js/layer041002.js';
import paginationLoad from '@/components/publicEg/paginationLoad';
import selfDefinedLi from '@/components/achieveMain/lookatResourceLi';
export default {
name: '',
components: {
'pagination-load': paginationLoad,
'self-defined-li': selfDefinedLi
},
data() {
let _this = this;
let urlType = _this.$route.query.urltype;
let ajaxUrl = '/broker/followList';
let _title = '约带看统计';
if(urlType === 'lookat'){
//约带看
ajaxUrl = '/broker/followList';
_title = '约带看统计';
}else if(urlType === 'march'){
//进场
ajaxUrl = '/broker/marchInList';
_title = '进场统计';
}else if(urlType === 'gathering'){
//收款
ajaxUrl = '/broker/paylogList';
_title = '收款统计';
}else{};
return {
headerData: {
'title': _title,
'noborder': false,
'isBack': true
},
urlType,
ajaxUrl,
isStop: false,
isLoading: false,
noDataFlag: false,
page: 1,
pageSize: 10,
token: localStorage.getItem('token'),
userid: localStorage.getItem('userid'),
type: _this.$route.query.type,
startDate: _this.$route.query.startTime,
endDate: _this.$route.query.endTime,
mainDataList: []
}
},
created() {
let _this = this;
_this.common.duringRequest({
'urlStr': _this.ajaxUrl,
startAction() {
_this.isLoading = true;
},
endAction() {
_this.isLoading = false;
}
});
},
mounted() {
let _this = this;
_this.getLoad();
},
methods: {
getLoad() {
let _this = this;
if(!_this.isLoading && !_this.isStop) {
_this.axios({
method: 'get',
url: _this.ajaxUrl,
responseType: 'json',
data: {
'type': _this.type,
'agent_id': _this.userid,
'start_time': _this.startDate,
'end_time': _this.endDate,
'page_no': _this.page,
'page_size': _this.pageSize,
'AuthToken': _this.token
}
})
.then(function(response) {
if(response.data.code == 200) {
let _list = response.data.data;
if(Array.isArray(_list)){
if(_list.length === 0) {
_this.page === 1 && (_this.noDataFlag = true);
_this.isStop = true;
} else {
_this.mainDataList.push(..._list); //这里使用push要注意，先把数组展开
_list.length < _this.pageSize && (_this.isStop = true);
_this.page++;
};
};
} else {
layer.tipsX(response.data.msg);
}
})
.catch(function(error) {
layer.tipsX(error);
});
}
}
},
computed: {
}
}
</script>
<style scoped>
</style>
\ No newline at end of file
public/appnew/src/components/achieveMain/lookatResourceLi.vue 0 → 100644
View file @ cb9716dd
<template>
<li data-id="data.id">
<div class="content-area flex">
<div class="flex">
<p>{{data.user_name}}</p>
<p>预计到场时间:{{data.predict_see_time}}</p>
<p>:{{data.house_title}}</p>
</div>
<div class="flex-center">{{data.user_phone}}</div>
</div>
</li>
</template>
<script>
import '@/assets/js/layer041002.js';
export default {
name: '',
props: {
data: {
type: Object,
default: () => ({
message: 'hello'
})
},
dataindex: {
type: [Number, String],
default: 0
},
urltype: {
type: String,
default: 'lookat'
}
},
components: {
},
data: () => ({
}),
created() {
let _this = this;
},
mounted() {
let _this = this;
},
methods: {
},
computed: {
}
}
</script>
<style scoped>
li{
padding: 0 .3rem;
background-color: white;
}
.content-area{
border-bottom: 1px solid #f0f0f0;
min-height: 1.6rem;
padding: .1rem 0;
}
li:nth-last-of-type(1)>.content-area{
border-bottom: none;
}
.content-area>div:nth-of-type(1){
flex: 5.1rem 0 0;
flex-direction: column;
justify-content: center;
}
.content-area>div:nth-of-type(1)>p:nth-of-type(1){
font-size: .3rem;
font-weight: bold;
color: #1a1a1a;
}
.content-area>div:nth-of-type(1)>p:nth-of-type(2){
font-size: .26rem;
color: #999;
padding-top: .1rem;
}
.content-area>div:nth-of-type(1)>p:nth-of-type(3){
font-size: .28rem;
color: #666;
padding-top: .1rem;
}
.content-area>div:nth-of-type(2){
flex: 1.8rem 0 0;
color: #1a1a1a;
font-size: .3rem;
}
</style>
\ No newline at end of file
public/appnew/src/components/achieveMain/receiptResource.vue 0 → 100644
View file @ cb9716dd
<template>
<div>
<header-pulic :data="headerData"></header-pulic>
<pagination-load :canload="!isStop" :distance="10" @load="getLoad">
<ul>
<li is="self-defined-li" v-for="(item, index) in mainDataList" :data="item" :dataindex="index" :isreceipt="isreceipt"></li>
</ul>
</pagination-load>
<div class="loading-gif-block" v-show="isLoading">正在加载...</div>
<div class="no-data-block" v-if="noDataFlag">暂无数据</div>
<div class="no-more-block" v-if="!noDataFlag&&isStop">没有更多了...</div>
</div>
</template>
<script>
import '@/assets/js/layer041002.js';
import paginationLoad from '@/components/publicEg/paginationLoad';
import selfDefinedLi from '@/components/achieveMain/receiptResourceLi';
export default {
name: '',
components: {
'pagination-load': paginationLoad,
'self-defined-li': selfDefinedLi
},
data() {
let _this = this;
let _receipt = _this.$route.query.receipt == 1;
console.log(_receipt);
return {
headerData: {
'title': _receipt?'实收':'业绩',
'noborder': false,
'isBack': true
},
isreceipt: _receipt,
ajaxUrl: _receipt?'/broker/officialReceiptsList':'/broker/performanceList',
isStop: false,
isLoading: false,
noDataFlag: false,
page: 1,
pageSize: 10,
token: localStorage.getItem('token'),
userid: localStorage.getItem('userid'),
type: _this.$route.query.type,
startDate: _this.$route.query.startTime,
endDate: _this.$route.query.endTime,
mainDataList: []
}
},
created() {
let _this = this;
_this.common.duringRequest({
'urlStr': _this.ajaxUrl,
startAction() {
_this.isLoading = true;
},
endAction() {
_this.isLoading = false;
}
});
},
mounted() {
let _this = this;
_this.getLoad();
},
methods: {
getLoad() {
let _this = this;
if(!_this.isLoading && !_this.isStop) {
_this.axios({
method: 'get',
url: _this.ajaxUrl,
responseType: 'json',
data: {
'type': _this.type,
'agent_id': _this.userid,
'start_time': _this.startDate,
'end_time': _this.endDate,
'page_no': _this.page,
'page_size': _this.pageSize,
'AuthToken': _this.token
}
})
.then(function(response) {
if(response.data.code == 200) {
let _list = response.data.data;
if(Array.isArray(_list)){
if(_list.length === 0) {
_this.page === 1 && (_this.noDataFlag = true);
_this.isStop = true;
} else {
_this.mainDataList.push(..._list); //这里使用push要注意，先把数组展开
_list.length < _this.pageSize && (_this.isStop = true);
_this.page++;
};
};
} else {
layer.tipsX(response.data.msg);
}
})
.catch(function(error) {
layer.tipsX(error);
});
}
}
},
computed: {
}
}
</script>
<style scoped>
</style>
\ No newline at end of file
public/appnew/src/components/achieveMain/receiptResourceLi.vue 0 → 100644
View file @ cb9716dd
<template>
<li data-id="data.id">
<div class="content-area flex">
<div class="flex">
<p>
<span>{{data.name}}</span>
<span>{{data.district_name+data.store_name}}</span>
</p>
<p>ID:{{data.create_time}}</p>
</div>
<div class="flex-center">{{isreceipt?data.practical_fee:data.scale_fee}}</div>
</div>
</li>
</template>
<script>
import '@/assets/js/layer041002.js';
export default {
name: '',
props: {
data: {
type: Object,
default: () => ({
message: 'hello'
})
},
dataindex: {
type: [Number, String],
default: 0
},
isreceipt: {
type: [Number, String],
default: 0
}
},
components: {
},
data: () => ({
}),
created() {
let _this = this;
},
mounted() {
let _this = this;
},
methods: {
},
computed: {
}
}
</script>
<style scoped>
li{
padding: 0 .3rem;
background-color: white;
}
.content-area{
border-bottom: 1px solid #f0f0f0;
min-height: 1.6rem;
padding: .1rem 0;
}
li:nth-last-of-type(1)>.content-area{
border-bottom: none;
}
.content-area>div:nth-of-type(1){
flex: 5.1rem 0 0;
flex-direction: column;
justify-content: center;
}
.content-area>div:nth-of-type(1)>p:nth-of-type(1){
font-size: .34rem;
font-weight: bold;
color: #1a1a1a;
}
.content-area>div:nth-of-type(1)>p:nth-of-type(1)>span:nth-of-type(1){
font-size: .3rem;
}
.content-area>div:nth-of-type(1)>p:nth-of-type(1)>span:nth-of-type(2){
font-size: .26rem;
}
.content-area>div:nth-of-type(1)>p:nth-of-type(2){
font-size: .24rem;
color: #999;
padding-top: .1rem;
}
.content-area>div:nth-of-type(2){
flex: 1.8rem 0 0;
color: #1a1a1a;
font-size: .3rem;
}
</style>
\ No newline at end of file
public/appnew/src/router/index.js
View file @ cb9716dd
......@@ -5,6 +5,9 @@ import achieveFork from '@/components/achieveMain/achieveFork'
import achieveAgent from '@/components/achieveMain/achieveAgent'
import achieveRegion from '@/components/achieveMain/achieveRegion'
import achieveHouseResource from '@/components/achieveMain/houseResource'
import achieveAgentResource from '@/components/achieveMain/agentResource'
import achieveReceiptResource from '@/components/achieveMain/receiptResource'
import achieveLookatResource from '@/components/achieveMain/lookatResource'
import feeds from '@/components/feed/feeds'
import reportDetails from '@/components/reportDetails/reportDetails'
import announcementDetails from '@/components/announcementDetails/announcementDetails'
......@@ -44,6 +47,21 @@ export default new Router({
name: 'v-achieve-house-resource',
component: achieveHouseResource
},
{
path: '/achieveAgentResource',
name: 'v-achieve-agent-resource',
component: achieveAgentResource
},
{
path: '/achieveReceiptResource',
name: 'v-achieve-receipt-resource',
component: achieveReceiptResource
},
{
path: '/achieveLookatResource',
name: 'v-achieve-lookat-resource',
component: achieveLookatResource
},
{
path: '/feeds',
name: 'v-feeds',
......
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