214 lines
10 KiB
HTML
214 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html class="x-admin-sm">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>银河锋锐工作室账户后台系统 - 新手指引</title>
|
|
<meta name="renderer" content="webkit">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<link rel="stylesheet" href="/css/font.css">
|
|
<link rel="stylesheet" href="/css/xadmin.css">
|
|
<link rel="stylesheet" href="/css/win10ui.css">
|
|
<link rel="stylesheet" href="/css/theme.css">
|
|
<script type="text/javascript" src="/lib/layui/layui.js" charset="utf-8"></script>
|
|
<script type="text/javascript" src="/js/xadmin.js"></script>
|
|
<!--[if lt IE 9]>
|
|
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
|
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
|
<![endif]-->
|
|
</head>
|
|
<body>
|
|
<div class="x-nav">
|
|
<span class="layui-breadcrumb">
|
|
<a href="javascript:;">首页</a>
|
|
<a href="javascript:;">工作室</a>
|
|
<a><cite>新手指引</cite></a>
|
|
</span>
|
|
<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
|
|
<i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
|
|
</a>
|
|
</div>
|
|
<div class="layui-fluid">
|
|
<div class="layui-row layui-col-space15">
|
|
<div class="layui-col-md12">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">新手指引</div>
|
|
<div class="layui-card-body">
|
|
<h3 style="margin-top: 20px; margin-bottom: 15px; color: #333; font-weight: 600;">欢迎使用银河锋锐工作室账户后台系统</h3>
|
|
<p style="margin-bottom: 20px; line-height: 1.8; color: #666;">本系统为工作室成员提供账户管理、项目协作、数据统计等功能。以下是一些常见问题解答，帮助你快速了解和使用系统。</p>
|
|
|
|
<!-- 系统基础操作 -->
|
|
<div style="margin-bottom: 30px;">
|
|
<h3 class="layui-h2" style="margin-top: 30px; margin-bottom: 15px; color: #009688;">系统基础操作</h3>
|
|
|
|
<div class="layui-collapse" lay-accordion>
|
|
<div class="layui-colla-item">
|
|
<h2 class="layui-colla-title">如何修改个人密码？</h2>
|
|
<div class="layui-colla-content layui-show">
|
|
<p style="padding: 15px 0; line-height: 1.8; color: #666;">
|
|
1. 点击右上角头像，选择"个人设置"<br>
|
|
2. 在"账户安全"选项卡中，点击"修改密码"<br>
|
|
3. 输入原密码和新密码，确认后提交即可
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="layui-colla-item">
|
|
<h2 class="layui-colla-title">如何切换主题皮肤？</h2>
|
|
<div class="layui-colla-content">
|
|
<p style="padding: 15px 0; line-height: 1.8; color: #666;">
|
|
1. 点击左侧导航栏底部的"主题设置"图标<br>
|
|
2. 在弹出的主题选择面板中，点击喜欢的主题颜色<br>
|
|
3. 系统会自动保存你的主题设置
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="layui-colla-item">
|
|
<h2 class="layui-colla-title">如何退出当前账户？</h2>
|
|
<div class="layui-colla-content">
|
|
<p style="padding: 15px 0; line-height: 1.8; color: #666;">
|
|
1. 点击右上角头像，选择"退出登录"<br>
|
|
2. 在弹出的确认框中点击"确定"<br>
|
|
3. 系统将返回登录页面
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 项目管理 -->
|
|
<div style="margin-bottom: 30px;">
|
|
<h3 class="layui-h2" style="margin-top: 30px; margin-bottom: 15px; color: #009688;">项目管理</h3>
|
|
|
|
<div class="layui-collapse" lay-accordion>
|
|
<div class="layui-colla-item">
|
|
<h2 class="layui-colla-title">如何创建新项目？</h2>
|
|
<div class="layui-colla-content layui-show">
|
|
<p style="padding: 15px 0; line-height: 1.8; color: #666;">
|
|
1. 在左侧导航栏中，点击"项目管理"-> "项目列表"<br>
|
|
2. 点击页面右上角的"新建项目"按钮<br>
|
|
3. 填写项目基本信息（项目名称、负责人、开始时间等）<br>
|
|
4. 点击"创建"按钮完成项目创建
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="layui-colla-item">
|
|
<h2 class="layui-colla-title">如何查看项目进度？</h2>
|
|
<div class="layui-colla-content">
|
|
<p style="padding: 15px 0; line-height: 1.8; color: #666;">
|
|
1. 在左侧导航栏中，点击"项目管理"-> "项目列表"<br>
|
|
2. 找到你要查看的项目，点击项目名称进入详情页<br>
|
|
3. 在项目详情页中，可以查看项目进度条、任务分配情况和时间线
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="layui-colla-item">
|
|
<h2 class="layui-colla-title">如何添加项目成员？</h2>
|
|
<div class="layui-colla-content">
|
|
<p style="padding: 15px 0; line-height: 1.8; color: #666;">
|
|
1. 进入项目详情页<br>
|
|
2. 点击"成员管理"选项卡<br>
|
|
3. 点击"添加成员"按钮，从工作室成员列表中选择需要添加的成员<br>
|
|
4. 为成员分配角色（管理员、普通成员等），点击"确认"完成添加
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 数据统计 -->
|
|
<div style="margin-bottom: 30px;">
|
|
<h3 class="layui-h2" style="margin-top: 30px; margin-bottom: 15px; color: #009688;">数据统计</h3>
|
|
|
|
<div class="layui-collapse" lay-accordion>
|
|
<div class="layui-colla-item">
|
|
<h2 class="layui-colla-title">如何查看工作室数据统计？</h2>
|
|
<div class="layui-colla-content layui-show">
|
|
<p style="padding: 15px 0; line-height: 1.8; color: #666;">
|
|
1. 在左侧导航栏中，点击"数据统计"-> "工作室概况"<br>
|
|
2. 页面将显示工作室整体数据统计，包括：<br>
|
|
- 项目数量及完成情况<br>
|
|
- 成员工作时长统计<br>
|
|
- 项目收益分析图表
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="layui-colla-item">
|
|
<h2 class="layui-colla-title">如何导出数据报表？</h2>
|
|
<div class="layui-colla-content">
|
|
<p style="padding: 15px 0; line-height: 1.8; color: #666;">
|
|
1. 在数据统计页面中，找到你需要导出的报表<br>
|
|
2. 点击页面右上角的"导出"按钮<br>
|
|
3. 选择导出格式（Excel、PDF等）<br>
|
|
4. 系统将生成并下载对应的报表文件
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="layui-colla-item">
|
|
<h2 class="layui-colla-title">数据统计支持自定义时间范围吗？</h2>
|
|
<div class="layui-colla-content">
|
|
<p style="padding: 15px 0; line-height: 1.8; color: #666;">
|
|
是的，在所有数据统计页面的右上角，都有时间范围选择器：<br>
|
|
1. 可以选择预设的时间范围（今日、本周、本月等）<br>
|
|
2. 也可以点击"自定义时间"，选择具体的开始和结束日期<br>
|
|
3. 选择完成后，点击"查询"按钮即可查看对应时间范围的数据
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 常见问题 -->
|
|
<div>
|
|
<h3 class="layui-h2" style="margin-top: 30px; margin-bottom: 15px; color: #009688;">常见问题</h3>
|
|
|
|
<div class="layui-collapse" lay-accordion>
|
|
<div class="layui-colla-item">
|
|
<h2 class="layui-colla-title">忘记登录密码怎么办？</h2>
|
|
<div class="layui-colla-content layui-show">
|
|
<p style="padding: 15px 0; line-height: 1.8; color: #666;">
|
|
1. 在登录页面点击"忘记密码"链接<br>
|
|
2. 输入注册时使用的邮箱地址<br>
|
|
3. 查收邮箱中的密码重置链接<br>
|
|
4. 点击链接设置新密码，完成后即可使用新密码登录
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="layui-colla-item">
|
|
<h2 class="layui-colla-title">如何联系技术支持？</h2>
|
|
<div class="layui-colla-content">
|
|
<p style="padding: 15px 0; line-height: 1.8; color: #666;">
|
|
如果你在使用系统过程中遇到问题，可以通过以下方式联系技术支持：<br>
|
|
1. 发送邮件至 <strong>support@yinhewangtong.com</strong><br>
|
|
2. 在工作时间（9:00-18:00）拨打技术支持电话：<strong>400-123-4567</strong><br>
|
|
3. 在系统内提交反馈：点击右上角头像 -> "反馈建议"
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="layui-colla-item">
|
|
<h2 class="layui-colla-title">系统是否支持移动设备访问？</h2>
|
|
<div class="layui-colla-content">
|
|
<p style="padding: 15px 0; line-height: 1.8; color: #666;">
|
|
是的，本系统采用响应式设计，支持在手机、平板等移动设备上访问。<br>
|
|
由于部分功能在小屏幕设备上操作不便，建议在条件允许的情况下，优先使用电脑端访问系统以获得最佳体验。
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
layui.use(['element'], function(){
|
|
var element = layui.element;
|
|
|
|
// 初始化折叠面板
|
|
element.on('collapse', function(data){
|
|
console.log(data);
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |