159 lines
5.8 KiB
HTML
159 lines
5.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-TW">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>領據管理系統說明 - 財稅作業與領據關帳</title>
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
body {
|
|
background: #eef2f5;
|
|
font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
|
|
padding: 40px 24px;
|
|
color: #1e2a3e;
|
|
}
|
|
.doc {
|
|
max-width: 1300px;
|
|
margin: 0 auto;
|
|
background: white;
|
|
border-radius: 28px;
|
|
box-shadow: 0 12px 30px rgba(0,0,0,0.08);
|
|
overflow: hidden;
|
|
}
|
|
.header {
|
|
background: linear-gradient(135deg, #1f4e3c, #2a6e4b);
|
|
color: white;
|
|
padding: 28px 32px;
|
|
}
|
|
.header h1 {
|
|
font-size: 28px;
|
|
font-weight: 600;
|
|
margin-bottom: 8px;
|
|
}
|
|
.header p {
|
|
font-size: 15px;
|
|
opacity: 0.85;
|
|
}
|
|
.content {
|
|
padding: 32px 36px;
|
|
}
|
|
.function-block {
|
|
margin-bottom: 56px;
|
|
border-bottom: 1px solid #e4e9f0;
|
|
padding-bottom: 32px;
|
|
}
|
|
.function-title {
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
margin-bottom: 20px;
|
|
padding-left: 12px;
|
|
border-left: 5px solid #2a9d8f;
|
|
color: #1d5a4a;
|
|
}
|
|
.screenshot {
|
|
margin-bottom: 24px;
|
|
border: 1px solid #dce5ec;
|
|
border-radius: 16px;
|
|
overflow: hidden;
|
|
background: #f8fafc;
|
|
text-align: center;
|
|
}
|
|
.screenshot img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
display: block;
|
|
}
|
|
.desc-box {
|
|
background: #f0f6fa;
|
|
padding: 20px 26px;
|
|
border-radius: 18px;
|
|
line-height: 1.55;
|
|
font-size: 15px;
|
|
}
|
|
.desc-box ul {
|
|
margin-left: 22px;
|
|
margin-top: 8px;
|
|
}
|
|
.desc-box li {
|
|
margin: 6px 0;
|
|
}
|
|
.warning-box {
|
|
background: #fff3e0;
|
|
border-left: 6px solid #e9c46a;
|
|
padding: 16px;
|
|
border-radius: 16px;
|
|
margin-top: 12px;
|
|
}
|
|
@media (max-width: 760px) {
|
|
.content { padding: 20px; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="doc">
|
|
<div class="header">
|
|
<h1>💰 財稅作業與領據關帳</h1>
|
|
<p>個人費用彙整 · 扣繳報表 · 年度關帳設定</p>
|
|
</div>
|
|
<div class="content">
|
|
<!-- 個人費用匯總表 -->
|
|
<div class="function-block">
|
|
<div class="function-title">📊 個人費用彙整表（報表查詢／匯出）</div>
|
|
<div class="screenshot">
|
|
<img src="./個人費用匯總表_查詢後.png" alt="個人費用彙整表查詢畫面">
|
|
</div>
|
|
<div class="desc-box">
|
|
<p>📑 <strong>報表作業說明</strong></p>
|
|
<ul>
|
|
<li>設定日期區間、身分別等條件後點「查詢」，顯示對應之個人費用清單。</li>
|
|
<li>「匯出」：可匯出個人費用匯總表</li>
|
|
<li>查詢結果會顯示總筆數，支援分頁瀏覽。</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 扣繳明細 -->
|
|
<div class="function-block">
|
|
<div class="function-title">📊 扣繳明細（報表查詢／匯出）</div>
|
|
<div class="screenshot">
|
|
<img src="./扣繳明細_查詢後.png" alt="扣繳明細查詢畫面">
|
|
</div>
|
|
<div class="desc-box">
|
|
<p>📑 <strong>報表作業說明</strong></p>
|
|
<ul>
|
|
<li>設定日期區間、身分別等條件後點「查詢」，顯示對應之扣繳明細清單。</li>
|
|
<li>按「▶」箭號可展開，「▼」可收合領據明細</li>
|
|
<li>「匯出扣繳彙整表」：提供給稅務申報使用，按扣繳類別彙總金額。</li>
|
|
<li>「匯出扣繳明細表」：逐筆列出領據明細，便於核對與郵寄扣繳憑單。</li>
|
|
<li>查詢結果會顯示總筆數，支援分頁瀏覽。</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 關帳功能 -->
|
|
<div class="function-block">
|
|
<div class="function-title">🔒 領據關帳作業</div>
|
|
<div class="screenshot">
|
|
<img src="./領據關帳.png" alt="領據關帳作業畫面 - 顯示重要提醒文字：費用出帳後財務即將領據關帳，關帳後只能作廢不能修改，唯總管理處財務部可修改。下方顯示領據現行年度、已關帳年月、調整關帳年月下拉選單及確定按鈕">
|
|
</div>
|
|
<div class="desc-box">
|
|
<p>🔐 <strong>關帳流程與權限</strong></p>
|
|
<ul>
|
|
<li>系統預設顯示目前已關帳年月，財務人員可選擇新的關帳年月</li>
|
|
<li>點選「確定」後，該年月及前期全部領據均不可再更正，確保財稅申報的正確性。</li>
|
|
<li>若需例外修改，請聯絡總管理處財務部。</li>
|
|
<li>關帳完成後，該年月的領據將鎖定編輯，僅可作廢。</li>
|
|
</ul>
|
|
<div class="warning-box">
|
|
⚠️ <strong>重要提醒：</strong> 費用出帳後，財務即將領據關帳。領據關帳後，只能作廢不能修改。
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |