From 016ebf7b62d0fad91da8508d1e2dec1601a41707 Mon Sep 17 00:00:00 2001
From: YeMingfei666 <1619116647@qq.com>
Date: Thu, 25 Jul 2024 11:32:37 +0800
Subject: [PATCH] =?UTF-8?q?=E5=95=86=E5=93=81=E7=AE=A1=E7=90=86-=E5=95=86?=
 =?UTF-8?q?=E5=93=81=E5=88=97=E8=A1=A8=E5=A2=9E=E5=8A=A0=E5=95=86=E5=93=81?=
 =?UTF-8?q?=E6=97=B6=E5=AF=B9=E4=BB=B7=E6=A0=BC=E9=87=91=E9=A2=9D=E6=95=B0?=
 =?UTF-8?q?=E9=87=8F=E8=BF=9B=E8=A1=8C=E9=99=90=E5=88=B6=E5=92=8C=E6=95=B0?=
 =?UTF-8?q?=E5=AD=97=E6=A0=BC=E5=BC=8F=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/format.js            | 25 ++++++++++++++++++++++
 src/views/product/add_shop.vue | 39 ++++++++++++++++++++--------------
 2 files changed, 48 insertions(+), 16 deletions(-)
 create mode 100644 src/utils/format.js

diff --git a/src/utils/format.js b/src/utils/format.js
new file mode 100644
index 0000000..3a49b01
--- /dev/null
+++ b/src/utils/format.js
@@ -0,0 +1,25 @@
+/**
+ * 格式化价格函数，将价格限定在指定的最小值和最大值范围内，并保留两位小数。
+ * 
+ * @param {number} price - 需要格式化的价格。
+ * @param {number} min - 价格的最小值。
+ * @param {number} max - 价格的最大值，默认为100000000。
+ * @returns {number} - 返回格式化后的价格，如果超出范围则返回最小值或最大值。
+ */
+export const formatPrice = (price,min=-Infinity, max = 100000000 ) => {
+    if(price === undefined || price === null||price===''){
+        return 0
+    }
+    // 将价格转换为浮点数并保留两位小数
+    const newval = parseFloat(price.toFixed(2))
+    // 如果价格大于最大值，返回最大值
+    if (newval > max) {
+        return max
+    }
+    // 如果价格小于最小值，返回最小值
+    if (newval < min) {
+        return min
+    }
+    // 返回格式化后的价格
+    return newval
+}
\ No newline at end of file
diff --git a/src/views/product/add_shop.vue b/src/views/product/add_shop.vue
index 086484e..2e2306c 100644
--- a/src/views/product/add_shop.vue
+++ b/src/views/product/add_shop.vue
@@ -88,38 +88,38 @@
         <el-table :data="form.skuList" border>
           <el-table-column label="售价" prop="salePrice">
             <template v-slot="scope">
-              <el-input-number v-model="scope.row.salePrice" controls-position="right"></el-input-number>
+              <el-input-number :min="0" @change="priceFormat(scope.row,'salePrice')"  @blur="priceFormat(scope.row,'salePrice')"   v-model="scope.row.salePrice" controls-position="right"></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="会员价" prop="memberPrice">
             <template v-slot="scope">
-              <el-input-number v-model="scope.row.memberPrice" controls-position="right"></el-input-number>
+              <el-input-number @change="priceFormat(scope.row,'memberPrice')" @blur="priceFormat(scope.row,'memberPrice')" v-model="scope.row.memberPrice" controls-position="right"></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="成本价" prop="costPrice">
             <template v-slot="scope">
-              <el-input-number v-model="scope.row.costPrice" controls-position="right"></el-input-number>
+              <el-input-number  @change="priceFormat(scope.row,'costPrice')" @blur="priceFormat(scope.row,'costPrice')"  v-model="scope.row.costPrice" controls-position="right"></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="原价" prop="originPrice">
             <template v-slot="scope">
-              <el-input-number v-model="scope.row.originPrice" controls-position="right"></el-input-number>
+              <el-input-number @change="priceFormat(scope.row,'originPrice')"   @blur="priceFormat(scope.row,'originPrice')" v-model="scope.row.originPrice" controls-position="right"></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="起售数量" prop="suit">
             <template slot-scope="scope">
-              <el-input-number v-model="scope.row.suit" controls-position="right"></el-input-number>
+              <el-input-number @change="priceFormat(scope.row,'suit')" @blur="priceFormat(scope.row,'suit')"  v-model="scope.row.suit" controls-position="right"></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="库存数量" prop="stockNumber">
             <template v-slot="scope">
-              <el-input-number v-model="scope.row.stockNumber" :disabled="!!form.id"
+              <el-input-number @change="priceFormat(scope.row,'stockNumber')"  @blur="priceFormat(scope.row,'stockNumber')"  v-model="scope.row.stockNumber" :disabled="!!form.id"
                 controls-position="right"></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="分销金额" prop="firstShared">
             <template v-slot="scope">
-              <el-input-number v-model="scope.row.firstShared" controls-position="right"></el-input-number>
+              <el-input-number @change="priceFormat(scope.row,'firstShared')"    @blur="priceFormat(scope.row,'firstShared')" v-model="scope.row.firstShared" controls-position="right"></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="商品条码">
@@ -200,7 +200,7 @@
               <i class="icon el-icon-edit" @click="batchNumber('salePrice')"></i>
             </template>
             <template slot-scope="scope">
