update 更新佣金费率界面

languages/__init__.py

@@ -168,19 +168,18 @@ TRANSLATIONS = {
         'live_chat': '在线聊天',
         'live_chat_desc': '通过网站右下角的聊天窗口与客服实时沟通',
         'start_chat': '开始聊天',
-        'commission_rates': '详细佣金费率',
+        'commission_rates': '佣金费率',
         'commission_rates_desc': '透明公开的交易费用，助力您的投资决策',
         'market': '市场',
         'product_type': '产品类型',
-        'commission_rate': '佣金费率',
+        'minimum_fee': '平台费',
-        'minimum_fee': '最低收费',
+        'additional_fees': '说明',
-        'additional_fees': '其他费用',
         'commission_note': '以上费率仅供参考，实际费用可能因市场情况而变化。详细费用请参考最新费率表。',
         'stocks': '股票',
         'options': '期权',
         'futures': '期货',
         'funds': '基金',
-        'other_products': '其他产品'
+        'other_products': '更多'
     },
     'zh-TW': {
         'home': '首頁',

templates/pricing.html

@@ -13,7 +13,7 @@
 <section class="commission-table">
     <div class="container">
         <div class="section-title">
-            <h2>{{ t('commission_rates') if t('commission_rates') else '详细佣金费率' }}</h2>
+            <h2>{{ t('commission_rates') if t('commission_rates') else '佣金费率' }}</h2>
             <p>{{ t('commission_rates_desc') if t('commission_rates_desc') else '透明公开的交易费用，助力您的投资决策' }}</p>
         </div>
 
@@ -24,7 +24,7 @@
                 <!-- <button class="tab-button" data-tab="options">{{ t('options') if t('options') else '期权' }}</button>
                 <button class="tab-button" data-tab="futures">{{ t('futures') if t('futures') else '期货' }}</button>
                 <button class="tab-button" data-tab="funds">{{ t('funds') if t('funds') else '基金' }}</button> -->
-                <button class="tab-button" data-tab="other">{{ t('other_products') if t('other_products') else '其他产品'
+                <button class="tab-button" data-tab="other">{{ t('other_products') if t('other_products') else '更多'
                     }}</button>
             </div>
 
@@ -44,18 +44,19 @@
                             </thead>
                             <tbody>
                                 <tr>
-                                    <td>港股</td>
+                                    <td>港股 (港币)</td>
                                     <td>股票交易</td>
-                                    <td>0.25%</td>
+                                    <td>0.125% <br>最低HK$70</td>
-                                    <td>HK$ 100</td>
+                                    <td>0</td>
-                                    <td>印花税: 0.13%<br>交易征费: 0.0027%<br>证监会征费: 0.00015%</td>
+                                    <td>电子交易平台</td>
                                 </tr>
                                 <tr>
-                                    <td>美股</td>
+                                    <td>美股 (美元)</td>
                                     <td>股票交易</td>
-                                    <td>US$ 0.005/股</td>
+                                    <td>US$ 0.0049/股<br>最低US$0.99/订单</US1>
-                                    <td>US$ 1.00</td>
+                                    </td>
-                                    <td>SEC Fee: 0.0000229%<br>FINRA TAF: US$ 0.000145/股</td>
+                                    <td>US$ 0.005/股<br>最低US$1.00/订单 </td>
+                                    <td>电子交易平台</td>
                                 </tr>
                                 <!-- <tr>
                                     <td>A股</td>
@@ -263,7 +264,9 @@
                 <div id="other" class="tab-pane">
                     <div class="table-container">
                         <table class="commission-rates-table">
-                            <thead>
+                            <li style="font-size: 1.2em; text-align: center;"><a href="javascript:void(0);"
+                                    onclick="showPdfModal()">了解详情</a></li>
+                            <!-- <thead>
                                 <tr>
                                     <th>{{ t('market') if t('market') else '市场' }}</th>
                                     <th>{{ t('product_type') if t('product_type') else '产品类型' }}</th>
@@ -271,9 +274,9 @@
                                     <th>{{ t('minimum_fee') if t('minimum_fee') else '最低收费' }}</th>
                                     <th>{{ t('additional_fees') if t('additional_fees') else '其他费用' }}</th>
                                 </tr>
-                            </thead>
+                            </thead> -->
-                            <tbody>
+                            <!-- <tbody>
-                                <!-- <tr>
+                                <tr>
                                     <td>加密货币</td>
                                     <td>现货交易</td>
                                     <td>0.10%</td>
@@ -286,7 +289,7 @@
                                     <td>0.08%</td>
                                     <td>US$ 10.00</td>
                                     <td>隔夜利息: 可变</td>
-                                </tr> -->
+                                </tr>
                                 <tr>
                                     <td>结构性产品</td>
                                     <td>牛熊证</td>
@@ -294,21 +297,21 @@
                                     <td>HK$ 50</td>
                                     <td>行使费: 0.003%</td>
                                 </tr>
-                            </tbody>
+                            </tbody> -->
                         </table>
                     </div>
                 </div>
             </div>
         </div>
 
-        <div class="table-notes">
+        <!-- <div class="table-notes">
             <p>* {{ t('commission_note') if t('commission_note') else '以上费率仅供参考，实际费用可能因市场情况而变化。详细费用请参考最新费率表。' }}</p>
-        </div>
+        </div> -->
     </div>
 </section>
 
 <section class="services">
-    <div class="container">
+    <!-- <div class="container">
         <div class="section-title">
             <h2>{{ t('pricing_plans') if t('pricing_plans') else '收费标准' }}</h2>
             <p>{{ t('choose_plan') if t('choose_plan') else '选择适合您的投资方案' }}</p>
@@ -360,7 +363,7 @@
                     }}</a>
             </div>
         </div>
-    </div>
+    </div> -->
 </section>
 
 <section class="features">
@@ -384,4 +387,98 @@
         </div>
     </div>
 </section>
+
+<!-- PDF Modal -->
+<div id="pdfModal" class="modal">
+    <div class="modal-content">
+        <span class="close">&times;</span>
+        <h3>佣金和费用计划表</h3>
+        <iframe id="pdfViewer" src="" width="100%" height="600px" frameborder="0"></iframe>
+    </div>
+</div>
+
+<style>
+    /* Modal Styles */
+    .modal {
+        display: none;
+        position: fixed;
+        z-index: 1000;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        overflow: auto;
+        background-color: rgba(0, 0, 0, 0.8);
+    }
+
+    .modal-content {
+        background-color: #fefefe;
+        margin: 5% auto;
+        padding: 20px;
+        border: 1px solid #888;
+        width: 90%;
+        max-width: 900px;
+        border-radius: 8px;
+        position: relative;
+    }
+
+    .close {
+        color: #aaa;
+        float: right;
+        font-size: 28px;
+        font-weight: bold;
+        position: absolute;
+        right: 15px;
+        top: 10px;
+    }
+
+    .close:hover,
+    .close:focus {
+        color: #000;
+        text-decoration: none;
+        cursor: pointer;
+    }
+
+    .modal-content h3 {
+        margin-top: 0;
+        margin-bottom: 15px;
+        color: #333;
+        text-align: center;
+    }
+
+    #pdfViewer {
+        border: 1px solid #ddd;
+        border-radius: 4px;
+    }
+</style>
+
+<script>
+    function showPdfModal() {
+        const modal = document.getElementById('pdfModal');
+        const pdfViewer = document.getElementById('pdfViewer');
+
+        // 设置PDF文件路径
+        pdfViewer.src = '/static/css/pdf/20251001.pdf';
+
+        // 显示模态框
+        modal.style.display = 'block';
+    }
+
+    // 关闭模态框
+    document.addEventListener('DOMContentLoaded', function () {
+        const modal = document.getElementById('pdfModal');
+        const closeBtn = document.querySelector('.close');
+
+        closeBtn.onclick = function () {
+            modal.style.display = 'none';
+        }
+
+        // 点击模态框外部关闭
+        window.onclick = function (event) {
+            if (event.target == modal) {
+                modal.style.display = 'none';
+            }
+        }
+    });
+</script>
 {% endblock %}