newPull.vue 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
  1. <template>
  2. <view class="main">
  3. <view class="head">
  4. <navbar :config="config" backColor="#666"></navbar>
  5. <view class="mydata">
  6. <view class="mydata_l">
  7. <image :src="userInfo.head_photo" mode="" v-if="userInfo.head_photo"></image>
  8. <image :src="$mConfig.staticUrl+'/head-on.png'" mode="" v-else></image>
  9. <view>
  10. <view>{{userInfo.real_name}}</view>
  11. <view>{{ userInfo.grade == 1 ? '店长' : '普通会员' }}</view>
  12. </view>
  13. </view>
  14. <view class="mydata_r">合计:<text>{{num}}</text>人</view>
  15. </view>
  16. <view class="head_shade"></view>
  17. </view>
  18. <view class="listBox">
  19. <!-- <view class="listBox_tab" v-if="tabArr.length>7">
  20. <view :class="{active:selTabIndex==1}" @click="switchTab(1)">创客({{tabArr[1].num}})</view>
  21. <view :class="{active:selTabIndex==2}" @click="switchTab(2)">爱心小屋({{tabArr[2].num}})</view>
  22. <view :class="{active:selTabIndex==3}" @click="switchTab(3)">服务驿站({{tabArr[3].num}})</view>
  23. <view :class="{active:selTabIndex==4}" @click="switchTab(4)">服务中心({{tabArr[4].num}})</view>
  24. <view :class="{active:selTabIndex==5}" @click="switchTab(5)">市级({{tabArr[5].num}})</view>
  25. <view :class="{active:selTabIndex==6}" @click="switchTab(6)">省级公司({{tabArr[6].num}})</view>
  26. <view :class="{active:selTabIndex==7}" @click="switchTab(7)">大区公司({{tabArr[7].num}})</view>
  27. </view> -->
  28. <view class="item" v-for="(v,i) in list" :key="i">
  29. <view class="item_l">
  30. <image :src="v.head_photo" mode="" v-if="v.head_photo"></image>
  31. <image :src="$mConfig.staticUrl+'/head-on.png'" mode="" v-else></image>
  32. <view>
  33. <view class="item_l_name">{{v.real_name||v.nickname || v.nickname_desensitized}}</view>
  34. <view class="item_l_tel">{{v.mobile}}</view>
  35. <view class="item_l_time">入驻时间:{{v.register_time}}</view>
  36. </view>
  37. </view>
  38. <view class="item_r">
  39. <view>{{ v.grade == 1 ? '店长' : '普通会员' }}</view>
  40. <view>{{ v.activating ? '激活' : '未激活' }}</view>
  41. </view>
  42. </view>
  43. <view>
  44. <noData v-if="list.length<=0"></noData>
  45. </view>
  46. </view>
  47. </view>
  48. </template>
  49. <script>
  50. import noData from "@/components/noData/nodata.vue"
  51. export default {
  52. components: {
  53. noData
  54. },
  55. data() {
  56. return {
  57. config: {
  58. back: true,
  59. title: '推广拉新',
  60. color: '#1a1a1a',
  61. backgroundColor: [1, "#fff"],
  62. statusBarFontColor: 'black',
  63. // backgroundImg:"/static/operationCenter/headBg.png"
  64. },
  65. selTabIndex: 0,
  66. list: [],
  67. userInfo: {},
  68. num: 0,
  69. tabArr: []
  70. }
  71. },
  72. onLoad(options) {
  73. this.userInfo = JSON.parse(options.userInfo);
  74. // this.getTabNum()
  75. this.getList()
  76. },
  77. methods: {
  78. // 获取列表
  79. getList() {
  80. this.$http.get('/account/myPartner')
  81. .then(res => {
  82. if (res && res.code == 200) {
  83. this.list = res.data;
  84. if (this.selTabIndex == 0) {
  85. this.num = this.list.length
  86. }
  87. }
  88. })
  89. },
  90. }
  91. }
  92. </script>
  93. <style lang="scss" scoped>
  94. .main {
  95. .head {
  96. // background: linear-gradient(180deg,#2bba26 0%, #047753 100%);
  97. width: 100%;
  98. // height: 380rpx;
  99. background: url('/static/convenienceService/detailsBg.png')0 0 no-repeat;
  100. background-size: 752rpx 510rpx;
  101. position: relative;
  102. /deep/ .hx-navbar__fixed {
  103. background: url('/static/convenienceService/detailsBg.png')0 0 no-repeat;
  104. background-size: 752rpx 510rpx;
  105. }
  106. .mydata {
  107. display: flex;
  108. justify-content: space-between;
  109. align-items: center;
  110. padding: 10rpx 30rpx 80rpx 30rpx;
  111. .mydata_l {
  112. display: flex;
  113. align-items: center;
  114. image {
  115. width: 115rpx;
  116. height: 115rpx;
  117. border-radius: 50%;
  118. margin-right: 20rpx;
  119. }
  120. view {
  121. font-size: 32rpx;
  122. color: #FFFFFF;
  123. }
  124. }
  125. .mydata_r {
  126. font-size: 28rpx;
  127. color: #FFFFFF;
  128. text {
  129. font-size: 36rpx;
  130. }
  131. }
  132. }
  133. .head_shade {
  134. width: 100%;
  135. height: 40rpx;
  136. position: absolute;
  137. bottom: -2rpx;
  138. left: 0;
  139. background: #FFFFFF;
  140. border-radius: 40rpx 40rpx 0 0;
  141. }
  142. }
  143. .listBox {
  144. padding: 0 30rpx;
  145. overflow: auto;
  146. .listBox_tab {
  147. display: flex;
  148. justify-content: space-between;
  149. border-bottom: 1rpx solid #E6E6E6;
  150. background: #FFFFFF;
  151. overflow: auto;
  152. >view {
  153. font-size: 30rpx;
  154. color: #1A1A1A;
  155. position: relative;
  156. font-weight: 700;
  157. flex-shrink: 0;
  158. padding: 0 20rpx;
  159. padding-bottom: 30rpx;
  160. }
  161. >.active {
  162. color: #22A834;
  163. &::after {
  164. display: block;
  165. width: 100%;
  166. height: 4rpx;
  167. content: "";
  168. background: #22A834;
  169. position: absolute;
  170. bottom: 0;
  171. left: 0;
  172. }
  173. }
  174. }
  175. .item {
  176. display: flex;
  177. justify-content: space-between;
  178. padding: 30rpx 0;
  179. border-bottom: 1rpx solid #E6E6E6;
  180. .item_l {
  181. display: flex;
  182. image {
  183. width: 106rpx;
  184. height: 106rpx;
  185. border-radius: 50%;
  186. margin-right: 50rpx;
  187. }
  188. >view {
  189. line-height: 34rpx;
  190. }
  191. .item_l_name {
  192. font-size: 28rpx;
  193. color: #1A1A1A;
  194. }
  195. .item_l_tel,
  196. .item_l_time {
  197. font-size: 24rpx;
  198. color: #999999;
  199. }
  200. }
  201. .item_r {
  202. text-align: right;
  203. view {
  204. font-size: 24rpx;
  205. color: #FA6138;
  206. &:first-child {
  207. margin-bottom: 37rpx;
  208. }
  209. }
  210. }
  211. }
  212. }
  213. }
  214. </style>