From 6d2d22be3273a32cb72a4bcbc1c95fdce0f42974 Mon Sep 17 00:00:00 2001
From: user <2602926751@qq.com>
Date: Mon, 6 Nov 2023 18:07:31 +0800
Subject: [PATCH] 11.6

---
 .../views/EventMarketing/CardHolder/index.vue |  39 +++-
 .../src/views/EventMarketing/coupon/index.vue | 205 ++++++++++++++++++
 .../views/EventMarketing/exchange/index.vue   |  15 ++
 3 files changed, 258 insertions(+), 1 deletion(-)
 create mode 100644 fuintAdmin/src/views/EventMarketing/coupon/index.vue
 create mode 100644 fuintAdmin/src/views/EventMarketing/exchange/index.vue

diff --git a/fuintAdmin/src/views/EventMarketing/CardHolder/index.vue b/fuintAdmin/src/views/EventMarketing/CardHolder/index.vue
index ceccbbdbc..1fa1a3995 100644
--- a/fuintAdmin/src/views/EventMarketing/CardHolder/index.vue
+++ b/fuintAdmin/src/views/EventMarketing/CardHolder/index.vue
@@ -2,6 +2,7 @@
   <div class="app-container">
 <!--    <el-card  style="margin-bottom: 20px">-->
 <!--    </el-card>-->
+    <div class="title">油卡</div>
     <div class="warp-box">
       <div class="k-box" @click="goDetail(1)" >
         <div class="img-box" id="img1">
@@ -26,7 +27,26 @@
           <div class="js"> 使用便捷 交易安全 易于管理 节约费用 各地加油 积分增值服务 插卡加油 自动结算 </div>
         </div>
       </div>
-
+    </div>
+<!--    券-->
+    <div class="title">油券</div>
+    <div class="warp-box">
+      <div class="k-box" @click="goDetail(4)" >
+        <div class="img-box" id="img4">
+          <img src="https://club.liantuobank.com/assets/images/market/02.png" >
+        </div>
+        <div class="size-box">
+          <div class="box-title">优惠券</div>
+          <div class="js">因为为客户提供更优质的服务取得了突破性进展，“刷卡加油”引领成品油零售市场新潮流</div>
+        </div>
+      </div>
+      <div class="k-box" @click="goDetail(5)">
+        <div class="img-box" id="img5"> <img src="https://club.liantuobank.com/assets/images/market/26.png" > </div>
+        <div class="size-box">
+          <div class="box-title">兑换券</div>
+          <div class="js">顾客沉淀，充值可获指定奖励,满减提升商品销量和店铺流量 </div>
+        </div>
+      </div>
 
     </div>
     </div>
@@ -51,6 +71,12 @@
         if(id == 3){
           this.$router.push('/EventMarketing/storeOilBlock/index')
         }
+        if(id == 4){
+          this.$router.push('/EventMarketing/coupon/index')
+        }
+        if(id == 5){
+          this.$router.push('/EventMarketing/exchange/index')
+        }
       }
     }
   }
@@ -107,6 +133,11 @@
     font-size: 13px;
     color: #303e67;
   }
+  .title{
+    font-size: 20px;
+    font-weight: bold;
+    margin-bottom: 15px;
+  }
   #img1{
 
     /*background: url("https://club.liantuobank.com/assets/images/market/32.png") center no-repeat;*/
@@ -123,5 +154,11 @@
     /*background-size:100% 100%;*/
     background: -webkit-linear-gradient(left,#b4d6a8,#95ce81);
   }
+  #img4{
+    background: -webkit-linear-gradient(left,rgba(57,184,212,0.68),#007992);
+  }
+  #img5{
+    background: -webkit-linear-gradient(left,#9cbde8,#009cff);
+  }
 
 </style>
diff --git a/fuintAdmin/src/views/EventMarketing/coupon/index.vue b/fuintAdmin/src/views/EventMarketing/coupon/index.vue
new file mode 100644
index 000000000..5de928540
--- /dev/null
+++ b/fuintAdmin/src/views/EventMarketing/coupon/index.vue
@@ -0,0 +1,205 @@
+<template>
+    <div class="app-container">
+      <el-card  style="margin-bottom: 20px">
+        <el-form :model="queryParams" :rules="rules" ref="ruleForm" :inline="true" label-width="70px" class="demo-ruleForm">
+
+          <el-form-item label="" prop="region">
+            <el-select v-model="queryParams.name" placeholder="油品券/商品券">
+              <el-option label="区域一" value="shanghai"></el-option>
+              <el-option label="区域二" value="beijing"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="" prop="region">
+            <el-select v-model="queryParams.name" placeholder="优惠券/折扣券">
+              <el-option label="区域一" value="shanghai"></el-option>
+              <el-option label="区域二" value="beijing"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="" prop="name">
+            <el-input v-model="queryParams.name" placeholder="优惠券名称"></el-input>
+          </el-form-item>
+          <el-form-item label="" prop="region">
+            <el-select v-model="queryParams.name" placeholder="正常/禁用">
+              <el-option label="区域一" value="shanghai"></el-option>
+              <el-option label="区域二" value="beijing"></el-option>
+            </el-select>
+          </el-form-item>
+
+          <el-button type="primary" icon="el-icon-search">搜索</el-button>
+        </el-form>
+      </el-card>
+      <el-card  style="margin-bottom: 20px">
+       <div class="table-top">
+         <el-radio-group v-model="value">
+           <el-radio-button label="1">可用</el-radio-button>
+           <el-radio-button label="2">已下线</el-radio-button>
+
+         </el-radio-group>
+         <el-button type="primary" icon="el-icon-plus">新增优惠券</el-button>
+       </div>
+        <el-table
+          :data="tableData"
+          style="width: 100%">
+          <el-table-column
+            prop="date"
+            label="优惠券名称"
+            width="150">
+          </el-table-column>
+          <el-table-column
+            prop="date"
+            label="卡券类型"
+            width="100">
+            <el-tag  effect="dark">油品券</el-tag>
+<!--            <template slot-scope="scope">-->
+<!--             -->
+<!--            </template>-->
+
+          </el-table-column>
+          <el-table-column
+            prop="date"
+            label="优惠类型"
+            width="100">
+          </el-table-column>
+          <el-table-column label="券详情">
+            <el-table-column
+              prop="name"
+              label="满减金额"
+              width="120">
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="优惠券金额"
+              width="120">
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="有效期（天）"
+              width="120">
+            </el-table-column>
+            <el-table-column label="指定生效时间日期规则">
+              <el-table-column
+                prop="name"
+                label="生效日期"
+                width="120">
+              </el-table-column>
+              <el-table-column
+                prop="name"
+                label="生效时间"
+                width="120">
+              </el-table-column>
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="发放数量"
+              width="120">
+            </el-table-column>
+
+          </el-table-column>
+          <el-table-column
+            prop="date"
+            label="二维码"
+            width="100">
+          </el-table-column>
+          <el-table-column
+            prop="date"
+            label="状态"
+            width="100">
+          </el-table-column>
+          <el-table-column
+            prop="date"
+            label="创建时间"
+            width="170">
+          </el-table-column>
+          <el-table-column
+            prop="date"
+            label="操作"
+            width="180">
+          </el-table-column>
+        </el-table>
+
+
+      </el-card>
+    </div>
+</template>
+
+<script>
+  export default {
+    name: 'index',
+    data(){
+      return{
+        tableData: [{
+          date: '2016-05-03',
+          name: '王小虎',
+          province: '上海',
+          city: '普陀区',
+          address: '上海市普陀区金沙江路 1518 弄',
+          zip: 200333
+        }, {
+          date: '2016-05-02',
+          name: '王小虎',
+          province: '上海',
+          city: '普陀区',
+          address: '上海市普陀区金沙江路 1518 弄',
+          zip: 200333
+        }, {
+          date: '2016-05-04',
+          name: '王小虎',
+          province: '上海',
+          city: '普陀区',
+          address: '上海市普陀区金沙江路 1518 弄',
+          zip: 200333
+        }, {
+          date: '2016-05-01',
+          name: '王小虎',
+          province: '上海',
+          city: '普陀区',
+          address: '上海市普陀区金沙江路 1518 弄',
+          zip: 200333
+        }, {
+          date: '2016-05-08',
+          name: '王小虎',
+          province: '上海',
+          city: '普陀区',
+          address: '上海市普陀区金沙江路 1518 弄',
+          zip: 200333
+        }, {
+          date: '2016-05-06',
+          name: '王小虎',
+          province: '上海',
+          city: '普陀区',
+          address: '上海市普陀区金沙江路 1518 弄',
+          zip: 200333
+        }, {
+          date: '2016-05-07',
+          name: '王小虎',
+          province: '上海',
+          city: '普陀区',
+          address: '上海市普陀区金沙江路 1518 弄',
+          zip: 200333
+        }],
+        queryParams:{
+          name:""
+        },
+        value:'1'
+      }
+    },
+    methods:{
+
+    }
+  }
+</script>
+
+<style scoped>
+.top-box{
+  width: 100%;
+  height: 55px;
+
+}
+  .table-top{
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+  }
+</style>
diff --git a/fuintAdmin/src/views/EventMarketing/exchange/index.vue b/fuintAdmin/src/views/EventMarketing/exchange/index.vue
new file mode 100644
index 000000000..3075511a5
--- /dev/null
+++ b/fuintAdmin/src/views/EventMarketing/exchange/index.vue
@@ -0,0 +1,15 @@
+<template>
+    <div class="app-container">
+      orange
+    </div>
+</template>
+
+<script>
+  export default {
+    name: 'index'
+  }
+</script>
+
+<style scoped>
+
+</style>