ai_dianshang/miniprogram/pages/help-center/index.js

import Toast from 'tdesign-miniprogram/toast/index';

Page({
  data: {
    searchValue: '',
    activeNames: [],
    version: '1.0.0',
    servicePhone: '400-123-4567',
    
    // 快捷入口数据
    quickAccess: [
      {
        id: 1,
        title: '订单问题',
        icon: 'shop',
        color: '#007aff',
        type: 'order'
      },
      {
        id: 2,
        title: '支付问题',
        icon: 'wallet',
        color: '#34c759',
        type: 'payment'
      },
      {
        id: 3,
        title: '物流查询',
        icon: 'location',
        color: '#ff9500',
        type: 'logistics'
      },
      {
        id: 4,
        title: '退换货',
        icon: 'refresh',
        color: '#ff3b30',
        type: 'return'
      }
    ],
    
    // 常见问题数据
    faqList: [
      {
        id: 'faq1',
        question: '如何下单购买商品？',
        answer: '1. 浏览商品页面，选择心仪的商品\n2. 点击"立即购买"或"加入购物车"\n3. 确认商品信息和收货地址\n4. 选择支付方式完成支付\n5. 等待商家发货'
      },
      {
        id: 'faq2',
        question: '支付失败怎么办？',
        answer: '支付失败可能的原因：\n1. 网络连接不稳定，请检查网络后重试\n2. 银行卡余额不足或被冻结\n3. 支付密码错误\n4. 银行系统维护\n\n建议：更换支付方式或联系银行客服'
      },
      {
        id: 'faq3',
        question: '如何查看物流信息？',
        answer: '查看物流信息的方法：\n1. 进入"我的订单"页面\n2. 找到对应订单，点击"查看物流"\n3. 可以看到详细的物流跟踪信息\n4. 也可以直接联系快递公司查询'
      },
      {
        id: 'faq4',
        question: '如何申请退换货？',
        answer: '申请退换货流程：\n1. 进入"我的订单"找到需要退换的商品\n2. 点击"申请售后"\n3. 选择退货或换货原因\n4. 上传相关图片说明\n5. 提交申请等待审核\n6. 审核通过后按要求寄回商品'
      },
      {
        id: 'faq5',
        question: '优惠券如何使用？',
        answer: '优惠券使用方法：\n1. 在结算页面选择可用的优惠券\n2. 系统会自动计算优惠金额\n3. 确认订单信息后完成支付\n\n注意：优惠券有使用条件和有效期，请及时使用'
      },
      {
        id: 'faq6',
        question: '忘记登录密码怎么办？',
        answer: '找回密码的方法：\n1. 在登录页面点击"忘记密码"\n2. 输入注册时的手机号\n3. 获取验证码\n4. 设置新密码\n5. 使用新密码登录\n\n如仍无法解决，请联系客服'
      }
    ],
    
    // 使用指南数据
    guideList: [
      {
        id: 1,
        title: '新手购物指南',
        description: '从注册到下单的完整流程',
        icon: 'user-add',
        url: '/pages/help-center/guide/shopping'
      },
      {
        id: 2,
        title: '支付安全指南',
        description: '保护您的支付安全',
        icon: 'secured',
        url: '/pages/help-center/guide/payment'
      },
      {
        id: 3,
        title: '售后服务说明',
        description: '了解我们的售后政策',
        icon: 'service',
        url: '/pages/help-center/guide/service'
      },

    ]
  },

  onLoad() {
    this.getVersionInfo();
  },

  // 获取版本信息
  getVersionInfo() {
    const accountInfo = wx.getAccountInfoSync();
    this.setData({
      version: accountInfo.miniProgram.version || '1.0.0'
    });
  },

  // 搜索相关方法
  onSearchChange(e) {
    this.setData({
      searchValue: e.detail.value
    });
  },

  onSearchSubmit(e) {
    // 安全地获取搜索关键词，添加空值检查
    const searchValue = e.detail?.value || '';
    const keyword = typeof searchValue === 'string' ? searchValue.trim() : '';
    
    if (!keyword) {
      Toast({
        context: this,
        selector: '#t-toast',
        message: '请输入搜索关键词',
        theme: 'warning'
      });
      return;
    }
    
    this.searchContent(keyword);
  },

  onSearchClear() {
    this.setData({
      searchValue: ''
    });
  },

  // 搜索内容
  searchContent(keyword) {
    // 在FAQ中搜索
    const matchedFAQ = this.data.faqList.filter(item => 
      item.question.includes(keyword) || item.answer.includes(keyword)
    );
    
    if (matchedFAQ.length > 0) {
      // 展开匹配的FAQ
      const activeNames = matchedFAQ.map(item => item.id);
      this.setData({ activeNames });
      
      Toast({
        context: this,
        selector: '#t-toast',
        message: `找到 ${matchedFAQ.length} 个相关问题`,
        theme: 'success'
      });
    } else {
      Toast({
        context: this,
        selector: '#t-toast',
        message: '未找到相关内容，请联系客服',
        theme: 'warning'
      });
    }
  },

  // 快捷入口点击
  onQuickAccessTap(e) {
    const { type } = e.currentTarget.dataset;
    
    switch (type) {
      case 'order':
        wx.navigateTo({ url: '/pages/order/order-list/index' });
        break;
      case 'payment':
        this.showPaymentHelp();
        break;
      case 'logistics':
        this.showLogisticsHelp();
        break;
      case 'return':
        wx.navigateTo({ url: '/pages/order/after-service-list/index' });
        break;
      default:
        Toast({
          context: this,
          selector: '#t-toast',
          message: '功能开发中',
          theme: 'warning'
        });
    }
  },

  // 显示支付帮助
  showPaymentHelp() {
    wx.showModal({
      title: '支付问题',
      content: '如遇支付问题，请检查网络连接和账户余额，或尝试更换支付方式。如仍有问题，请联系客服。',
      showCancel: false,
      confirmText: '我知道了'
    });
  },

  // 显示物流帮助
  showLogisticsHelp() {
    wx.showModal({
      title: '物流查询',
      content: '您可以在"我的订单"中查看物流信息，或直接联系快递公司客服查询。',
      showCancel: false,
      confirmText: '我知道了'
    });
  },

  // 折叠面板变化
  onCollapseChange(e) {
    this.setData({
      activeNames: e.detail.value
    });
  },

  // 使用指南点击
  onGuideTap(e) {
    const { url } = e.currentTarget.dataset;
    
    if (url) {
      // 这里可以跳转到具体的指南页面
      Toast({
        context: this,
        selector: '#t-toast',
        message: '指南页面开发中',
        theme: 'warning'
      });
    }
  },

  // 联系客服
  onContactService() {
    wx.showModal({
      title: '联系客服',
      content: '工作时间：9:00-18:00\n我们将为您提供专业的服务',
      confirmText: '在线咨询',
      cancelText: '取消',
      success: (res) => {
        if (res.confirm) {
          // 这里可以集成在线客服系统
          Toast({
            context: this,
            selector: '#t-toast',
            message: '正在连接客服...',
            theme: 'loading'
          });
        }
      }
    });
  },

  // 拨打客服电话
  onCallService() {
    wx.showModal({
      title: '客服热线',
      content: `${this.data.servicePhone}\n工作时间：9:00-18:00`,
      confirmText: '拨打电话',
      cancelText: '取消',
      success: (res) => {
        if (res.confirm) {
          wx.makePhoneCall({
            phoneNumber: this.data.servicePhone,
            fail: () => {
              Toast({
                context: this,
                selector: '#t-toast',
                message: '拨打失败，请手动拨打',
                theme: 'error'
              });
            }
          });
        }
      }
    });
  },

  // 意见反馈
  onFeedback() {
    wx.showModal({
      title: '意见反馈',
      content: '感谢您的宝贵意见，我们会认真对待每一条反馈',
      confirmText: '去反馈',
      cancelText: '取消',
      success: (res) => {
        if (res.confirm) {
          // 这里可以跳转到反馈页面或打开反馈表单
          Toast({
            context: this,
            selector: '#t-toast',
            message: '反馈功能开发中',
            theme: 'warning'
          });
        }
      }
    });
  },

  // 底部链接点击
  onPrivacyTap() {
    wx.showModal({
      title: '隐私政策',
      content: '我们重视您的隐私保护，详细政策请查看完整版本',
      showCancel: false,
      confirmText: '我知道了'
    });
  },

  onTermsTap() {
    wx.showModal({
      title: '服务条款',
      content: '使用本应用即表示您同意我们的服务条款',
      showCancel: false,
      confirmText: '我知道了'
    });
  },

  onAboutTap() {
    wx.showModal({
      title: '关于我们',
      content: '致力于为用户提供优质的购物体验',
      showCancel: false,
      confirmText: '我知道了'
    });
  },

  // 页面分享
  onShareAppMessage() {
    return {
      title: '帮助中心 - 解决您的疑问',
      path: '/pages/help-center/index'
    };
  }
});