From a3cbe7576e38fed0978b7ca7942dbbfd3682926e Mon Sep 17 00:00:00 2001
From: YeMingfei666 <1619116647@qq.com>
Date: Fri, 14 Nov 2025 10:05:43 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=95=86=E5=93=81=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E7=BC=96=E8=BE=91=E5=94=AE=E4=BB=B7=E6=97=B6=E4=B8=8D?=
 =?UTF-8?q?=E8=87=AA=E5=8A=A8=E5=A1=AB=E5=85=85=E4=BC=9A=E5=91=98=E4=BB=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../indexconfig/SpecificationAttribute.vue    | 201 ++++++++++++------
 1 file changed, 135 insertions(+), 66 deletions(-)

diff --git a/src/views/product/indexconfig/SpecificationAttribute.vue b/src/views/product/indexconfig/SpecificationAttribute.vue
index a5ce69b..7042b36 100644
--- a/src/views/product/indexconfig/SpecificationAttribute.vue
+++ b/src/views/product/indexconfig/SpecificationAttribute.vue
@@ -2,71 +2,133 @@
   <el-form ref="ruleFormRef" label-width="150px" class="demo-ruleForm" status-icon>
     <el-form-item label="规格属性">
       <el-table :data="skuList" border>
-        <el-table-column :label="item.label" :prop="item.value" v-for="(item, index) in props.specTableHeaders"
-          :key="index">
-        </el-table-column>
+        <el-table-column
+          :label="item.label"
+          :prop="item.value"
+          v-for="(item, index) in props.specTableHeaders"
+          :key="index"
+        ></el-table-column>
         <el-table-column prop="salePrice">
           <template #header>
             <span>售价</span>
-            <el-icon style="margin-left: 10px;" color="#409EFC" class="no-inherit" @click="batchNumber('salePrice')">
+            <el-icon
+              style="margin-left: 10px"
+              color="#409EFC"
+              class="no-inherit"
+              @click="batchNumber('salePrice')"
+            >
               <EditPen />
             </el-icon>
           </template>
           <template v-slot="scope">
-            <el-input-number size="default" v-model="scope.row.salePrice" @change="priceFormat(scope.row, 'salePrice')"
-              @blur="priceFormat(scope.row, 'salePrice')" controls-position="right" :disabled="isSyncStatus()"></el-input-number>
+            <el-input-number
+              size="default"
+              v-model="scope.row.salePrice"
+              @change="priceFormat(scope.row, 'salePrice')"
+              @blur="priceFormat(scope.row, 'salePrice')"
+              controls-position="right"
+              :disabled="isSyncStatus()"
+            ></el-input-number>
           </template>
         </el-table-column>
         <el-table-column prop="originPrice">
           <template #header>
             <span>原价</span>
-            <el-icon style="margin-left: 10px;" color="#409EFC" class="no-inherit" @click="batchNumber('originPrice')">
+            <el-icon
+              style="margin-left: 10px"
+              color="#409EFC"
+              class="no-inherit"
+              @click="batchNumber('originPrice')"
+            >
               <EditPen />
             </el-icon>
           </template>
           <template v-slot="scope">
-            <el-input-number @change="priceFormat(scope.row, 'originPrice')" v-model="scope.row.originPrice"
-              @blur="priceFormat(scope.row, 'originPrice')" controls-position="right" :disabled="isSyncStatus()"></el-input-number>
+            <el-input-number
+              @change="priceFormat(scope.row, 'originPrice')"
+              v-model="scope.row.originPrice"
+              @blur="priceFormat(scope.row, 'originPrice')"
+              controls-position="right"
+              :disabled="isSyncStatus()"
+            ></el-input-number>
           </template>
         </el-table-column>
         <el-table-column prop="costPrice">
           <template #header>
             <span>成本价</span>
-            <el-icon style="margin-left: 10px;" color="#409EFC" class="no-inherit" @click="batchNumber('costPrice')">
+            <el-icon
+              style="margin-left: 10px"
+              color="#409EFC"
+              class="no-inherit"
+              @click="batchNumber('costPrice')"
+            >
               <EditPen />
             </el-icon>
           </template>
           <template v-slot="scope">
