|
@@ -68,20 +68,13 @@
|
|
|
></image>
|
|
|
<view class="txt">暂无机构数据</view>
|
|
|
</view>
|
|
|
- <view v-else class="club-list">
|
|
|
+ <view v-else class="club-list clearfix">
|
|
|
<scroll-view scroll-y="true">
|
|
|
<view class="list" v-for="(club, index) in clubList" :key="index">
|
|
|
<view class="list-cell-top">
|
|
|
<view class="list-logo">
|
|
|
- <image
|
|
|
- :src="
|
|
|
- club.headpic
|
|
|
- ? club.headpicx
|
|
|
- : 'https://static.caimei365.com/app/img/icon/icon-club@3x.png'
|
|
|
- "
|
|
|
- mode=""
|
|
|
- ></image>
|
|
|
- <text class="list-id">编号:{{ club.newClubId }}</text>
|
|
|
+ <image src="https://static.caimei365.com/app/img/icon/icon-club@3x.png" mode=""></image>
|
|
|
+ <!-- <text class="list-id">编号:{{ club.newClubId }}</text> -->
|
|
|
<text class="list-tips">{{ club.userIdentity === 2 ? '资质机构' : '个人机构' }}</text>
|
|
|
</view>
|
|
|
<view class="list-content">
|
|
@@ -91,6 +84,18 @@
|
|
|
<text class="tags sv" v-if="club.vipFlag == 1">SVIP</text>
|
|
|
<text class="tags xf" v-if="club.newDeal === 1">新分配</text>
|
|
|
</view>
|
|
|
+ <view class="list-ntel" v-if="tabSmallCurrentIndex === 1">
|
|
|
+ <text class="list-link">销售:{{ club.serviceName ? club.serviceName : '' }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="list-ntel" v-if="tabSmallCurrentIndex !== 1">
|
|
|
+ <text class="list-link">{{ club.linkMan ? club.linkMan : '' }}</text>
|
|
|
+ <text class="list-texl" @click="handlePhone(club.contractMobile)">
|
|
|
+ {{ club.contractMobile ? club.contractMobile : '' }}
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ <view class="list-ntel" v-if="listQuery.type === 6">
|
|
|
+ <text class="list-link">分配时间:{{ club.providerTime | dateConversion }}</text>
|
|
|
+ </view>
|
|
|
<view class="list-tags">
|
|
|
<text
|
|
|
class="tags"
|
|
@@ -109,27 +114,13 @@
|
|
|
{{ club.customerValue }} <text class="iconfont icon-xiayibu"></text>
|
|
|
</text>
|
|
|
<text class="tags-or" @click.stop="handleOrderHistory(club)">
|
|
|
- <text class="iconfont icon-dingdan"></text> 订单列表
|
|
|
- <text
|
|
|
- v-if="club.orderNum > 0"
|
|
|
- class="opea-badge uni-badge uni-badge-error uni-small uni-badge--small icon-num"
|
|
|
- >
|
|
|
+ 订单列表
|
|
|
+ <text v-if="club.orderNum > 0" class="opea-badge uni-badge uni-badge-error uni-small uni-badge--small icon-num">
|
|
|
{{ showBadge(club.orderNum) }}
|
|
|
</text>
|
|
|
+ <text class="iconfont icon-dingdan"></text>
|
|
|
</text>
|
|
|
</view>
|
|
|
- <view class="list-ntel" v-if="tabSmallCurrentIndex === 1">
|
|
|
- <text class="list-link">销售:{{ club.serviceName ? club.serviceName : '' }}</text>
|
|
|
- </view>
|
|
|
- <view class="list-ntel" v-if="tabSmallCurrentIndex !== 1">
|
|
|
- <text class="list-link">{{ club.linkMan ? club.linkMan : '' }}</text>
|
|
|
- <text class="list-texl" @click="handlePhone(club.contractMobile)">
|
|
|
- {{ club.contractMobile ? club.contractMobile : '' }}
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- <view class="list-ntel" v-if="listQuery.type === 6">
|
|
|
- <text class="list-link">分配时间:{{ club.providerTime | dateConversion }}</text>
|
|
|
- </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="club-list-bot">
|
|
@@ -704,38 +695,49 @@ page,
|
|
|
background: #ffffff;
|
|
|
box-sizing: border-box;
|
|
|
padding: 20rpx 24rpx;
|
|
|
- .tab-item {
|
|
|
- width: 168rpx;
|
|
|
- height: 64rpx;
|
|
|
- line-height: 64rpx;
|
|
|
+ .tab-item {
|
|
|
+ padding: 0 20rpx;
|
|
|
+ height: 58rpx;
|
|
|
+ line-height: 58rpx;
|
|
|
text-align: center;
|
|
|
color: $text-color;
|
|
|
font-size: $font-size-28;
|
|
|
float: left;
|
|
|
- border-radius: 32rpx;
|
|
|
+ border-radius: 8rpx;
|
|
|
border: 1px solid #b2b2b2;
|
|
|
- margin-right: 32rpx;
|
|
|
+ margin-right: 20rpx;
|
|
|
&.current {
|
|
|
- color: #ff5b00;
|
|
|
- border: 1px solid #ff5b00;
|
|
|
+ color: #ffffff;
|
|
|
+ border: 1px solid #ff5b00;
|
|
|
+ background: #ff5b00;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.club-main {
|
|
|
width: 100%;
|
|
|
- padding-top: 370rpx;
|
|
|
+ padding-top: 370rpx;
|
|
|
+ background: #F7F7F7;
|
|
|
+ .club-list{
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0 15rpx;
|
|
|
+ }
|
|
|
.list {
|
|
|
width: 100%;
|
|
|
- height: 320rpx;
|
|
|
- padding: 24rpx;
|
|
|
+ height: auto;
|
|
|
+ padding: 15rpx;
|
|
|
box-sizing: border-box;
|
|
|
background: #ffffff;
|
|
|
position: relative;
|
|
|
- border-bottom: 1px solid #ebebeb;
|
|
|
+ float: left;
|
|
|
+ margin-bottom: 15rpx;
|
|
|
+ border-radius: 8rpx;
|
|
|
+ overflow: hidden;
|
|
|
.list-cell-top {
|
|
|
width: 100%;
|
|
|
- height: 140rpx;
|
|
|
+ height: auto;
|
|
|
box-sizing: border-box;
|
|
|
.list-logo {
|
|
|
width: 140rpx;
|
|
@@ -783,8 +785,8 @@ page,
|
|
|
}
|
|
|
}
|
|
|
.list-content {
|
|
|
- width: 560rpx;
|
|
|
- height: 180rpx;
|
|
|
+ width: 520rpx;
|
|
|
+ height: auto;
|
|
|
float: left;
|
|
|
padding-left: 20rpx;
|
|
|
box-sizing: border-box;
|
|
@@ -821,7 +823,7 @@ page,
|
|
|
}
|
|
|
.list-tags {
|
|
|
width: 100%;
|
|
|
- height: 36rpx;
|
|
|
+ height: auto;
|
|
|
float: left;
|
|
|
line-height: 36rpx;
|
|
|
margin: 7rpx 0;
|
|
@@ -831,9 +833,9 @@ page,
|
|
|
box-sizing: border-box;
|
|
|
padding: 0 8rpx 0 15rpx;
|
|
|
border-radius: 8rpx;
|
|
|
- background: #faede5;
|
|
|
- font-size: $font-size-22;
|
|
|
- color: $color-system;
|
|
|
+ background: rgba(0, 0, 0, 0.1);
|
|
|
+ font-size: 20rpx;
|
|
|
+ color: #666666;
|
|
|
text-align: center;
|
|
|
line-height: 36rpx;
|
|
|
margin-right: 16rpx;
|
|
@@ -846,19 +848,22 @@ page,
|
|
|
display: inline-block;
|
|
|
height: 36rpx;
|
|
|
box-sizing: border-box;
|
|
|
- font-size: $font-size-22;
|
|
|
- color: #1890f9;
|
|
|
+ font-size: 20rpx;
|
|
|
+ color: #666666;
|
|
|
text-align: center;
|
|
|
line-height: 36rpx;
|
|
|
- position: relative;
|
|
|
+ position: relative;
|
|
|
+ padding: 0 8rpx 0 15rpx;
|
|
|
+ border-radius: 8rpx;
|
|
|
+ background: rgba(0, 0, 0, 0.1);
|
|
|
.opea-badge {
|
|
|
position: absolute;
|
|
|
- right: -30rpx;
|
|
|
+ right: -10rpx;
|
|
|
top: -15rpx;
|
|
|
}
|
|
|
- .icon-xiayibu {
|
|
|
+ .icon-dingdan {
|
|
|
font-size: 22rpx;
|
|
|
- color: #1890f9;
|
|
|
+ color: #999999;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -935,7 +940,7 @@ page,
|
|
|
}
|
|
|
}
|
|
|
&:last-child {
|
|
|
- padding: 0 28rpx;
|
|
|
+ padding: 0 24rpx;
|
|
|
.iconfont {
|
|
|
font-weight: bold;
|
|
|
}
|
|
@@ -945,7 +950,7 @@ page,
|
|
|
background: rgba(51, 51, 51, 0.8);
|
|
|
position: absolute;
|
|
|
top: -120rpx;
|
|
|
- right: 0;
|
|
|
+ right: -7rpx;
|
|
|
border-radius: 8rpx;
|
|
|
&:before {
|
|
|
content: '';
|