Просмотр исходного кода

fix(web): 家庭管理页解耦优惠券列表与发放优惠券弹窗 - 发放改用独立issueDialogVisible,修复共用弹窗bug

Xiaogang Liao 2 недель назад
Родитель
Сommit
c65fa09b4a
1 измененных файлов с 5 добавлено и 4 удалено
  1. 5 4
      cfc-web/src/views/Families.vue

+ 5 - 4
cfc-web/src/views/Families.vue

@@ -150,7 +150,7 @@
     <!-- 发放优惠券弹窗 -->
     <el-dialog
       title="发放优惠券"
-      :visible.sync="couponDialogVisible"
+      :visible.sync="issueDialogVisible"
       width="500px"
     >
       <el-form :model="couponForm" label-width="100px">
@@ -172,7 +172,7 @@
         </el-form-item>
       </el-form>
       <div slot="footer">
-        <el-button @click="couponDialogVisible = false">取消</el-button>
+        <el-button @click="issueDialogVisible = false">取消</el-button>
         <el-button type="primary" @click="confirmIssueCoupon" :loading="couponSubmitting">确认发放</el-button>
       </div>
     </el-dialog>
@@ -314,6 +314,7 @@ export default {
         children: []
       },
       couponDialogVisible: false,
+      issueDialogVisible: false,
       couponForm: {
         familyId: null,
         couponId: null,
@@ -455,7 +456,7 @@ export default {
         couponId: null,
         quantity: 1
       }
-      this.couponDialogVisible = true
+      this.issueDialogVisible = true
       try {
         const res = await getCouponList({ page: 1, size: 999 })
         this.couponOptions = res.data.records || res.data.list || res.data || []
@@ -482,7 +483,7 @@ export default {
           quantity: this.couponForm.quantity
         })
         this.$message.success('发放成功')
-        this.couponDialogVisible = false
+        this.issueDialogVisible = false
       } catch (error) {
         this.$message.error(error.message || '发放失败')
       } finally {