corala
/
apartment8090
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

出租专区详情，战报页面

master
corala 2 years ago
parent
daf9e64e60
commit
c5fca9977f
12 changed files with 1045 additions and 34 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +18
    -0
      src/pages.json
  2. +197
    -0
      src/pages/otherPage/companywayReport.vue
  3. +142
    -0
      src/pages/otherPage/mywarReport.vue
  4. +160
    -3
      src/pages/otherPage/rent.vue
  5. +338
    -0
      src/pages/otherPage/rentDetail.vue
  6. +187
    -20
      src/pages/tabs/customer.vue
  7. +3
    -11
      src/pages/tabs/index.vue
  8. BIN
      src/static/house.png
  9. BIN
      src/static/index/more.png
  10. BIN
      src/static/kehu/pic1.png
  11. BIN
      src/static/path.png
  12. BIN
      src/static/pic1.png

+ 18
- 0
src/pages.json View File

@@ -58,12 +58,30 @@
"navigationBarTitleText": "出租专区", "navigationBarTitleText": "出租专区",
"navigationBarTextStyle": "black" "navigationBarTextStyle": "black"
} }
},{
"path": "pages/otherPage/rentDetail",
"style": {
"navigationBarTitleText": "出租专区详情",
"navigationBarTextStyle": "black"
}
},{ },{
"path": "pages/otherPage/jjrent", "path": "pages/otherPage/jjrent",
"style": { "style": {
"navigationBarTitleText": "居间出租", "navigationBarTitleText": "居间出租",
"navigationBarTextStyle": "black" "navigationBarTextStyle": "black"
} }
},{
"path": "pages/otherPage/mywarReport",
"style": {
"navigationBarTitleText": "我的战报",
"navigationBarTextStyle": "black"
}
},{
"path": "pages/otherPage/companywayReport",
"style": {
"navigationBarTitleText": "公司战报",
"navigationBarTextStyle": "black"
}
} }
], ],
"globalStyle": { "globalStyle": {


+ 197
- 0
src/pages/otherPage/companywayReport.vue View File

@@ -0,0 +1,197 @@
<template>
<view class="container">
<view class="report-tab">
<u-tabs :list="tabList" bar-width="60" bar-height="6" active-color="#FF6D25" inactive-color="#666666" font-size="30" :is-scroll="false" :current="current" @change="change"></u-tabs>
</view>
<view class="my-btn">
<view class="dot"></view>部门战报<view class="dot"></view>
</view>
<view class="list-box">
<view class="list-item" v-for="(item, index) in listData" :key="index">
<view class="item-top">
<view class="left">
<image class="house-icon" src="/static/house.png" mode="" />
芍药居一店一部
</view>
<view class="right">
我的战报
<image class="path" src="/static/path.png" mode="" />
</view>
</view>
<view class="item-bottom">
<view class="subitem-box">
<view class="number">32</view>
<view class="text">新增成交/单</view>
</view>
<view class="subitem-box">
<view class="number">32</view>
<view class="text">新增客户/位</view>
</view>
<view class="subitem-box">
<view class="number">32</view>
<view class="text">新增带看/位</view>
</view>
<view class="subitem-box">
<view class="number">32</view>
<view class="text">新增代理合同/单</view>
</view>
<view class="subitem-box">
<view class="number">32</view>
<view class="text">新增客户跟进/位</view>
</view>
<view class="subitem-box">
<view class="number">32</view>
<view class="text">新增拜访/位</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
tabList: [{
name: '今日'
}, {
name: '本周'
}, {
name: '本月'
}],
current: 0,
listData: [{},{},{}],
};
},
onLoad(options) {
},
onShow() {
},
methods: {
change(index){
this.current = index
},
},
onLoad: function(options) {
},
onHide: function() {},
};
</script>

