关键位与今日计划列表实时现价及距区间距离（1s轮询）

Co-authored-by: Cursor <cursoragent@cursor.com>

templates/keys.html

@@ -8,7 +8,7 @@
             <form action="{{ url_for('add_key') }}" method="post" class="form-compact">
                 <div class="form-line line-3">
                     <div class="symbol-wrap">
-                        <input type="text" class="symbol-input" placeholder="中文名或同花顺代码" autocomplete="off" required>
+                        <input type="text" class="symbol-input" placeholder="主力合约" autocomplete="off" required>
                         <input type="hidden" name="symbol" required>
                         <input type="hidden" name="symbol_name">
                         <input type="hidden" name="market_code" required>
@@ -35,13 +35,17 @@
                 </div>
             </form>
             <h3 class="section-label">监控列表</h3>
-            <div class="list card-scroll">
+            <div class="list card-scroll" id="key-monitor-list">
                 {% for k in keys %}
-                <div class="list-item" style="padding:.75rem;font-size:.85rem">
+                <div class="list-item key-item" data-key-id="{{ k.id }}" style="padding:.75rem;font-size:.85rem">
                     <div>
                         <strong>{{ k.symbol_name or k.symbol }}</strong> {{ k.monitor_type }}
                         <span class="badge dir">{{ '多' if k.direction == 'long' else '空' }}</span>
                     </div>
+                    <div class="key-live">
+                        <span class="live-price">--</span>
+                        <span class="live-dist">距上 <span class="dist-up">--</span> · 距下 <span class="dist-down">--</span></span>
+                    </div>
                     <div>上{{ k.upper }} 下{{ k.lower }}</div>
                     <a href="{{ url_for('del_key', pid=k.id) }}" class="btn-del" onclick="return confirm('移入历史？')">删</a>
                 </div>
@@ -76,3 +80,6 @@
     </div>
 </div>
 {% endblock %}
+{% block extra_js %}
+<script src="{{ url_for('static', filename='js/keys.js') }}"></script>
+{% endblock %}