-            <el-input-number @change="priceFormat(scope.row, 'costPrice')" v-model="scope.row.costPrice"
-              @blur="priceFormat(scope.row, 'costPrice')" controls-position="right" :disabled="isSyncStatus()"></el-input-number>
+            <el-input-number
+              @change="priceFormat(scope.row, 'costPrice')"
+              v-model="scope.row.costPrice"
+              @blur="priceFormat(scope.row, 'costPrice')"
+              controls-position="right"
+              :disabled="isSyncStatus()"
+            ></el-input-number>
           </template>
         </el-table-column>
 
         <el-table-column prop="memberPrice">
           <template #header>
             <span>会员价</span>
-            <el-icon style="margin-left: 10px;" color="#409EFC" class="no-inherit" @click="batchNumber('memberPrice')">
+            <el-icon
+              style="margin-left: 10px"
+              color="#409EFC"
+              class="no-inherit"
+              @click="batchNumber('memberPrice')"
+            >
               <EditPen />
             </el-icon>
           </template>
           <template v-slot="scope">
-            <el-input-number @change="priceFormat(scope.row, 'memberPrice')" v-model="scope.row.memberPrice"
-              @blur="priceFormat(scope.row, 'memberPrice')" controls-position="right" :disabled="isSyncStatus()"></el-input-number>
+            <el-input-number
+              @change="priceFormat(scope.row, 'memberPrice')"
+              v-model="scope.row.memberPrice"
+              @blur="priceFormat(scope.row, 'memberPrice')"
+              controls-position="right"
+              :disabled="isSyncStatus()"
+            ></el-input-number>
           </template>
         </el-table-column>
         <el-table-column label="起售数量" prop="suitNum">
           <template #header>
             <span>起售数量</span>
-            <el-icon style="margin-left: 10px;" color="#409EFC" class="no-inherit" @click="batchNumber('suitNum')">
+            <el-icon
+              style="margin-left: 10px"
+              color="#409EFC"
+              class="no-inherit"
+              @click="batchNumber('suitNum')"
+            >
               <EditPen />
             </el-icon>
           </template>
           <template v-slot="scope">
-            <el-input-number @change="priceFormat(scope.row, 'suitNum')" v-model="scope.row.suitNum"
-              @blur="priceFormat(scope.row, 'suitNum')" :min="0" controls-position="right"
-              v-if="props.info.type == 'weigh'" :disabled="isSyncStatus()"></el-input-number>
-            <el-input-number @change="priceFormat(scope.row, 'suitNum')" v-model="scope.row.suitNum"
-              @blur="priceFormat(scope.row, 'suitNum')" :min="1" controls-position="right" :disabled="isSyncStatus()" v-else></el-input-number>
+            <el-input-number
+              @change="priceFormat(scope.row, 'suitNum')"
+              v-model="scope.row.suitNum"
+              @blur="priceFormat(scope.row, 'suitNum')"
+              :min="0"
+              controls-position="right"
+              v-if="props.info.type == 'weigh'"
+              :disabled="isSyncStatus()"
+            ></el-input-number>
+            <el-input-number
+              @change="priceFormat(scope.row, 'suitNum')"
+              v-model="scope.row.suitNum"
+              @blur="priceFormat(scope.row, 'suitNum')"
+              :min="1"
+              controls-position="right"
+              :disabled="isSyncStatus()"
+              v-else
+            ></el-input-number>
           </template>
         </el-table-column>
       </el-table>
@@ -75,60 +137,66 @@
   <el-dialog title="批量修改" width="400px" v-model="showBatchModal">
     <el-form :model="batchNumberForm">
       <el-form-item>
-        <el-input-number @change="priceFormat(batchNumberForm, 'batchNumber')"
-          @blur="priceFormat(batchNumberForm, 'batchNumber')" v-model="batchNumberForm.batchNumber"
-          controls-position="right" style="width: 100%" :disabled="isSyncStatus()"></el-input-number>
+        <el-input-number
+          @change="priceFormat(batchNumberForm, 'batchNumber')"
+          @blur="priceFormat(batchNumberForm, 'batchNumber')"
+          v-model="batchNumberForm.batchNumber"
+          controls-position="right"
+          style="width: 100%"
+          :disabled="isSyncStatus()"
+        ></el-input-number>
       </el-form-item>
     </el-form>
     <template #footer>
       <span class="dialog-footer">
         <el-button @click="showBatchModal = false">取 消</el-button>
-        <el-button type="primary" @click="batchNumberFormConfirm">
-          确 定
-        </el-button>
+        <el-button type="primary" @click="batchNumberFormConfirm">确 定</el-button>
       </span>
     </template>
