From cf27fc6351d116db3b74229ff121a50a6a943bfc Mon Sep 17 00:00:00 2001
From: zq <136432190602163.com>
Date: Thu, 11 Dec 2025 18:29:46 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=8D=A1=E5=88=B8=E4=BA=A4?=
 =?UTF-8?q?=E4=BA=92=E4=BF=AE=E6=94=B9=E3=80=81=E8=87=AA=E5=AE=9A=E4=B9=89?=
 =?UTF-8?q?=E5=8D=A1=E5=88=B8=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/cashNum.png              | Bin 0 -> 5486 bytes
 src/assets/discountNum.png          | Bin 0 -> 5024 bytes
 src/assets/shortNum.png             | Bin 0 -> 5475 bytes
 src/assets/usageNum.png             | Bin 0 -> 4623 bytes
 src/style/theme/common.scss         |  12 ++++
 src/views/agent/addCustomCoupon.vue |  50 ++++++++--------
 src/views/agent/checkCardList.vue   | 115 +++++++++++++++++++++---------------
 7 files changed, 104 insertions(+), 73 deletions(-)
 create mode 100644 src/assets/cashNum.png
 create mode 100644 src/assets/discountNum.png
 create mode 100644 src/assets/shortNum.png
 create mode 100644 src/assets/usageNum.png

diff --git a/src/assets/cashNum.png b/src/assets/cashNum.png
new file mode 100644
index 0000000000000000000000000000000000000000..4f7cfbf9f131750db8ec87d0bae46bd8009bca77
GIT binary patch
literal 5486
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

literal 0
HcmV?d00001

diff --git a/src/assets/discountNum.png b/src/assets/discountNum.png
new file mode 100644
index 0000000000000000000000000000000000000000..87b47b8d180c630ec5be3de31738300a519c9052
GIT binary patch
literal 5024
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

literal 0
HcmV?d00001

diff --git a/src/assets/shortNum.png b/src/assets/shortNum.png
new file mode 100644
index 0000000000000000000000000000000000000000..f5f4b9c4f6b42d187b4c49b73d9954f133552b99
GIT binary patch
literal 5475
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
GnEwNFm$nc9

literal 0
HcmV?d00001

diff --git a/src/assets/usageNum.png b/src/assets/usageNum.png
new file mode 100644
index 0000000000000000000000000000000000000000..893cac9911166cafb07a2b4c67f69cd90ef7d691
GIT binary patch
literal 4623
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
A<NyEw

literal 0
HcmV?d00001

diff --git a/src/style/theme/common.scss b/src/style/theme/common.scss
index 5dc4bd9..5c0cd9c 100644
--- a/src/style/theme/common.scss
+++ b/src/style/theme/common.scss
@@ -479,6 +479,18 @@ body {
     }
 }
 
