user.wxml 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365
  1. <wxs module="textUtil" src="../../../utils/textUtil.wxs" />
  2. <import src="user.skeleton.wxml" />
  3. <template is="skeleton" wx-if="{{isLoading}}" />
  4. <view class="userPage" wx:if="{{!isLoading}}">
  5. <view class="userInfoContainer">
  6. <!-- 未登录 -->
  7. <view class="notLogContent flex-c-bet" wx:if="{{!isLogOn}}" bindtap="navigateTo" data-url="/pages/tabBar/login/login">
  8. <view class="leftInfo flex-c-c">
  9. <image class="defaultHead" src="/static/images/image_default_head_no_log.png" mode="aspectFill"></image>
  10. <view class="tool">登录 / 注册</view>
  11. </view>
  12. </view>
  13. <!-- 已登录 -->
  14. <view class="logOnBox {{info.chara?'chara':''}}" wx:if="{{isLogOn}}">
  15. <image class="newHeadBack" wx:if="{{info.chara}}" src="/static/images/img_u_n_back.png" mode="aspectFill"></image>
  16. <view class="newHeadMain">
  17. <!-- 用户信息部分 -->
  18. <view class="logOnContent flex-c-bet">
  19. <view class="userInfo flex-c-c" bind:tap="getUserProfile">
  20. <view class="userHead">
  21. <image wx:if="{{info.avatar.ali_url}}" src="{{info.avatar.ali_url}}" mode="aspectFill"></image>
  22. <image wx:else src="/static/images/image_default_head.png" mode="aspectFill"></image>
  23. <image wx:if="{{info.is_member == 1}}" class="menmberIcon" src="/static/icon/hy_icon.png" mode="aspectFill"></image>
  24. </view>
  25. <view class="nameBox">
  26. <view class="userName space {{info.chara?'chara':''}}">{{info.nick_name}}</view>
  27. <view class="newUserTagContent flex-c">
  28. <block>
  29. <view class="newUserTag {{info.show_cash_box?'showCash':''}}" wx:if="{{info.role == 1}}">
  30. <image class="icon" src="/static/icon/icon_user_tag_f.png" mode="aspectFill"></image>
  31. <text>普通用户</text>
  32. </view>
  33. <view class="newUserTag boss" wx:if="{{info.role == 2}}">
  34. <image class="icon" src="/static/icon/icon_user_tag_a.png" mode="aspectFill"></image>
  35. <text>店老板</text>
  36. </view>
  37. <view class="newUserTag wner" wx:if="{{info.role == 3}}">
  38. <image class="icon" src="/static/icon/icon_user_tag_b.png" mode="aspectFill"></image>
  39. <text>店长</text>
  40. </view>
  41. <view class="newUserTag clerk" wx:if="{{info.role == 4}}">
  42. <image class="icon" src="/static/icon/icon_user_tag_c.png" mode="aspectFill"></image>
  43. <text>店员</text>
  44. </view>
  45. <view class="newUserTag cook" wx:if="{{info.role == 5}}">
  46. <image class="icon" src="/static/icon/icon_user_tag_e.png" mode="aspectFill"></image>
  47. <text>煮饭厨师</text>
  48. </view>
  49. <view class="newUserTag dis {{info.seller_grade == 2?'g': info.seller_grade == 3?'c':''}}" wx:if="{{info.role == 99}}">
  50. <image class="icon" wx:if="{{info.seller_grade == 1}}" src="/static/icon/icon_user_tag_t.png" mode="aspectFill"></image>
  51. <image class="icon" wx:if="{{info.seller_grade == 2}}" src="/static/icon/icon_user_tag_t_g.png" mode="aspectFill"></image>
  52. <image class="icon" wx:if="{{info.seller_grade == 3}}" src="/static/icon/icon_user_tag_t_c.png" mode="aspectFill"></image>
  53. <text wx:if="{{info.seller_grade == 1}}">普通推荐官</text>
  54. <text wx:if="{{info.seller_grade == 2}}">高级推荐官</text>
  55. <text wx:if="{{info.seller_grade == 3}}">超级推荐官</text>
  56. </view>
  57. </block>
  58. <view class="changeBtn flex-c-c {{info.chara?'chara':''}}">更新头像昵称</view>
  59. </view>
  60. </view>
  61. </view>
  62. <view class="userCode" bindtap="goToPoster" wx:if="{{info.role == 4 || info.role == 99}}">
  63. <image class="icon" src="/static/icon/userCode.png" mode="aspectFill"></image>
  64. </view>
  65. </view>
  66. <!-- 仅普通用户且show_cash_box为false展示 -->
  67. <block wx:if="{{info.role == 1 && !info.show_cash_box}}">
  68. <!-- <view class="ordinaryContent">
  69. <image class="ordinaryYY" src="/static/images/u_yy.png" mode="aspectFill"></image>
  70. <view class="ordinaryInfo" bind:tap="memberClick">
  71. <image class="oBack" src="/static/images/u_1_ba.png" mode="aspectFill"></image>
  72. <view class="infoMain">
  73. <view class="mLogoBox flex-c">
  74. <image class="icon" src="/static/icon/member.png" mode="aspectFill"></image>
  75. <image class="logo" src="/static/icon/icon_m_logo.png" mode="aspectFill"></image>
  76. </view>
  77. <view class="menmberTextBox flex">
  78. <view class="textItem">
  79. <view class="key">专享券</view>
  80. <view class="value">全年200元购物券</view>
  81. </view>
  82. <image class="link" src="/static/icon/icon_u_1_link.png" mode="aspectFill"></image>
  83. <view class="textItem">
  84. <view class="key">会员价</view>
  85. <view class="value">尊享会员折上折</view>
  86. </view>
  87. <image class="link" src="/static/icon/icon_u_1_link.png" mode="aspectFill"></image>
  88. <view class="textItem">
  89. <view class="key">积分</view>
  90. <view class="value">积分换购</view>
  91. </view>
  92. </view>
  93. <view class="menmberBtnBox flex">
  94. <view class="menmberBtn flex-c">
  95. <text>{{info.is_member == 1?'我的会员':'开通会员'}}</text>
  96. <image class="icon" src="/static/icon/icon_jin_right.png" mode="aspectFill"></image>
  97. </view>
  98. </view>
  99. </view>
  100. </view>
  101. </view> -->
  102. </block>
  103. <block wx:else>
  104. <!-- 收益模块 -->
  105. <view class="profitContent">
  106. <view class="profitInfo">
  107. <view class="profitWarp">
  108. <view class="profitItem left" bindtap="navigateToToken" data-url="/pages/user/pages/proceeds/proceeds">
  109. <view class="title">
  110. <text>今日收益</text>
  111. </view>
  112. <view class="profit">
  113. <view class="pr">{{textUtil.priceFixed(info.today_profits) || "0.00"}}</view>
  114. <view>{{textUtil.priceStringUnit(info.today_profits)}}</view>
  115. </view>
  116. </view>
  117. <view class="profitItem" catchtap="withdrawal">
  118. <view class="title">
  119. <view>可提现金额</view>
  120. <view class="goBot" catchtap="navigateToToken" data-url="/pages/user/pages/withdrawalList/withdrawalList">提现记录</view>
  121. </view>
  122. <view class="profit">
  123. <view class="pr">{{textUtil.priceFixed(info.ktxyj_amount)|| "0.00"}}</view>
  124. <view>{{textUtil.priceStringUnit(info.ktxyj_amount)}}</view>
  125. </view>
  126. </view>
  127. </view>
  128. <view class="profitWarp bot">
  129. <view class="profitItem left" bindtap="navigateToToken" data-url="/pages/user/pages/proceeds/proceeds">
  130. <view class="title">
  131. <text>待结算金额</text>
  132. </view>
  133. <view class="profit">
  134. <view class="pr">{{textUtil.priceFixed(info.djs_amount) || "0.00"}}</view>
  135. <view>{{textUtil.priceStringUnit(info.djs_amount)}}</view>
  136. </view>
  137. </view>
  138. <!-- 普通用户不显示 wx:if="{{(info.role != 1 || info.show_cash_box)}}" -->
  139. <view class="profitItem noPt" bindtap="navigateToToken" data-url="/pages/user/pages/myBonus/myBonus">
  140. <view class="title flex-c">
  141. <text>上月达量奖励金</text>
  142. <!-- 降级身份不显示 -->
  143. <view class="iconCon" catchtap="showModal" wx:if="{{info.role != 1}}">
  144. <image class="icon" src="/static/icon/icon_jg.png" mode="aspectFill"></image>
  145. </view>
  146. </view>
  147. <view class="profit">
  148. <view class="pr">{{textUtil.priceFixed(info.last_month_bonus) || "0.00"}}</view>
  149. <view>{{textUtil.priceStringUnit(info.last_month_bonus)}}</view>
  150. </view>
  151. <view class="tool">
  152. <text>实际金额受退货影响</text>
  153. </view>
  154. </view>
  155. </view>
  156. </view>
  157. </view>
  158. </block>
  159. </view>
  160. </view>
  161. </view>
  162. <view class="userCom {{info.chara?'chara':''}}">
  163. <!-- is_member 是否为会员 1是 0否 -->
  164. <view class="rightsContent flex-c-bet" wx:if="{{isLogOn && info.chara}}" bind:tap="memberClick">
  165. <view class="leftText flex-c">
  166. <image class="icon" src="/static/icon/hmember.png" mode="aspectFill"></image>
  167. <text class="text">{{info.is_member == 1?'进入会员专区,查看会员权益':'开通会员享更多惊喜权益'}}</text>
  168. </view>
  169. <view class="rightBtn flex-c-c">{{info.is_member == 1?'我的会员':'立即开通'}}</view>
  170. </view>
  171. <view class="menuList flex container">
  172. <view class="menuItem flex-column" bindtap="navigateToToken" data-url="/pages/user/pages/favorite/favorite">
  173. <view class="iconBox">
  174. <image class="icon" src="/static/icon/icon_love.png" mode="aspectFill"></image>
  175. </view>
  176. <view>我的收藏</view>
  177. </view>
  178. <view class="menuItem flex-column" bindtap="navigateToToken" data-url="/pages/index/pages/riceCard/myRiceCard/myRiceCard">
  179. <view class="iconBox">
  180. <image class="icon" src="/static/icon/icon_574.png" mode="aspectFill"></image>
  181. </view>
  182. <view>我的礼品卡</view>
  183. </view>
  184. <view class="menuItem flex-column" bindtap="navigateToToken" data-url="/pages/index/pages/coupon/myCoupon">
  185. <view class="iconBox">
  186. <image class="icon" src="/static/icon/icon_yhj.png" mode="aspectFill"></image>
  187. <view class="menuNumner flex-c-c" wx:if="{{isLogOn && info.user_coupon_num && info.user_coupon_num > 0}}">
  188. {{info.user_coupon_num>99?"99+":info.user_coupon_num}}
  189. </view>
  190. </view>
  191. <view>优惠券</view>
  192. </view>
  193. <view class="menuItem flex-column" bindtap="navigateToToken" data-url="/pages/user/pages/footprint/footprint">
  194. <view class="iconBox">
  195. <image class="icon" src="/static/icon/icon_88.png" mode="aspectFill"></image>
  196. </view>
  197. <view>我的足迹</view>
  198. </view>
  199. </view>
  200. <!-- 我的订单 -->
  201. <view class="orderContent container">
  202. <view class="orderHead flex-c-bet">
  203. <view class="orderTitle">我的订单</view>
  204. <view class="allOrder flex-c-c" bindtap="navigateToToken" data-url="/pages/cart/pages/myOrder/myOrder?tab=all">
  205. <view>全部订单 (申请开票)</view>
  206. <image class="icon" src="/static/icon/icon_x_to_right.png" mode="aspectFill"></image>
  207. </view>
  208. </view>
  209. <view class="orderList flex">
  210. <view class="orderItem flex-c-c" bindtap="navigateToToken" data-url="/pages/cart/pages/myOrder/myOrder?tab=payment">
  211. <view class="iconBox">
  212. <image class="icon" src="/static/icon/icon_order_a.png" mode="aspectFill"></image>
  213. <view class="iconNumber flex-c-c" wx:if="{{isLogOn && todoCounts.payment && todoCounts.payment > 0}}">
  214. {{todoCounts.payment>99?"99+":todoCounts.payment}}
  215. </view>
  216. </view>
  217. <view>待付款</view>
  218. </view>
  219. <view class="orderItem flex-c-c" bindtap="navigateToToken" data-url="/pages/cart/pages/myOrder/myOrder?tab=received">
  220. <view class="iconBox">
  221. <image class="icon" src="/static/icon/icon_order_b.png" mode="aspectFill"></image>
  222. <view class="iconNumber flex-c-c" wx:if="{{isLogOn && todoCounts.delivery && todoCounts.delivery > 0}}">
  223. {{todoCounts.delivery>99?"99+":todoCounts.delivery}}
  224. </view>
  225. </view>
  226. <view>待收货</view>
  227. </view>
  228. <view class="orderItem flex-c-c" bindtap="navigateToToken" data-url="/pages/cart/pages/myOrder/myOrder?tab=completed">
  229. <view class="iconBox">
  230. <image class="icon" src="/static/icon/icon_order_c.png" mode="aspectFill"></image>
  231. <view class="iconNumber flex-c-c" wx:if="{{isLogOn && todoCounts.comment && todoCounts.comment > 0}}">
  232. {{todoCounts.comment>99?"99+":todoCounts.comment}}
  233. </view>
  234. </view>
  235. <view>待评价</view>
  236. </view>
  237. <view class="orderItem flex-c-c" bindtap="navigateToToken" data-url="/pages/cart/pages/myOrder/myOrder?tab=sale">
  238. <view class="iconBox">
  239. <image class="icon" src="/static/icon/icon_order_d.png" mode="aspectFill"></image>
  240. <view class="iconNumber flex-c-c" wx:if="{{isLogOn && todoCounts.refund && todoCounts.refund > 0}}">
  241. {{todoCounts.refund>99?"99+":todoCounts.refund}}
  242. </view>
  243. </view>
  244. <view>售后/退款</view>
  245. </view>
  246. <!-- <button class="orderItem flex-c-c bot" open-type="contact" hover-class="none">
  247. <view class="iconBox">
  248. <image class="icon" src="/static/icon/icon_order_d.png" mode="aspectFill"></image>
  249. <view class="iconNumber flex-c-c" wx:if="{{isLogOn && todoCounts.refund && todoCounts.refund > 0}}">{{todoCounts.refund>99?"99+":todoCounts.refund}}</view>
  250. </view>
  251. <view>售后/退款</view>
  252. </button> -->
  253. </view>
  254. </view>
  255. <!-- 我的服务 -->
  256. <view class="container">
  257. <view class="serviceTitle flex-c">我的服务</view>
  258. <view class="serviceList flex">
  259. <button class="serviceItem flex-c-c" open-type="contact" hover-class="none">
  260. <image class="icon" src="/static/icon/icon_user_a.png" mode="aspectFill"></image>
  261. <view>联系客服</view>
  262. </button>
  263. <view class="serviceItem flex-c-c" bindtap="navigateToToken" data-url="/pages/user/pages/addressList/addressList">
  264. <image class="icon" src="/static/icon/icon_user_b.png" mode="aspectFill"></image>
  265. <view>收货地址</view>
  266. </view>
  267. <view class="serviceItem flex-c-c" bindtap="navigateTo" data-url="/pages/index/pages/riceCard/cardList/cardList">
  268. <image class="icon" src="/static/icon/icon_user_p.png" mode="aspectFill"></image>
  269. <view>购买礼品卡</view>
  270. </view>
  271. <!-- info.is_pickup == 1 && isLogOn -->
  272. <view class="serviceItem flex-c-c" wx:if="{{info.is_pickup == 1 && isLogOn}}" bindtap="navigateTo" data-url="/pages/user/pages/store/selfTakeOrder/selfTakeOrder">
  273. <image class="icon" src="/static/icon/icon_user_f.png" mode="aspectFill"></image>
  274. <view>门店自提</view>
  275. </view>
  276. <view class="serviceItem flex-c-c" wx:if="{{info.role && info.role != 5 && isLogOn}}" bindtap="goTopPomotionCenter">
  277. <image class="icon" src="/static/icon/icon_user_new_c.png" mode="aspectFill"></image>
  278. <view wx:if="{{info.role == 2 || info.role == 3}}">门店管理</view>
  279. <view wx:if="{{info.role == 4}}">分销中心</view>
  280. <view wx:if="{{info.role == 1 || info.role == 99}}">推广中心</view>
  281. </view>
  282. <!-- 仅推荐官显示 -->
  283. <view class="serviceItem flex-c-c" wx:if="{{info.role && info.role == 99 && isLogOn}}" bindtap="navigateToToken" data-url="/pages/user/pages/appletRetailPoster/appletRetailPoster">
  284. <image class="icon" src="/static/icon/icon_user_c.png" mode="aspectFill"></image>
  285. <view>邀请有礼</view>
  286. </view>
  287. <view class="serviceItem flex-c-c" wx:if="{{info.grade_id == 10001 && isLogOn}}" bindtap="navigateTo" data-url="/pages/index/pages/bossInviteCode/bossInviteCode">
  288. <image class="icon" src="/static/icon/icon_user_g.png" mode="aspectFill"></image>
  289. <view>邀请码</view>
  290. </view>
  291. <view class="serviceItem flex-c-c" bindtap="navigateTo" data-url="/pages/user/pages/moreService/moreService">
  292. <image class="icon" src="/static/icon/icon_user_d.png" mode="aspectFill"></image>
  293. <view>更多服务</view>
  294. </view>
  295. <view class="serviceItem flex-c-c" bindtap="navigateToToken" data-url="/pages/user/pages/team/myTeam">
  296. <image class="icon" src="/static/icon/icon_user_t.png" mode="aspectFill"></image>
  297. <view>我的拼团</view>
  298. </view>
  299. <!-- "shop_type":1,//门店类型 1虚拟门店 2自营店 3异业门店 -->
  300. <view class="serviceItem flex-c-c" bind:tap="clickScanCode" wx:if="{{isLogOn && info.shop_type && info.shop_type == 3}}">
  301. <image class="icon" src="/static/icon/icon_ScanCode.png" mode="aspectFill"></image>
  302. <view>福利核销</view>
  303. </view>
  304. </view>
  305. </view>
  306. </view>
  307. </view>
  308. <tui-modal show="{{showModal}}" custom padding="0rpx" width="580rpx" radius="16rpx">
  309. <view class="tui-modal-custom">
  310. <view class="closeModal" bind:tap="hideModal">
  311. <image class="icon" src="/static/icon/icon_modal_x.png" mode="aspectFill"></image>
  312. </view>
  313. <view class="mTitle">奖励金计算</view>
  314. <view class="mTable">
  315. <view class="mTr flex">
  316. <view class="mTh one">
  317. <text>阶梯</text>
  318. </view>
  319. <view class="mTh tow">
  320. <text>当月{{info.role == 4 || info.role == 99?'个人':'门店'}}销售额</text>
  321. <view class="hTool">(万元)</view>
  322. </view>
  323. <view class="mTh three">
  324. <text>达量奖励比例</text>
  325. </view>
  326. </view>
  327. <view class="mTr flex-c number" wx:for="{{info.role == 99? info.sales_bonus_steps : info.calc_bonus_steps}}" wx:for-item="item" wx:key="index">
  328. <view class="mTh one flex-c-c">
  329. <text>{{index+1}}</text>
  330. </view>
  331. <view class="mTh tow flex-c-c">
  332. <text>{{item.sale_amount}}</text>
  333. </view>
  334. <view class="mTh three flex-c-c">
  335. <text>{{item.bonus_ratio}}%</text>
  336. </view>
  337. </view>
  338. </view>
  339. <view class="mToolList">
  340. <view class="mToolItem">规则说明:</view>
  341. <view class="mToolItem">
  342. 1.达量奖励 = 当月{{info.role == 4 || info.role == 99?'个人':'门店'}}销售额 x 达量奖励比例
  343. </view>
  344. <view class="mToolItem">2.上月奖励金将在每月1号公布,实际到手金额受退货影响,可能有所浮动。</view>
  345. </view>
  346. <view class="mBotBox flex-c-c">
  347. <view class="bot flex-c-c" bind:tap="hideModal">确定</view>
  348. </view>
  349. </view>
  350. </tui-modal>
  351. <tui-modal show="{{showWithdrawalModal}}" custom padding="0rpx" width="600rpx" radius="16rpx">
  352. <view class="modalCustom">
  353. <view class="closeModal" bind:tap="hideWithdrawalModal">
  354. <image class="icon" src="/static/icon/icon_modal_x.png" mode="aspectFill"></image>
  355. </view>
  356. <view class="newModalTitle space">提现</view>
  357. <view class="newModalTool kw one">1.请下载【名厨之家】APP</view>
  358. <view class="newModalTool kw">2.使用与小程序一致的手机号注册/登录</view>
  359. <view class="newModalTool kw">3.进入【我的】页面</view>
  360. <view class="newModalTool kw">4.点击【公明腊肠小程序】横幅进入提现</view>
  361. <view class="newModalButtonBox flex-c-c">
  362. <view class="mButton flex-c-c" bind:tap="hideWithdrawalModal">知道了</view>
  363. </view>
  364. </view>
  365. </tui-modal>