-
   </el-dialog>
 </template>
 <script setup>
-import { ref } from 'vue'
+import { ref } from "vue";
 import { isSyncStatus } from "@/utils/index";
 
-const ruleFormRef = ref(null)
-let batchNumberKey = ref(null)
+const ruleFormRef = ref(null);
+let batchNumberKey = ref(null);
 let batchNumberForm = reactive({
   batchNumber: 0,
-})
-let skuList = ref([])
-let showBatchModal = ref(false)
+});
+let skuList = ref([]);
+let showBatchModal = ref(false);
 const props = defineProps({
   info: {
     type: Object,
     default: () => {
-      return {}
-    }
+      return {};
+    },
   },
   list: {
     type: Array,
     default: () => {
-      return []
-    }
+      return [];
+    },
   },
   specTableHeaders: {
     type: Array,
     default: () => {
-      return []
-    }
-  }
-})
+      return [];
+    },
+  },
+});
 
 onMounted(() => {
-  skuList.value = props.list
-})
-watch(() => props.list, (newval) => {
-  skuList.value = newval
-}, { deep: true })
+  skuList.value = props.list;
+});
+watch(
+  () => props.list,
+  (newval) => {
+    skuList.value = newval;
+  },
+  { deep: true }
+);
 // 批量修改规格
 function batchNumber(key) {
   batchNumberKey.value = key;
@@ -139,26 +207,28 @@ function batchNumberFormConfirm() {
   skuList.value.map((item, index) => {
     let newitem = { ...item };
     newitem[batchNumberKey.value] = batchNumberForm.batchNumber;
-    skuList.value[index] = { ...newitem }
+    skuList.value[index] = { ...newitem };
   });
   showBatchModal.value = false;
   batchNumberForm.batchNumber = 0;
 }
 function getdata() {
-  return skuList.value
+  return skuList.value;
 }
 function priceFormat(item, key) {
-  // 输入售价其他行为0值时候同样回填售价值  
+  // 输入售价其他行为0值时候同样回填售价值
   // 原价 originPrice
-  if (key == 'salePrice' && item.originPrice == 0) {
+  if (key == "salePrice" && item.originPrice == 0) {
     item.originPrice = item.salePrice;
   }
   // 会员价 memberPrice
-  if (key == 'salePrice' && item.memberPrice == 0) {
+  /*
+  if (key == "salePrice" && item.memberPrice == 0) {
     item.memberPrice = item.costPrice;
   }
-  // 成本价 costPrice 
-  if (key == 'salePrice' && item.costPrice == 0) {
+    */
+  // 成本价 costPrice
+  if (key == "salePrice" && item.costPrice == 0) {
     item.costPrice = item.originPrice;
   }
   nextTick(() => {
@@ -167,32 +237,31 @@ function priceFormat(item, key) {
     const newval = formatPrice(item[key], min, max, true);
     if (typeof newval !== "number") {
       item[key] = newval.value;
-      ElMessage.warning(`请输入${min}到${max}范围内的数字`)
+      ElMessage.warning(`请输入${min}到${max}范围内的数字`);
     }
-  })
-
+  });
 }
 //  格式化价格函数，将价格限定在指定的最小值和最大值范围内，并保留两位小数。
 const formatPrice = (price, min = -Infinity, max = 100000000, returnIsArea = false) => {
-  if (price === undefined || price === null || price === '') {
-    return 0
+  if (price === undefined || price === null || price === "") {
+    return 0;
   }
   // 将价格转换为浮点数并保留两位小数
-  const newval = parseFloat((Math.floor(price * 100) / 100).toFixed(2))
+  const newval = parseFloat((Math.floor(price * 100) / 100).toFixed(2));
   // 如果价格大于最大值，返回最大值
   if (newval > max) {
-    return returnIsArea ? { value: max, error: true } : max
+    return returnIsArea ? { value: max, error: true } : max;
   }
   // 如果价格小于最小值，返回最小值
   if (newval < min) {
-    return returnIsArea ? { value: min, error: true } : min
+    return returnIsArea ? { value: min, error: true } : min;
   }
   // 如果价格小于最小值，返回最小值
   if (newval < min) {
-    return min
+    return min;
   }
   // 返回格式化后的价格
-  return newval
-}
-defineExpose({ getdata }) 
+  return newval;
+};
+defineExpose({ getdata });
 </script>