-              <el-input-number v-model="scope.row.salePrice" controls-position="right"></el-input-number>
+              <el-input-number @change="priceFormat(scope.row,'salePrice')"  @blur="priceFormat(scope.row,'salePrice')" v-model="scope.row.salePrice" controls-position="right"></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="会员价" prop="memberPrice">
@@ -209,7 +209,7 @@
               <i class="icon el-icon-edit" @click="batchNumber('memberPrice')"></i>
             </template>
             <template slot-scope="scope">
-              <el-input-number v-model="scope.row.memberPrice" controls-position="right"></el-input-number>
+              <el-input-number @change="priceFormat(scope.row,'memberPrice')"  @blur="priceFormat(scope.row,'memberPrice')" v-model="scope.row.memberPrice" controls-position="right"></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="成本价" prop="costPrice">
@@ -218,7 +218,7 @@
               <i class="icon el-icon-edit" @click="batchNumber('costPrice')"></i>
             </template>
             <template slot-scope="scope">
-              <el-input-number v-model="scope.row.costPrice" controls-position="right"></el-input-number>
+              <el-input-number  @change="priceFormat(scope.row,'costPrice')"  @blur="priceFormat(scope.row,'costPrice')" v-model="scope.row.costPrice" controls-position="right"></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="原价" prop="originPrice">
@@ -227,7 +227,7 @@
               <i class="icon el-icon-edit" @click="batchNumber('originPrice')"></i>
             </template>
             <template slot-scope="scope">
-              <el-input-number v-model="scope.row.originPrice" controls-position="right"></el-input-number>
+              <el-input-number @change="priceFormat(scope.row,'originPrice')"  @blur="priceFormat(scope.row,'originPrice')" v-model="scope.row.originPrice" controls-position="right"></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="起售数量" prop="suit">
@@ -236,7 +236,7 @@
               <i class="icon el-icon-edit" @click="batchNumber('suit')"></i>
             </template>
             <template slot-scope="scope">
-              <el-input-number v-model="scope.row.suit" controls-position="right"></el-input-number>
+              <el-input-number @change="priceFormat(scope.row,'originsuitrice')"  @blur="priceFormat(scope.row,'suit')"   v-model="scope.row.suit" controls-position="right"></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="库存数量" prop="stockNumber">
@@ -245,7 +245,7 @@
               <i class="icon el-icon-edit" @click="batchNumber('stockNumber')" v-if="!form.id"></i>
             </template>
             <template slot-scope="scope">
-              <el-input-number v-model="scope.row.stockNumber" :disabled="!!scope.row.id"
+              <el-input-number @change="priceFormat(scope.row,'stockNumber')"  @blur="priceFormat(scope.row,'stockNumber')"  v-model="scope.row.stockNumber" :disabled="!!scope.row.id"
                 controls-position="right"></el-input-number>
             </template>
           </el-table-column>
@@ -255,7 +255,7 @@
               <i class="icon el-icon-edit" @click="batchNumber('firstShared')"></i>
             </template>
             <template slot-scope="scope">
-              <el-input-number v-model="scope.row.firstShared" controls-position="right"></el-input-number>
+              <el-input-number @change="priceFormat(scope.row,'firstShared')"  @blur="priceFormat(scope.row,'firstShared')"   v-model="scope.row.firstShared" controls-position="right"></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="商品条码">
@@ -303,13 +303,13 @@
           <div class="tips">开启后: 收银完成后会自动打印对应数量的标签数</div>
         </el-form-item>
         <el-form-item label="打包费">
-          <el-input-number v-model="form.packFee" controls-position="right" :min="0"></el-input-number>
+          <el-input-number @change="priceFormat(form,'packFee')" @blur="priceFormat(form,'packFee')" v-model="form.packFee" controls-position="right" :min="0"></el-input-number>
           <div class="tips">
             单份商品打包费。注：店铺开启外卖模式下该数据才生效
           </div>
         </el-form-item>
         <el-form-item label="虚拟销量">
-          <el-input-number v-model="form.baseSalesNumber" controls-position="right" :min="0"></el-input-number>
+          <el-input-number @change="priceFormat(form,'baseSalesNumber')" @blur="priceFormat(form,'baseSalesNumber')" v-model="form.baseSalesNumber" controls-position="right" :min="0"></el-input-number>
         </el-form-item>
       </template>
       <el-form-item label="排序" v-if="form.id">
@@ -355,6 +355,7 @@ import uploadImg from "@/components/uploadImg";
 import settings from "@/settings";
 import dayjs from "dayjs";
 import { RandomNumBoth } from "@/utils";
+import { formatPrice } from "@/utils/format";
 
 export default {
   components: {
@@ -516,6 +517,12 @@ export default {
     }
   },
   methods: {
+
+    priceFormat(item,key){
+      this.$nextTick(()=>{
+        item[key]=formatPrice(item[key],0,100000000)
+      })
+    },
     // 删除分组商品
     delGoods(goods, index, $index) {
       goods.splice(index, 1);