From 78b42ce98c93aaf084c53f8c1ed75628840c5273 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?DonaldFang=20=E6=96=B9=E5=A3=AB=E7=A2=A9?=
 <donald@panjit.com.tw>
Date: Thu, 4 Dec 2025 15:51:21 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=82=BA=E6=89=80=E6=9C=89=E5=9B=9B?=
 =?UTF-8?q?=E5=80=8B=E6=A8=A1=E7=B5=84=E6=B7=BB=E5=8A=A0=E3=80=8C=E5=84=B2?=
 =?UTF-8?q?=E5=AD=98=E8=87=B3=E5=B4=97=E4=BD=8D=E6=B8=85=E5=96=AE=E3=80=8D?=
 =?UTF-8?q?=E6=8C=89=E9=88=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 崗位基礎資料模組：已有功能，保持不變
- 職務基礎資料模組：新增 saveJobToPositionList() 函式
- 部門職責模組：新增 saveDeptFunctionToPositionList() 函式
- 崗位描述模組：新增 saveJobDescToPositionList() 函式

所有按鈕統一使用紫色漸層樣式，與系統主題一致
支援資料格式轉換並儲存到崗位清單
成功後顯示 toast 訊息並跳轉至崗位清單頁面
---
 index.html | 181 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 181 insertions(+)

diff --git a/index.html b/index.html
index dbe185a..58fdaeb 100644
--- a/index.html
+++ b/index.html
@@ -1192,6 +1192,10 @@
                         <input type="file" id="jobCSVInput" accept=".csv" style="display: none;" onchange="handleJobCSVImport(event)">
                     </div>
                     <div class="action-buttons">
+                        <button type="button" class="btn btn-success" onclick="saveJobToPositionList()" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
+                            <svg viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+                            儲存至崗位清單
+                        </button>
                         <button type="button" class="btn btn-primary" onclick="saveJobAndExit()">
                             <svg viewBox="0 0 24 24"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"/></svg>
                             保存并退出(S)
@@ -1335,6 +1339,10 @@
                     <button class="nav-btn" title="最後一筆"><svg viewBox="0 0 24 24"><path d="M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6-1.41 1.41zM16 6h2v12h-2V6z"/></svg></button>
                 </div>
                 <div class="action-buttons">
+                    <button type="button" class="btn btn-success" onclick="saveDeptFunctionToPositionList()" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
+                        <svg viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+                        儲存至崗位清單
+                    </button>
                     <button class="btn btn-secondary" onclick="clearDeptFunctionForm()">清除</button>
                     <button class="btn btn-cancel" onclick="cancelDeptFunction()">取消</button>
                     <button class="btn btn-primary" onclick="saveDeptFunctionAndNew()">存檔續建</button>
@@ -1588,6 +1596,10 @@
                         <button class="nav-btn" title="最後一筆"><svg viewBox="0 0 24 24"><path d="M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6-1.41 1.41zM16 6h2v12h-2V6z"/></svg></button>
                     </div>
                     <div class="action-buttons">
+                        <button type="button" class="btn btn-success" onclick="saveJobDescToPositionList()" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
+                            <svg viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+                            儲存至崗位清單
+                        </button>
                         <button type="button" class="btn btn-primary" onclick="saveJobDescAndExit()">
                             <svg viewBox="0 0 24 24"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"/></svg>
                             保存并退出(S)
@@ -2740,6 +2752,175 @@ ${contextInfo}
             }
         }
 