<style lang="scss" scoped>
.container{
width: 100%;
min-height: 100vh;
background: #F8F8F8;
overflow: auto;
padding-bottom: 60rpx;
.report-tab{
border-bottom: 1px solid rgba(224,224,224,0.5);
}
.my-btn{
width: 280rpx;
height: 88rpx;
line-height: 88rpx;
background: linear-gradient(360deg, #FECF3F 0%, #DD1F10 0%, #FF6D25 100%);
box-shadow: inset 0px -8rpx 2rpx 0px #CD0000;
border-radius: 46rpx;
margin: 20rpx auto;
color: #fff;
font-size: 32rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 28rpx;
box-sizing: border-box;
.dot{
width: 20rpx;
height: 20rpx;
background: #FFEEB7;
border-radius: 10rpx;
box-shadow: inset 2rpx -5rpx 0px 0px #FFD244;
}
}
.list-box{
width: 750rpx;
.list-item{
background:#fff;
margin-bottom: 20rpx;
padding: 30rpx;
.item-top{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 24rpx;
.left{
display: flex;
align-items: center;
font-size: 30rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
line-height: 42rpx;
.house-icon{
width: 30rpx;
height: 30rpx;
margin-right: 12rpx;
}
}
.right{
display: flex;
align-items: center;
font-size: 30rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
.path{
width: 14rpx;
height: 30rpx;
margin-left: 12rpx;
}
}

}
.item-bottom{
width: 690rpx;
height: 286rpx;
background: #F8F8F8;
border-radius: 12rpx;
display: flex;
align-items: center;
flex-wrap: wrap;
.subitem-box{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
width: 33.333%;
.number{
margin-bottom: 6rpx;
height: 56rpx;
font-size: 40rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
line-height: 56rpx;
}
.text{
height: 36rpx;
font-size: 26rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
line-height: 36rpx;
}
}

}

}
}
}

</style>

+ 142
- 0
src/pages/otherPage/mywarReport.vue View File

@@ -0,0 +1,142 @@
<template>
<view class="container">
<view class="info u-line-1" >
<image class="avatar" src="/static/avatar.png" mode="" />
章三章三章三
</view>
<view class="cont-box">
<view class="my-title">
<image class="cup" src="/static/cup.png" mode="" />
我的战报</view>
<view class="top-tabs">
<view class="tab">
<view class="number">2</view>
新增成交/单
</view>
<view class="tab">
<view class="number">32</view>
新增客户/位
</view>
<view class="tab">
<view class="number">12</view>
新增带看/位
</view>
<view class="tab">
<view class="number">22</view>
新增代理合同/单
</view>
<view class="tab">
<view class="number">42</view>
新增客户跟进/位
</view>
<view class="tab">
<view class="number">12</view>
新增拜访/位
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {};
},
onLoad(options) {
},
onShow() {
},
methods: {
},

onLoad: function(options) {
},
onHide: function() {},
};
</script>

<style lang="scss" scoped>
.container{
width: 100%;
height: 100vh;
background: url('https://static.quhouse.com/26c187820b534a47a60c46663d480547.png') no-repeat #F8F8F8;;
background-size: contain;
padding: 40rpx 0;
.info{
padding: 0 48rpx;
display: flex;
align-items: center;
font-size: 30rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 42rpx;
.avatar{
width: 100rpx;
height: 100rpx;
flex: 0 0 100rpx;
border-radius: 50%;
border: 2rpx solid #FFFFFF;
margin-right: 24rpx;
}
}
.cont-box{
width: 690rpx;
height: 376rpx;
background: url('https://static.quhouse.com/85043277616540cea74cc69d200bf369.png')no-repeat;
background-size: contain;
margin: 40rpx 30rpx;
padding-top: 26rpx;
.my-title{
display: flex;
align-items: center;
height: 44rpx;
font-size: 32rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #303030;
line-height: 44rpx;
margin-bottom: 34rpx;
padding-left: 30rpx;
.cup{
width: 40rpx;
height: 40rpx;
margin-right: 12rpx;
}
}
.top-tabs{
width: 690rpx;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
.tab{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 26rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
line-height: 36rpx;
margin-bottom: 30rpx;
width: 33.333%;
.number{
height: 56rpx;
font-size: 40rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
line-height: 56rpx;
margin-bottom: 6rpx;
}

}
}
}

}
</style>

+ 160
- 3
src/pages/otherPage/rent.vue View File

