From 41c7a9512eb9f93aee96b7f3b8732c00a5e2d162 Mon Sep 17 00:00:00 2001
From: aaron <>
Date: Sun, 23 Mar 2025 16:00:55 +0800
Subject: [PATCH] update

---
 src/views/coupon/TemplateList.vue | 37 ++++++++++++++++++++++++-------
 src/views/dashboard/Dashboard.vue |  2 +-
 2 files changed, 30 insertions(+), 9 deletions(-)

diff --git a/src/views/coupon/TemplateList.vue b/src/views/coupon/TemplateList.vue
index 54f8080..2e93dca 100644
--- a/src/views/coupon/TemplateList.vue
+++ b/src/views/coupon/TemplateList.vue
@@ -90,6 +90,7 @@
               :step="0.5"
               style="width: 100%"
               placeholder="请输入优惠金额"
+              addonAfter="元"
             />
           </a-form-item>
         </a-form>
@@ -100,14 +101,25 @@
 
 <script>
 import { defineComponent, ref, onMounted } from 'vue'
-import { message } from 'ant-design-vue'
+import { message, Table, Modal, Button, Form, Input, Select, Tag, Space, InputNumber } from 'ant-design-vue'
 import PageContainer from '@/components/PageContainer.vue'
 import dayjs from 'dayjs'
 import request from '@/utils/request'
 
 export default defineComponent({
   components: {
-    PageContainer
+    PageContainer,
+    ATable: Table,
+    AModal: Modal, 
+    AButton: Button,
+    AForm: Form,
+    AFormItem: Form.Item,
+    AInput: Input,
+    AInputNumber: InputNumber,
+    ASelect: Select,
+    ASelectOption: Select.Option,
+    ATag: Tag,
+    ASpace: Space
   },
   
   setup() {
@@ -176,7 +188,8 @@ export default defineComponent({
     // 获取优惠券类型标签颜色
     const getCouponTypeColor = (type) => {
       const colorMap = {
-        'CASH': 'blue'
+        'CASH': 'blue',
+        'PRODUCT': 'green'
       }
       return colorMap[type] || 'default'
     }
@@ -230,6 +243,13 @@ export default defineComponent({
       coupon_type: undefined
     })
 
+    // 表单验证规则
+    const rules = {
+      name: [{ required: true, message: '请输入模板名称' }],
+      coupon_type: [{ required: true, message: '请选择优惠券类型' }],
+      amount: [{ required: true, message: '请输入优惠金额' }]
+    }
+
     // 显示新建模态框
     const showAddModal = () => {
       isEdit.value = false
@@ -248,7 +268,7 @@ export default defineComponent({
       currentId.value = record.id
       formState.value = {
         name: record.name,
-        amount: record.coupon_type === 'CASH' ? record.amount : undefined,
+        amount: record.coupon_type === 'CASH' ? (record.amount || 0) : undefined,
         coupon_type: record.coupon_type
       }
       modalVisible.value = true
@@ -257,9 +277,9 @@ export default defineComponent({
     // 处理优惠券类型变化
     const handleCouponTypeChange = (value) => {
       if (value === 'PRODUCT') {
-        formState.value.amount = undefined
-      } else if (value === 'CASH' && !formState.value.amount) {
-        formState.value.amount = 0
+        formState.value.amount = undefined;
+      } else if (value === 'CASH') {
+        formState.value.amount = formState.value.amount || 0;
       }
     }
 
@@ -324,7 +344,8 @@ export default defineComponent({
       handleEdit,
       handleSubmit,
       handleCancel,
-      handleCouponTypeChange
+      handleCouponTypeChange,
+      rules
     }
   }
 })
diff --git a/src/views/dashboard/Dashboard.vue b/src/views/dashboard/Dashboard.vue
index 9846193..7a31779 100644
--- a/src/views/dashboard/Dashboard.vue
+++ b/src/views/dashboard/Dashboard.vue
@@ -355,7 +355,7 @@ export default defineComponent({
     const fetchCommunityList = async () => {
       communityLoading.value = true
       try {
-        const res = await request.get('/api/community', {
+        const res = await request.get('/api/community?limit=1000', {
           params: {
             limit: 1000,
             skip: 0,