xx

src/views/marketing/DiscountGoods.vue

@@ -5,8 +5,8 @@
       <!-- 搜索和操作栏 -->
       <div class="filter-section">
         <div class="filter-content">
-          <el-form :inline="true" :model="queryParams" class="search-form">
-            <el-form-item label="代金卷">
+          <el-form :inline="true" :model="queryParams" class="search-form" v-if="!codeId">
+            <el-form-item label="代金卷" v-if="!codeId">
               <el-select 
                 v-model="queryParams.code_id" 
                 placeholder="请选择代金券"
@@ -71,7 +71,7 @@
         >
           <el-table-column type="selection" width="55" />
           <el-table-column prop="id" label="ID" width="80" />
-          <el-table-column prop="discountId" label="代金券ID" width="120" />
+          <el-table-column prop="discountId" label="代金券ID" width="120" v-if="!codeId" />
           <el-table-column label="关联对象ID" width="120">
             <template #default="{ row }">
               {{ row.goodId || row.goodGroupId || '-' }}
@@ -149,7 +149,7 @@
             placeholder="请选择代金券"
             filterable
             clearable
-            :disabled="dialogType === 'edit'"
+            :disabled="dialogType === 'edit' || !!codeId"
             style="width: 100%"
           >
             <el-option
@@ -234,7 +234,7 @@
 </template>
 
 <script setup>
-import { ref, reactive, onMounted } from 'vue'
+import { ref, reactive, onMounted, watch } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { Delete, Search, Plus, Refresh } from '@element-plus/icons-vue'
 import { 
@@ -249,13 +249,27 @@ import {
   getProductGroupList
 } from '@/api/admin/product'
 
+const props = defineProps({
+  codeId: {
+    type: [String, Number],
+    default: ''
+  }
+})
+
 // 查询参数
 const queryParams = reactive({
-  code_id: '',
+  code_id: props.codeId || '',
   page: 1,
   count: 10
 })
 
+watch(() => props.codeId, (newVal) => {
+  if (newVal) {
+    queryParams.code_id = newVal
+    fetchGoodsList()
+  }
+})
+
 // 表单数据
 const form = reactive({
   id: undefined,