@@ -1,19 +1,70 @@
<template> <template>
<view class="container"> <view class="container">
出租专区
<view class="top-box">
<view class="search-box">
<u-search v-model="keyword" placeholder="请输入小区名/台账号" :show-action="false" :clearabled="true" bg-color="#F8F8F8" shape="round" height="78"></u-search>
</view>
</view>
<view class="select-box">
<view class="select-item" @click="huxingshow=true">位置</view>
<view class="select-item" @click="zujinshow=true">价格</view>
<view class="select-item" @click="zujinshow=true">开盘</view>
<view class="select-item" @click="zujinshow=true">更多</view>
</view>
<u-picker v-model="huxingshow" @confirm="confirm1" range-key="cateName" :range="selectorObj" mode="selector"></u-picker>
<u-picker v-model="zujinshow" @confirm="confirm2" range-key="cateName" :range="selectorObj" mode="selector"></u-picker>
<view class="list-box">
<view class="list-item" @click="topage(item)" v-for="(item,index) in listData" :key="index">
<image class="house-img" src="/static/kehu/pic1.png" mode="" />
<view class="item-info">
<view class="house-name u-line-1">吉利家园 3号楼21层</view>
<view class="type">3改4 / 20㎡</view>
<view class="rent-time">剩余租期：11个月</view>
<view class="bot-wrap">
<view class="left u-line-1"><image class="person-icon" src="/static/kehu/person.png" mode="" />邵海波</view>
<view class="money">3600/月</view>
</view>
</view>
</view>
</view>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return {};
return {
keyword: '',
listData: [{},{},{},{},{}],
selectorObj: [
{
cateName: '1',
id: 1
},
{
cateName: '2',
id: 2
}
],
zujinshow: false,
huxingshow: false,
};
}, },
onLoad(options) { onLoad(options) {
}, },
onShow() { onShow() {
}, },
methods: {},
methods: {
confirm1(e) {
},
confirm2(e) {
},
topage(item){
uni.navigateTo({
url: '/pages/otherPage/rentDetail?id=' + item.id
})
}
},


onLoad: function(options) { onLoad: function(options) {
}, },
@@ -22,4 +73,110 @@
</script> </script>


<style lang="scss" scoped> <style lang="scss" scoped>
.container{
width: 750rpx;
min-height: 100vh;
.top-box{
padding: 0 30rpx;
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
.search-box{
width: 690rpx;
height: 78rpx;
}
}
.select-box{
display: flex;
justify-content: space-around;
align-items: center;
background: #fff;
padding: 30rpx 0;
border-bottom: 1px solid #e0e0e0;
.select-item{
height: 36rpx;
font-size: 26rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
line-height: 36rpx;
letter-spacing: 1px;
position: relative;
&::after{
position: absolute;
content: '';
top: 16rpx;
right: -24rpx;
border-color: #969696;
border: 8rpx solid transparent;
border-top: 8rpx solid #969696;
}
}
}
.list-box{
padding: 30rpx;
.list-item{
width: 690rpx;
height: 202rpx;
margin-bottom: 30rpx;
display: flex;
.house-img{
width: 248rpx;
height: 202rpx;
border-radius: 8rpx;
margin-right: 24rpx;
flex: 0 0 248rpx;
}
.item-info{
flex: 1;
.house-name{
height: 44rpx;
font-size: 32rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
line-height: 44rpx;
margin-bottom: 2rpx;
max-width: 410rpx;
}
.type,.rent-time{
height: 36rpx;
font-size: 26rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
line-height: 36rpx;
margin-bottom: 12rpx;
}
.bot-wrap{
display: flex;
justify-content: space-between;
align-items: center;
.left{
display: flex;
align-items: center;
.person-icon{
width: 32rpx;
height: 32rpx;
border-radius: 50%;
margin-right: 12rpx;
}
}
.money{
height: 48rpx;
font-size: 34rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FF6D25;
line-height: 48rpx;
}
}
}

}
}
}
</style> </style>

+ 338
- 0
src/pages/otherPage/rentDetail.vue View File

