From 709a57e073314c771f48b3ff502703e27b08079b Mon Sep 17 00:00:00 2001
From: claw_bot <claw@jb18cm.plus>
Date: Fri, 13 Mar 2026 05:39:08 +0000
Subject: [PATCH] =?UTF-8?q?refactor:=20=E6=B8=85=E7=90=86detail.vue?=
 =?UTF-8?q?=E6=9C=AA=E4=BD=BF=E7=94=A8=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除未使用的JS变量: currencyList, currencyIndex, onCurrencyChange
- 移除未使用的CSS: .nav-bar, .page-title, .action-btn, .btn-*, .form-input, .cancel-btn, .confirm-btn
- 简化selectStock方法，移除currencyMap逻辑
- 添加onDateChange方法到正确位置
- resetTransactionForm添加dateTimestamp重置
---
 pages/detail/detail.vue | 163 ++++------------------------------------
 1 file changed, 16 insertions(+), 147 deletions(-)

diff --git a/pages/detail/detail.vue b/pages/detail/detail.vue
index a047cfc..346018c 100755
--- a/pages/detail/detail.vue
+++ b/pages/detail/detail.vue
@@ -306,7 +306,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted, watch } from 'vue';
+import { ref, onMounted } from 'vue';
 import { api } from '../../utils/api';
 
 // 获取货币符号
@@ -358,42 +358,18 @@ const transactionForm = ref({
   stockCode: '',
   amount: '',
   price: '',
-  currency: '', // 默认使用组合币种
+  currency: '',
   transactionDate: getCurrentDate(),
   dateTimestamp: Date.now(),
   remark: ''
 });
-// 当前选中持仓的最大可卖数量
+
 const maxSellAmount = ref(0);
 
-// 货币选择相关
-const currencyList = ref([
-  { name: 'CNY', code: 'CNY' },
-  { name: 'USD', code: 'USD' },
-  { name: 'HKD', code: 'HKD' }
-]);
-const currencyIndex = ref(0);
-
-const onCurrencyChange = (e) => {
-  currencyIndex.value = e.detail.value;
-  transactionForm.value.currency = currencyList.value[currencyIndex.value].code;
-};
-
-const onDateChange = (e) => {
-  // u-datetime-picker返回时间戳
-  const date = new Date(e.value);
-  const year = date.getFullYear();
-  const month = String(date.getMonth() + 1).padStart(2, '0');
-  const day = String(date.getDate()).padStart(2, '0');
-  transactionForm.value.transactionDate = `${year}-${month}-${day}`;
-  transactionForm.value.dateTimestamp = e.value;
-};
-
 // 股票搜索相关
 const searchResults = ref([]);
 const searchTimer = ref(null);
 