+.el-button--often {
+    color: #006AFF;
+    background: #F2F7FF;
+    border: 1px solid transparent;
+
+    // &:hover {
+    //     color: #006AFF;
+    //     background: #F2F7FF;
+    //     border: 1px solid #006AFF;
+    // }
+}
+
 .el-button--text,
 .el-button--grey {
     padding: 0;
diff --git a/src/views/agent/addCustomCoupon.vue b/src/views/agent/addCustomCoupon.vue
index 4ee4f79..25244b7 100644
--- a/src/views/agent/addCustomCoupon.vue
+++ b/src/views/agent/addCustomCoupon.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="main-content12 ">
         <div class="flex-common">
-            <el-tabs v-model="curAddTab" class="" @tab-click="handleClick">
+            <el-tabs v-model="curAddTab" class="">
                 <el-tab-pane :label="'新增'+item.name" v-for="item in numsList" :name="item.type" :key="item.name"></el-tab-pane>
             </el-tabs>
             <div class="beforeNotice">
@@ -81,56 +81,45 @@
 </template>
 
 <script>
-// import GuipFormItem from '@/components/GuipFormItem';
-// import GroupFormBtns from '@/components/GroupFormBtns';
 import GuipRadio from '@/components/GuipRadio';
-// import GuipTable from '@/components/GuipTable';
 import GuipInput from '@/components/GuipInput.vue';
 import GuipSelect from '@/components/GuipSelect.vue';
 import GuipTextarea from '@/components/GuipTextarea.vue';
-// import GuipButton from '@/components/GuipButton.vue';
 
 export default {
     props: {
-        hasProjectFee: Number,
+        // type: Number,
     },
     components: {
-        // GuipFormItem,
-        // GroupFormBtns,
         GuipInput,
         GuipSelect,
         GuipTextarea,
-        // GuipButton,
         GuipRadio,
-        // GuipTable,
     },
     data() {
         return {
-            curAddTab:1,
+            searchDate:[],
+            curAddTab:'1',
             numsList:[
                 {
                     name:'时间卡',
-                    type:1,
+                    type:'1',
                 },
                 {
                     name:'次数卡',
-                    show:6,
-                    type:2
+                    type:'2'
                 },
                 {
                     name:'折扣卡',
-                    show:6,
-                    type:3
+                    type:'3'
                 },
                 {
                     name:'满减卡',
-                    show:6,
-                    type:4
+                    type:'4'
                 },
                 {
                     name:'现金卡',
-                    show:6,
-                    type:5
+                    type:'5'
                 }
             ],
             createType:1,
@@ -172,25 +161,35 @@ export default {
                     type: 1,
                     name: '卡密自提',
                     desc1:'生成链接，用户点击自提',
-                    show:[3,4,5]
+                    show:['3','4','5']
                 },
                 {
                     type: 2,
                     name: '自有渠道发放',
                     desc1:'生成卡号，自行发放',
-                    show:[1,2,3,4,5]
+                    show:['1','2','3','4','5']
                 },
                 {
                     type: 3,
                     name: '公众号发放',
                     desc1:'通过公众号回复，自动发放',
-                    show:[3,4,5]
+                    show:['3','4','5']
                 }
               
             ],
-            walletType:1
+            walletType:1,
+            link:''
         }
     },
+    mounted() {
+        const { type } = this.$route.query;
+        if (type) {
+            this.curAddTab = type;
+        }
+    },
+    watch: {
+       
+    },
     methods: {
         handleClickCopy(){
             this.$copy(this.form.input1, {
@@ -218,6 +217,9 @@ export default {
         walletClick(type) {
             this.walletType = type;
         },
+        domainTypeChange(val) {
+            console.log(val);
+        }
     }
 }
 
diff --git a/src/views/agent/checkCardList.vue b/src/views/agent/checkCardList.vue
index 1265c17..0316657 100644
--- a/src/views/agent/checkCardList.vue
+++ b/src/views/agent/checkCardList.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="main-content12 ">
         <div class="flex-common">
-            <el-tabs v-model="curTab" class="mb24" @tab-click="handleClick">
+            <el-tabs v-model="curTab" class="mb12" @tab-click="handleClick">
                 <el-tab-pane label="新增卡券" name="add"></el-tab-pane>
                 <el-tab-pane label="管理卡券" name="manage"></el-tab-pane>
             </el-tabs>
@@ -14,57 +14,27 @@
                     <GuipButton type="system" :btnstyle="{'width': '142px'}"  @click="addTimeNums" >立即新增</GuipButton>
                 </div>
                 <div class="flex customizeWrap mb24">
-                    <div class="customizeItem active">
+                    <div class="customizeItem" v-for="(item,index) in numsList1" :key="item.name"
+                        :class="{ active: activeIndex === index }"
+                        @mouseenter="handleMouseEnter(index)"
+                        @mouseleave="handleMouseLeave"
+                        @click="handleClickItem(item)"
+                    >
                         <span class="posFree">中一个亿</span>
                         <div class="flex gap8">
-                            <img src="@/assets/timesNum.png" alt="">
-                            <span class="cardTitle">时间卡</span>
-                        </div>
-                        <p>每天有免费使用次数，用完后当天不可再用，但第二天次数会重置</p>
-                        <GuipButton type="primary" :btnstyle="{'width': '254px'}"  @click="addTimeNums" >立即新增</GuipButton>
-                    </div>
-                    <div class="customizeItem">
-                        <span class="posFree">中一个亿</span>
-                        <div class="flex gap8">
-                            <img src="@/assets/timesNum.png" alt="">
-                            <span class="cardTitle">时间卡</span>
-                        </div>
-                        <p>每天有免费使用次数，用完后当天不可再用，但第二天次数会重置</p>
-                        <GuipButton type="ignore" :btnstyle="{'width': '254px'}"  @click="addTimeNums" >立即新增</GuipButton>
-                    </div>
-                    <div class="customizeItem">
-                        <span class="posFree">中一个亿</span>
-                        <div class="flex gap8">
-                            <img src="@/assets/timesNum.png" alt="">
-                            <span class="cardTitle">时间卡</span>
-                        </div>
-                        <p>每天有免费使用次数，用完后当天不可再用，但第二天次数会重置</p>
-                        <GuipButton type="primary" :btnstyle="{'width': '254px'}"  @click="addTimeNums" >立即新增</GuipButton>
-                    </div>
-                    <div class="customizeItem">
-                        <span class="posFree">中一个亿</span>
-                        <div class="flex gap8">
-                            <img src="@/assets/timesNum.png" alt="">
-                            <span class="cardTitle">时间卡</span>
-                        </div>
-                        <p>每天有免费使用次数，用完后当天不可再用，但第二天次数会重置</p>
-                        <GuipButton type="primary" :btnstyle="{'width': '254px'}"  @click="addTimeNums" >立即新增</GuipButton>
-                    </div>
-                    <div class="customizeItem">
-                        <span class="posFree">中一个亿</span>
-                        <div class="flex gap8">
-                            <img src="@/assets/timesNum.png" alt="">
-                            <span class="cardTitle">时间卡</span>
+                            <img :src="item.img" alt="">
+                            <span class="cardTitle">{{ item.name }}</span>
                         </div>
                         <p>每天有免费使用次数，用完后当天不可再用，但第二天次数会重置</p>
-                        <GuipButton type="primary" :btnstyle="{'width': '254px'}"  @click="addTimeNums" >立即新增</GuipButton>
+                        <GuipButton :type="activeIndex === index ? 'primary' : 'often'" :btnstyle="{'width': '254px'}"  @click="addTimeNums" >立即新增</GuipButton>
                     </div>
+                   
                 </div>
                 <h4>独立卡券</h4>
-                <p class="desc mb20">一些介绍，通过微信链接，用户免费领取。适用于微信社群运营。</p>
+                <p class="desc mb12">一些介绍，通过微信链接，用户免费领取。适用于微信社群运营。</p>
                 <div class="flex customizeWrap">
                     <div class="customizeItem">
-                        <span class="posFree">免费代金券</span>
+                        <span class="posFree">免费券</span>
                         <div class="flex gap8">
                             <img src="@/assets/timesNum.png" alt="">
                             <span class="cardTitle">时间卡</span>
@@ -77,7 +47,7 @@
             <div v-if="curTab == 'manage'" class="manageBox">
                 <h4 class="mb24">选择卡券类型</h4>
                 <div class="cardTypeList gap20 flex">
-                    <div v-for="item in walletList" :key="item.type" class="wallet-item" :class="walletType == item.type ? 'wallet-item-active' : ''" @click="walletClick(item.type)">
+                    <div v-for="item in walletList" :key="item.type" class="wallet-item point" :class="walletType == item.type ? 'wallet-item-active' : ''" @click="walletClick(item.type)">
                         <img src="@/assets/site/tem-active.svg" class="tem-active" alt="" v-if="walletType == item.type">
                         <div class="wallet-name">{{item.name}}</div>
                         <div class="desc">{{ item.desc1 }}</div>        
@@ -160,9 +130,6 @@
                     <el-table-column prop="review_status_desc" label="用户支付金额（元）" v-if="[1,2,3].includes(curCardType)" min-width="120"></el-table-column>
                     <el-table-column prop="review_status_desc" label="规则名称" min-width="120"></el-table-column>
                     <el-table-column prop="review_status_desc" label="规则发售起止时间" v-if="curCardType == 4" min-width="120"></el-table-column>
-                    <!-- <el-table-column prop="review_status_desc" label="检测卡生成时间" v-if="[4,5].includes(curCardType)" min-width="120"></el-table-column>
-                    <el-table-column prop="review_status_desc" label="检测卡生效时间" v-if="curCardType == 4" min-width="120"></el-table-column>
-                    <el-table-column prop="review_status_desc" label="检测卡过期时间" v-if="curCardType == 4" min-width="120"></el-table-column> -->
                     <el-table-column prop="status" label="状态" min-width="120">
                         <template slot-scope="scope">
                             <span :class="['status','status'+[scope.row.status]]">{{ scope.row.status_desc }}</span>
@@ -201,7 +168,7 @@ export default {
     },
     data() {
         return {
-            curTab: 'manage',
+            curTab: 'add',
             curType: 'only',
             curCardType: 1,
             tableList:[
@@ -221,6 +188,36 @@ export default {
                     rule:'折扣卡',
                 }
             ],
+            isActive: false,
+            buttonType:'often',
+            activeIndex:-1,
+            numsList1:[
+                {
+                    name:'时间卡',
+                    type:1,
+                    img:require('@/assets/timesNum.png')
+                },
+                {
+                    name:'次数卡',
+                    img:require('@/assets/usageNum.png'),
+                    type:2
+                },
+                {
+                    name:'折扣卡',
+                    img:require('@/assets/discountNum.png'),
+                    type:3
+                },
+                {
+                    name:'满减卡',
+                    img:require('@/assets/shortNum.png'),
+                    type:4
+                },
+                {
+                    name:'现金卡',
+                    img:require('@/assets/cashNum.png'),
+                    type:5
+                }
+            ],
             walletList:[
                 {
                     type: 1,
@@ -277,9 +274,28 @@ export default {
         
     },
     methods: {
+        handleMouseEnter(index) {
+            this.activeIndex = index;
+        },
+        handleMouseLeave() {
+            this.activeIndex = -1;
+        },
+        handleClickItem(item) {
+            this.$router.push({
+                path: '/agent/addCustomCoupon',
+                query: {
+                    type: item.type,
+                }
+            })
+        },
         // 
         addTimeNums() {
-
+            this.$router.push({
+                path: '/agent/addCustomCoupon',
+                query: {
+                    type: 1,
+                }
+            })
         },
         handleClick(tab, event) {
             console.log(tab, event);
@@ -328,6 +344,7 @@ export default {
     justify-content: flex-start;
     gap: 20px;
     .customizeItem{
+        cursor: pointer;
         display: flex;
         flex-direction: column;
         gap: 14px;