ncr客訴取號管理系統
DESKTOP-99UJNIR\william
4 days ago 234472d75e5dd9628834b05307bc40afff82e101
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
1012
1013
1014
1015
1016
1017
1018
1019
1020
1021
1022
1023
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036
1037
1038
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054
1055
1056
1057
1058
1059
1060
1061
1062
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085
1086
1087
1088
1089
1090
1091
1092
1093
1094
1095
1096
1097
1098
1099
1100
1101
1102
1103
1104
1105
1106
1107
1108
1109
1110
1111
1112
1113
1114
1115
1116
1117
1118
1119
1120
1121
1122
1123
1124
1125
1126
1127
1128
1129
1130
1131
1132
1133
1134
1135
1136
1137
1138
1139
1140
1141
1142
1143
1144
1145
1146
1147
1148
1149
1150
1151
1152
1153
1154
1155
1156
1157
1158
1159
1160
1161
1162
1163
1164
1165
1166
1167
1168
1169
<!DOCTYPE html>
<html lang="zh-TW">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title data-i18n="page_title">NCR 線上系統使用手冊(編輯者版)</title>
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700&family=Noto+Sans+TC:wght@400;700&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
    
    <style>
        @media print {
            @page {
                size: A4;
                margin: 2cm;
            }
            body { margin: 0; }
            .no-print { display: none !important; }
            .page-break { page-break-before: always; }
            a { color: #2563eb; text-decoration: none; }
        }
        
        * { margin: 0; padding: 0; box-sizing: border-box; }
        
        body {
            /* 調整字體優先順序以支援多語系 */
            font-family: "Roboto", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
            line-height: 1.8;
            color: #1e293b;
            background: #f8fafc;
            padding: 20px;
            padding-top: 80px; /* 預留上方控制列空間 */
        }
        
        .container {
            max-width: 210mm;
            margin: 0 auto;
            background: white;
            padding: 40px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }
 
        /* 語言切換控制列 */
        .control-bar {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background: white;
            padding: 10px 20px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            z-index: 1000;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            gap: 10px;
        }
 
        .lang-btn {
            padding: 8px 16px;
            border: 1px solid #cbd5e1;
            background: white;
            border-radius: 6px;
            cursor: pointer;
            font-weight: bold;
            color: #64748b;
            transition: all 0.2s;
        }
 
        .lang-btn:hover {
            background: #f1f5f9;
            color: #2563eb;
        }
 
        .lang-btn.active {
            background: #2563eb;
            color: white;
            border-color: #2563eb;
        }
        
        .print-btn {
            background: #0f172a;
            color: white;
            border: none;
            padding: 8px 20px;
            border-radius: 6px;
            cursor: pointer;
            font-weight: bold;
            display: flex;
            align-items: center;
            gap: 5px;
        }
        
        .print-btn:hover {
            background: #334155;
        }
        
        /* 封面 */
        .cover {
            text-align: center;
            padding: 80px 0;
            border-bottom: 3px solid #2563eb;
            margin-bottom: 40px;
        }
        
        .cover h1 {
            font-size: 2.5rem;
            color: #1e293b;
            margin-bottom: 20px;
            font-weight: bold;
        }
        
        .cover .subtitle {
            font-size: 1.3rem;
            color: #64748b;
            margin-bottom: 30px;
        }
        
        .cover .version {
            display: inline-block;
            background: #eff6ff;
            color: #1d4ed8;
            padding: 8px 20px;
            border-radius: 20px;
            font-size: 1.1rem;
            margin: 10px;
            border: 2px solid #bfdbfe;
        }
        
        .cover .date {
            color: #64748b;
            margin-top: 20px;
            font-size: 1rem;
        }
        
        /* 目錄 */
        .toc {
            margin: 40px 0;
            padding: 30px;
            background: #f8fafc;
            border-radius: 8px;
            border-left: 4px solid #2563eb;
        }
        
        .toc h2 {
            font-size: 1.8rem;
            color: #1e293b;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .toc ol {
            list-style: none;
            counter-reset: toc-counter;
        }
        
        .toc li {
            counter-increment: toc-counter;
            margin: 10px 0;
            padding-left: 30px;
            position: relative;
        }
        
        .toc li:before {
            content: counter(toc-counter) ".";
            position: absolute;
            left: 0;
            font-weight: bold;
            color: #2563eb;
        }
        
        .toc a {
            color: #1e293b;
            text-decoration: none;
            display: block;
            padding: 8px 0;
            transition: 0.2s;
        }
        
        .toc a:hover {
            color: #2563eb;
            padding-left: 10px;
        }
        
        /* 標題 */
        h1, h2, h3, h4 {
            color: #1e293b;
            margin-top: 30px;
            margin-bottom: 15px;
        }
        
        h1 {
            font-size: 2rem;
            border-bottom: 3px solid #2563eb;
            padding-bottom: 10px;
            margin-top: 50px;
        }
        
        h2 {
            font-size: 1.6rem;
            color: #2563eb;
            border-left: 5px solid #2563eb;
            padding-left: 15px;
            margin-top: 40px;
        }
        
        h3 {
            font-size: 1.3rem;
            color: #475569;
            margin-top: 30px;
        }
        
        h4 {
            font-size: 1.1rem;
            color: #64748b;
            margin-top: 20px;
        }
        
        /* 段落 */
        p {
            margin: 15px 0;
            text-align: justify;
        }
        
        /* 列表 */
        ul, ol {
            margin: 15px 0;
            padding-left: 30px;
        }
        
        li {
            margin: 8px 0;
        }
        
        /* 表格 */
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
            font-size: 0.95rem;
        }
        
        th, td {
            border: 1px solid #cbd5e1;
            padding: 12px;
            text-align: left;
        }
        
        th {
            background: #f1f5f9;
            font-weight: bold;
            color: #1e293b;
        }
        
        tr:nth-child(even) {
            background: #f8fafc;
        }
        
        /* 代碼區塊 */
        code {
            background: #f1f5f9;
            padding: 2px 6px;
            border-radius: 4px;
            font-family: "Consolas", "Monaco", monospace;
            font-size: 0.9em;
            color: #e11d48;
        }
        
        pre {
            background: #1e293b;
            color: #e2e8f0;
            padding: 20px;
            border-radius: 8px;
            overflow-x: auto;
            margin: 20px 0;
            font-family: "Consolas", "Monaco", monospace;
            font-size: 0.9rem;
            line-height: 1.6;
        }
        
        /* 提示框 */
        .note, .warning, .tip {
            padding: 15px 20px;
            margin: 20px 0;
            border-radius: 8px;
            border-left: 4px solid;
        }
        
        .note {
            background: #eff6ff;
            border-color: #2563eb;
            color: #1e40af;
        }
        
        .warning {
            background: #fef3c7;
            border-color: #f59e0b;
            color: #92400e;
        }
        
        .tip {
            background: #dcfce7;
            border-color: #10b981;
            color: #166534;
        }
        
        .note strong, .warning strong, .tip strong {
            display: block;
            margin-bottom: 5px;
            font-size: 1.05em;
        }
        
        /* 徽章 */
        .badge {
            display: inline-block;
            padding: 3px 10px;
            border-radius: 12px;
            font-size: 0.85em;
            font-weight: bold;
            margin: 0 3px;
        }
        
        .badge-yes {
            background: #dcfce7;
            color: #166534;
        }
        
        .badge-no {
            background: #fee2e2;
            color: #991b1b;
        }
        
        .badge-info {
            background: #dbeafe;
            color: #1e40af;
        }
        
        /* 頁尾 */
        .footer {
            margin-top: 60px;
            padding-top: 20px;
            border-top: 2px solid #e2e8f0;
            text-align: center;
            color: #64748b;
            font-size: 0.9rem;
        }
        
        /* 步驟編號 */
        .step {
            display: inline-block;
            width: 30px;
            height: 30px;
            background: #2563eb;
            color: white;
            border-radius: 50%;
            text-align: center;
            line-height: 30px;
            font-weight: bold;
            margin-right: 10px;
        }
    </style>