-// 点击股票代码输入框（卖出时显示持仓列表）
 const handleStockInputClick = () => {
   if (transactionType.value === 'sell') {
     // 卖出时显示当前持仓列表
@@ -433,20 +409,10 @@ const searchStock = async (keyword) => {
 
 const selectStock = (result) => {
   transactionForm.value.stockCode = result.ticker || result.Ticker || result.stockCode;
-  // 自动填充对应货币
   const currency = result.priceCurrency || result.currency;
   if (currency) {
-    const currencyMap = {
-      'CNY': 0,
-      'USD': 1,
-      'HKD': 2
-    };
-    if (currencyMap[currency] !== undefined) {
-      currencyIndex.value = currencyMap[currency];
-      transactionForm.value.currency = currency;
-    }
+    transactionForm.value.currency = currency;
   }
-  // 如果是卖出，获取该持仓的最大可卖数量
   if (transactionType.value === 'sell') {
     const position = positions.value.find(pos => pos.stockCode === transactionForm.value.stockCode);
     maxSellAmount.value = position ? position.amount : 0;
@@ -515,7 +481,6 @@ const goStrategyConfig = () => {
 const handleBuy = () => {
   transactionType.value = 'buy';
   resetTransactionForm();
-  // 默认使用组合币种
   transactionForm.value.currency = portfolioData.value.currency;
   showTransactionForm.value = true;
 };
@@ -523,17 +488,7 @@ const handleBuy = () => {
 const handleSell = () => {
   transactionType.value = 'sell';
   resetTransactionForm();
-  // 默认使用组合币种
   transactionForm.value.currency = portfolioData.value.currency;
-  // 卖出时自动填充持仓列表作为可选
-  searchResults.value = positions.value.map(pos => ({
-    ticker: pos.stockCode,
-    stockName: pos.stockName,
-    assetType: pos.assetType || 'Stock',
-    currency: pos.currency,
-    amount: pos.amount,
-    exchange: ''
-  }));
   showTransactionForm.value = true;
 };
 
@@ -544,14 +499,22 @@ const resetTransactionForm = () => {
     price: '',
     currency: 'CNY',
     transactionDate: getCurrentDate(),
+    dateTimestamp: Date.now(),
     remark: ''
   };
-  // 重置搜索结果
   searchResults.value = [];
-  // 重置最大可卖数量
   maxSellAmount.value = 0;
 };
 
+const onDateChange = (e) => {
+  const date = new Date(e.value);
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  transactionForm.value.transactionDate = `${year}-${month}-${day}`;
+  transactionForm.value.dateTimestamp = e.value;
+};
+
 const submitTransaction = async () => {
   // 表单验证
   if (!transactionForm.value.stockCode) {
@@ -669,20 +632,6 @@ const deletePortfolio = async () => {
 .bg-red { background-color: #EF4444; }
 .bg-green { background-color: #10B981; }
 
-/* 1. 导航栏 */
-.nav-bar {
-  background-color: #fff;
-  padding: var(--status-bar-height) 32rpx 20rpx 32rpx;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  position: sticky;
-  top: 0;
-  z-index: 100;
-}
-.page-title { font-size: 34rpx; font-weight: 700; color: #111827; }
-
-/* 2. 头部深色卡片 */
 .header-section { padding: 20rpx 32rpx; }
 .asset-card {
   background-color: #064E3B;
@@ -776,7 +725,6 @@ const deletePortfolio = async () => {
 .tl-desc { font-size: 24rpx; color: #6B7280; margin-top: 8rpx; }
 .w-full { width: 100%; }
 
-/* 底部固定操作栏 */
 .fixed-bottom {
   position: fixed;
   bottom: 0;
@@ -785,47 +733,11 @@ const deletePortfolio = async () => {
   background-color: #FFFFFF;
   display: flex;
   gap: 24rpx;
-  padding: 20rpx 32rpx 50rpx 32rpx; /* 适配 iPhone X */
+  padding: 20rpx 32rpx 50rpx 32rpx;
   box-shadow: 0 -4rpx 16rpx rgba(0,0,0,0.05);
   z-index: 999;
 }
 
-.action-btn {
-  flex: 1;
-  height: 96rpx;
-  border-radius: 24rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 12rpx;
-  font-size: 30rpx;
-  font-weight: 700;
-  border: none;
-  flex-direction: row;
-  padding: 0 16rpx;
-  box-sizing: border-box;
-}
-.btn-delete {
-  flex: 0 0 96rpx;
-  background-color: #FEE2E2;
-  color: #DC2626;
-}
-.btn-delete:active {
-  background-color: #FECACA;
-}
-.btn-text {
-  font-size: 30rpx;
-  font-weight: 700;
-  text-align: center;
-  line-height: 1.3;
-  white-space: nowrap;
-}
-.btn-buy { background-color: #064E3B; color: #FFFFFF; box-shadow: 0 8rpx 20rpx rgba(6, 78, 59, 0.2); }
-.btn-buy:active { background-color: #047857; }
-.btn-sell { background-color: #FFFFFF; color: #064E3B; border: 2rpx solid #064E3B; }
-.btn-sell:active { background-color: #ECFDF5; }
-
-/* 交易表单弹窗 */
 .transaction-modal {
   position: fixed;
   top: 0;
@@ -885,23 +797,6 @@ const deletePortfolio = async () => {
   margin-bottom: 12rpx;
 }
 
-.form-input {
-  width: 100%;
-  height: 72rpx;
-  border: 1rpx solid #E5E7EB;
-  border-radius: 12rpx;
-  padding: 0 20rpx;
-  font-size: 24rpx;
-  color: #111827;
-  box-sizing: border-box;
-}
-
-.form-input::placeholder {
-  color: #9CA3AF;
-}
-
-
-
 .form-select {
   width: 100%;
   height: 80rpx;
@@ -923,33 +818,7 @@ const deletePortfolio = async () => {
   gap: 16rpx;
 }
 
-.cancel-btn,
-.confirm-btn {
-  flex: 1;
-  height: 80rpx;
-  border-radius: 12rpx;
-  font-size: 24rpx;
-  font-weight: 600;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: none;
-}
-
-.cancel-btn {
-  background-color: #F3F4F6;
-  color: #6B7280;
-}
-
-.confirm-btn {
-  background-color: #064E3B;
-  color: #fff;
-}
-
-/* 搜索下拉列表 */
-.relative {
-  position: relative;
-}
+.relative { position: relative; }
 
 .search-dropdown {
   position: absolute;