@@ -0,0 +1,338 @@
<template>
<view class="container">
<view class="pic-wrap">
<u-swiper height="460" :list="picList" :autoplay="true" mode="number" indicator-pos="bottomRight"></u-swiper>
</view>
<view class="house-info">
<view class="top-cont">
<view class="title"><view class="u-line-1">莲竹花园8号楼1层莲竹花园8号楼1层莲竹花园8号楼1层</view>
<image class="map" src="/static/czDetail/map.png" mode="" /></view>
<view class="call-info">
<image class="call" src="/static/czDetail/call.png" mode="" />杜鹏飞
</view>
</view>
<view class="mid-cont">
<view class="item">
<view class="item-val">2改3</view>
<view class="item-type">房型</view>
</view>
<view class="item">
<view class="item-val">正规间</view>
<view class="item-type">户型</view>
</view>
<view class="item">
<view class="item-val">18㎡</view>
<view class="item-type">面积</view>
</view>
</view>
<view class="bot-cont">
<view class="item-btn color1">改价历史</view>
<view class="item-btn color2">改价审核</view>
<view class="item-btn color3">成交合同</view>
</view>
</view>
<view class="detail-info">
<view class="info-item"><view class="label">台账号：</view>刘572A</view>
<view class="info-item"><view class="label">区域：</view>空巷</view>
<view class="info-item"><view class="label">部门：</view>二区五部</view>
<view class="info-item"><view class="label">代理人：</view>杜鹏飞</view>
<view class="info-item"><view class="label">剩余期限：</view>10个月</view>
<view class="info-item"><view class="label">截止日期：</view>2023-03-20</view>
</view>
<!-- 房间信息 -->
<view class="room-info">
<view class="title">房间信息</view>
<view class="item" v-for="(item,index) in roomList" :key="index">
<view class="left">
<image class="sex" src="/static/czDetail/woman.png" mode="" />
<!-- <image class="sex" src="/static/czDetail/man.png" mode="" /> -->
<view class="number">01</view>
<view class="other-info">卧·宁371A｜17㎡｜朝南</view>
</view>
<view class="right">
男｜白领
</view>
</view>
</view>
<view class="bottom-box">
<view class="item">
<image class="item-icon" src="/static/czDetail/money.png" mode="" />
<view class="item-text">改价申请</view>
</view>
<view class="line"></view>
<view class="item">
<image class="item-icon" src="/static/czDetail/lock.png" mode="" />
<view class="item-text">门锁密码</view>
</view>
<view class="line"></view>
<view class="item">
<image class="item-icon" src="/static/czDetail/money1.png" mode="" />
<view class="item-text">收定</view>
</view>
<view class="line"></view>
<view class="item">
<image class="item-icon" src="/static/czDetail/book.png" mode="" />
<view class="item-text">带看历史</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
picList: [{
image: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
title: '昨夜星辰昨夜风，画楼西畔桂堂东'
},
{
image: 'https://cdn.uviewui.com/uview/swiper/2.jpg',
title: '身无彩凤双飞翼，心有灵犀一点通'
},
{
image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
}],
roomList: [{},{},{}]
};
},
onLoad(options) {
},
onShow() {
},
methods: {
},

onLoad: function(options) {
},
onHide: function() {},
};
</script>

