From 8ed4bc0f2f310552ebc8e846b3802d6ccc296dea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=90=8D=E9=94=90?= <1565842059@qq.com>
Date: Fri, 31 Jul 2026 09:18:53 +0800
Subject: [PATCH] =?UTF-8?q?fix(swaptrade):=20=E4=BF=AE=E5=A4=8D=E5=80=BA?=
 =?UTF-8?q?=E5=88=B8=E4=BB=B7=E6=A0=BC=E8=BE=93=E5=85=A5=E7=BB=91=E5=AE=9A?=
 =?UTF-8?q?=E5=92=8C=E4=BA=8B=E4=BB=B6=E5=A4=84=E7=90=86=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 绑定三个债券价格字段到当前Vue方法，确保正确的v-model和事件监听器
- 修复精度输入组件的事件契约，保留keydown、input、enter事件处理逻辑
- 解决格式刷新时不覆盖未提交输入的问题，维护用户输入状态一致性
- 将模板中的@change事件替换为@blur事件，改进输入焦点处理逻辑
---
 .../fe-tests/bondCalc.integration.test.js     | 62 +++++++++++++++++++
 .../app/swaptrade/swapPricePrecisionHelper.js |  2 +-
 2 files changed, 63 insertions(+), 1 deletion(-)

diff --git a/YLErpWeb/fe-tests/bondCalc.integration.test.js b/YLErpWeb/fe-tests/bondCalc.integration.test.js
index b1a88e9f..1a39b62a 100644
--- a/YLErpWeb/fe-tests/bondCalc.integration.test.js
+++ b/YLErpWeb/fe-tests/bondCalc.integration.test.js
@@ -47,6 +47,68 @@ global.main = {
 
 const SwapCalc = require('../wwwroot/Scripts/app/swaptrade/swapCalc.js');
 
+describe('TradeEdit bond price input bindings', () => {
+    const view = fs.readFileSync(path.join(__dirname, '..', 'Views', 'SwapTrade2', 'TradeEdit.cshtml'), 'utf8');
+    const methods = fs.readFileSync(path.join(__dirname, '..', 'wwwroot', 'Scripts', 'app', 'swaptrade', 'swapTradeEdit.js'), 'utf8');
+    const precisionHelper = fs.readFileSync(path.join(__dirname, '..', 'wwwroot', 'Scripts', 'app', 'swaptrade', 'swapPricePrecisionHelper.js'), 'utf8');
+
+    test('binds the three bond price fields to current Vue methods', () => {
+        expect(view).toMatch(/v-model="item\.PosiGrossPrice"[^>]*v-on:input="onDpPriceInput\(item\)"/);
+        expect(view).toMatch(/v-model="item\.PosiNetNoFeePrice"[^>]*v-on:input="onBondPriceEdit\(item,'CP'\)"/);
+        expect(view).toMatch(/v-model="item\.InitYtm"[^>]*v-on:input="onBondPriceEdit\(item,'YD'\)"/);
+        expect(view).not.toContain('v-on:input="onBondPriceInput(');
+        expect(methods).toMatch(/^\s*onBondPriceEdit\s*\(/m);
+    });
+
+    test('precision input preserves the keydown, input, enter event contract', () => {
+        const helper = new Function('window', precisionHelper + '\nreturn swapPricePrecision;')({});
+        const component = helper.createVueInputComponent();
+        expect(component.template).toContain('@blur="onChange"');
+        expect(component.template).not.toContain('@change="onChange"');
+        const emitted = [];
+        const vm = {
+            text: '99.5',
+            enterPressed: false,
+            format: { precision: 4, percent: true },
+            $emit: (event, value) => emitted.push({ event, value })
+        };
+        Object.keys(component.methods).forEach(name => {
+            vm[name] = component.methods[name].bind(vm);
+        });
+        const target = {
+            value: vm.text,
+            blur: () => vm.onChange({ target })
+        };
+
+        vm.onKeydown({ keyCode: 13, target });
+
+        expect(emitted.map(x => x.event)).toEqual(['keydown', 'input', 'enter']);
+        expect(emitted[1].value).toBe('0.995');
+        expect(emitted[2].value).toBe('0.995');
+    });
+
+    test('equal format refresh does not overwrite uncommitted input', () => {
+        const helper = new Function('window', precisionHelper + '\nreturn swapPricePrecision;')({});
+        const component = helper.createVueInputComponent();
+        const format = { precision: 4, percent: true };
+        const vm = {
+            value: '0.995',
+            text: '99.5',
+            format,
+            formatSnapshot: JSON.stringify(format),
+            $emit: () => {}
+        };
+        Object.keys(component.methods).forEach(name => {
+            vm[name] = component.methods[name].bind(vm);
+        });
+
+        vm.onInput({ target: { value: '99.51' } });
+        component.watch.format.handler.call(vm);
+
+        expect(vm.text).toBe('99.51');
+    });
+});
+
 // ============================================================================
 // 根因 1：vue-number-input keydown 事件 emit 链路
 // ============================================================================
diff --git a/YLErpWeb/wwwroot/Scripts/app/swaptrade/swapPricePrecisionHelper.js b/YLErpWeb/wwwroot/Scripts/app/swaptrade/swapPricePrecisionHelper.js
index be9e3ed6..2150a5de 100644
--- a/YLErpWeb/wwwroot/Scripts/app/swaptrade/swapPricePrecisionHelper.js
+++ b/YLErpWeb/wwwroot/Scripts/app/swaptrade/swapPricePrecisionHelper.js
@@ -242,7 +242,7 @@ var swapPricePrecision = (function (global) {
                     }
                 }
             },
-            template: '<input type="text" :disabled="disabled" :value="text" @input="onInput" @paste="onPaste" @keydown="onKeydown" @change="onChange">'
+            template: '<input type="text" :disabled="disabled" :value="text" @input="onInput" @paste="onPaste" @keydown="onKeydown" @blur="onChange">'
         };
     }