11.6
This commit is contained in:
parent
c44c43d9bb
commit
6d2d22be32
@ -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>
|
||||
|
||||
205
fuintAdmin/src/views/EventMarketing/coupon/index.vue
Normal file
205
fuintAdmin/src/views/EventMarketing/coupon/index.vue
Normal file
@ -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>
|
||||
15
fuintAdmin/src/views/EventMarketing/exchange/index.vue
Normal file
15
fuintAdmin/src/views/EventMarketing/exchange/index.vue
Normal file
@ -0,0 +1,15 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
orange
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'index'
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user