优化套餐显示、隐藏规格

src/views/home/components/cartOperation.vue

@@ -13,12 +13,12 @@
                 <CloseBold />
             </el-icon>
         </div>
-        <div class="item" :class="{ disabled: (props.item.id && !props.item.tbProductSpec) }" @click="showSkuModal">
+        <!-- <div class="item" :class="{ disabled: (props.item.id && !props.item.tbProductSpec) }" @click="showSkuModal">
             <el-icon class="icon">
                 <Filter />
             </el-icon>
             <el-text class="t">规格</el-text>
-        </div>
+        </div> -->
         <div class="item" @click="showDiscountModalHandle">
             <el-icon class="icon">
                 <PriceTag />
@@ -287,7 +287,7 @@ async function kitchenPrint() {
     padding: 10px;
     display: flex;
     flex-direction: column;
-    gap: 10px;
+    gap: 15px;
 
     .item {
         width: 70px;

src/views/home/index.vue

@@ -62,6 +62,10 @@
                   {{ item }}
                 </div>
               </div>
+              <div class="grooup_wrap" v-if="item.proGroupInfo">
+                {{ item.groupType == 0 ? '固定套餐：' : '自选套餐：' }}
+                <span>{{ JSON.parse(item.proGroupInfo).map(item => item.proName).join('、') }}</span>
+              </div>
               <div class="num">
                 <div class="left">
                   <div class="icon_item zen" v-if="item.isGift == 'true'" @click="giftPackHandle('isGift', item)">
@@ -708,6 +712,17 @@ onMounted(() => {
           }
         }
 
+        .grooup_wrap {
+          padding-top: 10px;
+          font-size: 12px;
+          color: #555;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 2;
+        }
+
         .num {
           padding-top: var(--el-font-size-base);
           display: flex;