fix: 修复股票搜索功能
- 将u-input替换为原生input,解决事件参数问题 - 添加onStockInput方法正确处理input事件 - 添加调试日志便于排查问题
This commit is contained in:
parent
65fd6ce23d
commit
258d92ac1c
@ -197,13 +197,12 @@
|
||||
<view class="form-item">
|
||||
<text class="form-label">{{ transactionType === 'sell' ? '选择持仓' : '股票代码' }}</text>
|
||||
<view class="relative">
|
||||
<u-input
|
||||
<input
|
||||
v-model="transactionForm.stockCode"
|
||||
class="stock-input"
|
||||
:placeholder="transactionType === 'sell' ? '点击选择要卖出的持仓' : '请输入股票代码搜索'"
|
||||
:disabled="transactionType === 'sell'"
|
||||
:border="false"
|
||||
:customStyle="{ backgroundColor: '#F9FAFB', borderRadius: '16rpx', height: '80rpx', padding: '0 20rpx', border: '2rpx solid #E5E7EB' }"
|
||||
@input="transactionType === 'buy' ? searchStock($event) : () => {}"
|
||||
@input="onStockInput"
|
||||
@click="handleStockInputClick"
|
||||
/>
|
||||
<!-- 搜索下拉列表 -->
|
||||
@ -351,7 +350,6 @@ const searchTimer = ref(null);
|
||||
|
||||
const handleStockInputClick = () => {
|
||||
if (transactionType.value === 'sell') {
|
||||
// 卖出时显示当前持仓列表
|
||||
searchResults.value = positions.value.map(pos => ({
|
||||
ticker: pos.stockCode,
|
||||
stockCode: pos.stockCode,
|
||||
@ -365,8 +363,14 @@ const handleStockInputClick = () => {
|
||||
}
|
||||
};
|
||||
|
||||
const onStockInput = (e) => {
|
||||
const keyword = e.detail.value;
|
||||
console.log('🔍 股票输入:', keyword);
|
||||
searchStock(keyword);
|
||||
};
|
||||
|
||||
const searchStock = async (keyword) => {
|
||||
// 防抖
|
||||
console.log('🔍 searchStock 调用:', keyword);
|
||||
if (searchTimer.value) clearTimeout(searchTimer.value);
|
||||
if (!keyword || keyword.length < 1) {
|
||||
searchResults.value = [];
|
||||
@ -375,7 +379,9 @@ const searchStock = async (keyword) => {
|
||||
|
||||
searchTimer.value = setTimeout(async () => {
|
||||
try {
|
||||
console.log('📤 调用 api.ticker.search:', keyword);
|
||||
const res = await api.ticker.search(keyword);
|
||||
console.log('📥 搜索结果:', res);
|
||||
if (res.code === 200) {
|
||||
searchResults.value = res.data;
|
||||
}
|
||||
@ -822,6 +828,18 @@ const deletePortfolio = async () => {
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.stock-input {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
background-color: #F9FAFB;
|
||||
border: 2rpx solid #E5E7EB;
|
||||
border-radius: 16rpx;
|
||||
padding: 0 20rpx;
|
||||
font-size: 26rpx;
|
||||
color: #1F2937;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.form-select {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user