+        async function saveJobToPositionList() {
+            /**
+             * 職務基礎資料 -> 儲存至崗位清單
+             */
+            const form = document.getElementById('jobForm');
+            if (!form.checkValidity()) {
+                form.reportValidity();
+                return;
+            }
+
+            const formData = getJobFormData();
+
+            // 驗證必填欄位
+            if (!formData.jobCode) {
+                alert('請輸入職務代碼');
+                return;
+            }
+            if (!formData.jobName) {
+                alert('請輸入職務名稱');
+                return;
+            }
+
+            // 將職務資料轉換為崗位資料格式
+            const positionData = {
+                basicInfo: {
+                    positionCode: formData.jobCode,
+                    positionName: formData.jobName,
+                    positionCategory: formData.jobCategoryCode || '',
+                    effectiveDate: formData.jobEffectiveDate || new Date().toISOString().split('T')[0],
+                    headcount: formData.jobHeadcount || 1,
+                    positionLevel: formData.jobLevel || '',
+                    positionRemark: formData.jobRemark || ''
+                },
+                recruitInfo: {}
+            };
+
+            try {
+                const response = await fetch(API_BASE_URL + '/positions', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(positionData)
+                });
+
+                const result = await response.json();
+
+                if (result.success) {
+                    showToast(result.message || '職務已成功儲存至崗位清單！');
+                    setTimeout(() => {
+                        switchModule('positionlist');
+                    }, 1500);
+                } else {
+                    alert('儲存失敗: ' + (result.error || '未知錯誤'));
+                }
+            } catch (error) {
+                console.error('儲存錯誤:', error);
+                alert('儲存失敗: ' + error.message);
+            }
+        }
+
+        async function saveDeptFunctionToPositionList() {
+            /**
+             * 部門職責 -> 儲存至崗位清單
+             */
+            const deptCode = document.getElementById('dept_function_code').value;
+            const deptName = document.getElementById('dept_function_name').value;
+            const deptDesc = document.getElementById('dept_function_desc').value;
+
+            if (!deptCode) {
+                alert('請輸入部門職責編號');
+                return;
+            }
+            if (!deptName) {
+                alert('請輸入部門職責名稱');
+                return;
+            }
+
+            // 將部門職責轉換為崗位資料格式
+            const positionData = {
+                basicInfo: {
+                    positionCode: deptCode,
+                    positionName: deptName,
+                    effectiveDate: new Date().toISOString().split('T')[0],
+                    positionDesc: deptDesc || '',
+                    positionRemark: '從部門職責轉換'
+                },
+                recruitInfo: {}
+            };
+
+            try {
+                const response = await fetch(API_BASE_URL + '/positions', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(positionData)
+                });
+
+                const result = await response.json();
+
+                if (result.success) {
+                    showToast(result.message || '部門職責已成功儲存至崗位清單！');
+                    setTimeout(() => {
+                        switchModule('positionlist');
+                    }, 1500);
+                } else {
+                    alert('儲存失敗: ' + (result.error || '未知錯誤'));
+                }
+            } catch (error) {
+                console.error('儲存錯誤:', error);
+                alert('儲存失敗: ' + error.message);
+            }
+        }
+
+        async function saveJobDescToPositionList() {
+            /**
+             * 崗位描述 -> 儲存至崗位清單
+             */
+            const formData = getJobDescFormData();
+
+            // 驗證必填欄位
+            if (!formData.basicInfo.positionCode) {
+                alert('請輸入崗位代碼');
+                return;
+            }
+
+            // 將崗位描述轉換為崗位資料格式
+            const positionData = {
+                basicInfo: {
+                    positionCode: formData.basicInfo.positionCode,
+                    positionName: formData.positionInfo.positionName || '',
+                    effectiveDate: formData.positionInfo.positionEffectiveDate || new Date().toISOString().split('T')[0],
+                    positionDesc: formData.responsibilities.mainResponsibilities || '',
+                    positionRemark: formData.responsibilities.positionPurpose || ''
+                },
+                recruitInfo: {
+                    minEducation: formData.requirements.education || '',
+                    skillReq: formData.requirements.basicSkills || '',
+                    workExperience: formData.requirements.workExperienceReq || '',
+                    otherReq: formData.requirements.otherRequirements || ''
+                }
+            };
+
+            try {
+                const response = await fetch(API_BASE_URL + '/positions', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(positionData)
+                });
+
+                const result = await response.json();
+
+                if (result.success) {
+                    showToast(result.message || '崗位描述已成功儲存至崗位清單！');
+                    setTimeout(() => {
+                        switchModule('positionlist');
+                    }, 1500);
+                } else {
+                    alert('儲存失敗: ' + (result.error || '未知錯誤'));
+                }
+            } catch (error) {
+                console.error('儲存錯誤:', error);
+                alert('儲存失敗: ' + error.message);
+            }
+        }
+
         function saveJobAndExit() {
             const form = document.getElementById('jobForm');
             if (!form.checkValidity()) { form.reportValidity(); return; }