create-weapp-vite 2.0.30 → 2.0.32

package/templates/wevu-retail/src/pages/usercenter/index.vue

@@ -0,0 +1,301 @@
+<script lang="ts">
+import { fetchUserCenter } from '../../services/usercenter/fetchUsercenter';
+import Toast from 'tdesign-miniprogram/toast/index';
+
+const menuData = [
+  [
+    {
+      title: '收货地址',
+      tit: '',
+      url: '',
+      type: 'address',
+    },
+    {
+      title: '优惠券',
+      tit: '',
+      url: '',
+      type: 'coupon',
+    },
+    {
+      title: '积分',
+      tit: '',
+      url: '',
+      type: 'point',
+    },
+  ],
+  [
+    {
+      title: '帮助中心',
+      tit: '',
+      url: '',
+      type: 'help-center',
+    },
+    {
+      title: '客服热线',
+      tit: '',
+      url: '',
+      type: 'service',
+      icon: 'service',
+    },
+  ],
+];
+
+const orderTagInfos = [
+  {
+    title: '待付款',
+    iconName: 'wallet',
+    orderNum: 0,
+    tabType: 5,
+    status: 1,
+  },
+  {
+    title: '待发货',
+    iconName: 'deliver',
+    orderNum: 0,
+    tabType: 10,
+    status: 1,
+  },
+  {
+    title: '待收货',
+    iconName: 'package',
+    orderNum: 0,
+    tabType: 40,
+    status: 1,
+  },
+  {
+    title: '待评价',
+    iconName: 'comment',
+    orderNum: 0,
+    tabType: 60,
+    status: 1,
+  },
+  {
+    title: '退款/售后',
+    iconName: 'exchang',
+    orderNum: 0,
+    tabType: 0,
+    status: 1,
+  },
+];
+
+const getDefaultData = () => ({
+  showMakePhone: false,
+  userInfo: {
+    avatarUrl: '',
+    nickName: '正在登录...',
+    phoneNumber: '',
+  },
+  menuData,
+  orderTagInfos,
+  customerServiceInfo: {},
+  currAuthStep: 1,
+  showKefu: true,
+  versionNo: '',
+});
+
+Page({
+  data: getDefaultData(),
+
+  onLoad() {
+    this.getVersionInfo();
+  },
+
+  onShow() {
+    this.getTabBar().init();
+    this.init();
+  },
+  onPullDownRefresh() {
+    this.init();
+  },
+
+  init() {
+    this.fetUseriInfoHandle();
+  },
+
+  fetUseriInfoHandle() {
+    fetchUserCenter().then(({ userInfo, countsData, orderTagInfos: orderInfo, customerServiceInfo }) => {
+      // eslint-disable-next-line no-unused-expressions
+      menuData?.[0].forEach((v) => {
+        countsData.forEach((counts) => {
+          if (counts.type === v.type) {
+            // eslint-disable-next-line no-param-reassign
+            v.tit = counts.num;
+          }
+        });
+      });
+      const info = orderTagInfos.map((v, index) => ({
+        ...v,
+        ...orderInfo[index],
+      }));
+      this.setData({
+        userInfo,
+        menuData,
+        orderTagInfos: info,
+        customerServiceInfo,
+        currAuthStep: 2,
+      });
+      wx.stopPullDownRefresh();
+    });
+  },
+
+  onClickCell({ currentTarget }) {
+    const { type } = currentTarget.dataset;
+
+    switch (type) {
+      case 'address': {
+        wx.navigateTo({ url: '/pages/user/address/list/index' });
+        break;
+      }
+      case 'service': {
+        this.openMakePhone();
+        break;
+      }
+      case 'help-center': {
+        Toast({
+          context: this,
+          selector: '#t-toast',
+          message: '你点击了帮助中心',
+          icon: '',
+          duration: 1000,
+        });
+        break;
+      }
+      case 'point': {
+        Toast({
+          context: this,
+          selector: '#t-toast',
+          message: '你点击了积分菜单',
+          icon: '',
+          duration: 1000,
+        });
+        break;
+      }
+      case 'coupon': {
+        wx.navigateTo({ url: '/pages/coupon/coupon-list/index' });
+        break;
+      }
+      default: {
+        Toast({
+          context: this,
+          selector: '#t-toast',
+          message: '未知跳转',
+          icon: '',
+          duration: 1000,
+        });
+        break;
+      }
+    }
+  },
+
+  jumpNav(e) {
+    const status = e.detail.tabType;
+
+    if (status === 0) {
+      wx.navigateTo({ url: '/pages/order/after-service-list/index' });
+    } else {
+      wx.navigateTo({ url: `/pages/order/order-list/index?status=${status}` });
+    }
+  },
+
+  jumpAllOrder() {
+    wx.navigateTo({ url: '/pages/order/order-list/index' });
+  },
+
+  openMakePhone() {
+    this.setData({ showMakePhone: true });
+  },
+
+  closeMakePhone() {
+    this.setData({ showMakePhone: false });
+  },
+
+  call() {
+    wx.makePhoneCall({
+      phoneNumber: this.data.customerServiceInfo.servicePhone,
+    });
+  },
+
+  gotoUserEditPage() {
+    const { currAuthStep } = this.data;
+    if (currAuthStep === 2) {
+      wx.navigateTo({ url: '/pages/user/person-info/index' });
+    } else {
+      this.fetUseriInfoHandle();
+    }
+  },
+
+  getVersionInfo() {
+    const versionInfo = wx.getAccountInfoSync();
+    const { version, envVersion = __wxConfig } = versionInfo.miniProgram;
+    this.setData({
+      versionNo: envVersion === 'release' ? version : envVersion,
+    });
+  },
+});
+</script>
+
+<template>
+<t-user-center-card
+  userInfo="{{userInfo}}"
+  isPhoneHide="{{true}}"
+  name-class="custom-name-class"
+  phone-class="custom-phone-class"
+  avatar-class="customer-avatar-class"
+  currAuthStep="{{currAuthStep}}"
+  bind:gotoUserEditPage="gotoUserEditPage"
+/>
+<view class="content-wrapper [margin-top:340rpx] [position:relative] [padding:0_30rpx]">
+  <view class="order-group-wrapper [margin-bottom:16rpx]">
+    <t-order-group orderTagInfos="{{orderTagInfos}}" bind:onClickTop="jumpAllOrder" bind:onClickItem="jumpNav" />
+  </view>
+  <view wx:for="{{menuData}}" wx:key="item" class="cell-box [border-radius:10rpx] [overflow:hidden] [margin-bottom:20rpx] [&_.order-group__left]:[margin-right:0] [&_.t-cell-padding]:[padding:24rpx_18rpx_24rpx_32rpx]">
+    <t-cell-group>
+      <t-cell
+        wx:for="{{item}}"
+        wx:for-item="xitem"
+        wx:for-index="xindex"
+        wx:key="xindex"
+        title="{{xitem.title}}"
+        arrow="{{!xitem.icon}}"
+        note="{{xitem.tit}}"
+        data-type="{{xitem.type}}"
+        bordered="{{false}}"
+        bind:click="onClickCell"
+        t-class="t-cell-padding"
+        t-class-note="order-group-note"
+        t-class-left="order-group__left"
+      >
+        <t-icon name="{{xitem.icon}}" size="48rpx" slot="note" />
+      </t-cell>
+    </t-cell-group>
+  </view>
+</view>
+<view class="footer__version [text-align:center] [margin-top:50rpx] [color:#999] [margin-bottom:4rpx] [font-size:24rpx] [line-height:32rpx]" wx:if="{{versionNo !== ''}}">当前版本 {{versionNo}}</view>
+<t-popup visible="{{showMakePhone}}" placement="bottom" bind:visible-change="closeMakePhone" data-index="2">
+  <view class="popup-content [background:#f5f5f5] [margin-bottom:env(safe-area-inset-bottom)] [border-radius:16rpx_16rpx_0_0] [&_.popup-title]:[background:#fff] [&_.popup-title]:[text-align:center] [&_.popup-title]:[font-size:24rpx] [&_.popup-title]:[color:#999] [&_.popup-title]:[height:112rpx] [&_.popup-title]:[line-height:112rpx] [&_.popup-title]:[border-radius:16rpx_16rpx_0_0] [&_.popup-phone]:[background:#fff] [&_.popup-phone]:[height:100rpx] [&_.popup-phone]:[display:flex] [&_.popup-phone]:[justify-content:center] [&_.popup-phone]:[align-items:center] [&_.popup-phone]:[text-align:center] [&_.popup-phone]:[font-size:30rpx] [&_.popup-phone]:[font-family:PingFangSC-Regular,_PingFang_SC] [&_.popup-phone]:[font-weight:400] [&_.popup-phone]:[color:#333] [&_.popup-close]:[background:#fff] [&_.popup-close]:[height:100rpx] [&_.popup-close]:[display:flex] [&_.popup-close]:[justify-content:center] [&_.popup-close]:[align-items:center] [&_.popup-close]:[text-align:center] [&_.popup-close]:[font-size:30rpx] [&_.popup-close]:[font-family:PingFangSC-Regular,_PingFang_SC] [&_.popup-close]:[font-weight:400] [&_.popup-close]:[color:#333] [&_.popup-phone_.online]:[margin-bottom:20rpx] [&_.popup-close]:[border:0] [&_.popup-close]:[margin-top:16rpx]">
+    <view class="popup-title border-bottom-1px [position:relative]" wx:if="{{customerServiceInfo.serviceTimeDuration}}">
+      服务时间: {{customerServiceInfo.serviceTimeDuration}}
+    </view>
+    <view class="popup-phone {{showKefu ? 'border-bottom-1px' : ''}} [position:relative]" bind:tap="call">电话客服</view>
+    <button class="popup-phone border-bottom-1px online [position:relative]" open-type="contact" wx:if="{{showKefu}}">在线客服</button>
+    <view class="popup-close" bind:tap="closeMakePhone">取消</view>
+  </view>
+</t-popup>
+<t-toast id="t-toast" />
+</template>
+
+<json>
+{
+  "navigationBarTitleText": "个人中心",
+  "navigationStyle": "custom",
+  "usingComponents": {
+    "t-popup": "tdesign-miniprogram/popup/popup",
+    "t-icon": "tdesign-miniprogram/icon/icon",
+    "t-cell-group": "tdesign-miniprogram/cell-group/cell-group",
+    "t-cell": "tdesign-miniprogram/cell/cell",
+    "t-user-center-card": "./components/user-center-card/index",
+    "t-order-group": "./components/order-group/index",
+    "t-toast": "tdesign-miniprogram/toast/toast"
+  },
+  "enablePullDownRefresh": true
+}</json>

package/templates/wevu-retail/src/services/_utils/delay.ts

@@ -0,0 +1,3 @@
+export function delay(ms = 200) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}

package/templates/wevu-retail/src/services/_utils/timeout.ts

@@ -0,0 +1,3 @@
+export function timeout(ms = 1000) {
+  return new Promise((_, reject) => setTimeout(reject, ms));
+}

package/templates/wevu-retail/src/services/activity/fetchActivity.ts

@@ -0,0 +1,20 @@
+import { config } from '../../config/index';
+
+/** 获取活动列表 */
+function mockFetchActivity(ID = 0) {
+  const { delay } = require('../_utils/delay');
+  const { getActivity } = require('../../model/activity');
+
+  return delay().then(() => getActivity(ID));
+}
+
+/** 获取活动列表 */
+export function fetchActivity(ID = 0) {
+  if (config.useMock) {
+    return mockFetchActivity(ID);
+  }
+
+  return new Promise((resolve) => {
+    resolve('real api');
+  });
+}

package/templates/wevu-retail/src/services/activity/fetchActivityList.ts

@@ -0,0 +1,20 @@
+import { config } from '../../config/index';
+
+/** 获取活动列表 */
+function mockFetchActivityList(pageIndex = 1, pageSize = 20) {
+  const { delay } = require('../_utils/delay');
+  const { getActivityList } = require('../../model/activities');
+
+  return delay().then(() => getActivityList(pageIndex, pageSize));
+}
+
+/** 获取活动列表 */
+export function fetchActivityList(pageIndex = 1, pageSize = 20) {
+  if (config.useMock) {
+    return mockFetchActivityList(pageIndex, pageSize);
+  }
+
+  return new Promise((resolve) => {
+    resolve('real api');
+  });
+}

package/templates/wevu-retail/src/services/address/edit.ts

@@ -0,0 +1,33 @@
+let addressPromise = [];
+
+/** 地址编辑Promise */
+export const getAddressPromise = () => {
+  let resolver;
+  let rejecter;
+  const nextPromise = new Promise((resolve, reject) => {
+    resolver = resolve;
+    rejecter = reject;
+  });
+
+  addressPromise.push({ resolver, rejecter });
+
+  return nextPromise;
+};
+
+/** 用户保存了一个地址 */
+export const resolveAddress = (address) => {
+  const allAddress = [...addressPromise];
+  addressPromise = [];
+
+  console.info('用户保存了一个地址', address);
+
+  allAddress.forEach(({ resolver }) => resolver(address));
+};
+
+/** 取消编辑 */
+export const rejectAddress = () => {
+  const allAddress = [...addressPromise];
+  addressPromise = [];
+
+  allAddress.forEach(({ rejecter }) => rejecter(new Error('cancel')));
+};

package/templates/wevu-retail/src/services/address/fetchAddress.ts

@@ -0,0 +1,48 @@
+import { config } from '../../config/index';
+
+/** 获取收货地址 */
+function mockFetchDeliveryAddress(id) {
+  const { delay } = require('../_utils/delay');
+  const { genAddress } = require('../../model/address');
+
+  return delay().then(() => genAddress(id));
+}
+
+/** 获取收货地址 */
+export function fetchDeliveryAddress(id = 0) {
+  if (config.useMock) {
+    return mockFetchDeliveryAddress(id);
+  }
+
+  return new Promise((resolve) => {
+    resolve('real api');
+  });
+}
+
+/** 获取收货地址列表 */
+function mockFetchDeliveryAddressList(len = 0) {
+  const { delay } = require('../_utils/delay');
+  const { genAddressList } = require('../../model/address');
+
+  return delay().then(() =>
+    genAddressList(len).map((address) => {
+      return {
+        ...address,
+        phoneNumber: address.phone,
+        address: `${address.provinceName}${address.cityName}${address.districtName}${address.detailAddress}`,
+        tag: address.addressTag,
+      };
+    }),
+  );
+}
+
+/** 获取收货地址列表 */
+export function fetchDeliveryAddressList(len = 10) {
+  if (config.useMock) {
+    return mockFetchDeliveryAddressList(len);
+  }
+
+  return new Promise((resolve) => {
+    resolve('real api');
+  });
+}

package/templates/wevu-retail/src/services/address/list.ts

@@ -0,0 +1,31 @@
+let addressPromise = [];
+
+/** 获取一个地址选择Promise */
+export const getAddressPromise = () => {
+  let resolver;
+  let rejecter;
+  const nextPromise = new Promise((resolve, reject) => {
+    resolver = resolve;
+    rejecter = reject;
+  });
+
+  addressPromise.push({ resolver, rejecter });
+
+  return nextPromise;
+};
+
+/** 用户选择了一个地址 */
+export const resolveAddress = (address) => {
+  const allAddress = [...addressPromise];
+  addressPromise = [];
+
+  allAddress.forEach(({ resolver }) => resolver(address));
+};
+
+/** 用户没有选择任何地址只是返回上一页了 */
+export const rejectAddress = () => {
+  const allAddress = [...addressPromise];
+  addressPromise = [];
+
+  allAddress.forEach(({ rejecter }) => rejecter(new Error('cancel')));
+};

package/templates/wevu-retail/src/services/cart/cart.ts

@@ -0,0 +1,20 @@
+import { config } from '../../config/index';
+
+/** 获取购物车mock数据 */
+function mockFetchCartGroupData(params) {
+  const { delay } = require('../_utils/delay');
+  const { genCartGroupData } = require('../../model/cart');
+
+  return delay().then(() => genCartGroupData(params));
+}
+
+/** 获取购物车数据 */
+export function fetchCartGroupData(params) {
+  if (config.useMock) {
+    return mockFetchCartGroupData(params);
+  }
+
+  return new Promise((resolve) => {
+    resolve('real api');
+  });
+}

package/templates/wevu-retail/src/services/comments/fetchComments.ts

@@ -0,0 +1,18 @@
+import { config } from '../../config/index';
+
+/** 获取商品评论 */
+function mockFetchComments(parmas) {
+  const { delay } = require('../_utils/delay');
+  const { getGoodsAllComments } = require('../../model/comments');
+  return delay().then(() => getGoodsAllComments(parmas));
+}
+
+/** 获取商品评论 */
+export function fetchComments(parmas) {
+  if (config.useMock) {
+    return mockFetchComments(parmas);
+  }
+  return new Promise((resolve) => {
+    resolve('real api');
+  });
+}

package/templates/wevu-retail/src/services/comments/fetchCommentsCount.ts

@@ -0,0 +1,18 @@
+import { config } from '../../config/index';
+
+/** 获取商品评论数 */
+function mockFetchCommentsCount(ID = 0) {
+  const { delay } = require('../_utils/delay');
+  const { getGoodsCommentsCount } = require('../../model/comments');
+  return delay().then(() => getGoodsCommentsCount(ID));
+}
+
+/** 获取商品评论数 */
+export function fetchCommentsCount(ID = 0) {
+  if (config.useMock) {
+    return mockFetchCommentsCount(ID);
+  }
+  return new Promise((resolve) => {
+    resolve('real api');
+  });
+}

package/templates/wevu-retail/src/services/coupon/index.ts

@@ -0,0 +1,65 @@
+import { config } from '../../config/index';
+
+/** 获取优惠券列表 */
+function mockFetchCoupon(status) {
+  const { delay } = require('../_utils/delay');
+  const { getCouponList } = require('../../model/coupon');
+  return delay().then(() => getCouponList(status));
+}
+
+/** 获取优惠券列表 */
+export function fetchCouponList(status = 'default') {
+  if (config.useMock) {
+    return mockFetchCoupon(status);
+  }
+  return new Promise((resolve) => {
+    resolve('real api');
+  });
+}
+
+/** 获取优惠券 详情 */
+function mockFetchCouponDetail(id, status) {
+  const { delay } = require('../_utils/delay');
+  const { getCoupon } = require('../../model/coupon');
+  const { genAddressList } = require('../../model/address');
+
+  return delay().then(() => {
+    const result = {
+      detail: getCoupon(id, status),
+      storeInfoList: genAddressList(),
+    };
+
+    result.detail.useNotes = `1个订单限用1张，除运费券外，不能与其它类型的优惠券叠加使用（运费券除外）\n2.仅适用于各区域正常售卖商品，不支持团购、抢购、预售类商品`;
+    result.detail.storeAdapt = `商城通用`;
+
+    if (result.detail.type === 'price') {
+      result.detail.desc = `减免 ${result.detail.value / 100} 元`;
+
+      if (result.detail.base) {
+        result.detail.desc += `，满${result.detail.base / 100}元可用`;
+      }
+
+      result.detail.desc += '。';
+    } else if (result.detail.type === 'discount') {
+      result.detail.desc = `${result.detail.value}折`;
+
+      if (result.detail.base) {
+        result.detail.desc += `，满${result.detail.base / 100}元可用`;
+      }
+
+      result.detail.desc += '。';
+    }
+
+    return result;
+  });
+}
+
+/** 获取优惠券 详情 */
+export function fetchCouponDetail(id, status = 'default') {
+  if (config.useMock) {
+    return mockFetchCouponDetail(id, status);
+  }
+  return new Promise((resolve) => {
+    resolve('real api');
+  });
+}

