Files
niumalll/website/help.html

458 lines
22 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>帮助中心 - 活牛采购智能数字化系统</title>
<meta name="description" content="活牛采购智能数字化系统帮助中心,提供产品使用指南、常见问题解答、操作教程和技术支持服务。">
<meta name="keywords" content="帮助中心,使用指南,常见问题,操作教程,技术支持,活牛采购系统">
<!-- Bootstrap 5 CSS -->
<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap Icons -->
<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.11.0/font/bootstrap-icons.min.css" rel="stylesheet">
<!-- Font Awesome -->
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<!-- AOS Animation -->
<link href="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
<!-- 自定义样式 -->
<link href="css/custom.css" rel="stylesheet">
</head>
<body>
<!-- 导航栏 -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow-sm">
<div class="container">
<a class="navbar-brand d-flex align-items-center" href="index.html">
<div class="logo-container me-2">
<i class="fas fa-cow text-primary fs-2"></i>
</div>
<div class="brand-text">
<div class="brand-name fw-bold">NiuMall</div>
<div class="brand-subtitle">活牛采购智能系统</div>
</div>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">首页</a>
</li>
<li class="nav-item">
<a class="nav-link" href="product.html">产品介绍</a>
</li>
<li class="nav-item">
<a class="nav-link" href="solutions.html">解决方案</a>
</li>
<li class="nav-item">
<a class="nav-link" href="cases.html">客户案例</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">关于我们</a>
</li>
<li class="nav-item">
<a class="nav-link" href="news.html">新闻动态</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="help.html">帮助中心</a>
</li>
<li class="nav-item">
<a class="nav-link" href="docs.html">开发者文档</a>
</li>
<li class="nav-item">
<a class="nav-link" href="partners.html">合作伙伴</a>
</li>
<li class="nav-item">
<a class="nav-link" href="support.html">在线客服</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">联系我们</a>
</li>
</ul>
<div class="ms-3">
<a href="contact.html" class="btn btn-primary">免费试用</a>
</div>
</div>
</div>
</nav>
<!-- 面包屑导航 -->
<nav aria-label="breadcrumb" class="pt-5 mt-5">
<div class="container">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">首页</a></li>
<li class="breadcrumb-item active" aria-current="page">帮助中心</li>
</ol>
</div>
</nav>
<!-- 帮助中心英雄区域 -->
<section class="py-5 bg-light">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<h1 class="display-5 fw-bold mb-4">帮助中心</h1>
<p class="lead">在这里您可以找到产品使用指南、常见问题解答和操作教程,快速解决使用过程中遇到的问题。</p>
<div class="search-box mt-4">
<div class="input-group">
<input type="text" class="form-control form-control-lg" placeholder="搜索问题或关键词...">
<button class="btn btn-primary" type="button">
<i class="fas fa-search"></i>
</button>
</div>
</div>
</div>
<div class="col-lg-6">
<img src="images/help-banner.jpg" alt="帮助中心" class="img-fluid rounded shadow img-hover-zoom" loading="lazy">
</div>
</div>
</div>
</section>
<!-- 帮助分类 -->
<section class="py-5">
<div class="container">
<div class="text-center mb-5">
<h2 class="display-6 mb-3">帮助分类</h2>
<p class="text-muted">选择您需要的帮助类别</p>
</div>
<div class="row g-4">
<div class="col-md-4">
<div class="card border-0 h-100 text-center p-4">
<div class="feature-icon bg-primary bg-opacity-10 text-primary mb-4 mx-auto">
<i class="fas fa-book"></i>
</div>
<h5>使用指南</h5>
<p class="text-muted">详细的产品功能使用说明和操作指南</p>
<a href="#getting-started" class="btn btn-outline-primary mt-3">查看指南</a>
</div>
</div>
<div class="col-md-4">
<div class="card border-0 h-100 text-center p-4">
<div class="feature-icon bg-success bg-opacity-10 text-success mb-4 mx-auto">
<i class="fas fa-question-circle"></i>
</div>
<h5>常见问题</h5>
<p class="text-muted">用户最常遇到的问题和解决方案</p>
<a href="#faq" class="btn btn-outline-success mt-3">查看问题</a>
</div>
</div>
<div class="col-md-4">
<div class="card border-0 h-100 text-center p-4">
<div class="feature-icon bg-info bg-opacity-10 text-info mb-4 mx-auto">
<i class="fas fa-video"></i>
</div>
<h5>视频教程</h5>
<p class="text-muted">直观的视频操作演示和功能讲解</p>
<a href="#video-tutorials" class="btn btn-outline-info mt-3">观看视频</a>
</div>
</div>
</div>
</div>
</section>
<!-- 快速入门指南 -->
<section id="getting-started" class="py-5 bg-light">
<div class="container">
<div class="text-center mb-5">
<h2 class="display-6 mb-3">快速入门指南</h2>
<p class="text-muted">快速上手活牛采购智能数字化系统</p>
</div>
<div class="row g-4">
<div class="col-md-6">
<div class="card border-0 h-100">
<div class="card-body">
<h5 class="card-title">1. 账号注册与登录</h5>
<p class="card-text">
访问系统首页,点击"免费试用"按钮,填写基本信息完成注册。
注册成功后使用手机号和密码登录系统。
</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 h-100">
<div class="card-body">
<h5 class="card-title">2. 基础信息配置</h5>
<p class="card-text">
登录后首先配置企业基本信息、采购需求、供应商信息等基础数据,
为后续采购业务做好准备。
</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 h-100">
<div class="card-body">
<h5 class="card-title">3. 创建采购订单</h5>
<p class="card-text">
在订单管理模块创建新的采购订单,选择供应商、填写采购数量、
价格、交货时间等信息。
</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 h-100">
<div class="card-body">
<h5 class="card-title">4. 订单跟踪与管理</h5>
<p class="card-text">
实时跟踪订单状态,查看物流信息、质量检测结果,
管理订单付款和结算流程。
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 常见问题 -->
<section id="faq" class="py-5">
<div class="container">
<div class="text-center mb-5">
<h2 class="display-6 mb-3">常见问题</h2>
<p class="text-muted">用户最关心的问题和解决方案</p>
</div>
<div class="accordion" id="faqAccordion">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq1">
如何注册账号?
</button>
</h2>
<div id="faq1" class="accordion-collapse collapse show" data-bs-parent="#faqAccordion">
<div class="accordion-body">
访问系统首页,点击右上角的"免费试用"按钮,填写手机号、验证码、
设置密码等基本信息即可完成注册。注册成功后即可登录使用。
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2">
忘记密码怎么办?
</button>
</h2>
<div id="faq2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
<div class="accordion-body">
在登录页面点击"忘记密码",输入注册时使用的手机号,系统会发送
验证码到您的手机,验证通过后即可重置密码。
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3">
如何创建采购订单?
</button>
</h2>
<div id="faq3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
<div class="accordion-body">
登录系统后,进入"订单管理"模块,点击"新建订单"按钮,选择供应商、
填写采购数量、价格、交货时间等信息,确认后提交即可创建订单。
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq4">
如何查看订单状态?
</button>
</h2>
<div id="faq4" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
<div class="accordion-body">
在"订单管理"模块中,您可以查看所有订单的实时状态,包括待处理、
已确认、运输中、已完成等状态,以及详细的物流跟踪信息。
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq5">
系统支持哪些支付方式?
</button>
</h2>
<div id="faq5" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
<div class="accordion-body">
目前支持银行转账、支付宝、微信支付等多种支付方式。具体支付流程
和注意事项请参考"财务管理"模块的相关说明。
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 视频教程 -->
<section id="video-tutorials" class="py-5 bg-light">
<div class="container">
<div class="text-center mb-5">
<h2 class="display-6 mb-3">视频教程</h2>
<p class="text-muted">观看视频快速学习系统使用方法</p>
</div>
<div class="row g-4">
<div class="col-md-4">
<div class="card border-0 h-100">
<div class="card-body text-center">
<div class="video-placeholder bg-primary bg-opacity-10 text-primary mb-4 mx-auto">
<i class="fas fa-play-circle fs-1"></i>
</div>
<h5>系统功能介绍</h5>
<p class="text-muted">全面介绍系统各项功能和使用场景</p>
<a href="#" class="btn btn-outline-primary">观看视频</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card border-0 h-100">
<div class="card-body text-center">
<div class="video-placeholder bg-success bg-opacity-10 text-success mb-4 mx-auto">
<i class="fas fa-play-circle fs-1"></i>
</div>
<h5>订单创建教程</h5>
<p class="text-muted">详细演示如何创建和管理采购订单</p>
<a href="#" class="btn btn-outline-success">观看视频</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card border-0 h-100">
<div class="card-body text-center">
<div class="video-placeholder bg-info bg-opacity-10 text-info mb-4 mx-auto">
<i class="fas fa-play-circle fs-1"></i>
</div>
<h5>财务管理指南</h5>
<p class="text-muted">学习如何进行财务对账和支付管理</p>
<a href="#" class="btn btn-outline-info">观看视频</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 技术支持 -->
<section class="py-5">
<div class="container">
<div class="text-center mb-5">
<h2 class="display-6 mb-3">技术支持</h2>
<p class="text-muted">如果您的问题在这里没有找到答案,请联系我们的技术支持团队</p>
</div>
<div class="row g-4">
<div class="col-md-6">
<div class="card border-0 h-100 text-center p-4">
<div class="feature-icon bg-primary bg-opacity-10 text-primary mb-4 mx-auto">
<i class="fas fa-comments"></i>
</div>
<h5>在线客服</h5>
<p class="text-muted">实时在线解答您的问题</p>
<a href="support.html" class="btn btn-primary mt-3">联系客服</a>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 h-100 text-center p-4">
<div class="feature-icon bg-success bg-opacity-10 text-success mb-4 mx-auto">
<i class="fas fa-envelope"></i>
</div>
<h5>邮件支持</h5>
<p class="text-muted">发送邮件获取专业技术支持</p>
<a href="mailto:niumall@aiotagro.com" class="btn btn-success mt-3">发送邮件</a>
</div>
</div>
</div>
</div>
</section>
<!-- 页脚 -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-lg-4 mb-4 mb-lg-0">
<h5 class="footer-title">活牛采购智能数字化系统</h5>
<p>专业的活牛采购全流程数字化管理解决方案,提升采购效率,降低经营风险。</p>
<div class="d-flex">
<a href="#" class="social-icon"><i class="fab fa-weixin"></i></a>
<a href="#" class="social-icon"><i class="fab fa-weibo"></i></a>
<a href="#" class="social-icon"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="col-lg-2 col-md-4 mb-4 mb-md-0">
<h5 class="footer-title">产品</h5>
<ul class="list-unstyled">
<li class="mb-2"><a href="product.html">功能介绍</a></li>
<li class="mb-2"><a href="solutions.html">解决方案</a></li>
<li class="mb-2"><a href="cases.html">客户案例</a></li>
<li class="mb-2"><a href="news.html">新闻动态</a></li>
</ul>
</div>
<div class="col-lg-2 col-md-4 mb-4 mb-md-0">
<h5 class="footer-title">支持</h5>
<ul class="list-unstyled">
<li class="mb-2"><a href="help.html">帮助中心</a></li>
<li class="mb-2"><a href="support.html">在线客服</a></li>
<li class="mb-2"><a href="docs.html">开发者文档</a></li>
<li class="mb-2"><a href="partners.html">合作伙伴</a></li>
</ul>
</div>
<div class="col-lg-4 col-md-4">
<h5 class="footer-title">联系我们</h5>
<ul class="list-unstyled">
<li class="mb-2"><i class="fas fa-map-marker-alt me-2"></i> 武汉市东湖高新区光谷软件园F2栋</li>
<li class="mb-2"><i class="fas fa-phone me-2"></i> 19971988959</li>
<li class="mb-2"><i class="fas fa-envelope me-2"></i> niumall@aiotagro.com</li>
</ul>
</div>
</div>
<div class="copyright text-center">
<p>&copy; 2023 活牛采购智能数字化系统. 保留所有权利。</p>
</div>
</div>
</footer>
<!-- 返回顶部按钮 -->
<button class="back-to-top" aria-label="返回顶部">
<i class="fas fa-arrow-up"></i>
</button>
<!-- Bootstrap JS -->
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
<!-- AOS Animation -->
<script src="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.js"></script>
<!-- 自定义脚本 -->
<script src="js/main.js"></script>
<script>
// 初始化AOS动画
AOS.init({
duration: 800,
once: true
});
</script>
</body>
</html>