335 lines
15 KiB
HTML
335 lines
15 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;
|
||
}
|
||
.formula-section {
|
||
margin-bottom: 32px;
|
||
}
|
||
.section-title {
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
color: #303133;
|
||
margin-bottom: 16px;
|
||
padding-bottom: 8px;
|
||
border-bottom: 2px solid #409EFF;
|
||
}
|
||
.formula-card {
|
||
background: #f5f7fa;
|
||
border-radius: 8px;
|
||
padding: 20px;
|
||
margin-bottom: 16px;
|
||
border-left: 4px solid #409EFF;
|
||
}
|
||
.formula-type {
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
color: #303133;
|
||
margin-bottom: 12px;
|
||
}
|
||
.formula-text {
|
||
font-size: 14px;
|
||
color: #606266;
|
||
line-height: 1.8;
|
||
margin-bottom: 12px;
|
||
padding: 12px;
|
||
background: white;
|
||
border-radius: 4px;
|
||
font-family: 'Courier New', monospace;
|
||
}
|
||
.formula-basis {
|
||
font-size: 13px;
|
||
color: #909399;
|
||
margin-bottom: 8px;
|
||
}
|
||
.formula-example {
|
||
background: #fff7e6;
|
||
border: 1px solid #ffe58f;
|
||
border-radius: 4px;
|
||
padding: 12px;
|
||
margin-top: 12px;
|
||
font-size: 13px;
|
||
color: #d46b08;
|
||
}
|
||
.formula-example-title {
|
||
font-weight: 500;
|
||
margin-bottom: 8px;
|
||
}
|
||
.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="formula-section">
|
||
<div class="section-title">💰 费用计算公式</div>
|
||
|
||
<div class="formula-card">
|
||
<div class="formula-type">工程咨询</div>
|
||
<div class="formula-basis">依据文件：鄂价房字[2001]107号文</div>
|
||
<div class="formula-text">最终费用 = 依据文件计算的基础金额 × 折扣率</div>
|
||
<div class="formula-example">
|
||
<div class="formula-example-title">计算示例：</div>
|
||
基础金额：¥100,000<br>
|
||
折扣率：0.8（8折）<br>
|
||
最终费用 = 100,000 × 0.8 = ¥80,000
|
||
</div>
|
||
</div>
|
||
|
||
<div class="formula-card">
|
||
<div class="formula-type">工程造价（结算审计、概算编制及审核、清单控制价编制及审核）</div>
|
||
<div class="formula-basis">依据文件：鄂价工服规[2012]149号文</div>
|
||
<div class="formula-text">最终费用 = 依据文件计算的基础金额 × 折扣率</div>
|
||
</div>
|
||
|
||
<div class="formula-card">
|
||
<div class="formula-type">工程监理</div>
|
||
<div class="formula-basis">依据文件：发改价格[2007]670号文</div>
|
||
<div class="formula-text">最终费用 = 依据文件计算的基础金额 × 专业调整系数 × 工程复杂程度调整系数 × 高程调整系数 × 折扣率</div>
|
||
<div class="formula-example">
|
||
<div class="formula-example-title">计算示例：</div>
|
||
基础金额：¥500,000<br>
|
||
专业调整系数：1.0<br>
|
||
工程复杂程度调整系数：1.2<br>
|
||
高程调整系数：1.1<br>
|
||
折扣率：0.9<br>
|
||
最终费用 = 500,000 × 1.0 × 1.2 × 1.1 × 0.9 = ¥594,000
|
||
</div>
|
||
</div>
|
||
|
||
<div class="formula-card">
|
||
<div class="formula-type">工程设计</div>
|
||
<div class="formula-basis">依据文件：计价格[2002]10号文</div>
|
||
<div class="formula-text">最终费用 = 依据文件计算的基础金额 × 折扣率</div>
|
||
</div>
|
||
|
||
<div class="formula-card">
|
||
<div class="formula-type">工程代建</div>
|
||
<div class="formula-basis">依据文件：财建[2016]504号文</div>
|
||
<div class="formula-text">最终费用 = 依据文件计算的基础金额 × 折扣率</div>
|
||
</div>
|
||
|
||
<div class="formula-card">
|
||
<div class="formula-type">招标代理</div>
|
||
<div class="formula-basis">依据文件：鄂建文〔2023〕35号文</div>
|
||
<div class="formula-text">最终费用 = 依据文件计算的基础金额 × 折扣率</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="formula-section">
|
||
<div class="section-title">📊 产值计算公式</div>
|
||
|
||
<div class="formula-card">
|
||
<div class="formula-type">结算审计、概算编制及审核、清单控制价编制及审核</div>
|
||
<div class="formula-text">
|
||
产值分配比例：<br>
|
||
• 计量：30%<br>
|
||
• 计价：30%<br>
|
||
• 对账：10%<br>
|
||
• 出报告：30%
|
||
</div>
|
||
<div class="formula-example">
|
||
<div class="formula-example-title">计算示例：</div>
|
||
成果金额：¥100,000<br>
|
||
完成工作：计量、计价、出报告<br>
|
||
产值 = 100,000 × (30% + 30% + 30%) = ¥90,000
|
||
</div>
|
||
</div>
|
||
|
||
<div class="formula-card">
|
||
<div class="formula-type">工程咨询</div>
|
||
<div class="formula-text">
|
||
产值分配比例：<br>
|
||
• 文本：30%<br>
|
||
• 估算：20%<br>
|
||
• 出报告：50%
|
||
</div>
|
||
</div>
|
||
|
||
<div class="formula-card">
|
||
<div class="formula-type">跟踪审计</div>
|
||
<div class="formula-text">
|
||
产值分配比例：<br>
|
||
• 现场跟踪：60%<br>
|
||
• 进度款审核：40%
|
||
</div>
|
||
</div>
|
||
|
||
<div class="formula-card">
|
||
<div class="formula-type">项目管理</div>
|
||
<div class="formula-text">
|
||
产值分配比例：<br>
|
||
• 项目协助甲方报批报建：40%<br>
|
||
• 项目实施过程中管控：60%
|
||
</div>
|
||
</div>
|
||
|
||
<div class="formula-card">
|
||
<div class="formula-type">工程监理</div>
|
||
<div class="formula-text">
|
||
产值分配比例：<br>
|
||
• 现场跟踪：60%<br>
|
||
• 进度审核：40%
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="formula-section">
|
||
<div class="section-title">💡 使用工具</div>
|
||
<div class="formula-card">
|
||
<div class="formula-type">费用计算器</div>
|
||
<div class="formula-text">
|
||
系统提供了费用计算器工具，可以快速计算项目费用：<br>
|
||
1. 进入"工具" → "费用计算器"<br>
|
||
2. 选择服务类型<br>
|
||
3. 输入基础金额和折扣率<br>
|
||
4. 系统自动计算最终费用<br>
|
||
<button class="btn" onclick="window.location.href='tool-fee-calculator.html'" style="margin-top: 12px; background: #409EFF; color: white; border-color: #409EFF;">使用费用计算器</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="formula-card">
|
||
<div class="formula-type">产值计算器</div>
|
||
<div class="formula-text">
|
||
系统提供了产值计算器工具，可以快速计算项目产值：<br>
|
||
1. 进入"工具" → "产值计算器"<br>
|
||
2. 选择服务类型<br>
|
||
3. 输入成果金额<br>
|
||
4. 选择完成的工作内容<br>
|
||
5. 系统自动计算产值<br>
|
||
<button class="btn" onclick="window.location.href='tool-output-calculator.html'" style="margin-top: 12px; background: #409EFF; color: white; border-color: #409EFF;">使用产值计算器</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="common.js"></script>
|
||
<script src="unified-layout.js"></script>
|
||
<script>
|
||
initUnifiedLayout('help');
|
||
</script>
|
||
</body>
|
||
</html>
|
||
|