Skip to content

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

业绩整理

parent 39bda914
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 62 additions and 128 deletions
public/appnew/src/components/achieveMain/achieveRegion.vue
View file @ 5d756a07
...@@ -31,30 +31,30 @@ ...@@ -31,30 +31,30 @@
<div class="main-content-area"> <div class="main-content-area">
<!--tab切换及title区域--> <!--tab切换及title区域-->
<section class="ul_header por"> <section class="ul_header por">
<p class="ul_title"> <p class="ul_title flex">
<span v-for="(item,index) in tabsMain" :key="item.title" :class="{active:index == initTabNumMain}" @click="tabMain(index)">{{item.title}}</span> <span v-for="(item,index) in tabsMain" :key="item.title" class="flex-center" :class="{active:index == initTabNumMain}" @click="tabMain(index)">{{item.title}}</span>
</p> </p>
<div class="div-tri"> <div class="div-tri">
<div class="box-tri-1"></div> <div class="box-tri-1"></div>
<div class="box-tri-2" :style="'left: '+countLeft+'rem;'"></div> <div class="box-tri-2" :style="'left: '+countLeft+'rem;'"></div>
</div> </div>
<p class="ul_title_add add_zz" v-for="(item,index) in tabsMain" :key="item.title" v-show="index == initTabNumMain"> <p class="ul_title_add flex" v-for="(item,index) in tabsMain" :key="item.title" v-show="index == initTabNumMain">
<span v-for="(item2,index2) in item.titleList">{{item2}}</span> <span v-for="(item2,index2) in item.titleList">{{item2}}</span>
</p> </p>
</section> </section>
<!--主列表区域--> <!--主列表区域-->
<ul class='achieve_zz_ul' v-for="(item,index) in tabsMain" :key="item.title" v-show="index == initTabNumMain" :id="'listall_'+index"> <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"> <li class="flex" v-for="(item2,index2) in item.dataList" :data-id="item2.store_id">
<div class="db-line"> <div class="db-line">
<div class="ellipsis">{{item2.store_name}}</div> <div class="ellipsis">{{item2.store_name}}</div>
<div class="ellipsis">{{item2.name}}</div> <div class="ellipsis">{{item2.name}}</div>
</div> </div>
<div>{{item2.add_house_num}}</div> <div class="flex-center">{{item2.add_house_num}}</div>
<div>{{item2.add_user_num}}</div> <div class="flex-center">{{item2.add_user_num}}</div>
<div>{{item2.march_in_num}}</div> <div class="flex-center">{{item2.march_in_num}}</div>
<div>{{item2.performance}}</div> <div class="flex-center">{{item2.performance}}</div>
<div>{{item2.official_receipts}}</div> <div class="flex-center">{{item2.official_receipts}}</div>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -82,7 +82,7 @@ ...@@ -82,7 +82,7 @@
headerData: { headerData: {
'title': '门店业绩', 'title': '门店业绩',
'noborder': true, 'noborder': true,
'isBack': false 'isBack': true
}, },
token: '', token: '',
startDate: '', startDate: '',
...@@ -307,7 +307,23 @@ ...@@ -307,7 +307,23 @@
if(_data.data) { if(_data.data) {
_this.tabsMain[_this.initTabNumMain].dataList = _data.data; _this.tabsMain[_this.initTabNumMain].dataList = _data.data;
}; };
fn && fn(); // _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 { } else {
layer.tipsX(response.data.msg); layer.tipsX(response.data.msg);
} }
...@@ -332,6 +348,7 @@ ...@@ -332,6 +348,7 @@
</script> </script>
<style scoped> <style scoped>
/*顶部背景图，及圈圈部分样式*/
.achieve-top { .achieve-top {
width: 100%; width: 100%;
background: url(images/bg_yj-.png) no-repeat center center /7.5rem 4.9rem; background: url(images/bg_yj-.png) no-repeat center center /7.5rem 4.9rem;
...@@ -411,6 +428,8 @@ ...@@ -411,6 +428,8 @@
margin-top: -0.05rem; margin-top: -0.05rem;
} }
/*搜索日期部分样式重写*/ /*搜索日期部分样式重写*/
.achieve-top-time-area{ .achieve-top-time-area{
bottom: .3rem; bottom: .3rem;
...@@ -419,7 +438,7 @@ ...@@ -419,7 +438,7 @@
height: .6rem; height: .6rem;
justify-content: center; justify-content: center;
color: white; color: white;
font-size: .24rem; font-size: .26rem;
} }
.input-area-left{ .input-area-left{
flex: 5.8rem 0 0; flex: 5.8rem 0 0;
...@@ -461,42 +480,40 @@ ...@@ -461,42 +480,40 @@
} }
/*搜索日期部分样式重写*/ /*搜索日期部分样式重写*/
/*列表*/
/*tab切换部分样式*/
.main-content-area { .main-content-area {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
background: white; background: white;
padding: 0 0.3rem; padding: 0 0.3rem;
} }
/*js里的样式分离*/
/*2017-05-09 xishifeng*/
/********************************中间两行的 标题**********************************/
.ul_header>p { .ul_header>p:nth-last-of-type(1) {
border-bottom: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2;
overflow: hidden;
} }
.ul_header>p>span{ .ul_title {
float: left; height: 0.8rem;
}
.ul_header>p.ul_title {
height: 0.9rem;
font-size: 0.32rem; font-size: 0.32rem;
margin-top: -0.05rem;
font-weight: bold; font-weight: bold;
color: #333; color: #333;
justify-content: center;
} }
.ul_title>span { .ul_title>span {
flex: 45% 0 0;
font-size: 0.32rem; font-size: 0.32rem;
margin-top: 0.25rem;
} }
.ul_header>p.ul_title_add { .ul_title>span.active {
color: #ff9419;
}
/*三角划线部分样式*/
p.ul_title_add {
height: 0.7rem; height: 0.7rem;
box-sizing: border-box; box-sizing: border-box;
} }
...@@ -506,38 +523,12 @@ ...@@ -506,38 +523,12 @@
color: #666; color: #666;
line-height: .7rem; line-height: .7rem;
text-align: center; text-align: center;
} width: 1.18rem;
/*组长看到的样式*/
p.ul_title {
height: 0.8remt;
border-bottom: none;
position: relative;
}
p.ul_title>span {
margin-top: 0.25rem;
color: #333;
}
p.ul_title>span.active {
color: #ff9419;
}
p.ul_title>span:nth-of-type(1) {
box-sizing: border-box;
/*width: 3.3rem;*/
padding-left: 0.8rem;
margin-left: 0;
float: left;
} }
p.ul_title>span:nth-of-type(2) { p.ul_title_add>span:nth-of-type(1) {
padding-right: 0.8rem; width: 0.9rem;
margin-left: 0; text-align: left;
/*width: 3.3rem;*/
box-sizing: border-box;
float: right;
} }
.div-tri { .div-tri {
...@@ -561,78 +552,21 @@ ...@@ -561,78 +552,21 @@
left: 1.85rem; left: 1.85rem;
background-color: white; background-color: white;
} }
/*三角划线部分样式*/
p.add_zz>span {
width: 1.18rem;
}
p.add_zz>span:nth-of-type(1) { /*主要列表区域样式*/
width: 0.9rem; .achieve_zz_ul>li{
text-align: left;
}
/********************************************li项*************************************************/
.main-content-area ul li {
border-bottom: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2;
/*height: 1.2rem;*/
cursor: pointer;
position: relative;
overflow: hidden;
} }
.achieve_zz_ul>li>div{
.main-content-area 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;
}
.main-content-area 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; word-break: break-all;
padding-top: .2rem .05rem; width: 1.18rem;
} color: #333;
/*组长看到的样式*/ font-size: .24rem;
.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;
}
/******************************案场业绩时的导航栏下拉框***************************/
/*补充*/
.db-line {
padding-top: .2rem;
} }
.achieve_zz_ul>li>div:nth-of-type(1){
.db-line>div { width: .9rem;
line-height: .4rem; padding: .15rem 0;
font-size: .2rem;
} }
</style>--> </style>
\ No newline at end of file \ 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