dashboard.js 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. ;
  2. var helpSuggestion = new Vue({
  3. el: "#dashboard",
  4. mixins: [cmSysVitaMixins],
  5. data: {
  6. btnLoading: false,
  7. isRequset:true,
  8. userId: 0,
  9. degree:'',
  10. userInfo:{},
  11. vipInfo: {},
  12. unReadMessageCount:'',// 消息数
  13. confirmedCount:'',// 待確認數量
  14. paymentCount:'',// 待付款
  15. waitShipmentsCount:'',// 待发货
  16. shipmentsCount:'',// 已发货
  17. salesReturnCount:'',// 退货款
  18. productList:[],// 推荐商品
  19. newsList:[],// 新闻动态
  20. isShowBeansAlet:false,
  21. bgImagePath:'',// 根据类型显示图片标记
  22. beanNumber:100,
  23. couponNum:0,// 优惠券数量
  24. bankNum:0,// 银行卡数量
  25. beansType:1
  26. },
  27. computed:{
  28. svipTips: function () {
  29. var vipFlag = this.vipInfo.vipFlag;
  30. var endTime = moment(this.vipInfo.endTime).format('yyyy.MM.DD');
  31. if (vipFlag === 1) {
  32. return '<span>已开通采美超级会员</span><span class="time">有效期至' + endTime + '</span>'
  33. } else if (vipFlag === -1) {
  34. return '<span class="error">采美超级会员已过期</span><span class="time">有效期至' + endTime + '</span>';
  35. } else {
  36. return '开通采美超级会员,享专属特权'
  37. }
  38. },
  39. // 机构标签
  40. userIdentityTag: function(){
  41. var userIdentity = this.userInfo.userIdentity;
  42. var vipFlag = this.vipInfo.vipFlag;
  43. var names = {
  44. 2: '资质机构',
  45. 3: '供应商',
  46. 4: '个人机构'
  47. };
  48. var vipType = 'vip'; // 普通会员
  49. var agencyType = 'ordinary'; // 个人机构
  50. if(userIdentity === 2){
  51. agencyType = 'vip'; // 资质机构
  52. }
  53. if(vipFlag === 1){
  54. vipType= 'svip' // 超级会员
  55. }
  56. return {
  57. name: names[userIdentity],
  58. vipType: vipType,
  59. agencyType: agencyType
  60. }
  61. }
  62. },
  63. methods: {
  64. GetMyPcCenterInfo:function(){
  65. var _self = this;
  66. UserApi.GetMyPcCenterInfo({userId:_self.userId},function (response) {
  67. if(response.code === 0){
  68. var data = response.data;
  69. _self.userInfo = data.user;
  70. _self.degree = data.degree;
  71. _self.productList = data.homePageAdvertiseList;
  72. _self.newsList = data.homePageInfoList;
  73. _self.couponNum = data.couponNum;
  74. _self.isRequset = false;
  75. }else{
  76. CAIMEI.Alert(response.msg, '确定', false);
  77. _self.isRequset = false;
  78. }
  79. })
  80. },
  81. // 获取订单数量
  82. GetQueryOrderNum: function(){
  83. var _self = this;
  84. OrderApi.GetQueryOrderNum({userId: _self.userId}, function (response) {
  85. if (response.code === 0) {
  86. var data = response.data;
  87. _self.unReadMessageCount = _self.showBadge(data.unReadMessageCount);
  88. _self.confirmedCount = _self.showBadge(data.confirmedCount);
  89. _self.paymentCount = _self.showBadge(data.paymentCount);
  90. _self.waitShipmentsCount = _self.showBadge(data.waitShipmentsCount);
  91. _self.shipmentsCount = _self.showBadge(data.shipmentsCount);
  92. _self.salesReturnCount = _self.showBadge(data.salesReturnCount);
  93. } else {
  94. CAIMEI.Alert(response.msg, '确定', false);
  95. _self.isRequset = false;
  96. }
  97. })
  98. },
  99. GetUserClubHome: function(){
  100. var _self = this;
  101. UserApi.GetUserClubHome({userId:_self.userId}, function(response){
  102. console.log(response);
  103. if(response.code === 0){
  104. _self.vipInfo = response.data.vip;
  105. _self.bankNum = response.data.bankNum;
  106. console.log('bankNum',_self.bankNum)
  107. }else{
  108. CAIMEI.Alert(response.msg, '确定', false);
  109. _self.isRequset = false;
  110. }
  111. })
  112. },
  113. uploadUserPuploadAvatar: function(event){//上传头像
  114. var _self = this;
  115. var inputDOM = _self.$refs.clubUseLogo;
  116. var file = inputDOM.files;
  117. var formData = new FormData();
  118. formData.append('file', file[0]);
  119. PublicApi.uploadimg(formData, function (response) {
  120. _self.userInfo.image = response.data;
  121. event.target.value = '';
  122. UserApi.UserPuploadAvatar({userId:_self.userId,image:response.data},function(res){
  123. if(res.code==0){
  124. _self.GetMyPcCenterInfo();
  125. }
  126. })
  127. });
  128. },
  129. orderListPath:function(index){
  130. window.location.href='/user/order/list.html?state='+index;
  131. },
  132. showBadge:function(n){//处理标签
  133. var num ='';
  134. if(n>100){num = 99}else{num = n;}
  135. return num;
  136. },
  137. toFixedFn:function(text){//处理小数点后两位数
  138. return Number(text).toFixed(2);
  139. },
  140. GetInitBeansInfo:function(){//初始化采美豆信息
  141. var _self = this;
  142. UserApi.GetUserObtainBeans({userId:_self.userId},function(response){
  143. if(response.code==0){
  144. _self.beansType = response.data.beansType;
  145. _self.beanNumber = response.data.num;
  146. _self.isShowBeansAlet = true;
  147. _self.handInitType(_self.beansType);
  148. }else{
  149. console.log('@=========>用户暂无采美豆推送~')
  150. }
  151. });
  152. },
  153. handInitType:function(type){//根据类型判断弹窗背景
  154. var _self = this;
  155. if(isPC){
  156. _self.bgImagePath ='/img/account/icon-beans-'+type+'@2x.png';
  157. }else {
  158. _self.bgImagePath ='/img/account/icon-beans-h5-'+type+'@2x.png';
  159. }
  160. console.log(this.bgImagePath)
  161. },
  162. handleClickCancel:function () {//关闭弹窗
  163. var _self = this;
  164. _self.isShowBeansAlet = false;
  165. }
  166. },
  167. mounted: function () {
  168. var _self = this;
  169. if(globalUserData){
  170. _self.userId = globalUserData.userId;
  171. _self.GetUserClubHome();
  172. _self.GetMyPcCenterInfo();
  173. _self.GetQueryOrderNum();
  174. _self.GetInitBeansInfo();
  175. _self.isShowBeansAlet = false;
  176. }
  177. }
  178. });