| | |
| | | </view> |
| | | </view> |
| | | <view class="d-c-c pt30"> |
| | | <button type="primary" class="btn-gcred flex-1" @click="gotoCash">{{ info_words.index.words.cash.value }}</button> |
| | | <button type="primary" class="btn-gcred flex-1" |
| | | @click="gotoCash">{{ info_words.index.words.cash.value }}</button> |
| | | </view> |
| | | </view> |
| | | <!--图标入口--> |
| | |
| | | </view> |
| | | <view class="d-c-c d-c flex-1" @click="gotoPage('pages2/shareholder/bonus/bonus')"> |
| | | <view> |
| | | <image class="team_index_img" src="../../../static/icon/icon-fenxiaodingdan.png" mode=""></image> |
| | | <image class="team_index_img" src="../../../static/icon/icon-fenxiaodingdan.png" mode=""> |
| | | </image> |
| | | </view> |
| | | <text class="pt10 f26 mt20">{{ info_words.bonus_list.title.value }}</text> |
| | | </view> |
| | |
| | | <template v-if="!is_shareholder && isData"> |
| | | <view class="no-team"> |
| | | <view class="mt50 p-0-20 pt30 red f34 tc">{{ info_words.index.words.not_shareholder.value }}</view> |
| | | <view class="p30 f28" v-if="setting.become=='40'">您需要下级分销商人数达到<text class="orange">{{setting.totalfxs_down}}</text>人才能成为{{ info_words.index.words.shareholder.value }},您当前的分销商人数为<text class="orange">{{agent_total}}</text>人,继续努力吧!</view> |
| | | <view class="p30 f28" v-if="setting.become=='50'">您需要累计分销佣金达到<text class="orange">{{setting.total_money}}</text>元才能成为{{ info_words.index.words.shareholder.value }},您当前累计分销佣金为<text class="orange">{{agent_money}}</text>元,继续努力吧!</view> |
| | | <view class="p30 f28" v-if="setting.become=='70'">您需要团队累计业绩达到<text class="orange">{{setting.total_team_money}}</text>元才能成为{{ info_words.index.words.shareholder.value }},您当前团队累计业绩为<text class="orange">{{team_money}}</text>元,继续努力吧!</view> |
| | | <view class="p30 f28" v-if="setting.become=='90'">您需要一次性消费达到<text class="orange">{{setting.one_expend_money}}</text>元才能成为{{ info_words.index.words.region.value }},继续努力吧!</view> |
| | | <view class="p30 f28" v-if="setting.become=='40'">您需要下级分销商人数达到<text |
| | | class="orange">{{setting.totalfxs_down}}</text>人才能成为{{ info_words.index.words.shareholder.value }},您当前的分销商人数为<text |
| | | class="orange">{{agent_total}}</text>人,继续努力吧!</view> |
| | | <view class="p30 f28" v-if="setting.become=='50'">您需要累计分销佣金达到<text |
| | | class="orange">{{setting.total_money}}</text>元才能成为{{ info_words.index.words.shareholder.value }},您当前累计分销佣金为<text |
| | | class="orange">{{agent_money}}</text>元,继续努力吧!</view> |
| | | <view class="p30 f28" v-if="setting.become=='70'">您需要团队累计业绩达到<text |
| | | class="orange">{{setting.total_team_money}}</text>元才能成为{{ info_words.index.words.shareholder.value }},您当前团队累计业绩为<text |
| | | class="orange">{{team_money}}</text>元,继续努力吧!</view> |
| | | <view class="p30 f28" v-if="setting.become=='90'">您需要一次性消费达到<text |
| | | class="orange">{{setting.one_expend_money}}</text>元才能成为{{ info_words.index.words.region.value }},继续努力吧! |
| | | </view> |
| | | <view class="section-product" v-if="setting.become=='110'"> |
| | | <view class="p30 f28"> |
| | | 您需要团队推荐<text class="orange">{{setting.totalsh_down}}</text>家商户入驻 |
| | | 并且团队推荐指定会员等级达到<text class="orange" |
| | | v-for="(item, index ) in gradeList">{{(index>0?'或':'')+item.name}}</text>满<text |
| | | class="orange">{{setting.totalvip_down}}</text>人 |
| | | 并且至少购买VIP专区商品<text class="orange">{{setting.purchase_count}}</text>次 |
| | | 或购买以下任意一款商品才能成为{{ info_words.index.words.shareholder.value }} |
| | | </view> |
| | | <view @click="gotoProductDetail(item.product_id)" class="item" |
| | | :class="index==productList.length-1?'noborder':'border-b-e'" |
| | | v-for="(item, index) in productList" :key="index"> |
| | | <image :src="item.product_image" class="cover" mode="aspectFit"></image> |
| | | <view class="info"> |
| | | <view class="title">{{ item.product_name }}</view> |
| | | <view class="describe">{{ item.product_sku.product_attr }}</view> |
| | | <view class="level-box count_choose"> |
| | | <view class="price"> |
| | | ¥ |
| | | <text class="num">{{ item.product_sku.product_price }}</text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="icon-box pl20"> |
| | | <text class="icon iconfont icon-jiantou f50"></text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="section-product" v-if="setting.become=='100'"> |
| | | <view class="p30 f28 d-c-c">您需要购买以下任意一款商品才能申请{{ info_words.index.words.shareholder.value }}</view> |
| | | <view @click="gotoProductDetail(item.product_id)" class="item" :class="index==productList.length-1?'noborder':'border-b-e'" v-for="(item, index) in productList" :key="index"> |
| | | <view @click="gotoProductDetail(item.product_id)" class="item" |
| | | :class="index==productList.length-1?'noborder':'border-b-e'" |
| | | v-for="(item, index) in productList" :key="index"> |
| | | <image :src="item.product_image" class="cover" mode="aspectFit"></image> |
| | | <view class="info"> |
| | | <view class="title">{{ item.product_name }}</view> |
| | |
| | | </view> |
| | | </view> |
| | | <view class="p30 mt30" v-if="setting.become=='10'"> |
| | | <button type="primary" class="btn-gcred" @click="applyShareholder">{{ info_words.index.words.apply_now.value }}</button> |
| | | <button type="primary" class="btn-gcred" |
| | | @click="applyShareholder">{{ info_words.index.words.apply_now.value }}</button> |
| | | </view> |
| | | <view class="p30 mt30" v-else-if="setting.become=='40' || setting.become=='50'"> |
| | | <button type="primary" class="btn-gcred" @click="gotoAgent">马上去招募人员</button> |
| | |
| | | <button type="primary" class="btn-gcred" @click="gotoTeam">去看看我的团队</button> |
| | | </view> |
| | | <view class="p30"> |
| | | <button type="primary" class="btn-gray" @click="gotoShop">{{ info_words.apply.words.goto_mall.value }}</button> |
| | | <button type="primary" class="btn-gray" |
| | | @click="gotoShop">{{ info_words.apply.words.goto_mall.value }}</button> |
| | | </view> |
| | | </view> |
| | | <view class="bottom-banner d-c-c d-c" v-if="description_pic!=''"> |
| | |
| | | team_money: 0, |
| | | productList: [], |
| | | shareholder: {}, |
| | | gradeList: [] |
| | | }; |
| | | }, |
| | | onLoad(e) { |
| | |
| | | self._get('user.shareholder/center', {}, function(data) { |
| | | self.info_words = data.data.words; |
| | | uni.setNavigationBarTitle({ |
| | | title: self.info_words.index.title.value != '' ? self.info_words.index.title.value : self.info_words.index.title |
| | | title: self.info_words.index.title.value != '' ? self.info_words.index.title |
| | | .value : self.info_words.index.title |
| | | .default |
| | | }); |
| | | self.titel = data.data.words.index.title.value |
| | |
| | | self.user = data.data.user; |
| | | self.setting = data.data.setting; |
| | | self.productList = data.data.productList; |
| | | self.gradeList = data.data.gradeList; |
| | | self.agent_total = data.data.agent_total; |
| | | self.agent_money = data.data.agent_money; |
| | | self.team_money = data.data.team_money; |
| | |
| | | gotoShop() { |
| | | this.gotoPage('pages/index/index') |
| | | }, |
| | | |
| | | |
| | | /*去分销中心*/ |
| | | gotoAgent() { |
| | | this.gotoPage('pages/agent/index/index') |
| | | }, |
| | | |
| | | |
| | | /*去分红中心*/ |
| | | gotoTeam() { |
| | | this.gotoPage('pages2/shareholder/index/index') |
| | |
| | | gotoCash() { |
| | | this.gotoPage('pages2/shareholder/cash/apply/apply'); |
| | | }, |
| | | |
| | | |
| | | goback() { |
| | | uni.navigateBack(); |
| | | }, |
| | | |
| | | /*跳转产品详情*/ |
| | | gotoProductDetail(e) { |
| | | let url = 'pages/product/detail/detail?product_id=' + e |
| | | this.gotoPage(url); |
| | | }, |
| | | } |
| | | }; |
| | |
| | | line-height: 88rpx; |
| | | border-radius: 44rpx; |
| | | } |
| | | |
| | | |
| | | .index-team .btn-gray { |
| | | height: 88rpx; |
| | | line-height: 88rpx; |
| | |
| | | width: 90rpx; |
| | | height: 90rpx; |
| | | } |
| | | |
| | | |
| | | /* 商品列表样式 */ |
| | | .section-product .item { |
| | | margin: 0 26rpx; |
| | |
| | | padding-bottom: 29rpx; |
| | | padding-top: 29rpx; |
| | | } |
| | | |
| | | |
| | | .section-product .cover { |
| | | width: 150rpx; |
| | | height: 150rpx; |
| | | border-radius: 8px; |
| | | } |
| | | |
| | | |
| | | .section-product .info { |
| | | flex: 1; |
| | | padding-left: 30rpx; |
| | | box-sizing: border-box; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | |
| | | .section-product .title { |
| | | width: 100%; |
| | | font-size: 26rpx; |
| | |
| | | -webkit-line-clamp: 2; |
| | | -webkit-box-orient: vertical; |
| | | } |
| | | |
| | | |
| | | .vender .list .describe { |
| | | width: 100%; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | | |
| | | .section-product .describe { |
| | | margin-top: 20rpx; |
| | | font-size: 24rpx; |
| | |
| | | -webkit-line-clamp: 3; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | |
| | | .section-product .price { |
| | | color: #F6220C; |
| | | font-size: 24rpx; |
| | | } |
| | | |
| | | |
| | | .section-product .price .num { |
| | | padding: 0 4rpx; |
| | | font-size: 32rpx; |
| | | } |
| | | |
| | | |
| | | .section-product .level-box { |
| | | margin-top: 20rpx; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | |
| | | |
| | | .section-product .level-box .key { |
| | | font-size: 24rpx; |
| | | color: #999999; |
| | | } |
| | | |
| | | |
| | | .section-product .level-box .num-wrap { |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | align-items: center; |
| | | } |
| | | |
| | | |
| | | .section-product .level-box .icon-box { |
| | | width: 33rpx; |
| | | height: 33rpx; |
| | | border: 1px solid #c5c5c5; |
| | | background: #f2f2f2; |
| | | } |
| | | |
| | | |
| | | .section-product .level-box .icon-box .gray { |
| | | color: #cccccc; |
| | | } |
| | | |
| | | |
| | | .section-product .level-box .icon-box .gray3 { |
| | | color: #333333; |
| | | } |
| | | |
| | | |
| | | .section-product .level-box .text-wrap { |
| | | margin: 0 20rpx; |
| | | height: 33rpx; |
| | | border: none; |
| | | background: none; |
| | | } |
| | | |
| | | |
| | | .section-product .level-box .text-wrap input { |
| | | padding: 0 4rpx; |
| | | height: 33rpx; |
| | |
| | | align-items: center; |
| | | min-height: 33rpx; |
| | | } |
| | | |
| | | |
| | | .section-product .icon-jiantou { |
| | | color: #999; |
| | | } |
| | | |
| | | |
| | | .user-info .photo, |
| | | .user-info .photo image { |
| | | width: 50rpx; |
| | | height: 50rpx; |
| | | border-radius: 50%; |
| | | } |
| | | |
| | | |
| | | .user-info .photo { |
| | | padding-right: 10rpx; |
| | | } |
| | | |
| | | |
| | | .user-info .grade { |
| | | display: block; |
| | | padding: 6rpx 20rpx; |
| | |
| | | /* color: #ffffff; */ |
| | | font-family: PingFang SC; |
| | | } |
| | | </style> |
| | | </style> |