</head>
<body>
    
    <div class="control-bar no-print">
        <button class="lang-btn active" onclick="setLanguage('tw')">繁體中文</button>
        <button class="lang-btn" onclick="setLanguage('cn')">简体中文</button>
        <button class="lang-btn" onclick="setLanguage('en')">English</button>
        <button class="lang-btn" onclick="setLanguage('vn')">Tiếng Việt</button>
        <div style="width: 1px; height: 20px; background: #e2e8f0; margin: 0 10px;"></div>
        <button class="print-btn" onclick="window.print()">
            🖨️ <span data-i18n="print_btn">列印/儲存 PDF</span>
        </button>
    </div>
    
    <div class="container">
        <div class="cover">
            <h1 data-i18n="sys_name">NCR 線上系統</h1>
            <div class="subtitle" data-i18n="manual_title">使用手冊(編輯者版)</div>
            <div>
                <span class="version" data-i18n="version">版本 v60</span>
                <span class="version" data-i18n="lang_label">繁體中文</span>
            </div>
            <div class="date"><span data-i18n="last_update">最後更新</span>:2026/01/21</div>
            <div style="margin-top: 40px; color: #64748b;">
                <p><strong data-i18n="target_user">適用對象</strong>:<span data-i18n="editor_perm">編輯者(Editor)權限使用者</span></p>
                <p><strong data-i18n="dept">編制單位</strong>:<span data-i18n="it_dept">資訊部</span></p>
            </div>
        </div>
        
        <div class="toc page-break">
            <h2 data-i18n="toc">📋 目錄</h2>
            <ol>
                <li><a href="#section-1" data-i18n="ch1">系統簡介</a></li>
                <li><a href="#section-2" data-i18n="ch2">權限說明</a></li>
                <li><a href="#section-3" data-i18n="ch3">登入系統</a></li>
                <li><a href="#section-4" data-i18n="ch4">功能頁籤說明</a></li>
                <li><a href="#section-5" data-i18n="ch5">歷史記錄查詢與編輯</a></li>
                <li><a href="#section-6" data-i18n="ch6">詳細資料維護</a></li>
                <li><a href="#section-7" data-i18n="ch7">資料匯出</a></li>
                <li><a href="#section-8" data-i18n="ch8">常見問題</a></li>
            </ol>
        </div>
        
        <div class="page-break">
            <h1 id="section-1"><span data-i18n="ch1_prefix">1.</span> <span data-i18n="ch1">系統簡介</span></h1>
            
            <p data-i18n="intro_text">NCR 線上系統是一套用於管理不合格報告(Non-Conformance Report)的編號與追蹤系統。系統支援多廠區、多語言,並提供完整的歷史記錄查詢、編輯與匯出功能。</p>
            
            <h3 data-i18n="main_features">主要功能</h3>
            <ul>
                <li><span class="badge badge-yes">✓</span> <span data-i18n="feat_1">歷史記錄查詢與進階篩選</span></li>
                <li><span class="badge badge-yes">✓</span> <span data-i18n="feat_2">編輯現有 NCR 記錄(狀態、責任單位、備註等)</span></li>
                <li><span class="badge badge-yes">✓</span> <span data-i18n="feat_3">詳細資料維護(異常說明、原因分析、改善對策)</span></li>
                <li><span class="badge badge-yes">✓</span> <span data-i18n="feat_4">匯出篩選後的 Excel 報表</span></li>
                <li><span class="badge badge-yes">✓</span> <span data-i18n="feat_5">到期提醒與不良率警示</span></li>
                <li><span class="badge badge-yes">✓</span> <span data-i18n="feat_6">多語言支援(繁中、簡中、英文、越南文)</span></li>
            </ul>
        </div>
        
        <div class="page-break">
            <h1 id="section-2"><span data-i18n="ch2_prefix">2.</span> <span data-i18n="ch2">權限說明</span></h1>
            
            <h3 data-i18n="editor_scope">編輯者(Editor)權限範圍</h3>
            
            <table>
                <thead>
                    <tr>
                        <th data-i18n="th_func">功能</th>
                        <th style="text-align: center; width: 100px;" data-i18n="th_perm">權限</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td data-i18n="perm_1">檢視命名規範</td>
                        <td style="text-align: center;"><span class="badge badge-yes">✓ <span data-i18n="yes">可以</span></span></td>
                    </tr>
                    <tr>
                        <td data-i18n="perm_2">產生新編號</td>
                        <td style="text-align: center;"><span class="badge badge-no">✗ <span data-i18n="no">不可以</span></span></td>
                    </tr>
                    <tr>
                        <td data-i18n="perm_3">查詢歷史記錄</td>
                        <td style="text-align: center;"><span class="badge badge-yes">✓ <span data-i18n="yes">可以</span></span></td>
                    </tr>
                    <tr>
                        <td data-i18n="perm_4">編輯現有記錄</td>
                        <td style="text-align: center;"><span class="badge badge-yes">✓ <span data-i18n="yes">可以</span></span></td>
                    </tr>
                    <tr>
                        <td data-i18n="perm_5">維護詳細資料</td>
                        <td style="text-align: center;"><span class="badge badge-yes">✓ <span data-i18n="yes">可以</span></span></td>
                    </tr>
                    <tr>
                        <td data-i18n="perm_6">匯出 Excel</td>
                        <td style="text-align: center;"><span class="badge badge-yes">✓ <span data-i18n="yes">可以</span></span></td>
                    </tr>
                    <tr>
                        <td data-i18n="perm_7">備份/還原資料庫</td>
                        <td style="text-align: center;"><span class="badge badge-no">✗ <span data-i18n="no">不可以</span></span></td>
                    </tr>
                </tbody>
            </table>
            
            <div class="note">
                <strong data-i18n="note_title">📌 注意事項</strong>
                <span data-i18n="ip_note">您的 IP 位址必須在允許的編輯者清單中才能使用編輯功能。如需開通權限,請聯絡資訊部。</span>
            </div>
        </div>
        
        <div class="page-break">
            <h1 id="section-3"><span data-i18n="ch3_prefix">3.</span> <span data-i18n="ch3">登入系統</span></h1>
            
            <h3><span data-i18n="step_1">步驟 1</span>:<span data-i18n="step_1_title">開啟系統</span></h3>
            <p data-i18n="step_1_desc">在瀏覽器輸入系統網址:</p>
            <pre>http://ncr.hlmt.com.tw:5000/login.html</pre>
            
            <h3><span data-i18n="step_2">步驟 2</span>:<span data-i18n="step_2_title">輸入姓名</span></h3>
            <p data-i18n="step_2_desc">首次登入時會彈出對話框,請輸入您的姓名:</p>
            <ul>
                <li data-i18n="login_note_1">姓名不可空白</li>
                <li data-i18n="login_note_2">姓名會顯示在頁面右上角</li>
                <li data-i18n="login_note_3">下次登入時會自動記住</li>
            </ul>
            
            <h3><span data-i18n="step_3">步驟 3</span>:<span data-i18n="step_3_title">選擇語言</span></h3>
            <p data-i18n="step_3_desc">點選右上角的語言選單,切換您偏好的語言:</p>
            <ul>
                <li><strong>EN</strong>:English</li>
                <li><strong>繁中</strong>:繁體中文(台灣)</li>
                <li><strong>簡中</strong>:簡體中文</li>
                <li><strong>VN</strong>:Tiếng Việt(越南文)</li>
            </ul>
        </div>
        
        <div class="page-break">
            <h1 id="section-4"><span data-i18n="ch4_prefix">4.</span> <span data-i18n="ch4">功能頁籤說明</span></h1>
            
            <p data-i18n="tab_intro">登入後,您會看到以下頁籤:</p>
            
            <table>
                <thead>
                    <tr>
                        <th data-i18n="tab_name">頁籤</th>
                        <th data-i18n="tab_desc">說明</th>
                        <th style="text-align: center; width: 120px;" data-i18n="tab_perm">編輯者權限</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><strong data-i18n="tab_1">1. 命名規範</strong></td>
                        <td data-i18n="tab_1_desc">查看 NCR 編號命名規則</td>
                        <td style="text-align: center;"><span class="badge badge-yes">✓ <span data-i18n="viewable">可檢視</span></span></td>
                    </tr>
                    <tr>
                        <td><strong data-i18n="tab_2">2. 命名生成器</strong></td>
                        <td data-i18n="tab_2_desc">產生新的 NCR 編號</td>
                        <td style="text-align: center;"><span class="badge badge-no"><span data-i18n="hidden">隱藏</span></span></td>
                    </tr>
                    <tr>
                        <td><strong data-i18n="tab_3">3. 歷史記錄查詢</strong></td>
                        <td data-i18n="tab_3_desc">查詢、篩選、編輯歷史記錄</td>
                        <td style="text-align: center;"><span class="badge badge-info"><span data-i18n="main_workspace">主要工作區</span></span></td>
                    </tr>
                    <tr>
                        <td><strong data-i18n="tab_4">4. 資料庫管理</strong></td>
                        <td data-i18n="tab_4_desc">備份、還原、清空資料庫</td>
                        <td style="text-align: center;"><span class="badge badge-no"><span data-i18n="hidden">隱藏</span></span></td>
                    </tr>
                </tbody>
            </table>
            
            <div class="tip">
                <strong data-i18n="tip_title">💡 提示</strong>
                <span data-i18n="tab_tip">編輯者主要使用「<strong>3. 歷史記錄查詢</strong>」頁籤進行日常作業。</span>
            </div>
        </div>
 
        <div class="page-break">
            <h1 id="section-5"><span data-i18n="ch5_prefix">5.</span> <span data-i18n="ch5">歷史記錄查詢與編輯</span></h1>
            
            <h2 data-i18n="folder_link_title">5.1 網路共用資料夾連結</h2>
            
            <p data-i18n="folder_link_desc">頁面上方會顯示各廠區的網路共用資料夾路徑:</p>
            
            <table>
                <thead>
                    <tr>
                        <th data-i18n="path_name">名稱</th>
                        <th data-i18n="path_url">路徑</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td data-i18n="folder_closed"><strong>結案資料夾</strong></td>
                        <td><code>\\10.192.130.229\Area51\NCRDCC</code></td>
                    </tr>
                    <tr>
                        <td data-i18n="folder_ht"><strong>合泰工作區</strong></td>
                        <td><code>\\10.176.5.233\公司部门\蘇州週報區\01 NCR+客诉 清单---不可剪切</code></td>
                    </tr>
                    <tr>
                        <td data-i18n="folder_vn"><strong>越南工作區</strong></td>
                        <td><code>\\192.1.2.227\vn\department\QC\-1.不良事件追蹤(NCR, INCR)Theo dõi biến cố bất lợi</code></td>
                    </tr>
                </tbody>
            </table>
            
            <h4 data-i18n="op_method">操作方式</h4>
            <ol>
                <li data-i18n="op_step_1">點選「複製路徑」按鈕</li>
                <li data-i18n="op_step_2">開啟「檔案總管」(Windows)</li>
                <li data-i18n="op_step_3">在網址列貼上路徑,按 Enter</li>
                <li data-i18n="op_step_4">需要 IT 權限才能存取</li>
            </ol>
            
            <h2 data-i18n="adv_search_title">5.2 進階搜尋功能</h2>
            
            <h3 data-i18n="kw_search">關鍵字搜尋</h3>
            <p data-i18n="kw_search_desc">在搜尋列中輸入關鍵字,系統會搜尋:</p>
            <ul>
                <li data-i18n="kw_1">檔案名稱</li>
                <li data-i18n="kw_2">自訂名稱</li>
                <li data-i18n="kw_3">備註內容</li>
                <li data-i18n="kw_4">客訴單號</li>
                <li data-i18n="kw_5">責任單位(<strong>包含中文/當地語言名稱</strong>)</li>
            </ul>
            
            <h3 data-i18n="exact_search">精確搜尋</h3>
            <ul>
                <li data-i18n="exact_1"><strong>型號</strong>:輸入產品型號進行精確搜尋</li>
                <li data-i18n="exact_2"><strong>客戶代號</strong>:輸入客戶代號進行精確搜尋</li>
            </ul>
            
            <h3 data-i18n="filter_title">篩選條件</h3>
            
            <h4 data-i18n="filter_type">類別篩選</h4>
            <ul>
                <li>☐ NCR</li>
                <li>☐ INCR</li>
            </ul>
            
            <h4 data-i18n="filter_site">廠區篩選</h4>
            <ul>
                <li>☐ TW</li>
                <li>☐ HT</li>
                <li>☐ VN</li>
            </ul>
            
            <h4 data-i18n="filter_status">狀態篩選</h4>
            <ul>
                <li data-i18n="status_open">☐ 開立(進行中)</li>
                <li data-i18n="status_closed">☐ 結案(已完成)</li>
                <li data-i18n="status_void">☐ 作廢(已取消)</li>
            </ul>
 
            <h3 data-i18n="op_buttons">操作按鈕</h3>
            <ul>
                <li data-i18n="btn_refresh"><strong>🔄 刷新資料</strong>:重新載入最新資料</li>
                <li data-i18n="btn_export"><strong>📊 匯出篩選 Excel</strong>:將目前篩選結果匯出為 Excel</li>
                <li data-i18n="btn_clear"><strong>清除</strong>:清除所有篩選條件</li>
            </ul>
        </div>
 
        <div class="page-break">
            <h1 id="section-6"><span data-i18n="ch6_prefix">6.</span> <span data-i18n="ch6">詳細資料維護</span></h1>
            
            <p data-i18n="detail_intro">點擊記錄列表中的「📄 詳細」按鈕,會在<strong>新分頁</strong>中開啟詳細維護頁面。</p>
            
            <h3 data-i18n="detail_basic">📋 異常基本資訊</h3>
            
            <h4 data-i18n="detail_desc">異常狀況說明(必填)</h4>
            <p data-i18n="detail_desc_ph">請詳細描述發現的異常狀況、不合格情況...</p>
            
            <h4 data-i18n="detail_key">四個關鍵欄位</h4>
            <table>
                <thead>
                    <tr>
                        <th data-i18n="col_field">欄位</th>
                        <th data-i18n="col_desc">說明</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td data-i18n="field_type"><strong>類型</strong></td>
                        <td data-i18n="field_type_desc">異常類型(如:尺寸、外觀、功能等)</td>
                    </tr>
                    <tr>
                        <td data-i18n="field_source"><strong>來源</strong></td>
                        <td data-i18n="field_source_desc">異常發現來源(如:IQC、製程、客戶端等)</td>
                    </tr>
                    <tr>
                        <td><strong>MA/MI</strong></td>
                        <td data-i18n="field_level_desc">Major (MA): 主要缺陷 / Minor (MI): 次要缺陷</td>
                    </tr>
                </tbody>
            </table>
            
            <h3 data-i18n="detail_resp">🏢 責任單位資訊</h3>
            <ul>
                <li data-i18n="resp_type"><strong>單位類別</strong>:部門 / 供應商</li>
                <li data-i18n="resp_name"><strong>責任單位名稱</strong>:例如:模具部 / ABC 公司</li>
                <li data-i18n="resp_person"><strong>責任單位負責人</strong>:輸入負責處理此案的人員姓名</li>
            </ul>
 
            <h3 data-i18n="detail_action">🔍 原因分析與對策</h3>
            
            <h4 data-i18n="action_analysis">責任單位原因分析</h4>
            <p data-i18n="action_analysis_desc">請進行根本原因分析(5 Why、魚骨圖等)...</p>
            
            <h4 data-i18n="action_measure">責任單位改善對策</h4>
            <p data-i18n="action_measure_desc">具體的改善措施、預防再發對策...</p>
            
            <h2 data-i18n="save_change">6.3 儲存變更</h2>
            <p data-i18n="save_desc">點擊右下角「💾 儲存變更」按鈕,系統會顯示成功訊息。</p>
        </div>
 
        <div class="page-break">
            <h1 id="section-7"><span data-i18n="ch7_prefix">7.</span> <span data-i18n="ch7">資料匯出</span></h1>
            <p data-i18n="export_intro">系統支援將篩選後的資料匯出為 Excel 報表,報表內容支援多國語言自動翻譯。</p>
            
            <h3 data-i18n="excel_feat">Excel 特色</h3>
            <ul>
                <li data-i18n="excel_1">✅ <strong>自動統計</strong>:包含狀態、部門、供應商、型號、客戶統計</li>
                <li data-i18n="excel_2">✅ <strong>多語言支援</strong>:依您選擇的語言顯示欄位名稱和數值</li>
                <li data-i18n="excel_3">✅ <strong>智慧欄寬</strong>:自動調整欄寬,支援中英文混合</li>
            </ul>
        </div>
        
        <div class="page-break">
            <h1 id="section-8"><span data-i18n="ch8_prefix">8.</span> <span data-i18n="ch8">常見問題</span></h1>
            
            <h3 data-i18n="q1">Q1:為什麼我看不到「命名生成器」和「資料庫管理」頁籤?</h3>
            <p data-i18n="a1"><strong>A</strong>:這是正常的。編輯者權限只能查看和編輯歷史記錄,無法產生新編號或管理資料庫。</p>
            
            <hr style="margin: 30px 0; border: none; border-top: 1px solid #e2e8f0;">
            
            <h3 data-i18n="q2">Q2:如何搜尋「工程部」的記錄?</h3>
            <p data-i18n="a2"><strong>A</strong>:可以直接輸入中文「工程」,或是輸入英文代碼「ENG」,系統都會自動搜尋。</p>
            
            <hr style="margin: 30px 0; border: none; border-top: 1px solid #e2e8f0;">
            
            <h3 data-i18n="q3">Q3:如何找出「不良率超過 3%」的記錄?</h3>
            <p data-i18n="a3"><strong>A</strong>:點擊「不良率(%)」欄位表頭進行排序,紅色粗體標記的就是超過警示值的記錄。</p>
        </div>
        
        <div class="footer page-break">
            <h2 style="color: #2563eb; margin-bottom: 20px;" data-i18n="support">📞 技術支援</h2>
            
            <p data-i18n="contact_msg">如有任何問題,請聯絡:</p>
            
            <table style="margin: 20px auto; max-width: 600px;">
                <tbody>
                    <tr>
                        <td style="text-align: right; padding-right: 20px;"><strong data-i18n="dept_it">IT 部門</strong></td>
                        <td>內線 17400</td>
                    </tr>
                    <tr>
                        <td style="text-align: right; padding-right: 20px;"><strong data-i18n="admin">系統管理員</strong></td>
                        <td>msdn@hlmt.com.tw</td>
                    </tr>
                </tbody>
            </table>
            
            <hr style="margin: 40px 0; border: none; border-top: 2px solid #e2e8f0;">
            
            <table style="margin: 0 auto; font-size: 0.9rem;">
                <tbody>
                    <tr>
                        <td style="border: none; padding: 5px 15px;"><strong data-i18n="footer_ver">手冊版本</strong></td>
                        <td style="border: none; padding: 5px 15px;">v60</td>
                    </tr>
                    <tr>
                        <td style="border: none; padding: 5px 15px;"><strong data-i18n="footer_date">最後更新</strong></td>
                        <td style="border: none; padding: 5px 15px;">2026/01/21</td>
                    </tr>
                </tbody>
            </table>
            
            <p style="margin-top: 30px; color: #94a3b8; font-size: 0.85rem;" data-i18n="copyright">
                © 2026 合世生醫科技(股)有限公司 版權所有<br>
                本手冊內容僅供內部使用,未經授權不得複製或對外傳播
            </p>
        </div>
        
    </div>
 
    <script>
        // 翻譯字典
        const translations = {
            tw: {
                page_title: "NCR 線上系統使用手冊(編輯者版)",
                print_btn: "列印/儲存 PDF",
                sys_name: "NCR 線上系統",
                manual_title: "使用手冊(編輯者版)",
                version: "版本 v60",
                lang_label: "繁體中文",
                last_update: "最後更新",
                target_user: "適用對象",
                editor_perm: "編輯者(Editor)權限使用者",
                dept: "編制單位",
                it_dept: "資訊部",
                toc: "📋 目錄",
                ch1: "系統簡介", ch2: "權限說明", ch3: "登入系統", ch4: "功能頁籤說明",
                ch5: "歷史記錄查詢與編輯", ch6: "詳細資料維護", ch7: "資料匯出", ch8: "常見問題",
                ch1_prefix: "1.", ch2_prefix: "2.", ch3_prefix: "3.", ch4_prefix: "4.",
                ch5_prefix: "5.", ch6_prefix: "6.", ch7_prefix: "7.", ch8_prefix: "8.",
                
                intro_text: "NCR 線上系統是一套用於管理不合格報告(Non-Conformance Report)的編號與追蹤系統。系統支援多廠區、多語言,並提供完整的歷史記錄查詢、編輯與匯出功能。",
                main_features: "主要功能",
                feat_1: "歷史記錄查詢與進階篩選",
                feat_2: "編輯現有 NCR 記錄(狀態、責任單位、備註等)",
                feat_3: "詳細資料維護(異常說明、原因分析、改善對策)",
                feat_4: "匯出篩選後的 Excel 報表",
                feat_5: "到期提醒與不良率警示",
                feat_6: "多語言支援(繁中、簡中、英文、越南文)",
 
                editor_scope: "編輯者(Editor)權限範圍",
                th_func: "功能", th_perm: "權限",
                perm_1: "檢視命名規範", perm_2: "產生新編號", perm_3: "查詢歷史記錄",
                perm_4: "編輯現有記錄", perm_5: "維護詳細資料", perm_6: "匯出 Excel", perm_7: "備份/還原資料庫",
                yes: "可以", no: "不可以",
                note_title: "📌 注意事項",
                ip_note: "您的 IP 位址必須在允許的編輯者清單中才能使用編輯功能。如需開通權限,請聯絡資訊部。",
 
                step_1: "步驟 1", step_1_title: "開啟系統", step_1_desc: "在瀏覽器輸入系統網址:",
                step_2: "步驟 2", step_2_title: "輸入姓名", step_2_desc: "首次登入時會彈出對話框,請輸入您的姓名:",
                login_note_1: "姓名不可空白", login_note_2: "姓名會顯示在頁面右上角", login_note_3: "下次登入時會自動記住",
                step_3: "步驟 3", step_3_title: "選擇語言", step_3_desc: "點選右上角的語言選單,切換您偏好的語言:",
 
                tab_intro: "登入後,您會看到以下頁籤:",
                tab_name: "頁籤", tab_desc: "說明", tab_perm: "編輯者權限",
                tab_1: "1. 命名規範", tab_1_desc: "查看 NCR 編號命名規則", viewable: "可檢視",
                tab_2: "2. 命名生成器", tab_2_desc: "產生新的 NCR 編號", hidden: "隱藏",
                tab_3: "3. 歷史記錄查詢", tab_3_desc: "查詢、篩選、編輯歷史記錄", main_workspace: "主要工作區",
                tab_4: "4. 資料庫管理", tab_4_desc: "備份、還原、清空資料庫",
                tip_title: "💡 提示", tab_tip: "編輯者主要使用「3. 歷史記錄查詢」頁籤進行日常作業。",
 
                folder_link_title: "5.1 網路共用資料夾連結",
                folder_link_desc: "頁面上方會顯示各廠區的網路共用資料夾路徑:",
                path_name: "名稱", path_url: "路徑",
                folder_closed: "結案資料夾", folder_ht: "合泰工作區", folder_vn: "越南工作區",
                op_method: "操作方式",
                op_step_1: "點選「複製路徑」按鈕", op_step_2: "開啟「檔案總管」(Windows)",
                op_step_3: "在網址列貼上路徑,按 Enter", op_step_4: "需要 IT 權限才能存取",
 
                adv_search_title: "5.2 進階搜尋功能",
                kw_search: "關鍵字搜尋", kw_search_desc: "在搜尋列中輸入關鍵字,系統會搜尋:",
                kw_1: "檔案名稱", kw_2: "自訂名稱", kw_3: "備註內容", kw_4: "客訴單號", kw_5: "責任單位(包含中文/當地語言名稱)",
                exact_search: "精確搜尋",
                exact_1: "型號:輸入產品型號進行精確搜尋", exact_2: "客戶代號:輸入客戶代號進行精確搜尋",
                filter_title: "篩選條件", filter_type: "類別篩選", filter_site: "廠區篩選", filter_status: "狀態篩選",
                status_open: "☐ 開立(進行中)", status_closed: "☐ 結案(已完成)", status_void: "☐ 作廢(已取消)",
                op_buttons: "操作按鈕",
                btn_refresh: "🔄 刷新資料:重新載入最新資料", btn_export: "📊 匯出篩選 Excel:將目前篩選結果匯出為 Excel", btn_clear: "清除:清除所有篩選條件",
 
                detail_intro: "點擊記錄列表中的「📄 詳細」按鈕,會在新分頁中開啟詳細維護頁面。",
                detail_basic: "📋 異常基本資訊",
                detail_desc: "異常狀況說明(必填)", detail_desc_ph: "請詳細描述發現的異常狀況、不合格情況...",
                detail_key: "四個關鍵欄位",
                col_field: "欄位", col_desc: "說明",
                field_type: "類型", field_type_desc: "異常類型(如:尺寸、外觀、功能等)",
                field_source: "來源", field_source_desc: "異常發現來源(如:IQC、製程、客戶端等)",
                field_level_desc: "Major (MA): 主要缺陷 / Minor (MI): 次要缺陷",
                detail_resp: "🏢 責任單位資訊",
                resp_type: "單位類別:部門 / 供應商", resp_name: "責任單位名稱:例如:模具部 / ABC 公司", resp_person: "責任單位負責人:輸入負責處理此案的人員姓名",
                detail_action: "🔍 原因分析與對策",
                action_analysis: "責任單位原因分析", action_analysis_desc: "請進行根本原因分析(5 Why、魚骨圖等)...",
                action_measure: "責任單位改善對策", action_measure_desc: "具體的改善措施、預防再發對策...",
                save_change: "6.3 儲存變更", save_desc: "點擊右下角「💾 儲存變更」按鈕,系統會顯示成功訊息。",
 
                export_intro: "系統支援將篩選後的資料匯出為 Excel 報表,報表內容支援多國語言自動翻譯。",
                excel_feat: "Excel 特色",
                excel_1: "✅ 自動統計:包含狀態、部門、供應商、型號、客戶統計",
                excel_2: "✅ 多語言支援:依您選擇的語言顯示欄位名稱和數值",
                excel_3: "✅ 智慧欄寬:自動調整欄寬,支援中英文混合",
 
                q1: "Q1:為什麼我看不到「命名生成器」和「資料庫管理」頁籤?",
                a1: "A:這是正常的。編輯者權限只能查看和編輯歷史記錄,無法產生新編號或管理資料庫。",
                q2: "Q2:如何搜尋「工程部」的記錄?",
                a2: "A:可以直接輸入中文「工程」,或是輸入英文代碼「ENG」,系統都會自動搜尋。",
                q3: "Q3:如何找出「不良率超過 3%」的記錄?",
                a3: "A:點擊「不良率(%)」欄位表頭進行排序,紅色粗體標記的就是超過警示值的記錄。",
 
                support: "📞 技術支援", contact_msg: "如有任何問題,請聯絡:",
                dept_it: "IT 部門", admin: "系統管理員",
                footer_ver: "手冊版本", footer_date: "最後更新",
                copyright: "© 2026 合世生醫科技(股)有限公司 版權所有<br>本手冊內容僅供內部使用,未經授權不得複製或對外傳播"
            },
            cn: {
                page_title: "NCR 在线系统使用手册(编辑者版)",
                print_btn: "打印/保存 PDF",
                sys_name: "NCR 在线系统",
                manual_title: "使用手册(编辑者版)",
                version: "版本 v60",
                lang_label: "简体中文",
                last_update: "最后更新",
                target_user: "适用对象",
                editor_perm: "编辑者(Editor)权限用户",
                dept: "编制单位",
                it_dept: "资讯部",
                toc: "📋 目录",
                ch1: "系统简介", ch2: "权限说明", ch3: "登录系统", ch4: "功能页签说明",
                ch5: "历史记录查询与编辑", ch6: "详细资料维护", ch7: "资料导出", ch8: "常见问题",
                
                intro_text: "NCR 在线系统是一套用于管理不合格报告(Non-Conformance Report)的编号与追踪系统。系统支持多厂区、多语言,并提供完整的历史记录查询、编辑与导出功能。",
                main_features: "主要功能",
                feat_1: "历史记录查询与进阶筛选",
                feat_2: "编辑现有 NCR 记录(状态、责任单位、备注等)",
                feat_3: "详细资料维护(异常说明、原因分析、改善对策)",
                feat_4: "导出筛选后的 Excel 报表",
                feat_5: "到期提醒与不良率警示",
                feat_6: "多语言支持(繁中、简中、英文、越南文)",
 
                editor_scope: "编辑者(Editor)权限范围",
                th_func: "功能", th_perm: "权限",
                perm_1: "检视命名规范", perm_2: "产生新编号", perm_3: "查询历史记录",
                perm_4: "编辑现有记录", perm_5: "维护详细资料", perm_6: "导出 Excel", perm_7: "备份/还原数据库",
                yes: "可以", no: "不可以",
                note_title: "📌 注意事项",
                ip_note: "您的 IP 地址必须在允许的编辑者清单中才能使用编辑功能。如需开通权限,请联络资讯部。",
 
                step_1: "步骤 1", step_1_title: "开启系统", step_1_desc: "在浏览器输入系统网址:",
                step_2: "步骤 2", step_2_title: "输入姓名", step_2_desc: "首次登录时会弹出对话框,请输入您的姓名:",
                login_note_1: "姓名不可空白", login_note_2: "姓名会显示在页面右上角", login_note_3: "下次登录时会自动记住",
                step_3: "步骤 3", step_3_title: "选择语言", step_3_desc: "点选右上角的语言选单,切换您偏好的语言:",
 
                tab_intro: "登录后,您会看到以下页签:",
                tab_name: "页签", tab_desc: "说明", tab_perm: "编辑者权限",
                tab_1: "1. 命名规范", tab_1_desc: "查看 NCR 编号命名规则", viewable: "可检视",
                tab_2: "2. 命名生成器", tab_2_desc: "产生新的 NCR 编号", hidden: "隐藏",
                tab_3: "3. 历史记录查询", tab_3_desc: "查询、筛选、编辑历史记录", main_workspace: "主要工作区",
                tab_4: "4. 数据库管理", tab_4_desc: "备份、还原、清空数据库",
                tip_title: "💡 提示", tab_tip: "编辑者主要使用“3. 历史记录查询”页签进行日常作业。",
 
                folder_link_title: "5.1 网络共用文件夹链接",
                folder_link_desc: "页面上方会显示各厂区的网络共用文件夹路径:",
                path_name: "名称", path_url: "路径",
                folder_closed: "结案文件夹", folder_ht: "合泰工作区", folder_vn: "越南工作区",
                op_method: "操作方式",
                op_step_1: "点选“复制路径”按钮", op_step_2: "开启“文件资源管理器”(Windows)",
                op_step_3: "在地址栏贴上路径,按 Enter", op_step_4: "需要 IT 权限才能存取",
 
                adv_search_title: "5.2 进阶搜寻功能",
                kw_search: "关键字搜寻", kw_search_desc: "在搜寻列中输入关键字,系统会搜寻:",
                kw_1: "档案名称", kw_2: "自订名称", kw_3: "备注内容", kw_4: "客诉单号", kw_5: "责任单位(包含中文/当地语言名称)",
                exact_search: "精确搜寻",
                exact_1: "型号:输入产品型号进行精确搜寻", exact_2: "客户代号:输入客户代号进行精确搜寻",
                filter_title: "筛选条件", filter_type: "类别筛选", filter_site: "厂区筛选", filter_status: "状态筛选",
                status_open: "☐ 开立(进行中)", status_closed: "☐ 结案(已完成)", status_void: "☐ 作废(已取消)",
                op_buttons: "操作按钮",
                btn_refresh: "🔄 刷新资料:重新载入最新资料", btn_export: "📊 导出筛选 Excel:将目前筛选结果导出为 Excel", btn_clear: "清除:清除所有筛选条件",
 
                detail_intro: "点击记录列表中的“📄 详细”按钮,会在新分页中开启详细维护页面。",
                detail_basic: "📋 异常基本信息",
                detail_desc: "异常状况说明(必填)", detail_desc_ph: "请详细描述发现的异常状况、不合格情况...",
                detail_key: "四个关键栏位",
                col_field: "栏位", col_desc: "说明",
                field_type: "类型", field_type_desc: "异常类型(如:尺寸、外观、功能等)",
                field_source: "来源", field_source_desc: "异常发现来源(如:IQC、制程、客户端等)",
                field_level_desc: "Major (MA): 主要缺陷 / Minor (MI): 次要缺陷",
                detail_resp: "🏢 责任单位信息",
                resp_type: "单位类别:部门 / 供应商", resp_name: "责任单位名称:例如:模具部 / ABC 公司", resp_person: "责任单位负责人:输入负责处理此案的人员姓名",
                detail_action: "🔍 原因分析与对策",
                action_analysis: "责任单位原因分析", action_analysis_desc: "请进行根本原因分析(5 Why、鱼骨图等)...",
                action_measure: "责任单位改善对策", action_measure_desc: "具体的改善措施、预防再发对策...",
                save_change: "6.3 储存变更", save_desc: "点击右下角“💾 储存变更”按钮,系统会显示成功讯息。",
 
                export_intro: "系统支持将筛选后的资料导出为 Excel 报表,报表内容支持多国语言自动翻译。",
                excel_feat: "Excel 特色",
                excel_1: "✅ 自动统计:包含状态、部门、供应商、型号、客户统计",
                excel_2: "✅ 多语言支持:依您选择的语言显示栏位名称和数值",
                excel_3: "✅ 智慧栏宽:自动调整栏宽,支持中英文混合",
 
                q1: "Q1:为什么我看不到“命名生成器”和“数据库管理”页签?",
                a1: "A:这是正常的。编辑者权限只能查看和编辑历史记录,无法产生新编号或管理数据库。",
                q2: "Q2:如何搜寻“工程部”的记录?",
                a2: "A:可以直接输入中文“工程”,或是输入英文代码“ENG”,系统都会自动搜寻。",
                q3: "Q3:如何找出“不良率超过 3%”的记录?",
                a3: "A:点击“不良率(%)”栏位表头进行排序,红色粗体标记的就是超过警示值的记录。",
 
                support: "📞 技术支援", contact_msg: "如有任何问题,请联络:",
                dept_it: "IT 部门", admin: "系统管理员",
                footer_ver: "手册版本", footer_date: "最后更新",
                copyright: "© 2026 合世生医科技(股)有限公司 版权所有<br>本手册内容仅供内部使用,未经授权不得复制或对外传播"
            },
            en: {
                page_title: "NCR Online System User Manual (Editor)",
                print_btn: "Print / Save PDF",
                sys_name: "NCR Online System",
                manual_title: "User Manual (Editor Version)",
                version: "Version v60",
                lang_label: "English",
                last_update: "Last Updated",
                target_user: "Target Audience",
                editor_perm: "Users with Editor Permissions",
                dept: "Department",
                it_dept: "IT Department",
                toc: "📋 Table of Contents",
                ch1: "Introduction", ch2: "Permissions", ch3: "Login", ch4: "Tabs Guide",
                ch5: "History & Editing", ch6: "Detail Maintenance", ch7: "Data Export", ch8: "FAQ",
                
                intro_text: "The NCR Online System is used for managing Non-Conformance Report numbering and tracking. It supports multiple sites, multiple languages, and provides full history inquiry, editing, and export functions.",
                main_features: "Main Features",
                feat_1: "History inquiry and advanced filtering",
                feat_2: "Edit existing NCR records (Status, Resp. Unit, Remarks, etc.)",
                feat_3: "Maintain detailed data (Defect desc., Root cause, Corrective action)",
                feat_4: "Export filtered data to Excel",
                feat_5: "Expiration reminders and Defect Rate warnings",
                feat_6: "Multi-language support (TW, CN, EN, VN)",
 
                editor_scope: "Editor Permission Scope",
                th_func: "Function", th_perm: "Permission",
                perm_1: "View Naming Rules", perm_2: "Generate New No.", perm_3: "Query History",
                perm_4: "Edit Records", perm_5: "Maintain Details", perm_6: "Export Excel", perm_7: "Backup/Restore DB",
                yes: "Allowed", no: "Denied",
                note_title: "📌 Note",
                ip_note: "Your IP address must be on the allowed Editor list to use editing functions. Contact IT for access.",
 
                step_1: "Step 1", step_1_title: "Open System", step_1_desc: "Enter the URL in browser:",
                step_2: "Step 2", step_2_title: "Enter Name", step_2_desc: "A dialog will appear on first login:",
                login_note_1: "Name cannot be empty", login_note_2: "Name is shown at top-right", login_note_3: "Auto-remembered for next time",
                step_3: "Step 3", step_3_title: "Select Language", step_3_desc: "Click the top-right menu to switch language:",
 
                tab_intro: "After login, you will see these tabs:",
                tab_name: "Tab", tab_desc: "Description", tab_perm: "Editor Perm",
                tab_1: "1. Naming Rules", tab_1_desc: "View NCR naming conventions", viewable: "Viewable",
                tab_2: "2. Generator", tab_2_desc: "Generate new NCR numbers", hidden: "Hidden",
                tab_3: "3. History Query", tab_3_desc: "Search, filter, edit history", main_workspace: "Main Workspace",
                tab_4: "4. DB Management", tab_4_desc: "Backup, restore, clear DB",
                tip_title: "💡 Tip", tab_tip: "Editors mostly use the '3. History Query' tab for daily work.",
 
                folder_link_title: "5.1 Network Shared Folder Links",
                folder_link_desc: "Paths for shared folders are shown at the top:",
                path_name: "Name", path_url: "Path",
                folder_closed: "Closed Case Folder", folder_ht: "Hertai Workspace", folder_vn: "Vietnam Workspace",
                op_method: "How to use",
                op_step_1: "Click 'Copy Path' button", op_step_2: "Open 'File Explorer' (Windows)",
                op_step_3: "Paste path in address bar and hit Enter", op_step_4: "IT permission required",
 
                adv_search_title: "5.2 Advanced Search",
                kw_search: "Keyword Search", kw_search_desc: "Enter keywords to search:",
                kw_1: "File name", kw_2: "Custom name", kw_3: "Remarks", kw_4: "Complaint No.", kw_5: "Resp. Unit (Search in any language)",
                exact_search: "Exact Search",
                exact_1: "Model: Exact match for product model", exact_2: "Customer Code: Exact match for customer code",
                filter_title: "Filters", filter_type: "Type Filter", filter_site: "Site Filter", filter_status: "Status Filter",
                status_open: "☐ Open (Active)", status_closed: "☐ Closed (Done)", status_void: "☐ Void (Cancelled)",
                op_buttons: "Buttons",
                btn_refresh: "🔄 Refresh: Reload latest data", btn_export: "📊 Export Excel: Download filtered results", btn_clear: "Clear: Reset filters",
 
                detail_intro: "Click '📄 Detail' in the list to open the detail maintenance page in a new tab.",
                detail_basic: "📋 Basic Defect Info",
                detail_desc: "Defect Description (Required)", detail_desc_ph: "Describe the defect, non-conformance...",
                detail_key: "Four Key Fields",
                col_field: "Field", col_desc: "Description",
                field_type: "Type", field_type_desc: "Defect type (Size, Appearance, Function...)",
                field_source: "Source", field_source_desc: "Source (IQC, Process, Customer...)",
                field_level_desc: "Major (MA) / Minor (MI)",
                detail_resp: "🏢 Resp. Unit Info",
                resp_type: "Type: Dept / Supplier", resp_name: "Name: e.g., Molding / ABC Corp", resp_person: "Person in Charge: Enter name",
                detail_action: "🔍 Analysis & Action",
                action_analysis: "Root Cause Analysis", action_analysis_desc: "Root cause (5 Why, Fishbone...)",
                action_measure: "Corrective Action", action_measure_desc: "Improvement measures, prevention...",
                save_change: "6.3 Save Changes", save_desc: "Click '💾 Save Changes' at bottom right. Success message will appear.",
 
                export_intro: "The system supports exporting filtered data to Excel with auto-translation.",
                excel_feat: "Excel Features",
                excel_1: "✅ Auto Statistics: Status, Dept, Supplier, Model, Customer",
                excel_2: "✅ Multi-lang: Headers and values shown in selected language",
                excel_3: "✅ Smart Width: Auto-adjust column width",
 
                q1: "Q1: Why can't I see 'Generator' and 'DB Management' tabs?",
                a1: "A: This is normal. Editors can only view/edit history, not generate numbers or manage DB.",
                q2: "Q2: How to search for 'Engineering' records?",
                a2: "A: You can type '工程' (Chinese) or 'ENG' (Code). Both work.",
                q3: "Q3: How to find records with 'Defect Rate > 3%'?",
                a3: "A: Click the 'Defect Rate(%)' header to sort. Red bold text indicates > 3%.",
 
                support: "📞 Tech Support", contact_msg: "For issues, please contact:",
                dept_it: "IT Dept", admin: "System Admin",
                footer_ver: "Manual Ver", footer_date: "Last Update",
                copyright: "© 2026 Health & Life Co., Ltd. All Rights Reserved.<br>Internal use only."
            },
            vn: {
                page_title: "Hướng dẫn sử dụng Hệ thống NCR Trực tuyến (Editor)",
                print_btn: "In / Lưu PDF",
                sys_name: "Hệ thống NCR",
                manual_title: "Hướng dẫn sử dụng (Phiên bản Editor)",
                version: "Phiên bản v60",
                lang_label: "Tiếng Việt",
                last_update: "Cập nhật lần cuối",
                target_user: "Đối tượng",
                editor_perm: "Người dùng có quyền Biên tập (Editor)",
                dept: "Đơn vị soạn thảo",
                it_dept: "Bộ phận CNTT (IT)",
                toc: "📋 Mục lục",
                ch1: "Giới thiệu hệ thống", ch2: "Quyền hạn", ch3: "Đăng nhập", ch4: "Các tab chức năng",
                ch5: "Tra cứu & Chỉnh sửa", ch6: "Bảo trì chi tiết", ch7: "Xuất dữ liệu", ch8: "Câu hỏi thường gặp",
                
                intro_text: "Hệ thống NCR Trực tuyến được sử dụng để quản lý số và theo dõi Báo cáo Không phù hợp (Non-Conformance Report). Hệ thống hỗ trợ đa nhà máy, đa ngôn ngữ và cung cấp đầy đủ chức năng tra cứu lịch sử, chỉnh sửa và xuất dữ liệu.",
                main_features: "Chức năng chính",
                feat_1: "Tra cứu lịch sử và lọc nâng cao",
                feat_2: "Chỉnh sửa bản ghi NCR (Trạng thái, Đơn vị chịu trách nhiệm, Ghi chú...)",
                feat_3: "Bảo trì dữ liệu chi tiết (Mô tả lỗi, Phân tích nguyên nhân, Đối sách)",
                feat_4: "Xuất báo cáo Excel sau khi lọc",
                feat_5: "Cảnh báo hết hạn và Tỷ lệ lỗi",
                feat_6: "Hỗ trợ đa ngôn ngữ (TW, CN, EN, VN)",
 
                editor_scope: "Phạm vi quyền hạn Editor",
                th_func: "Chức năng", th_perm: "Quyền hạn",
                perm_1: "Xem quy tắc đặt tên", perm_2: "Tạo số mới", perm_3: "Tra cứu lịch sử",
                perm_4: "Chỉnh sửa bản ghi", perm_5: "Bảo trì chi tiết", perm_6: "Xuất Excel", perm_7: "Sao lưu/K.phục CSDL",
                yes: "Được phép", no: "Không được phép",
                note_title: "📌 Lưu ý",
                ip_note: "Địa chỉ IP của bạn phải nằm trong danh sách cho phép Editor. Liên hệ IT để được cấp quyền.",
 
                step_1: "Bước 1", step_1_title: "Mở hệ thống", step_1_desc: "Nhập địa chỉ vào trình duyệt:",
                step_2: "Bước 2", step_2_title: "Nhập tên", step_2_desc: "Hộp thoại xuất hiện khi đăng nhập lần đầu:",
                login_note_1: "Tên không được để trống", login_note_2: "Tên hiển thị ở góc trên bên phải", login_note_3: "Tự động ghi nhớ lần sau",
                step_3: "Bước 3", step_3_title: "Chọn ngôn ngữ", step_3_desc: "Nhấn vào menu ngôn ngữ góc trên phải:",
 
                tab_intro: "Sau khi đăng nhập, bạn sẽ thấy các tab sau:",
                tab_name: "Tab", tab_desc: "Mô tả", tab_perm: "Quyền Editor",
                tab_1: "1. Quy tắc đặt tên", tab_1_desc: "Xem quy tắc đặt tên NCR", viewable: "Xem được",
                tab_2: "2. Trình tạo số", tab_2_desc: "Tạo số NCR mới", hidden: "Ẩn",
                tab_3: "3. Tra cứu lịch sử", tab_3_desc: "Tìm kiếm, lọc, sửa lịch sử", main_workspace: "Khu vực làm việc chính",
                tab_4: "4. Quản lý CSDL", tab_4_desc: "Sao lưu, khôi phục, xóa CSDL",
                tip_title: "💡 Mẹo", tab_tip: "Editor chủ yếu sử dụng tab '3. Tra cứu lịch sử' cho công việc hàng ngày.",
 
                folder_link_title: "5.1 Liên kết thư mục chia sẻ mạng",
                folder_link_desc: "Đường dẫn thư mục chia sẻ hiển thị ở trên cùng:",
                path_name: "Tên", path_url: "Đường dẫn",
                folder_closed: "Thư mục đã đóng (Closed)", folder_ht: "Khu vực làm việc HT", folder_vn: "Khu vực làm việc VN",
                op_method: "Cách sử dụng",
                op_step_1: "Nhấn nút 'Sao chép đường dẫn'", op_step_2: "Mở 'File Explorer' (Windows)",
                op_step_3: "Dán đường dẫn vào thanh địa chỉ và nhấn Enter", op_step_4: "Cần quyền truy cập IT",
 
                adv_search_title: "5.2 Tìm kiếm nâng cao",
                kw_search: "Tìm kiếm từ khóa", kw_search_desc: "Nhập từ khóa để tìm:",
                kw_1: "Tên tệp", kw_2: "Tên tùy chỉnh", kw_3: "Ghi chú", kw_4: "Số khiếu nại", kw_5: "Đơn vị chịu trách nhiệm (Tìm bằng mọi ngôn ngữ)",
                exact_search: "Tìm kiếm chính xác",
                exact_1: "Model: Tìm chính xác model sản phẩm", exact_2: "Mã khách hàng: Tìm chính xác mã khách hàng",
                filter_title: "Điều kiện lọc", filter_type: "Lọc loại", filter_site: "Lọc nhà máy", filter_status: "Lọc trạng thái",
                status_open: "☐ Mở (Đang xử lý)", status_closed: "☐ Đóng (Hoàn thành)", status_void: "☐ Hủy (Vô hiệu)",
                op_buttons: "Nút thao tác",
                btn_refresh: "🔄 Làm mới: Tải lại dữ liệu mới nhất", btn_export: "📊 Xuất Excel: Tải xuống kết quả đã lọc", btn_clear: "Xóa: Xóa điều kiện lọc",
 
                detail_intro: "Nhấn '📄 Chi tiết' trong danh sách để mở trang bảo trì chi tiết trong tab mới.",
                detail_basic: "📋 Thông tin lỗi cơ bản",
                detail_desc: "Mô tả tình trạng lỗi (Bắt buộc)", detail_desc_ph: "Mô tả chi tiết lỗi, tình trạng không phù hợp...",
                detail_key: "4 Trường quan trọng",
                col_field: "Trường", col_desc: "Mô tả",
                field_type: "Loại", field_type_desc: "Loại lỗi (Kích thước, Ngoại quan, Chức năng...)",
                field_source: "Nguồn", field_source_desc: "Nguồn phát hiện (IQC, Quy trình, Khách hàng...)",
                field_level_desc: "Major (MA): Lỗi chính / Minor (MI): Lỗi phụ",
                detail_resp: "🏢 Thông tin Đơn vị chịu trách nhiệm",
                resp_type: "Loại: Bộ phận / NCC", resp_name: "Tên: VD: Khuôn mẫu / Công ty ABC", resp_person: "Người phụ trách: Nhập tên",
                detail_action: "🔍 Phân tích & Đối sách",
                action_analysis: "Phân tích nguyên nhân", action_analysis_desc: "Nguyên nhân gốc rễ (5 Why, Biểu đồ xương cá...)",
                action_measure: "Đối sách cải tiến", action_measure_desc: "Biện pháp cải tiến, phòng ngừa...",
                save_change: "6.3 Lưu thay đổi", save_desc: "Nhấn '💾 Lưu thay đổi' ở góc dưới phải. Thông báo thành công sẽ hiện ra.",
 
                export_intro: "Hệ thống hỗ trợ xuất dữ liệu đã lọc sang Excel với tính năng tự động dịch.",
                excel_feat: "Tính năng Excel",
                excel_1: "✅ Tự động thống kê: Trạng thái, Bộ phận, NCC, Model, Khách hàng",
                excel_2: "✅ Đa ngôn ngữ: Tiêu đề và giá trị hiển thị theo ngôn ngữ đã chọn",
                excel_3: "✅ Độ rộng thông minh: Tự động điều chỉnh cột",
 
                q1: "Q1: Tại sao tôi không thấy tab 'Trình tạo số' và 'Quản lý CSDL'?",
                a1: "A: Điều này là bình thường. Editor chỉ có thể xem/sửa lịch sử, không thể tạo số mới hoặc quản lý CSDL.",
                q2: "Q2: Làm sao để tìm bản ghi của 'Bộ phận Kỹ thuật'?",
                a2: "A: Bạn có thể nhập '工程' (Tiếng Trung) hoặc 'ENG' (Mã). Cả hai đều được.",
                q3: "Q3: Làm sao tìm các bản ghi có 'Tỷ lệ lỗi > 3%'?",
                a3: "A: Nhấn vào tiêu đề 'Tỷ lệ lỗi (%)' để sắp xếp. Chữ đỏ đậm biểu thị > 3%.",
 
                support: "📞 Hỗ trợ kỹ thuật", contact_msg: "Nếu có vấn đề, vui lòng liên hệ:",
                dept_it: "Bộ phận IT", admin: "Quản trị hệ thống",
                footer_ver: "Phiên bản", footer_date: "Cập nhật lần cuối",
                copyright: "© 2026 Công ty Cổ phần Công nghệ Y sinh Health & Life.<br>Chỉ sử dụng nội bộ."
            }
        };
 
        // 切換語言功能
        function setLanguage(lang) {
            // 1. 設定 html lang 屬性
            document.documentElement.lang = lang === 'vn' ? 'vi' : (lang === 'cn' ? 'zh-CN' : (lang === 'en' ? 'en' : 'zh-TW'));
            
            // 2. 更新按鈕狀態
            document.querySelectorAll('.lang-btn').forEach(btn => {
                btn.classList.remove('active');
            });
            event.target.classList.add('active');
 
            // 3. 替換文字內容
            const currentLangData = translations[lang] || translations['tw'];
            
            document.querySelectorAll('[data-i18n]').forEach(element => {
                const key = element.getAttribute('data-i18n');
                if (currentLangData[key]) {
                    // 如果原本裡面有 HTML (例如 badge),要小心處理
                    // 這裡簡單處理:如果是純文字節點直接換,如果有子元素則嘗試保留結構(複雜),
                    // 本範例中大多數 key 對應純文字,若包含 HTML 標籤的內容已在字典中寫入 HTML
                    element.innerHTML = currentLangData[key];
                }
            });
        }
    </script>
</body>
</html>