package/templates/wevu-retail/src/services/good/comments/fetchCommentDetail.ts

@@ -0,0 +1,20 @@
+import { config } from '../../../config/index';
+import { queryCommentDetail } from '../../../model/comments/queryDetail';
+/** 获取商品评价数据 */
+function mockQueryCommentDetail(params) {
+  const { delay } = require('../../_utils/delay');
+  const data = queryCommentDetail(params);
+  return delay().then(() => {
+    return data;
+  });
+}
+
+/** 获取评价详情 */
+export function getCommentDetail(params) {
+  if (config.useMock) {
+    return mockQueryCommentDetail(params);
+  }
+  return new Promise((resolve) => {
+    resolve('real api');
+  });
+}

package/templates/wevu-retail/src/services/good/fetchCategoryList.ts

@@ -0,0 +1,18 @@
+import { config } from '../../config/index';
+
+/** 获取商品列表 */
+function mockFetchGoodCategory() {
+  const { delay } = require('../_utils/delay');
+  const { getCategoryList } = require('../../model/category');
+  return delay().then(() => getCategoryList());
+}
+
+/** 获取商品列表 */
+export function getCategoryList() {
+  if (config.useMock) {
+    return mockFetchGoodCategory();
+  }
+  return new Promise((resolve) => {
+    resolve('real api');
+  });
+}

package/templates/wevu-retail/src/services/good/fetchGood.ts

@@ -0,0 +1,18 @@
+import { config } from '../../config/index';
+
+/** 获取商品列表 */
+function mockFetchGood(ID = 0) {
+  const { delay } = require('../_utils/delay');
+  const { genGood } = require('../../model/good');
+  return delay().then(() => genGood(ID));
+}
+
+/** 获取商品列表 */
+export function fetchGood(ID = 0) {
+  if (config.useMock) {
+    return mockFetchGood(ID);
+  }
+  return new Promise((resolve) => {
+    resolve('real api');
+  });
+}

package/templates/wevu-retail/src/services/good/fetchGoods.ts

@@ -0,0 +1,29 @@
+import { config } from '../../config/index';
+
+/** 获取商品列表 */
+function mockFetchGoodsList(pageIndex = 1, pageSize = 20) {
+  const { delay } = require('../_utils/delay');
+  const { getGoodsList } = require('../../model/goods');
+  return delay().then(() =>
+    getGoodsList(pageIndex, pageSize).map((item) => {
+      return {
+        spuId: item.spuId,
+        thumb: item.primaryImage,
+        title: item.title,
+        price: item.minSalePrice,
+        originPrice: item.maxLinePrice,
+        tags: item.spuTagList.map((tag) => tag.title),
+      };
+    }),
+  );
+}
+
+/** 获取商品列表 */
+export function fetchGoodsList(pageIndex = 1, pageSize = 20) {
+  if (config.useMock) {
+    return mockFetchGoodsList(pageIndex, pageSize);
+  }
+  return new Promise((resolve) => {
+    resolve('real api');
+  });
+}