交易记录和期权新增编辑功能

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

ft-app/app/templates/options.html

@@ -118,7 +118,9 @@
     <td>
       <button style="background:var(--accent);color:#fff;border:none;padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;"
               onclick="showCloseForm({{ t.id }})">平仓</button>
-      <form method="post" action="/options/{{ t.id }}/delete" style="display:inline;margin-left:8px;">
+      <button style="background:none;border:none;color:var(--sub);cursor:pointer;font-size:0.78rem;"
+              onclick="showEditForm('option', {{ t.id }}, '{{ t.product_code }}', '{{ t.contract_code }}', '{{ t.option_type }}', '{{ t.direction }}', {{ t.strike_price }}, {{ t.open_price }}, {{ t.open_fee or 0 }}, '{{ t.open_date }}', null, null, null, '{{ t.status }}')">编辑</button>
+<form method="post" action="/options/{{ t.id }}/delete" style="display:inline;margin-left:8px;">
         <button style="background:var(--danger-bg);color:var(--danger-fg);border:1px solid var(--danger);padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;" onclick="return confirm('删除此记录？')">删除</button>
       </form>
     </td>
@@ -200,6 +202,8 @@
       {% endif %}
     </td>
     <td>
+      <button style="background:none;border:none;color:var(--sub);cursor:pointer;font-size:0.78rem;margin-right:6px;"
+              onclick="showEditForm('option', {{ t.id }}, '{{ t.product_code }}', '{{ t.contract_code }}', '{{ t.option_type }}', '{{ t.direction }}', {{ t.strike_price }}, {{ t.open_price }}, {{ t.open_fee or 0 }}, '{{ t.open_date }}', {{ t.close_price }}, {{ t.close_fee or 0 }}, '{{ t.close_date }}', '{{ t.status }}')">编辑</button>
       <form method="post" action="/options/{{ t.id }}/delete" style="display:inline;margin-left:8px;">
         <button style="background:var(--danger-bg);color:var(--danger-fg);border:1px solid var(--danger);padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;" onclick="return confirm('删除此记录？')">删除</button>
       </form>
@@ -258,6 +262,67 @@ function hideCloseForm() {
 </script>
 {% endif %}
 
+<div id="editFormOverlay" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:98;" onclick="hideEditForm()"></div>
+<div id="editFormBox" style="display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px;z-index:99;width:400px;max-width:90vw;max-height:90vh;overflow-y:auto;">
+  <h3 style="margin-bottom:16px;">编辑记录</h3>
+  <form method="post" id="editForm">
+    <div class="form-group">
+      <label>合约</label>
+      <input type="text" name="contract_code" id="editContract" required style="font-size:0.9rem;">
+    </div>
+    <div class="form-group">
+      <label>类型</label>
+      <select name="option_type" id="editOptionType" required>
+        {% for v, label in option_types %}
+        <option value="{{ v }}">{{ label }}</option>
+        {% endfor %}
+      </select>
+    </div>
+    <div class="form-group">
+      <label>买卖</label>
+      <select name="direction" id="editDirection" required>
+        {% for v, label in option_directions %}
+        <option value="{{ v }}">{{ label }}</option>
+        {% endfor %}
+      </select>
+    </div>
+    <div class="form-group">
+      <label>行权价</label>
+      <input type="number" step="any" name="strike_price" id="editStrike" required style="font-size:0.9rem;">
+    </div>
+    <div class="form-group">
+      <label>开仓日期</label>
+      <input type="date" name="open_date" id="editOpenDate" required style="font-size:0.85rem;">
+    </div>
+    <div class="form-group">
+      <label>权利金</label>
+      <input type="number" step="any" name="open_price" id="editOpenPrice" required style="font-size:0.9rem;">
+    </div>
+    <div class="form-group">
+      <label>手续费</label>
+      <input type="number" step="any" name="open_fee" id="editOpenFee" value="0" style="font-size:0.9rem;">
+    </div>
+    <div id="editCloseFields" style="display:none;">
+      <div class="form-group">
+        <label>平仓日期</label>
+        <input type="date" name="close_date" id="editCloseDate" style="font-size:0.85rem;">
+      </div>
+      <div class="form-group">
+        <label>平仓价格</label>
+        <input type="number" step="any" name="close_price" id="editClosePrice" style="font-size:0.9rem;">
+      </div>
+      <div class="form-group">
+        <label>手续费</label>
+        <input type="number" step="any" name="close_fee" id="editCloseFee" value="0" style="font-size:0.9rem;">
+      </div>
+    </div>
+    <div style="display:flex;gap:10px;justify-content:flex-end;">
+      <button type="button" class="btn" style="background:var(--th-bg);color:var(--fg);" onclick="hideEditForm()">取消</button>
+      <button type="submit" class="btn btn-primary">保存</button>
+    </div>
+  </form>
+</div>
+
 <div id="pnlOverlay" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:99;" onclick="hidePnlDrawer()"></div>
 <div id="pnlBox" style="display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px;z-index:100;width:380px;max-width:90vw;">
   <h3 style="margin-bottom:4px;" id="pnlTitle"></h3>
@@ -285,6 +350,30 @@ function showPnlDrawer(title, direction, openPrice, closePrice, openFee, closeFe
   document.getElementById('pnlOverlay').style.display = 'block';
   document.getElementById('pnlBox').style.display = 'block';
 }
+function showEditForm(type, id, productCode, contractCode, optionType, direction, strike, openPrice, openFee, openDate, closePrice, closeFee, closeDate, status) {
+  document.getElementById('editForm').action = '/' + type + 's/' + id + '/edit';
+  document.getElementById('editContract').value = contractCode;
+  document.getElementById('editOptionType').value = optionType;
+  document.getElementById('editDirection').value = direction;
+  document.getElementById('editStrike').value = strike;
+  document.getElementById('editOpenDate').value = openDate;
+  document.getElementById('editOpenPrice').value = openPrice;
+  document.getElementById('editOpenFee').value = openFee || 0;
+  if (status === 'closed' && closeDate) {
+    document.getElementById('editCloseFields').style.display = 'block';
+    document.getElementById('editCloseDate').value = closeDate;
+    document.getElementById('editClosePrice').value = closePrice;
+    document.getElementById('editCloseFee').value = closeFee || 0;
+  } else {
+    document.getElementById('editCloseFields').style.display = 'none';
+  }
+  document.getElementById('editFormOverlay').style.display = 'block';
+  document.getElementById('editFormBox').style.display = 'block';
+}
+function hideEditForm() {
+  document.getElementById('editFormOverlay').style.display = 'none';
+  document.getElementById('editFormBox').style.display = 'none';
+}
 function hidePnlDrawer() {
   document.getElementById('pnlOverlay').style.display = 'none';
   document.getElementById('pnlBox').style.display = 'none';