Feature: 联系我们界面 & 产品列表增添CMS筛选功能

app/pages/productions/index.vue

@@ -1,14 +1,9 @@
 <template>
     <div class="productions-container">
         <production-card
-            v-for="production in productions" 
-            :id="production.id"
-            :key="production.id" 
-            :slug="production.documentId"
-            :image-url="useStrapiMedia(production?.production_image?.url || '')"
-            :name="production.title" 
-            :description="production.summary || ''" 
-        />
+v-for="production in productions" :id="production.id" :key="production.id"
+            :slug="production.documentId" :image-url="useStrapiMedia(production?.production_image?.url || '')"
+            :name="production.title" :description="production.summary || ''" />
     </div>
 </template>
 
@@ -26,7 +21,12 @@ onMounted(async () => {
     try {
         const response = await find<Production>('productions', {
             populate: '*',
-            locale: strapiLocale, // 使用简体中文
+            filters: {
+                show_in_production_list: {
+                    $eq: true, // 只获取在产品列表中显示的产品
+                },
+            },
+            locale: strapiLocale,
         })
         productions.value = response.data.map((item: Production) => ({
             title: item.title,
@@ -35,7 +35,8 @@ onMounted(async () => {
             production_image: item.production_image,
             production_details: item.production_details,
             production_specs: item.production_specs,
-            documentId: item.documentId
+            documentId: item.documentId,
+            show_in_production_list: item.show_in_production_list,
         }))
     } catch (error) {
         console.error('Failed to fetch productions:', error)