<style lang="scss" scoped>
.container{
width: 750rpx;
min-height: 100vh;
background: #f8f8f8;
padding-bottom: 210rpx;
.pic-wrap{
width: 750rpx;
height: 460rpx;
}
.house-info{
padding: 30rpx;
margin-bottom: 20rpx;
background: #fff;
.top-cont{
display: flex;
justify-content: space-between;
align-items: center;
.title{
max-width: 460rpx;
height: 44rpx;
font-size: 32rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
line-height: 44rpx;
letter-spacing: 1rpx;
display: flex;
align-items: center;
.map{
flex: 0 0 32rpx;
width: 32rpx;
height: 32rpx;
margin-left: 12rpx;
}
}
.call-info{
height: 42rpx;
font-size: 30rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
line-height: 42rpx;
display: flex;
align-items: center;
.call{
width: 38rpx;
height: 38rpx;
margin-right: 12rpx;
}
}
}
.mid-cont{
margin: 28rpx 0;
display: flex;
align-items: center;
justify-content: space-around;
.item{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.item-val{
height: 44rpx;
font-size: 32rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FF6D25;
line-height: 44rpx;
margin-bottom: 10rpx;
}
.item-type{
height: 40rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
line-height: 40rpx;
}
}
}
.bot-cont{
display: flex;
justify-content: space-around;
align-items: center;
.item-btn{
width: 210rpx;
height: 64rpx;
line-height:64rpx;
text-align: center;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
border-radius: 8rpx;
&.color1{
background: #2671E2;
}
&.color2{
background: #07B79D;
}
&.color3{
background: #FF6D25;
}

}
}
}
.detail-info{
background-color: #fff;
margin-bottom: 20rpx;
padding: 30rpx;
.info-item{
display: flex;
align-items: center;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
margin-bottom: 24rpx;

.label{
width: 140rpx;
color: #666666;
}
}

}
.room-info{
width: 750rpx;
padding: 30rpx;
background: #fff;
.title{
height: 44rpx;
font-size: 32rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
line-height: 44rpx;
margin-bottom: 24rpx;
}
.item{
margin-bottom: 24rpx;
width: 690rpx;
height: 80rpx;
line-height: 80rpx;
background: #F8F8F8;
border-radius: 8rpx;
padding: 30rpx;
display: flex;
align-items: center;
justify-content: space-between;
.left{
height: 40rpx;
font-size: 28rpx;
color: #333333;
line-height: 40rpx;
display: flex;
align-items: center;
.sex{
width: 40rpx;
height: 40rpx;
margin-right: 12rpx;
}
.number{
font-weight: 500;
}
.other-info{
font-weight: 400;
font-family: PingFangSC-Regular, PingFang SC;
}
}
.right{
height: 40rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
line-height: 40rpx;
}
}

}
.bottom-box{
position: fixed;
/* iphonex 等安全区设置，底部安全区适配 */
bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
// box-sizing: content-box;
width: 750rpx;
height: 122rpx;
background: #FFFFFF;
display: flex;
justify-content: space-between;
align-items: center;
padding: 20rpx 46rpx;
.line{
width: 1px;
height: 50rpx;
background: #E0E0E0;
}
.item{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.item-icon{
width: 40rpx;
height: 40rpx;
margin-bottom: 10rpx;
}
.item-text{
height: 32rpx;
font-size: 24rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
line-height: 32rpx;
}
}
}
}
</style>

+ 187
- 20
src/pages/tabs/customer.vue View File

@@ -5,7 +5,32 @@
<u-search v-model="keyword" :show-action="false" :clearabled="true" bg-color="#F8F8F8" shape="round" height="78"></u-search> <u-search v-model="keyword" :show-action="false" :clearabled="true" bg-color="#F8F8F8" shape="round" height="78"></u-search>
</view> </view>
<view class="addCustomer">增加客户</view> <view class="addCustomer">增加客户</view>

