|
@@ -120,6 +120,15 @@
|
|
|
"
|
|
|
>{{ 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"
|
|
|
+ >
|
|
|
+ {{ showBadge(club.orderNum) }}
|
|
|
+ </text>
|
|
|
+ </text>
|
|
|
</view>
|
|
|
<view class="list-ntel" v-if="tabSmallCurrentIndex === 1">
|
|
|
<text class="list-link">销售:{{ club.serviceName ? club.serviceName : '' }}</text>
|
|
@@ -130,26 +139,59 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="list-cell-btn">
|
|
|
- <view class="btn" @click.stop="checkData(club)">修改资料</view>
|
|
|
- <view class="btn" @click.stop="orderHistory(club)">
|
|
|
- 历史订单
|
|
|
- <text
|
|
|
- v-if="club.orderNum > 0"
|
|
|
- class="opea-badge uni-badge uni-badge-error uni-small uni-badge--small icon-num"
|
|
|
+ <view class="club-list-bot">
|
|
|
+ <template v-if="tabSmallCurrentIndex === 0">
|
|
|
+ <view class="btn" @click.stop="handleClickOper(1, club)">
|
|
|
+ <text class="iconfont icon-jigouhuaxiang"></text> 机构画像</view
|
|
|
>
|
|
|
- {{ showBadge(club.orderNum) }}
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- <view
|
|
|
- class="btn"
|
|
|
- v-if="isManage && club.serviceProviderId != 1342"
|
|
|
- @click.stop="handleReplaceClub(club)"
|
|
|
- >更换协销</view
|
|
|
- >
|
|
|
- <view class="btn" @click.stop="handleClubinfo(club)" v-if="club.recordCount === 1"
|
|
|
- >注册行为记录</view
|
|
|
- >
|
|
|
+ <view class="btn" @click.stop="handleClickOper(2, club)">
|
|
|
+ <text class="iconfont icon-tianxie"></text> 填写咨询记录</view
|
|
|
+ >
|
|
|
+ <view class="btn" @click.stop="handleClickOper(3, club)">
|
|
|
+ <text class="iconfont icon-shangcheng"></text>商城访问记录
|
|
|
+ </view>
|
|
|
+ <view
|
|
|
+ class="btn"
|
|
|
+ v-if="tabSmallCurrentIndex === 0"
|
|
|
+ @click.stop="handleShowBubble(club, index)"
|
|
|
+ >
|
|
|
+ <text class="iconfont icon-gengduo2"></text>
|
|
|
+ <view
|
|
|
+ class="btn-bubble"
|
|
|
+ :style="{
|
|
|
+ height: isManage ? '160rpx' : '80rpx',
|
|
|
+ top: isManage ? '-154rpx' : '-76rpx'
|
|
|
+ }"
|
|
|
+ v-if="currentIndex === index && club.bubble"
|
|
|
+ >
|
|
|
+ <view class="btn-view border" @click.stop="handleClickOper(4, club)">
|
|
|
+ <text class="iconfont icon-xiugaiziliao"></text> 修改资料
|
|
|
+ </view>
|
|
|
+ <view
|
|
|
+ class="btn-view"
|
|
|
+ v-if="isManage && club.serviceProviderId != 1342"
|
|
|
+ @click.stop="handleClickOper(5, club)"
|
|
|
+ >
|
|
|
+ <text class="iconfont icon-xiaoshou"></text> 更换协销
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <template v-if="tabSmallCurrentIndex === 1">
|
|
|
+ <view class="btn" @click.stop="handleClickOper(1, club)">
|
|
|
+ <text class="iconfont icon-jigouhuaxiang"></text> 机构画像</view
|
|
|
+ >
|
|
|
+ <view class="btn" @click.stop="handleClickOper(3, club)">
|
|
|
+ <text class="iconfont icon-tianxie"></text>商城访问记录</view
|
|
|
+ >
|
|
|
+ <view
|
|
|
+ class="btn none"
|
|
|
+ v-if="isManage && club.serviceProviderId != 1342"
|
|
|
+ @click.stop="handleClickOper(5, club)"
|
|
|
+ >
|
|
|
+ <text class="iconfont icon-xiaoshou"></text>更换协销</view
|
|
|
+ >
|
|
|
+ </template>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!--加载loadding-->
|
|
@@ -219,7 +261,7 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
listTab: [{ name: '个人机构' }, { name: '资质机构' }],
|
|
|
- listItemTab: [{ name: '我的机构' }, { name: '组员机构' }, { name: '待分配机构' }],
|
|
|
+ listItemTab: [{ name: '我的机构' }, { name: '组员机构' }],
|
|
|
listQuery: Object.assign({}, defaultListQuery),
|
|
|
isShowClose: false,
|
|
|
isEmpty: false,
|
|
@@ -246,7 +288,8 @@ export default {
|
|
|
clubId: 0,
|
|
|
spId: 0
|
|
|
},
|
|
|
- isShowIndex: false
|
|
|
+ isShowIndex: false,
|
|
|
+ currentIndex: 0
|
|
|
}
|
|
|
},
|
|
|
onLoad(option) {
|
|
@@ -272,7 +315,10 @@ export default {
|
|
|
if (data.list && data.list.length > 0) {
|
|
|
this.isEmpty = false
|
|
|
this.hasNextPage = response.data.hasNextPage
|
|
|
- this.clubList = data.list
|
|
|
+ this.clubList = data.list.map((el, index) => {
|
|
|
+ el.bubble = false
|
|
|
+ return el
|
|
|
+ })
|
|
|
this.pullFlag = false
|
|
|
setTimeout(() => {
|
|
|
this.pullFlag = true
|
|
@@ -406,27 +452,49 @@ export default {
|
|
|
this.salesParams.spId = data.serviceProviderId
|
|
|
this.userClubChoseSales(this.salesParams)
|
|
|
},
|
|
|
- handleReplaceClub(club) {
|
|
|
- //更换协销
|
|
|
- this.salesParams.clubId = club.clubId
|
|
|
- this.isSellerpopup = true
|
|
|
- },
|
|
|
showRightDrawer() {
|
|
|
//显示筛选抽屉
|
|
|
this.rightDrawer = true
|
|
|
},
|
|
|
- checkData(club) {
|
|
|
- //修改机构资料
|
|
|
- switch (this.tabCurrentNum) {
|
|
|
- case 0:
|
|
|
- this.$api.navigateTo(`/pages/seller/login/apply?userID=${club.userId}`)
|
|
|
- break
|
|
|
+ // 按钮操作
|
|
|
+ handleClickOper(type, club) {
|
|
|
+ /**
|
|
|
+ * 1:机构画像 2:填写咨询记录 3:商城访问记录 4:修改资料 5:更换协销
|
|
|
+ * */
|
|
|
+
|
|
|
+ console.log('type', type)
|
|
|
+ switch (type) {
|
|
|
case 1:
|
|
|
- this.$api.navigateTo(`/pages/seller/login/information?userID=${club.userId}`)
|
|
|
+ this.$api.navigateTo(`/pages/seller/club/club-portrait?userId=${club.userId}`)
|
|
|
+ break
|
|
|
+ case 2:
|
|
|
+ this.$api.navigateTo(`/pages/seller/remarks/add?userId=${club.userId}`)
|
|
|
+ break
|
|
|
+ case 3:
|
|
|
+ this.$api.navigateTo(`/pages/seller/club/club-info?clubId=${club.clubId}`)
|
|
|
break
|
|
|
+ case 4:
|
|
|
+ this.handleReturnPath(club)
|
|
|
+ break
|
|
|
+ case 5:
|
|
|
+ this.handleReplaceClub(club)
|
|
|
+ break
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleReplaceClub(club) {
|
|
|
+ //更换协销
|
|
|
+ this.salesParams.clubId = club.clubId
|
|
|
+ this.isSellerpopup = true
|
|
|
+ },
|
|
|
+ handleReturnPath(club) {
|
|
|
+ //修改机构资料
|
|
|
+ const tabMap = {
|
|
|
+ 0: `/pages/seller/login/apply?userID=${club.userId}`,
|
|
|
+ 1: `/pages/seller/login/information?userID=${club.userId}`
|
|
|
}
|
|
|
+ this.$api.navigateTo(tabMap[this.tabCurrentNum])
|
|
|
},
|
|
|
- orderHistory(club) {
|
|
|
+ handleOrderHistory(club) {
|
|
|
//跳转机构历史订单
|
|
|
this.$api.setStorage('orderUserInfo', club)
|
|
|
if (this.tabSmallCurrentIndex === 1 || this.tabSmallCurrentIndex === 2) {
|
|
@@ -440,10 +508,6 @@ export default {
|
|
|
this.$api.navigateTo(`/pages/seller/order/order-historylist?clubId=${club.clubId}&listType=0`)
|
|
|
}
|
|
|
},
|
|
|
- handleClubinfo(club) {
|
|
|
- //跳转机构信息
|
|
|
- this.$api.navigateTo(`/pages/seller/club/club-info?clubId=${club.clubId}`)
|
|
|
- },
|
|
|
onShowClose() {
|
|
|
//输入框失去焦点时触发
|
|
|
if (this.listQuery.name != '') {
|
|
@@ -471,6 +535,10 @@ export default {
|
|
|
},
|
|
|
handleNavigateIndex() {
|
|
|
this.$api.navigateTo(`/pages/seller/index/index`)
|
|
|
+ },
|
|
|
+ handleShowBubble(club, index) {
|
|
|
+ this.currentIndex = index
|
|
|
+ club.bubble = !club.bubble
|
|
|
}
|
|
|
},
|
|
|
onReachBottom() {
|
|
@@ -629,7 +697,7 @@ page,
|
|
|
.club-main {
|
|
|
.list {
|
|
|
width: 100%;
|
|
|
- height: 268rpx;
|
|
|
+ height: 288rpx;
|
|
|
padding: 24rpx;
|
|
|
box-sizing: border-box;
|
|
|
background: #ffffff;
|
|
@@ -649,12 +717,12 @@ page,
|
|
|
height: 140rpx;
|
|
|
border-radius: 8rpx;
|
|
|
}
|
|
|
- .list-id{
|
|
|
+ .list-id {
|
|
|
display: inline-block;
|
|
|
width: 100%;
|
|
|
height: 32rpx;
|
|
|
line-height: 32rpx;
|
|
|
- background: rgba(0,0,0,0.1);
|
|
|
+ background: rgba(0, 0, 0, 0.1);
|
|
|
color: #333;
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
@@ -667,7 +735,7 @@ page,
|
|
|
}
|
|
|
}
|
|
|
.list-content {
|
|
|
- width: 498rpx;
|
|
|
+ width: 530rpx;
|
|
|
height: 140rpx;
|
|
|
float: left;
|
|
|
padding-left: 30rpx;
|
|
@@ -725,6 +793,25 @@ page,
|
|
|
margin-left: 10rpx;
|
|
|
}
|
|
|
}
|
|
|
+ .tags-or {
|
|
|
+ display: inline-block;
|
|
|
+ height: 36rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-size: $font-size-22;
|
|
|
+ color: #1890f9;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 36rpx;
|
|
|
+ position: relative;
|
|
|
+ .opea-badge {
|
|
|
+ position: absolute;
|
|
|
+ right: -30rpx;
|
|
|
+ top: -15rpx;
|
|
|
+ }
|
|
|
+ .icon-xiayibu {
|
|
|
+ font-size: 22rpx;
|
|
|
+ color: #1890f9;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.list-ntel {
|
|
|
width: 100%;
|
|
@@ -746,31 +833,110 @@ page,
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .list-cell-btn {
|
|
|
+ .club-list-bot {
|
|
|
width: 100%;
|
|
|
- height: 60rpx;
|
|
|
- display: flex;
|
|
|
- color: #166ce1;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
+ height: 80rpx;
|
|
|
float: left;
|
|
|
+ background-color: #f7f7f7;
|
|
|
+ border-radius: 8rpx;
|
|
|
margin-top: 20rpx;
|
|
|
.btn {
|
|
|
- height: 60rpx;
|
|
|
+ height: 80rpx;
|
|
|
box-sizing: border-box;
|
|
|
+ line-height: 80rpx;
|
|
|
padding: 0 20rpx;
|
|
|
- line-height: 60rpx;
|
|
|
- border-radius: 30rpx;
|
|
|
font-size: $font-size-24;
|
|
|
- color: $text-color;
|
|
|
+ color: #333333;
|
|
|
text-align: center;
|
|
|
- margin: 0 20rpx 0 0;
|
|
|
+ float: left;
|
|
|
position: relative;
|
|
|
- border: 1px solid #999999;
|
|
|
- .opea-badge {
|
|
|
- position: absolute;
|
|
|
- right: -10rpx;
|
|
|
- top: -20rpx;
|
|
|
+
|
|
|
+ &:nth-child(1) {
|
|
|
+ &:before {
|
|
|
+ content: '';
|
|
|
+ width: 1px;
|
|
|
+ height: 20rpx;
|
|
|
+ background-color: #b2b2b2;
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 30rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &:nth-child(2) {
|
|
|
+ &:before {
|
|
|
+ content: '';
|
|
|
+ width: 1px;
|
|
|
+ height: 20rpx;
|
|
|
+ background-color: #b2b2b2;
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 30rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &:nth-child(3) {
|
|
|
+ &:before {
|
|
|
+ content: '';
|
|
|
+ width: 1px;
|
|
|
+ height: 20rpx;
|
|
|
+ background-color: #b2b2b2;
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 30rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &:last-child {
|
|
|
+ padding: 0 28rpx;
|
|
|
+ .iconfont {
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .btn-bubble {
|
|
|
+ width: 200rpx;
|
|
|
+ height: 160rpx;
|
|
|
+ background: rgba(51, 51, 51, 0.8);
|
|
|
+ position: absolute;
|
|
|
+ top: -154rpx;
|
|
|
+ right: 0;
|
|
|
+ border-radius: 8rpx;
|
|
|
+ &:before {
|
|
|
+ content: '';
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ border: 15rpx solid transparent;
|
|
|
+ border-top: 15rpx solid rgba(51, 51, 51, 0.8);
|
|
|
+ position: absolute;
|
|
|
+ bottom: -26rpx;
|
|
|
+ right: 35rpx;
|
|
|
+ }
|
|
|
+ .btn-view {
|
|
|
+ width: 100%;
|
|
|
+ height: 80rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ line-height: 80rpx;
|
|
|
+ font-size: $font-size-24;
|
|
|
+ color: #ffffff;
|
|
|
+ text-align: center;
|
|
|
+ float: left;
|
|
|
+ .iconfont {
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #ffffff;
|
|
|
+ margin-right: 5rpx;
|
|
|
+ font-weight: normal;
|
|
|
+ }
|
|
|
+ &.border {
|
|
|
+ border-bottom: 1px solid rgba(255, 255, 255, 0.3);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &.none{
|
|
|
+ &::before{
|
|
|
+ background-color: #f7f7f7 !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .iconfont {
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: #333333;
|
|
|
+ margin-right: 5rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|