商品管理编辑更新，修复单规格多规格切换保存报错问题，增加部分必填项验证

pageProduct/index/components/goods.vue

@@ -46,7 +46,7 @@
 				</view>
 				<view class="u-m-t-24">
 					<template v-if="data.skuList.length>=2">
-						<view class="u-flex u-flex-wrap w-full gap-10  u-col-top">
+						<view class="u-flex u-flex-wrap w-full gap-10  u-col-top" :style="skuStyle">
 							<view class="u-font-24 info-p-l u-m-t-6">规格：</view>
 							<view class="skd" v-for="(item,index) in data.skuList" :key="index"
 								@click="guigeClick(index)">
@@ -63,6 +63,18 @@
 
 							</view>
 						</view>
+						<template v-if="skuIsNotOne">
+							<view class="u-flex u-row-center">
+								<view class="u-flex u-flex-y-center" @click="toggleIsShowSkuAll" >
+									<view class="u-font-28 u-m-r-10 u-m-t-10 color-666">{{isShowSkuAll?'收起':'展开'}}</view>
+									<view class="u-flex u-flex-y-center">
+										<up-icon :size="14" name="arrow-down" v-if="!isShowSkuAll"></up-icon>
+										<up-icon  :size="14" name="arrow-up" v-else></up-icon>
+									</view>
+								</view>
+								
+							</view>
+						</template>
 					</template>
 					<template v-else>
 						<view style="height: 44rpx;">
@@ -90,7 +102,7 @@
 					<my-switch disabled v-model="isPauseSale" :openDisabledClass="false"  @click="isPauseSaleChange"></my-switch>
 				</view>
 				<view class="u-flex u-m-l-30">
-					<view class="u-m-r-18 color-999">{{data.isGrounding?'下架产品':'上架产品' }}</view>
+					<view class="u-m-r-18 color-999">上架产品</view>
 					<my-switch disabled v-model="isGrounding" :openDisabledClass="false" @click="isGroundingChange"></my-switch>
 				</view>
 			</view>
@@ -109,6 +121,7 @@
 
 <script setup>
 	import {
+		computed,
 		ref,
 		watch,
 		watchEffect
@@ -145,8 +158,36 @@
 			default: false
 		}
 	})
-
-
+	
+	let isShowSkuAll=ref(false)
+	const skuStyle=computed(()=>{
+		if(isShowSkuAll.value){
+			return ''
+		}else{
+			return 'height: 30px;overflow: hidden'
+		}
+	})
+	const skuIsNotOne=computed(()=>{
+		let isOne=true;
+		let width=0;
+		const fontSize=12;
+		const gap=5;
+		const boxWith=40;
+		const max=247;
+		for(let i in  props.data.skuList){
+			const sku=props.data.skuList[i]
+			width+=(fontSize*sku.name.length+boxWith+gap)
+			if(width>max){
+				isOne=false
+				break;
+			}
+		}
+		return !isOne
+	})
+	
+	function toggleIsShowSkuAll(){
+		isShowSkuAll.value=!isShowSkuAll.value
+	}
 
 	async function upDateGoods(par) {
 		const res = await $updateProductData([{