From f2e029dca6c4dec13d3bc43a4d5f7d65da7f94dd Mon Sep 17 00:00:00 2001
From: xiaqing <xiaqing@bonc>
Date: Wed, 9 Aug 2023 22:32:13 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=9A=E5=91=98=E7=A7=AF=E5=88=86=E9=92=88?=
 =?UTF-8?q?=E5=AF=B9=E4=BB=A3=E7=A0=81=E6=A0=BC=E5=BC=8F=E3=80=81=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=E4=BC=98=E5=8C=96=201.=E4=BF=AE=E6=94=B9=E7=A7=AF?=
 =?UTF-8?q?=E5=88=86=E6=8A=B5=E6=89=A3=E5=8D=95=E4=BD=8D=EF=BC=8C=E6=8C=89?=
 =?UTF-8?q?=E7=85=A7=E5=88=86=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/member/point/config/index.vue | 23 ++++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/views/member/point/config/index.vue b/src/views/member/point/config/index.vue
index 8a050491..940585b5 100644
--- a/src/views/member/point/config/index.vue
+++ b/src/views/member/point/config/index.vue
@@ -16,12 +16,12 @@
       <el-form-item>
         <el-text class="mx-1" size="small" type="info">下单积分是否抵用订单金额</el-text>
       </el-form-item>
-      <!-- TODO @xiaqing：用户看到的是元，最多 2 位；分是后端的存储哈 -->
       <el-form-item label="积分抵扣" prop="tradeDeductUnitPrice" class="item-bottom">
         <el-input-number
-          v-model="formData.tradeDeductUnitPrice"
+          v-model="computedTradeDeductUnitPrice"
           placeholder="请输入积分抵扣金额"
           style="width: 300px"
+          :precision="2"
         />
       </el-form-item>
       <el-form-item>
@@ -67,11 +67,19 @@ const dialogVisible = ref(false) // 弹窗的是否展示
 const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
 const formData = ref({
   id: undefined,
-  tradeDeductEnable: undefined,
-  tradeDeductUnitPrice: undefined,
-  tradeDeductMaxPrice: undefined,
-  tradeGivePoint: undefined
+  tradeDeductEnable: true,
+  tradeDeductUnitPrice: 0,
+  tradeDeductMaxPrice: 0,
+  tradeGivePoint: 0
 })
+// 创建一个计算属性，用于将 tradeDeductUnitPrice 显示为带两位小数的形式
+const computedTradeDeductUnitPrice = computed({
+  get: () => (formData.value.tradeDeductUnitPrice / 100).toFixed(2),
+  set: (newValue) => {
+    formData.value.tradeDeductUnitPrice = Math.round(newValue * 100)
+  }
+})
+
 const formRules = reactive({})
 const formRef = ref() // 表单 Ref
 
@@ -97,7 +105,8 @@ const onSubmit = async () => {
 const getConfig = async () => {
   try {
     const data = await ConfigApi.getConfig()
-    formData.value = data
+    // if (data === null) return
+    // formData.value = data
   } finally {
   }
 }