</view>
<view class="select-box">
<view class="select-item" @click="huxingshow=true">户型</view>
<view class="select-item" @click="zujinshow=true">租金</view>
</view>
<u-picker v-model="huxingshow" @confirm="confirm1" range-key="cateName" :range="selectorObj" mode="selector"></u-picker>
<u-picker v-model="zujinshow" @confirm="confirm2" range-key="cateName" :range="selectorObj" mode="selector"></u-picker>
<view class="list-box">
<view class="list-item" v-for="(item,index) in listData" :key="index">
<view class="item-top">
<view class="item-left">
<view class="person">颂女士<image class="love" src="/static/kehu/love.png" mode="" /></view>
<view class="time">刘晓洁于2019-01-17录入</view>
<view class="diffDay">未跟进时间：1239天</view>
</view>
<view class="item-right">
<image style="margin-right: 40rpx;" src="/static/kehu/news.png" mode="" />
<image src="/static/kehu/call.png" mode="" />
</view>
</view>
<view class="item-bot">
<view class="btn"><image class="icon" src="/static/kehu/edit.png" mode="" />带看录入</view><view class="border"></view>
<view class="btn"><image class="icon" src="/static/kehu/edit.png" mode="" />放弃</view><view class="border"></view>
<view class="btn"><image class="icon" src="/static/kehu/edit.png" mode="" />带看记录</view>
</view>
</view>
</view> </view>
</view> </view>
</template> </template>
@@ -13,7 +38,20 @@
export default { export default {
data() { data() {
return { return {
keyword: ''
keyword: '',
listData: [{},{},{},{},{}],
selectorObj: [
{
cateName: '1',
id: 1
},
{
cateName: '2',
id: 2
}
],
zujinshow: false,
huxingshow: false,
}; };
}, },
onLoad(options) { onLoad(options) {
@@ -21,7 +59,12 @@
onShow() { onShow() {
}, },
methods: {},
methods: {
confirm1(e) {
},
confirm2(e) {
},
},


onLoad: function(options) { onLoad: function(options) {
}, },
@@ -30,23 +73,147 @@
</script> </script>


<style lang="scss" scoped> <style lang="scss" scoped>
.top-box{
display: flex;
align-items: center;
.container{
width: 750rpx;
min-height: 100vh;
background: #F8F8F8;
.top-box{
padding: 0 30rpx;
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
.search-box{
width: 532rpx;
height: 78rpx;
}
.addCustomer{
width: 128rpx;
height: 44rpx;
font-size: 32rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FF6D25;
line-height: 44rpx;
}
}
.select-box{
display: flex;
justify-content: space-around;
align-items: center;
background: #fff;
padding: 30rpx 0;
.select-item{
height: 36rpx;
font-size: 26rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
line-height: 36rpx;
letter-spacing: 1px;
position: relative;
&::after{
position: absolute;
content: '';
top: 16rpx;
right: -24rpx;
border-color: #969696;
border: 8rpx solid transparent;
border-top: 8rpx solid #969696;
}
}
}
.list-box{
padding: 0 30rpx 30rpx;
margin-top: 20rpx;
.list-item{
width: 690rpx;
height: 270rpx;
background: #FFFFFF;
border-radius: 12rpx;
padding: 30rpx;
box-sizing: border-box;
margin-bottom: 20rpx;
.item-top{
display: flex;
justify-content: space-between;
align-items: top;
.item-left{
display: flex;
flex-direction: column;
.person{
max-width: 200rpx;
height: 42rpx;
font-size: 30rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
line-height: 42rpx;
margin-bottom: 15rpx;
display: flex;
align-items: center;
.love{
width: 34rpx;
height: 30rpx;
margin-left: 24rpx;
}
}
.time{
height: 37rpx;
font-size: 26rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
line-height: 37rpx;
margin-bottom: 15rpx;
}
.diffDay{
height: 37rpx;
font-size: 26rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FF6D25;
line-height: 37rpx;
}
}
.item-right{
display: flex;
image{
width: 88rpx;
height: 88rpx;
}
}
}
.item-bot{
display: flex;
align-items: center;
justify-content: space-around;
margin-top: 28rpx;
.btn{
display: flex;
align-items: center;
justify-content: center;
height: 36rpx;
font-size: 26rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
line-height: 36rpx;
.icon{
width: 36rpx;
height: 36rpx;
margin-right: 12rpx;
}
}
.border{
width: 1px;
height: 30rpx;
background-color: #e0e0e0
}
}
}
}

}
.search-box{
width: 532rpx;
height: 78rpx;
}
.addCustomer{
width: 128px;
height: 44px;
font-size: 32px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FF6D25;
line-height: 44px;
} }
</style> </style>

+ 3
- 11
src/pages/tabs/index.vue View File

@@ -37,8 +37,8 @@
<view class="num">{{item.num}}</view> <view class="num">{{item.num}}</view>
<view class="text">{{item.text}}</view> <view class="text">{{item.text}}</view>
</view> </view>
<view class="lookall" @click="topage(1)">查看全部
<image class="more-icon" src="/static/index/right-arrow.png" mode="" />
<view class="lookall" @click="topage('companywayReport')">查看全部
<image class="more-icon" src="/static/index/more.png" mode="" />
</view> </view>
</view> </view>
<view class="report-tab"> <view class="report-tab">
@@ -96,15 +96,7 @@
{ {
num: 9, num: 9,
text: '新增客户' text: '新增客户'
},
{
num: 0,
text: '新增带看'
},
{
num: 9,
text: '新增客户'
},
}
], ],
rankList: [{},{},{}], rankList: [{},{},{}],
current: 0, current: 0,


BIN
src/static/house.png View File

Before After
Width: 30  |  Height: 30  |  Size: 729 B

BIN
src/static/index/more.png View File

Before After
Width: 12  |  Height: 20  |  Size: 282 B

BIN
src/static/kehu/pic1.png View File

Before After
Width: 494  |  Height: 402  |  Size: 277 KiB

BIN
src/static/path.png View File

Before After
Width: 14  |  Height: 30  |  Size: 532 B

BIN
src/static/pic1.png View File

Before After
Width: 686  |  Height: 418  |  Size: 409 KiB

Write Preview
Loading…
Cancel
Save