436 lines
21 KiB
HTML
436 lines
21 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>常见问题 - OA系统</title>
|
||
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
|
||
<!-- 统一布局样式 -->
|
||
<link rel="stylesheet" href="unified-layout.css">
|
||
<style>
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
body {
|
||
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
|
||
background: #f0f2f5;
|
||
overflow: hidden;
|
||
}
|
||
.layout-container {
|
||
height: 100vh;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.navbar {
|
||
height: 50px;
|
||
background: #fff;
|
||
border-bottom: 1px solid #e6e6e6;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 0 20px;
|
||
box-shadow: 0 1px 4px rgba(0,21,41,.08);
|
||
}
|
||
.navbar-left {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.logo {
|
||
font-size: 20px;
|
||
font-weight: bold;
|
||
color: #409EFF;
|
||
cursor: pointer;
|
||
}
|
||
.nav-menu { display: flex; gap: 8px; margin-left: 16px; }
|
||
.nav-item { padding: 8px 16px; cursor: pointer; border-radius: 4px; color: #303133; }
|
||
.nav-item:hover { background: #ecf5ff; color: #409EFF; }
|
||
.nav-item.active { background: #409EFF; color: #fff; }
|
||
.navbar-right {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 20px;
|
||
}
|
||
.main-container {
|
||
flex: 1;
|
||
display: flex;
|
||
overflow: hidden;
|
||
}
|
||
.app-main {
|
||
flex: 1;
|
||
overflow: hidden;
|
||
display: flex;
|
||
flex-direction: column;
|
||
background: #f0f2f5;
|
||
}
|
||
.content {
|
||
flex: 1;
|
||
padding: 20px;
|
||
overflow-y: auto;
|
||
background: #fff;
|
||
margin: 10px;
|
||
border-radius: 4px;
|
||
}
|
||
.page-header {
|
||
margin-bottom: 24px;
|
||
padding-bottom: 16px;
|
||
border-bottom: 1px solid #f0f0f0;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
.page-title {
|
||
font-size: 20px;
|
||
font-weight: 500;
|
||
color: #303133;
|
||
}
|
||
.faq-category {
|
||
margin-bottom: 32px;
|
||
}
|
||
.category-title {
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
color: #303133;
|
||
margin-bottom: 16px;
|
||
padding-bottom: 8px;
|
||
border-bottom: 2px solid #409EFF;
|
||
}
|
||
.faq-item {
|
||
margin-bottom: 16px;
|
||
border: 1px solid #e6e6e6;
|
||
border-radius: 8px;
|
||
overflow: hidden;
|
||
}
|
||
.faq-question {
|
||
padding: 16px;
|
||
background: #f5f7fa;
|
||
cursor: pointer;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
transition: background 0.3s;
|
||
}
|
||
.faq-question:hover {
|
||
background: #ecf5ff;
|
||
}
|
||
.faq-question-text {
|
||
font-size: 15px;
|
||
font-weight: 500;
|
||
color: #303133;
|
||
}
|
||
.faq-icon {
|
||
color: #409EFF;
|
||
font-size: 18px;
|
||
transition: transform 0.3s;
|
||
}
|
||
.faq-item.active .faq-icon {
|
||
transform: rotate(180deg);
|
||
}
|
||
.faq-answer {
|
||
padding: 0 16px;
|
||
max-height: 0;
|
||
overflow: hidden;
|
||
transition: all 0.3s;
|
||
}
|
||
.faq-item.active .faq-answer {
|
||
padding: 16px;
|
||
max-height: 1000px;
|
||
}
|
||
.faq-answer-content {
|
||
font-size: 14px;
|
||
color: #606266;
|
||
line-height: 1.8;
|
||
}
|
||
.btn {
|
||
padding: 6px 16px;
|
||
border: 1px solid #dcdfe6;
|
||
border-radius: 4px;
|
||
background: white;
|
||
color: #606266;
|
||
cursor: pointer;
|
||
}
|
||
</style>
|
||
<!-- Vue.js -->
|
||
<script src="https://unpkg.com/vue@2/dist/vue.js"></script>
|
||
<!-- Element UI JS -->
|
||
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
|
||
</head>
|
||
<body>
|
||
<div id="app">
|
||
<div class="layout-container">
|
||
<div class="navbar">
|
||
<div class="navbar-left">
|
||
<div class="logo" onclick="window.location.href='dashboard.html'">OA系统</div>
|
||
<div class="nav-menu">
|
||
<div class="nav-item" onclick="window.location.href='dashboard.html'">首页</div>
|
||
<div class="nav-item" onclick="window.location.href='project-initiation.html'">商机管理</div>
|
||
<div class="nav-item" onclick="window.location.href='project-start.html'">过程管理</div>
|
||
<div class="nav-item" onclick="window.location.href='finance-invoice.html'">财务管理</div>
|
||
<div class="nav-item" onclick="window.location.href='report-project-detail.html'">报表管理</div>
|
||
<div class="nav-item active">帮助中心</div>
|
||
</div>
|
||
</div>
|
||
<div class="navbar-right">
|
||
<span style="color: #303133;">张三</span><span style="color: #909399; margin: 0 8px;">|</span>
|
||
<a href="profile.html" style="color: #409EFF; text-decoration: none;">个人中心</a>
|
||
<span>|</span>
|
||
<a href="login.html" style="color: #409EFF; text-decoration: none;">退出</a>
|
||
</div>
|
||
</div>
|
||
<div class="main-container">
|
||
<div class="app-main">
|
||
<div class="content">
|
||
<div class="page-header">
|
||
<div class="page-title">常见问题</div>
|
||
<div>
|
||
<button class="btn" onclick="window.location.href='help-center.html'">返回帮助中心</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="faq-category">
|
||
<div class="category-title">📋 项目相关问题</div>
|
||
<div class="faq-item" id="q1">
|
||
<div class="faq-question" onclick="toggleFaq('q1')">
|
||
<div class="faq-question-text">如何创建新项目？</div>
|
||
<div class="faq-icon">▼</div>
|
||
</div>
|
||
<div class="faq-answer">
|
||
<div class="faq-answer-content">
|
||
1. 进入"商机管理" → "立项申请"页面<br>
|
||
2. 填写项目基本信息（项目名称、客户名称、服务内容、预计金额等）<br>
|
||
3. 项目编号会自动生成（年份+序号，如25-1）<br>
|
||
4. 可选择上传附件（单个文件最大50MB）<br>
|
||
5. 点击"提交审核"或"保存草稿"
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="faq-item" id="q2">
|
||
<div class="faq-question" onclick="toggleFaq('q2')">
|
||
<div class="faq-question-text">项目启动编号是如何生成的？</div>
|
||
<div class="faq-icon">▼</div>
|
||
</div>
|
||
<div class="faq-answer">
|
||
<div class="faq-answer-content">
|
||
启动编号规则：立项编号+项目类型数字+启动序号<br>
|
||
例如：25-3-2-4 表示：<br>
|
||
• 25-3：25年第3个项目<br>
|
||
• 2：项目类型为工程咨询（类型编号2）<br>
|
||
• 4：第4次启动<br>
|
||
系统会根据选择的项目和项目类型自动生成启动编号。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="faq-item" id="q3">
|
||
<div class="faq-question" onclick="toggleFaq('q3')">
|
||
<div class="faq-question-text">同一个项目可以多次启动吗？</div>
|
||
<div class="faq-icon">▼</div>
|
||
</div>
|
||
<div class="faq-answer">
|
||
<div class="faq-answer-content">
|
||
可以。同一个项目可以多次启动，每次启动会产生一个新的启动单，启动编号中的启动序号会自动递增。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="faq-category">
|
||
<div class="category-title">📝 成果提交问题</div>
|
||
<div class="faq-item" id="q4">
|
||
<div class="faq-question" onclick="toggleFaq('q4')">
|
||
<div class="faq-question-text">如何提交成果？</div>
|
||
<div class="faq-icon">▼</div>
|
||
</div>
|
||
<div class="faq-answer">
|
||
<div class="faq-answer-content">
|
||
1. 进入"过程管理" → "成果提交"页面<br>
|
||
2. 选择已启动的项目<br>
|
||
3. 选择成果类型（初稿/对账/最终成果）<br>
|
||
4. 输入成果金额<br>
|
||
5. 上传成果附件（可选）<br>
|
||
6. 填写完成情况说明<br>
|
||
7. 点击"提交审核"<br><br>
|
||
<strong>注意：</strong>结算类项目需要依次提交初稿、对账、最终成果；其他项目直接提交最终成果。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="faq-item" id="q5">
|
||
<div class="faq-question" onclick="toggleFaq('q5')">
|
||
<div class="faq-question-text">多人提交成果的流程是什么？</div>
|
||
<div class="faq-icon">▼</div>
|
||
</div>
|
||
<div class="faq-answer">
|
||
<div class="faq-answer-content">
|
||
1. 项目启动时分配给多个执业工程师<br>
|
||
2. 每个工程师分别提交自己的成果<br>
|
||
3. 系统显示提交进度（已提交/待提交人员）<br>
|
||
4. 所有人员提交完成后，自动进入组长审核环节<br>
|
||
5. 组长审核通过后，进入领导审核（王总，最终成果需要王总、戚总双领导审核）
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="faq-item" id="q6">
|
||
<div class="faq-question" onclick="toggleFaq('q6')">
|
||
<div class="faq-question-text">对账金额与初稿金额差距过大怎么办？</div>
|
||
<div class="faq-icon">▼</div>
|
||
</div>
|
||
<div class="faq-answer">
|
||
<div class="faq-answer-content">
|
||
系统会自动检测对账金额与初稿金额的差距，如果差距超过设定阈值，会显示提醒信息。建议：<br>
|
||
1. 检查金额输入是否正确<br>
|
||
2. 确认对账结果是否准确<br>
|
||
3. 如有疑问，联系项目负责人或财务人员
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="faq-category">
|
||
<div class="category-title">💰 财务相关问题</div>
|
||
<div class="faq-item" id="q7">
|
||
<div class="faq-question" onclick="toggleFaq('q7')">
|
||
<div class="faq-question-text">如何申请开票？</div>
|
||
<div class="faq-icon">▼</div>
|
||
</div>
|
||
<div class="faq-answer">
|
||
<div class="faq-answer-content">
|
||
1. 进入"财务管理" → "开票管理"页面<br>
|
||
2. 点击"开票申请"按钮<br>
|
||
3. 选择符合条件的项目（需满足：已签合同 或 已提交正式成果）<br>
|
||
4. 填写开票信息<br>
|
||
5. 提交申请<br>
|
||
6. 财务开票后，上传开票附件并填写开票金额
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="faq-item" id="q8">
|
||
<div class="faq-question" onclick="toggleFaq('q8')">
|
||
<div class="faq-question-text">如何录入回款？</div>
|
||
<div class="faq-icon">▼</div>
|
||
</div>
|
||
<div class="faq-answer">
|
||
<div class="faq-answer-content">
|
||
1. 进入"财务管理" → "回款管理"页面<br>
|
||
2. 找到已开票的项目<br>
|
||
3. 点击"录入回款"<br>
|
||
4. 输入回款金额<br>
|
||
5. 更新订单状态为"已回款"
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="faq-category">
|
||
<div class="category-title">📊 报表相关问题</div>
|
||
<div class="faq-item" id="q9">
|
||
<div class="faq-question" onclick="toggleFaq('q9')">
|
||
<div class="faq-question-text">产值是如何计算的？</div>
|
||
<div class="faq-icon">▼</div>
|
||
</div>
|
||
<div class="faq-answer">
|
||
<div class="faq-answer-content">
|
||
产值根据服务类型和工作内容按比例计算：<br>
|
||
• 结算审计：计量30%，计价30%，对账10%，出报告30%<br>
|
||
• 工程咨询：文本30%，估算20%，出报告50%<br>
|
||
• 跟踪审计：现场跟踪60%，进度款审核40%<br>
|
||
• 项目管理：报批报建40%，过程管控60%<br>
|
||
• 工程监理：现场跟踪60%，进度审核40%<br><br>
|
||
产值金额 = 成果金额 × 对应工作内容的完成比例
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="faq-item" id="q10">
|
||
<div class="faq-question" onclick="toggleFaq('q10')">
|
||
<div class="faq-question-text">如何查看报表？</div>
|
||
<div class="faq-icon">▼</div>
|
||
</div>
|
||
<div class="faq-answer">
|
||
<div class="faq-answer-content">
|
||
1. 进入"报表管理"模块<br>
|
||
2. 选择要查看的报表类型（项目报表、产值报表、财务报表）<br>
|
||
3. 设置查询条件（时间段、项目、执业者等）<br>
|
||
4. 点击"查询"查看结果<br>
|
||
5. 可以导出Excel或查看图表展示
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="faq-category">
|
||
<div class="category-title">🔧 系统设置问题</div>
|
||
<div class="faq-item" id="q11">
|
||
<div class="faq-question" onclick="toggleFaq('q11')">
|
||
<div class="faq-question-text">如何修改密码？</div>
|
||
<div class="faq-icon">▼</div>
|
||
</div>
|
||
<div class="faq-answer">
|
||
<div class="faq-answer-content">
|
||
1. 点击右上角用户名 → "个人中心"<br>
|
||
2. 点击"修改密码"<br>
|
||
3. 输入原密码<br>
|
||
4. 输入新密码（8-20位，包含字母和数字）<br>
|
||
5. 确认新密码<br>
|
||
6. 点击"确认修改"
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="faq-item" id="q12">
|
||
<div class="faq-question" onclick="toggleFaq('q12')">
|
||
<div class="faq-question-text">忘记密码怎么办？</div>
|
||
<div class="faq-icon">▼</div>
|
||
</div>
|
||
<div class="faq-answer">
|
||
<div class="faq-answer-content">
|
||
1. 在登录页面点击"忘记密码？"链接<br>
|
||
2. 输入用户名或手机号/邮箱<br>
|
||
3. 选择找回方式（手机验证码或邮箱验证码）<br>
|
||
4. 输入验证码<br>
|
||
5. 设置新密码<br>
|
||
如果无法通过以上方式找回，请联系系统管理员重置密码。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="common.js"></script>
|
||
<script>
|
||
function toggleFaq(id) {
|
||
const item = document.getElementById(id);
|
||
const isActive = item.classList.contains('active');
|
||
|
||
// 关闭其他展开的项
|
||
document.querySelectorAll('.faq-item').forEach(faq => {
|
||
if (faq.id !== id) {
|
||
faq.classList.remove('active');
|
||
}
|
||
});
|
||
|
||
// 切换当前项
|
||
if (isActive) {
|
||
item.classList.remove('active');
|
||
} else {
|
||
item.classList.add('active');
|
||
}
|
||
}
|
||
|
||
// 支持URL锚点跳转
|
||
window.onload = function() {
|
||
const hash = window.location.hash;
|
||
if (hash) {
|
||
const id = hash.substring(1);
|
||
const item = document.getElementById(id);
|
||
if (item) {
|
||
item.classList.add('active');
|
||
item.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
<script src="unified-layout.js"></script>
|
||
<script>
|
||
initUnifiedLayout('help');
|
||
</script>
|
||
</body>
|
||
</html>
|
||
|