10.17 16：57
This commit is contained in:
parent
3b64ce321f
commit
486da7ca40
117
fuintAdmin/src/views/EventMarketing/CardHolder/index.vue
Normal file
117
fuintAdmin/src/views/EventMarketing/CardHolder/index.vue
Normal file
@ -0,0 +1,117 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<!-- <el-card style="margin-bottom: 20px">-->
|
||||
<!-- </el-card>-->
|
||||
<div class="warp-box">
|
||||
<div class="k-box" @click="goDetail()" >
|
||||
<div class="img-box" id="img1">
|
||||
<img src="https://club.liantuobank.com/assets/images/market/32.png" >
|
||||
</div>
|
||||
<div class="size-box">
|
||||
<div class="box-title">储值卡</div>
|
||||
<div class="js">因为为客户提供更优质的服务取得了突破性进展，“刷卡加油”引领成品油零售市场新潮流</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="k-box">
|
||||
<div class="img-box" id="img2"> <img src="https://club.liantuobank.com/assets/images/market/12.png" > </div>
|
||||
<div class="size-box">
|
||||
<div class="box-title">礼品卡</div>
|
||||
<div class="js">顾客沉淀，充值可获指定奖励,满减提升商品销量和店铺流量 </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="k-box">
|
||||
<div class="img-box" id="img3"> <img src="https://club.liantuobank.com/assets/images/market/11.png" > </div>
|
||||
<div class="size-box">
|
||||
<div class="box-title">存油卡</div>
|
||||
<div class="js"> 使用便捷 交易安全 易于管理 节约费用 各地加油 积分增值服务 插卡加油 自动结算 </div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'index',
|
||||
data(){
|
||||
return{
|
||||
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.app-container{
|
||||
width: 100%;
|
||||
height: 86vh;
|
||||
background: #f6f8f9;
|
||||
}
|
||||
.warp-box{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.k-box{
|
||||
width: 100%;
|
||||
box-shadow: 0px 2px 4px rgba(31,30,47,0.1);
|
||||
background-color: #fff;
|
||||
border-radius: 6px;
|
||||
width: 20%;
|
||||
margin-right: 15px;
|
||||
margin-bottom: 15px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.img-box{
|
||||
height: 200px;
|
||||
background: #00afff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.size-box{
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
background: white;
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
}
|
||||
.box-title{
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #363636;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.js{
|
||||
font-size: 13px;
|
||||
color: #303e67;
|
||||
}
|
||||
#img1{
|
||||
|
||||
/*background: url("https://club.liantuobank.com/assets/images/market/32.png") center no-repeat;*/
|
||||
/*background-size:100% 100%;*/
|
||||
background: -webkit-linear-gradient(left,#8be8ff,#6cc9e0);
|
||||
}
|
||||
#img2{
|
||||
/*background: url("https://club.liantuobank.com/assets/images/market/12.png") center no-repeat;*/
|
||||
/*background-size:100% 100%;*/
|
||||
background: -webkit-linear-gradient(left,#f7b978,#ff8300);
|
||||
}
|
||||
#img3{
|
||||
/*background: url("https://club.liantuobank.com/assets/images/market/11.png") center no-repeat;*/
|
||||
/*background-size:100% 100%;*/
|
||||
background: -webkit-linear-gradient(left,#b4d6a8,#95ce81);
|
||||
}
|
||||
|
||||
</style>
|
||||
177
fuintAdmin/src/views/EventMarketing/SaveBlock/index.vue
Normal file
177
fuintAdmin/src/views/EventMarketing/SaveBlock/index.vue
Normal file
@ -0,0 +1,177 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<!-- 储值卡-->
|
||||
<el-card style="margin-bottom: 20px">
|
||||
<el-radio-group v-model="radio1">
|
||||
<el-radio-button label="可用"></el-radio-button>
|
||||
<el-radio-button label="已下线"></el-radio-button>
|
||||
</el-radio-group>
|
||||
</el-card>
|
||||
<el-card style="margin-bottom: 20px">
|
||||
<div style="margin-bottom: 10px">
|
||||
<el-alert
|
||||
title="当前配置为储值卡活动、按照升数锁价充值活动请在锁价活动列表配置,每个卡类型最多可创建50个充值活动
|
||||
关于支付即储值功能说明: 功能按照档次大于等于用户实付金额的可充值档次进行处理,不符合规则的档次则无法进行充值"
|
||||
type="info">
|
||||
</el-alert>
|
||||
</div>
|
||||
|
||||
|
||||
<el-table
|
||||
:data="tableData"
|
||||
style="width: 100%">
|
||||
<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 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
|
||||
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="date"
|
||||
label="活动时间"
|
||||
width="120">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="province"
|
||||
label="活动进度"
|
||||
width="80">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="province"
|
||||
label="支付即充值"
|
||||
width="100">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="province"
|
||||
label="状态"
|
||||
width="80">
|
||||
</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="120">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="date"
|
||||
label="操作"
|
||||
width="120">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
|
||||
</el-card>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'index',
|
||||
data(){
|
||||
return{
|
||||
radio1: '可用',
|
||||
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
|
||||
}]
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
15
fuintAdmin/src/views/EventMarketing/giftBlock/index.vue
Normal file
15
fuintAdmin/src/views/EventMarketing/giftBlock/index.vue
Normal file
@ -0,0 +1,15 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 礼品卡-->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'index'
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
15
fuintAdmin/src/views/EventMarketing/storeOilBlock/index.vue
Normal file
15
fuintAdmin/src/views/EventMarketing/storeOilBlock/index.vue
Normal file
@ -0,0 +1,15 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 存油卡-->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'index'
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -31,6 +31,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card style="margin-bottom: 20px">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>预设油价记录</span>
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
<div class="input-sousuo">
|
||||
<input type="text" placeholder="会员手机号，会员卡号，会员密码" >
|
||||
</div>
|
||||
<div class="anniu" @click="govipDetails()">
|
||||
<div class="anniu" >
|
||||
<div>搜索</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user