選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

personal.vue 7.3 KiB

3年前
3年前
3年前
3年前
2年前
2年前
2年前
2年前
3年前
2年前
2年前
2年前
3年前
3年前
3年前
3年前
3年前
3年前
3年前
3年前
2年前
2年前
3年前
3年前
3年前
2年前
3年前
3年前
3年前
3年前
3年前
3年前
3年前
3年前
3年前
3年前
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304
  1. <template>
  2. <view class="main">
  3. <view class="backTop"></view>
  4. <!-- 头部开始 -->
  5. <view class="header box">
  6. <view class="header-zuo">
  7. <u-avatar
  8. :src="photo?photo:'https://qufang.oss-cn-beijing.aliyuncs.com/upload/icon/xcx/zkgj/headPicture.png'"
  9. size="148"></u-avatar>
  10. </view>
  11. <view class="header-you">
  12. <view class="userName">{{name}}</view>
  13. <view class="mobile">{{mobile}}</view>
  14. </view>
  15. </view>
  16. <view class="settingGroup box">
  17. <navigator class="line" url="/pages/mine/messageList">
  18. <view class="title" style="width: 21%;">
  19. <image src="/static/images/studyhot.png" style="width: 36rpx;height: 36rpx;" mode=""></image>
  20. 消息
  21. </view>
  22. <view class="right" style="display: flex;align-items: center;">
  23. <view class="count" v-if="count!=0">{{count}}</view>
  24. <image src="/static/images/arrow.png" style="width: 18rpx;height: 32rpx;" mode=""></image>
  25. </view>
  26. </navigator>
  27. <navigator class="line" url="/pages/mine/subscribe">
  28. <view class="title">
  29. <image src="/static/images/studyhot.png" style="width: 36rpx;height: 36rpx;" mode=""></image>
  30. 订阅消息
  31. </view>
  32. <view class="right">
  33. <image src="/static/images/arrow.png" style="width: 18rpx;height: 32rpx;" mode=""></image>
  34. </view>
  35. </navigator>
  36. <navigator class="line" url="/pages/mine/Myprofile">
  37. <view class="title">
  38. <image src="/static/images/setting.png" style="width: 36rpx;height: 36rpx;" mode=""></image>
  39. 编辑资料
  40. </view>
  41. <view class="right">
  42. <image src="/static/images/arrow.png" style="width: 18rpx;height: 32rpx;" mode=""></image>
  43. </view>
  44. </navigator>
  45. <view class="line" @click="phone">
  46. <view class="title">
  47. <image src="/static/images/Customer.png" style="width: 36rpx;height: 36rpx;" mode=""></image>
  48. 客服电话
  49. </view>
  50. <view class="right">
  51. <image src="/static/images/arrow.png" style="width: 18rpx;height: 32rpx;" mode=""></image>
  52. </view>
  53. </view>
  54. <view class="line" @click="scan">
  55. <view class="title" style="width: 220rpx;">
  56. <image src="/static/images/reg.png" style="width: 36rpx;height: 36rpx;" mode=""></image>
  57. 访客登记码
  58. </view>
  59. <view class="right">
  60. <image src="/static/images/arrow.png" style="width: 18rpx;height: 32rpx;" mode=""></image>
  61. </view>
  62. </view>
  63. <view class="line" @click="Changehepassword">
  64. <view class="title">
  65. <image src="/static/images/password.png" style="width: 36rpx;height: 36rpx;" mode=""></image>
  66. 修改密码
  67. </view>
  68. <view class="right">
  69. <image src="/static/images/arrow.png" style="width: 18rpx;height: 32rpx;" mode=""></image>
  70. </view>
  71. </view>
  72. <view class="line" @click="logout" style="border: none;">
  73. <view class="title">
  74. <image src="/static/images/exit.png" style="width: 36rpx;height: 36rpx;" mode=""></image>
  75. 退出登录
  76. </view>
  77. <view class="right">
  78. <image src="/static/images/arrow.png" style="width: 18rpx;height: 32rpx;" mode=""></image>
  79. </view>
  80. </view>
  81. </view>
  82. <u-tabbar activeColor="#1296db" inactiveColor="#999999" v-model="current" :list="tabbarList"></u-tabbar>
  83. </view>
  84. </template>
  85. <script>
  86. var app = getApp();
  87. var util = require("../../utils/util.js");
  88. var config = require("../../config");
  89. import tabbarList from '@/utils/tabbar.js'
  90. export default {
  91. data() {
  92. return {
  93. tabbarList:tabbarList,
  94. current: 0,
  95. tabList: [
  96. {
  97. name: '系统消息'
  98. },
  99. {
  100. name: '升级公告'
  101. },
  102. ],
  103. name: "",
  104. photo: "",
  105. mobile: "",
  106. count:0,
  107. };
  108. },
  109. onShow: function() {
  110. var userInfos = uni.getStorageSync('weapp_session_userInfo_data');
  111. this.name = userInfos.name,
  112. this.photo = userInfos.picUrl,
  113. this.mobile = userInfos.loginName
  114. this.updateInit()
  115. },
  116. methods: {
  117. updateInit() {
  118. uni.request({
  119. url: config.service.notReadNum,
  120. method: "GET",
  121. data: {
  122. id: uni.getStorageSync('weapp_session_userInfo_data').accountId
  123. },
  124. header: {
  125. 'content-type': 'application/json',
  126. 'Access-Token': uni.getStorageSync('weapp_session_login_data').token
  127. },
  128. success: (res) => {
  129. this.count = res.data.data
  130. this.tabbarList[3].count = res.data.data
  131. }
  132. })
  133. },
  134. scan(){
  135. uni.navigateTo({
  136. url:"../mine/registerCode"
  137. })
  138. },
  139. //拨打电话
  140. phone() {
  141. wx.makePhoneCall({
  142. phoneNumber: '4008191707,8888' //仅为示例,并非真实的电话号码
  143. })
  144. },
  145. //修改密码
  146. Changehepassword() {
  147. uni.navigateTo({
  148. url: '/pages/mine/Changehepassword'
  149. });
  150. },
  151. //退出
  152. logout() {
  153. uni.showModal({
  154. title: '提示',
  155. content: '确定要退出?',
  156. cancelColor: "#999999",
  157. showCancel: true,
  158. success(res) {
  159. if (res.confirm) {
  160. app.Closewebsocke()
  161. uni.clearStorageSync(); //清除缓存
  162. uni.showToast({
  163. icon: "none",
  164. title: "退出成功"
  165. })
  166. uni.reLaunch({
  167. url: '/pages/login/index'
  168. });
  169. }
  170. }
  171. });
  172. },
  173. // tosubscr(){
  174. // let that=this;
  175. // wx.login({
  176. // success (res) {
  177. // if (res.code) {
  178. // let appid ='wxd9748307889cbe0d';
  179. // let secret = 'cfc40d2b86b650e216e900a2c430cd2b'
  180. // let url = 'https://api.weixin.qq.com/sns/jscode2session?appid=' + appid + '&secret=' + secret + '&js_code=' +res.code + '&grant_type=authorization_code';
  181. // uni.request({
  182. // url: url, // 请求路径
  183. // success: result => {
  184. // that.$u.get("/user/bindMessage",{
  185. // openId:result.data.openid,
  186. // loginName:that.mobile
  187. // }).then(data => {
  188. // console.log(data)
  189. // })
  190. // }
  191. // })
  192. // } else {
  193. // console.log('登录失败!' + res.errMsg)
  194. // }
  195. // }
  196. // })
  197. // // /pages/mine/subscribe
  198. // },
  199. }
  200. };
  201. </script>
  202. <style lang="scss" scoped>
  203. .count{
  204. background: red;
  205. width: 50rpx;
  206. height: 50rpx;
  207. border-radius: 40rpx;
  208. color: #FFFFFF;
  209. display: flex;
  210. justify-content: center;
  211. align-items: center;
  212. font-size: 24rpx;
  213. margin-right: 20rpx;
  214. }
  215. .main {
  216. padding: 0 30rpx;
  217. background: #F8F8F8;
  218. display: flex;
  219. flex-direction: column;
  220. min-height: 100vh;
  221. padding-bottom: 40rpx;
  222. .backTop {
  223. background: #2671E2;
  224. position: absolute;
  225. left: 0;
  226. top: 0;
  227. width: 750rpx;
  228. height: 171rpx;
  229. }
  230. .box {
  231. background: #ffffff;
  232. }
  233. }
  234. .header {
  235. z-index: 2;
  236. width: 100%;
  237. height: 212rpx;
  238. border-radius: 12rpx;
  239. margin-top: 42rpx;
  240. display: flex;
  241. .header-zuo {
  242. width: 148rpx;
  243. height: 148rpx;
  244. margin-top: 32rpx;
  245. margin-left: 30rpx;
  246. }
  247. .header-you {
  248. margin-left: 20rpx;
  249. .userName {
  250. font-size: 36rpx;
  251. font-weight: 500;
  252. color: #303030;
  253. margin-top: 56rpx;
  254. }
  255. .mobile {
  256. font-size: 30rpx;
  257. color: #BDBDBD;
  258. margin-top: 20rpx;
  259. }
  260. }
  261. }
  262. .settingGroup {
  263. box-shadow: 0px 0px 12px 0px rgba(224, 224, 224, 0.3);
  264. border-radius: 12rpx;
  265. margin-top: 30rpx;
  266. color: #333333;
  267. font-size: 30rpx;
  268. display: flex;
  269. flex-direction: column;
  270. .line {
  271. height: 118rpx;
  272. border-bottom: 1rpx solid #EEEEEE;
  273. margin: 0 38rpx 0 30rpx;
  274. display: flex;
  275. align-items: center;
  276. justify-content: space-between;
  277. .title {
  278. display: flex;
  279. align-items: center;
  280. width: 190rpx;
  281. justify-content: space-between;
  282. }
  283. }
  284. }
  285. </style>