my.vue 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334
  1. <template>
  2. <view class="container">
  3. <view class="header">
  4. <image src="../../static/images/my_bg.png" mode="widthFix" class="bg-img"></image>
  5. <navigator hover-class="none" url="../personal/personal" class="info flex-row">
  6. <view class="avatar_content">
  7. <image :src="info.logo?URL+info.logo:'../../static/images/avatar.png'" mode="aspectFill"
  8. class="avatar"></image>
  9. <image v-if="info.time_out!=1" class="avatar_content_vip" src="../../static/images/vip.png" mode="">
  10. </image>
  11. </view>
  12. <view class="man">
  13. <view class="nick-name">{{info.nick_name}}</view>
  14. <view class="time">有效期:{{info.is_live==1?info.live_time:'账号未激活'}}</view>
  15. <view class="time">收款码{{$test.$test}}剩余次数:{{info.youbi}}</view>
  16. </view>
  17. </navigator>
  18. </view>
  19. <view class="main">
  20. <view class="block-title">我的应用</view>
  21. <view class="menu-list">
  22. <navigator url="../createRecords/createRecords" class="item">
  23. <i class="iconfont iconshengchengjilu" style="color:#439dfb"></i>
  24. <view class="name">{{$test.$test}}记录</view>
  25. </navigator>
  26. <navigator url="../information/information" class="item" v-if="info.is_live==1">
  27. <i class="iconfont iconjihuozhanghao" style="color:#439dfb"></i>
  28. <view class="name">代理信息</view>
  29. </navigator>
  30. <navigator url="../jihuo/jihuo" class="item" v-else>
  31. <i class="iconfont iconjihuozhanghao" style="color:#439dfb"></i>
  32. <view class="name">激活账号</view>
  33. </navigator>
  34. <navigator url="../text/text?title=隐私协议" class="item">
  35. <i class="iconfont iconyinsixieyi" style="color:#439dfb"></i>
  36. <view class="name">隐私协议</view>
  37. </navigator>
  38. <navigator url="../text/text?title=关于我们" class="item">
  39. <i class="iconfont iconguanyuwomen" style="color:#439dfb"></i>
  40. <view class="name">关于我们</view>
  41. </navigator>
  42. <view @click="Call" class="item">
  43. <i class="iconfont iconlianxikefu" style="color:#439dfb"></i>
  44. <view class="name">联系客服</view>
  45. </view>
  46. <navigator url="../replace/record" class="item">
  47. <i class="iconfont icontihuanjilu" style="color:#439dfb"></i>
  48. <view class="name">智能替换记录</view>
  49. </navigator>
  50. <!-- #ifdef H5 -->
  51. <navigator :url="'../personal/weixin?openid='+info.openid_gzh" class="item">
  52. <i class="iconfont iconzhanghaobangding" style="color:#439dfb"></i>
  53. <view class="name">账号绑定</view>
  54. </navigator>
  55. <!-- #endif -->
  56. <!-- #ifdef MP-WEIXIN -->
  57. <navigator :url="'../personal/weixin?openid='+info.openid" class="item">
  58. <i class="iconfont iconzhanghaobangding" style="color:#439dfb"></i>
  59. <view class="name">账号绑定</view>
  60. </navigator>
  61. <!-- #endif -->
  62. <navigator v-if="info.is_recharge==1&&info.is_live==1" url="../recharge/recharge" class="item">
  63. <i class="iconfont iconzixunxuanzhong" style="color:#439dfb"></i>
  64. <view class="name">充值中心</view>
  65. </navigator>
  66. <navigator v-if="info.is_recharge==1&&info.is_live==1" url="../recharge/recharge_log" class="item">
  67. <i class="iconfont iconshengchengjilu" style="color:#439dfb"></i>
  68. <view class="name">充值记录</view>
  69. </navigator>
  70. <navigator :url="'../personal/password?tel='+info.tel" class="item">
  71. <i class="iconfont iconxiugaimima" style="color:#439dfb"></i>
  72. <view class="name">修改密码</view>
  73. </navigator>
  74. <navigator v-if="info.is_xcx==1" url="../personal/xcx" class="item">
  75. <i class="iconfont iconxiaochengxu" style="color:#439dfb"></i>
  76. <view class="name">小程序设置</view>
  77. </navigator>
  78. <!-- v-if="info.is_exchange==0" -->
  79. <navigator url="../union/index" class="item">
  80. <i class="iconfont iconhuanlianglianmeng" style="color:#439dfb"></i>
  81. <view class="name">换量联盟</view>
  82. </navigator>
  83. <navigator url="../union/flow" class="item">
  84. <i class="iconfont iconliuliangzhu" style="color:#439dfb"></i>
  85. <view class="name">流量主</view>
  86. </navigator>
  87. <navigator url="../public/index?is_check=2" class="item">
  88. <i class="iconfont iconhexiaojilu" style="color:#439dfb"></i>
  89. <view class="name">流量池列表</view>
  90. </navigator>
  91. <navigator url="../union/form" class="item">
  92. <i class="iconfont iconfunengchenggongcishutongji" style="color:#439dfb"></i>
  93. <view class="name">数据统计</view>
  94. </navigator>
  95. <!-- <navigator url="../home/shortVideo" class="item">
  96. <i class="iconfont iconshanghuguanli" style="color:#439dfb"></i>
  97. <view class="name">视频交流区</view>
  98. </navigator> -->
  99. <navigator :url="`../../merchant/merchant?admin_id=${info.admin_id}`" class="item">
  100. <i class="iconfont iconshipinjiaoliuqu" style="color:#439dfb"></i>
  101. <view class="name">商户管理</view>
  102. </navigator>
  103. </view>
  104. </view>
  105. <view class="btm-btn" @click="loginOut">退出登录</view>
  106. </view>
  107. </template>
  108. <script>
  109. export default {
  110. data() {
  111. return {
  112. $test: this.$test.$test,
  113. tel: "",
  114. info: {
  115. nick_name: "",
  116. live_time: "",
  117. is_xcx: 0,
  118. },
  119. URL: getApp().globalData.URL,
  120. }
  121. },
  122. onShareAppMessage(e) {
  123. },
  124. onShow(e) {
  125. this.servers();
  126. this.request({
  127. url: "Spread/index",
  128. data: {
  129. token: uni.getStorageSync("token"),
  130. },
  131. showLoading: true,
  132. }).then(res => {
  133. console.log(res, "res")
  134. if (res.code === '200') {
  135. this.info = res.data;
  136. uni.setStorage({
  137. key: 'my_uerInfo',
  138. data: res.data,
  139. success: function() {
  140. console.log('success');
  141. }
  142. });
  143. }
  144. }).catch((res) => {});
  145. },
  146. onShareAppMessage(e) {
  147. },
  148. methods: {
  149. servers() {
  150. //请求验证码
  151. this.request({
  152. url: "user/servers",
  153. data: {},
  154. showLoading: true,
  155. }).then(res => {
  156. console.log(res, "res")
  157. if (res.code === '200') {
  158. this.tel = res.data.tel;
  159. }
  160. }).catch((res) => {});
  161. },
  162. Call(e) {
  163. uni.makePhoneCall({
  164. phoneNumber: this.tel, //仅为示例
  165. });
  166. },
  167. loginOut() {
  168. uni.removeStorageSync("token")
  169. uni.removeStorage({
  170. key: 'login',
  171. success: (res) => {
  172. uni.reLaunch({
  173. url: "../login/login"
  174. })
  175. }
  176. })
  177. },
  178. },
  179. }
  180. </script>
  181. <style>
  182. .header {
  183. position: relative;
  184. height: 438rpx;
  185. overflow: hidden;
  186. }
  187. .avatar_content {
  188. position: relative;
  189. }
  190. .avatar_content_vip {
  191. width: 40rpx;
  192. height: 40rpx;
  193. position: absolute;
  194. bottom: 0;
  195. right: 22rpx;
  196. }
  197. .header .bg-img {
  198. display: block;
  199. width: 100%;
  200. position: absolute;
  201. z-index: -1;
  202. }
  203. .header .info {
  204. padding: 146rpx 48rpx 0;
  205. }
  206. .header .info .avatar {
  207. display: block;
  208. width: 113rpx;
  209. min-width: 113rpx;
  210. height: 113rpx;
  211. border-radius: 50%;
  212. margin-right: 30rpx;
  213. box-sizing: border-box;
  214. border: 3rpx solid #fff;
  215. }
  216. .header .info .man .nick-name {
  217. font-size: 40rpx;
  218. font-weight: 500;
  219. color: #ffffff;
  220. line-height: 56rpx;
  221. }
  222. .header .info .man .time {
  223. font-size: 28rpx;
  224. font-weight: 400;
  225. color: #ffffff;
  226. line-height: 40rpx;
  227. margin-top: 10rpx;
  228. }
  229. .main {
  230. border-radius: 20rpx 20rpx 0 0;
  231. margin-top: -20rpx;
  232. background-color: #fff;
  233. }
  234. .main .block-title {
  235. height: 98rpx;
  236. line-height: 98rpx;
  237. font-size: 38rpx;
  238. font-weight: 500;
  239. color: #2c2c2c;
  240. border-bottom: 2rpx solid #f5f5f5;
  241. margin: 0 40rpx;
  242. }
  243. .main .menu-list {
  244. display: flex;
  245. flex-flow: row wrap;
  246. justify-content: flex-start;
  247. align-items: flex-start;
  248. align-content: flex-start;
  249. }
  250. .main .menu-list .item {
  251. flex: none;
  252. display: block;
  253. width: 25%;
  254. height: 154rpx;
  255. display: flex;
  256. flex-flow: column nowrap;
  257. justify-content: center;
  258. align-items: center;
  259. }
  260. .main .menu-list .item .iconfont {
  261. font-size: 46rpx;
  262. }
  263. .main .menu-list .item .name {
  264. font-size: 24rpx;
  265. color: #2c2c2c;
  266. line-height: 33rpx;
  267. margin-top: 16rpx;
  268. text-align: center;
  269. }
  270. .btm-btn {
  271. width: 670rpx;
  272. height: 98rpx;
  273. background: linear-gradient(315deg, #3387ff 2%, #569bff 99%);
  274. border-radius: 8rpx;
  275. box-shadow: 0px 0px 8rpx 0px rgba(51, 135, 255, 0.2);
  276. font-size: 32rpx;
  277. font-weight: 500;
  278. text-align: center;
  279. color: #fff;
  280. line-height: 98rpx;
  281. margin: 0 auto;
  282. margin-top: 100rpx;
  283. margin-bottom: 30rpx;
  284. }
  285. </style>