624 lines
29 KiB
HTML
624 lines
29 KiB
HTML
{extend name="public/base" /} {block name="body"}
|
|
<style>
|
|
.body-content {
|
|
width: 100%;
|
|
height: 598px;
|
|
display: flex;
|
|
padding-top: 10px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.inp {
|
|
width: 76px;
|
|
}
|
|
|
|
.marg {
|
|
margin-right: 30px;
|
|
margin-top: -20px;
|
|
}
|
|
|
|
.from-content {
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
|
|
.from-item {
|
|
width: 999px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.inp2 {
|
|
width: 116px;
|
|
}
|
|
|
|
.inpsort {
|
|
width: 36px;
|
|
}
|
|
|
|
.marlf {
|
|
margin-left: 15px;
|
|
margin-right: 15px;
|
|
}
|
|
</style>
|
|
|
|
|
|
<div class="main-box clearfix" id="app">
|
|
<div class="body-content">
|
|
|
|
<el-tabs v-model="activeName" type="card">
|
|
<el-tab-pane label="按用户类型配置充值" name="first">
|
|
<div class="from-content">
|
|
<el-form :label-position="top">
|
|
|
|
<el-form-item label="书城新用户" class="from-item">
|
|
<el-button type="primary" @click="setlist(list1,'书城新用户','0')">设置充值项</el-button>
|
|
<el-button type="danger" @click="delOne(list1,'0')" v-if="list1.status==1">取消设置</el-button>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="高净值用户" class="from-item">
|
|
<el-button type="primary" @click="setlist(list2,'高净值用户','14')">设置充值项</el-button>
|
|
<el-button type="danger" @click="delOne(list2,14)" v-if="list2.status==1">取消设置</el-button>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="中净值用户" class="from-item">
|
|
<el-button type="primary" @click="setlist(list3,'中净值用户','13')">设置充值项</el-button>
|
|
<el-button type="danger" @click="delOne(list3,13)" v-if="list3.status==1">取消设置</el-button>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="初净值用户" class="from-item">
|
|
<el-button type="primary" @click="setlist(list4,'初净值用户','12')">设置充值项</el-button>
|
|
<el-button type="danger" @click="delOne(list4,12)" v-if="list4.status==1">取消设置</el-button>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="低净值用户" class="from-item">
|
|
<el-button type="primary" @click="setlist(list5,'低净值用户','11')">设置充值项</el-button>
|
|
<el-button type="danger" @click="delOne(list5,11)" v-if="list5.status==1">取消设置</el-button>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="潜在用户" class="from-item">
|
|
<el-button type="primary" @click="setlist(list6,'潜在用户','4-5-6')" style="margin-left:14px;">设置充值项</el-button>
|
|
<el-button type="danger" @click="delOne(list6,'4-5-6')" v-if="list6.status==1">取消设置</el-button>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="无效老用户" class="from-item">
|
|
<el-button type="primary" @click="setlist(list7,'无效老用户','8')">设置充值项</el-button>
|
|
<el-button type="danger" @click="delOne(list7,8)" v-if="list7.status==1">取消设置</el-button>
|
|
</el-form-item>
|
|
|
|
<!--<el-form-item label="无效新用户" class="from-item">-->
|
|
<!-- <el-input v-model="list8.first" class="inp" placeholder="首充"></el-input>-->
|
|
<!-- <el-input v-model="list8.plural" class="inp" placeholder="复充"></el-input>-->
|
|
<!-- <el-radio-group v-model="list8.radio" class="marg">-->
|
|
<!-- <el-radio :label="1">按章节</el-radio>-->
|
|
<!-- <el-radio :label="2">全本购买</el-radio>-->
|
|
<!-- </el-radio-group>-->
|
|
<!-- <el-button type="primary" @click="setOne(list8,7)">设置</el-button>-->
|
|
<!-- <el-button type="danger" @click="delOne(list8,7)" v-if="list8.status==1">取消设置</el-button>-->
|
|
<!--</el-form-item>-->
|
|
|
|
</el-form>
|
|
</div>
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="返回事件充值配置" name="second">
|
|
<div class="from-content">
|
|
<el-form :label-position="top">
|
|
|
|
<el-form-item label="书城新用户" class="from-item">
|
|
|
|
<el-select v-model="twolist1.first" placeholder="选择金额" class="inp2">
|
|
<el-option
|
|
v-for="item in twolist1.moneys"
|
|
:key="item.id"
|
|
:label="item.price"
|
|
:value="item.id">
|
|
<span style="float: left">{{ item.price }}</span>
|
|
<span style="float: right; color: #8492a6; font-size: 13px">送{{ item.giveegold }}</span>
|
|
<span style="font-size: 13px" v-if="item.ispay==0">不回传</span>
|
|
</el-option>
|
|
</el-select>
|
|
|
|
<el-button type="primary" @click="settwolist(twolist1,'0')">设置</el-button>
|
|
<el-button type="primary" @click="gettwolist('0','书城新用户')">数据详情</el-button>
|
|
<el-button type="danger" @click="deltwolist(twolist1,'0')" v-if="twolist1.status==1">取消设置</el-button>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="高净值用户" class="from-item">
|
|
|
|
<el-select v-model="twolist2.first" placeholder="选择金额" class="inp2">
|
|
<el-option
|
|
v-for="item in twolist2.moneys"
|
|
:key="item.id"
|
|
:label="item.price"
|
|
:value="item.id">
|
|
<span style="float: left">{{ item.price }}</span>
|
|
<span style="float: right; color: #8492a6; font-size: 13px">送{{ item.giveegold }}</span>
|
|
<span style="font-size: 13px" v-if="item.ispay==0">不回传</span>
|
|
</el-option>
|
|
</el-select>
|
|
|
|
<el-button type="primary" @click="settwolist(twolist2,14)">设置</el-button>
|
|
<el-button type="primary" @click="gettwolist(14,'高净值用户')">数据详情</el-button>
|
|
<el-button type="danger" @click="deltwolist(twolist2,14)" v-if="twolist2.status==1">取消设置</el-button>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="中净值用户" class="from-item">
|
|
|
|
<el-select v-model="twolist3.first" placeholder="选择金额" class="inp2">
|
|
<el-option
|
|
v-for="item in twolist3.moneys"
|
|
:key="item.id"
|
|
:label="item.price"
|
|
:value="item.id">
|
|
<span style="float: left">{{ item.price }}</span>
|
|
<span style="float: right; color: #8492a6; font-size: 13px">送{{ item.giveegold }}</span>
|
|
<span style="font-size: 13px" v-if="item.ispay==0">不回传</span>
|
|
</el-option>
|
|
</el-select>
|
|
|
|
<el-button type="primary" @click="settwolist(twolist3,13)">设置</el-button>
|
|
<el-button type="primary" @click="gettwolist(13,'中净值用户')">数据详情</el-button>
|
|
<el-button type="danger" @click="deltwolist(twolist3,13)" v-if="twolist3.status==1">取消设置</el-button>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="初净值用户" class="from-item">
|
|
|
|
<el-select v-model="twolist4.first" placeholder="选择金额" class="inp2">
|
|
<el-option
|
|
v-for="item in twolist4.moneys"
|
|
:key="item.id"
|
|
:label="item.price"
|
|
:value="item.id">
|
|
<span style="float: left">{{ item.price }}</span>
|
|
<span style="float: right; color: #8492a6; font-size: 13px">送{{ item.giveegold }}</span>
|
|
<span style="font-size: 13px" v-if="item.ispay==0">不回传</span>
|
|
</el-option>
|
|
</el-select>
|
|
|
|
<el-button type="primary" @click="settwolist(twolist4,12)">设置</el-button>
|
|
<el-button type="primary" @click="gettwolist(12,'初净值用户')">数据详情</el-button>
|
|
<el-button type="danger" @click="deltwolist(twolist4,12)" v-if="twolist4.status==1">取消设置</el-button>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="低净值用户" class="from-item">
|
|
|
|
<el-select v-model="twolist5.first" placeholder="选择金额" class="inp2">
|
|
<el-option
|
|
v-for="item in twolist5.moneys"
|
|
:key="item.id"
|
|
:label="item.price"
|
|
:value="item.id">
|
|
<span style="float: left">{{ item.price }}</span>
|
|
<span style="float: right; color: #8492a6; font-size: 13px">送{{ item.giveegold }}</span>
|
|
<span style="font-size: 13px" v-if="item.ispay==0">不回传</span>
|
|
</el-option>
|
|
</el-select>
|
|
|
|
<el-button type="primary" @click="settwolist(twolist5,11)">设置</el-button>
|
|
<el-button type="primary" @click="gettwolist(11,'低净值用户')">数据详情</el-button>
|
|
<el-button type="danger" @click="deltwolist(twolist5,11)" v-if="twolist5.status==1">取消设置</el-button>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="潜在用户" class="from-item">
|
|
|
|
<el-select v-model="twolist6.first" placeholder="选择金额" class="inp2" style="margin-left:14px;">
|
|
<el-option
|
|
v-for="item in twolist6.moneys"
|
|
:key="item.id"
|
|
:label="item.price"
|
|
:value="item.id">
|
|
<span style="float: left">{{ item.price }}</span>
|
|
<span style="float: right; color: #8492a6; font-size: 13px">送{{ item.giveegold }}</span>
|
|
<span style="font-size: 13px" v-if="item.ispay==0">不回传</span>
|
|
</el-option>
|
|
</el-select>
|
|
|
|
<el-button type="primary" @click="settwolist(twolist6,'4-5-6')">设置</el-button>
|
|
<el-button type="primary" @click="gettwolist('4-5-6','潜在用户')">数据详情</el-button>
|
|
<el-button type="danger" @click="deltwolist(twolist6,'4-5-6')" v-if="twolist6.status==1">取消设置</el-button>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="无效老用户" class="from-item">
|
|
|
|
<el-select v-model="twolist7.first" placeholder="选择金额" class="inp2">
|
|
<el-option
|
|
v-for="item in twolist7.moneys"
|
|
:key="item.id"
|
|
:label="item.price"
|
|
:value="item.id">
|
|
<span style="float: left">{{ item.price }}</span>
|
|
<span style="float: right; color: #8492a6; font-size: 13px">送{{ item.giveegold }}</span>
|
|
<span style="font-size: 13px" v-if="item.ispay==0">不回传</span>
|
|
</el-option>
|
|
</el-select>
|
|
|
|
<el-button type="primary" @click="settwolist(twolist7,8)">设置</el-button>
|
|
<el-button type="primary" @click="gettwolist(8,'无效老用户')">数据详情</el-button>
|
|
<el-button type="danger" @click="deltwolist(twolist7,8)" v-if="twolist7.status==1">取消设置</el-button>
|
|
</el-form-item>
|
|
|
|
<!--<el-form-item label="无效新用户" class="from-item">-->
|
|
<!-- <el-input v-model="twolist8.first" class="inp2" placeholder="起充金额"></el-input>-->
|
|
<!-- <el-button type="primary" @click="settwolist(twolist8,7)">设置</el-button>-->
|
|
<!-- <el-button type="primary" @click="gettwolist(7,'无效新用户')">数据详情</el-button>-->
|
|
<!-- <el-button type="danger" @click="deltwolist(twolist8,7)" v-if="twolist8.status==1">取消设置</el-button>-->
|
|
<!--</el-form-item>-->
|
|
</el-form>
|
|
</div>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
|
|
<el-dialog :visible.sync="dialogTableVisible">
|
|
<span slot="title">{{viewtxt}}</span>
|
|
<el-descriptions title="" v-loading="loading">
|
|
<el-descriptions-item label="用户类型">
|
|
<el-tag size="info">{{info.typeName}}</el-tag>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="展示数">
|
|
<el-tag size="info">{{info.seeNum}}</el-tag>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="充值笔数">
|
|
<el-tag size="success">{{viewtxt}} {{info.payNum}}</el-tag>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="充值金额">
|
|
<el-tag size="danger">{{viewtxt}} ￥{{info.money}}</el-tag>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="累计充值">
|
|
<el-tag size="danger">￥{{info.totalMoney}}</el-tag>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="累计充值笔数">
|
|
<el-tag size="success">{{info.totalPayNum}}</el-tag>
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="全部类型累计充值">
|
|
<el-tag size="danger">￥{{info.alltotalMoney}}</el-tag>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="全部类型累计充值笔数">
|
|
<el-tag size="success">{{info.alltotalPayNum}}</el-tag>
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
<div class="hgt"></div>
|
|
<el-button type="primary" @click="gettwolisttoggtim(1,info.type,info.typeName)">今日</el-button>
|
|
<el-button type="primary" @click="gettwolisttoggtim(2,info.type,info.typeName)">昨日</el-button>
|
|
</el-dialog>
|
|
|
|
<el-dialog :visible.sync="dialogTableVisible2">
|
|
<span slot="title">{{dialogTableVisible2label}}</span>
|
|
<div :label-width="formLabelWidth" v-for="(v, index) in indexlist.index" style="margin-bottom:30px;margin-top:-20px;">
|
|
|
|
<el-select v-model="v.val" placeholder="选择金额">
|
|
<el-option
|
|
v-for="item in v.moneys"
|
|
:key="item.id"
|
|
:label="item.price"
|
|
:value="item.id">
|
|
<span style="float: left">{{ item.price }}</span>
|
|
<span style="float: right; color: #8492a6; font-size: 13px">送{{ item.giveegold }}</span>
|
|
<span style="font-size: 13px" v-if="item.ispay==0">不回传</span>
|
|
</el-option>
|
|
</el-select>
|
|
|
|
<span class="marlf">排序</span>
|
|
<el-input v-model="v.sort" class="inp" placeholder="排序"></el-input>
|
|
<span class="marlf"></span>
|
|
<el-button type="primary" @click="addRule()" v-if="indexlist.index.length-1===index">新增</el-button>
|
|
<el-button type="danger" @click.prevent="removeRule(v)">删除</el-button>
|
|
</div>
|
|
<el-radio-group v-model="indexlist.radio" class="marg">
|
|
<el-radio :label="1">按章节</el-radio>
|
|
<el-radio :label="2">全本购买</el-radio>
|
|
</el-radio-group>
|
|
<div style="margin-top:8px;">
|
|
<el-button type="primary" @click="setOne(indexlist,settype)">保存</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
|
|
</div>
|
|
</div>
|
|
{/block} {block name="script"}
|
|
<script>
|
|
var app = new Vue({
|
|
el: '#app',
|
|
data: {
|
|
list1: {},
|
|
list2: {},
|
|
list3: {},
|
|
list4: {},
|
|
list5: {},
|
|
list6: {},
|
|
list7: {},
|
|
list8: {},
|
|
twolist1: {},
|
|
twolist2: {},
|
|
twolist3: {},
|
|
twolist4: {},
|
|
twolist5: {},
|
|
twolist6: {},
|
|
twolist7: {},
|
|
twolist8: {},
|
|
activeName: 'first',
|
|
dialogTableVisible: false,
|
|
loading: false,
|
|
viewtxt: '今日',
|
|
info: '',
|
|
toggtim: 1,
|
|
indexlist: '',
|
|
dialogTableVisible2: false,
|
|
formLabelWidth: '200px',
|
|
dialogTableVisible2label: '',
|
|
settype:'',
|
|
},
|
|
methods: {
|
|
refreshs() {
|
|
var that = this
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "{:url('Newpaysetting/refreshs')}",
|
|
data: {},
|
|
dataType: "json",
|
|
success: function(data) {
|
|
if (data.status == 1) {
|
|
that.list1 = data.info.list1
|
|
that.list2 = data.info.list2
|
|
that.list3 = data.info.list3
|
|
that.list4 = data.info.list4
|
|
that.list5 = data.info.list5
|
|
that.list6 = data.info.list6
|
|
that.list7 = data.info.list7
|
|
that.list8 = data.info.list8
|
|
|
|
that.twolist1 = data.twolist.twolist1
|
|
that.twolist2 = data.twolist.twolist2
|
|
that.twolist3 = data.twolist.twolist3
|
|
that.twolist4 = data.twolist.twolist4
|
|
that.twolist5 = data.twolist.twolist5
|
|
that.twolist6 = data.twolist.twolist6
|
|
that.twolist7 = data.twolist.twolist7
|
|
that.twolist8 = data.twolist.twolist8
|
|
}
|
|
}
|
|
});
|
|
},
|
|
setOne(list, t) {
|
|
|
|
this.$confirm('确定设置?', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
}).then(() => {
|
|
var that = this
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "{:url('Newpaysetting/setOne')}",
|
|
data: {
|
|
list: list,
|
|
t: t
|
|
},
|
|
dataType: "json",
|
|
success: function(data) {
|
|
if (data.status == 1) {
|
|
that.$message({
|
|
message: '设置成功',
|
|
type: 'success'
|
|
});
|
|
that.refreshs()
|
|
} else {
|
|
that.$message({
|
|
message: data.msg,
|
|
type: 'warning'
|
|
});
|
|
}
|
|
}
|
|
});
|
|
}).catch(() => {
|
|
|
|
});
|
|
},
|
|
delOne(list, t) {
|
|
this.$confirm('确定取消?', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
}).then(() => {
|
|
var that = this
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "{:url('Newpaysetting/delOne')}",
|
|
data: {
|
|
list: list,
|
|
t: t
|
|
},
|
|
dataType: "json",
|
|
success: function(data) {
|
|
if (data.status == 1) {
|
|
that.$message({
|
|
message: '操作成功',
|
|
type: 'success'
|
|
});
|
|
that.refreshs()
|
|
} else {
|
|
that.$message({
|
|
message: data.msg,
|
|
type: 'warning'
|
|
});
|
|
}
|
|
}
|
|
});
|
|
}).catch(() => {
|
|
|
|
});
|
|
},
|
|
settwolist(list, t) {
|
|
this.$confirm('确定设置?', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
}).then(() => {
|
|
var that = this
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "{:url('Newpaysetting/settwolist')}",
|
|
data: {
|
|
list: list,
|
|
t: t
|
|
},
|
|
dataType: "json",
|
|
success: function(data) {
|
|
if (data.status == 1) {
|
|
that.$message({
|
|
message: '设置成功',
|
|
type: 'success'
|
|
});
|
|
that.refreshs()
|
|
} else {
|
|
that.$message({
|
|
message: data.msg,
|
|
type: 'warning'
|
|
});
|
|
}
|
|
}
|
|
});
|
|
}).catch(() => {
|
|
|
|
});
|
|
},
|
|
gettwolist(type, typeName) {
|
|
this.dialogTableVisible = true
|
|
this.loading = true
|
|
var that = this
|
|
var id = '{$id}'
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "{:url('Newpaysetting/gettwolist')}",
|
|
data: {
|
|
type: type,
|
|
toggtim: that.toggtim,
|
|
typeName: typeName
|
|
},
|
|
dataType: "json",
|
|
success: function(data) {
|
|
if (data.status == 1) {
|
|
that.loading = false
|
|
that.info = data.info
|
|
that.viewtxt = data.txt
|
|
}
|
|
}
|
|
});
|
|
},
|
|
gettwolisttoggtim(t, type, typeName) {
|
|
this.toggtim = t
|
|
this.gettwolist(type, typeName);
|
|
},
|
|
deltwolist(list, t) {
|
|
this.$confirm('确定取消?', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
}).then(() => {
|
|
var that = this
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "{:url('Newpaysetting/deltwolist')}",
|
|
data: {
|
|
list: list,
|
|
t: t
|
|
},
|
|
dataType: "json",
|
|
success: function(data) {
|
|
that.refreshs()
|
|
if (data.status == 1) {
|
|
that.$message({
|
|
message: '操作成功',
|
|
type: 'success'
|
|
});
|
|
} else {
|
|
that.$message({
|
|
message: data.msg,
|
|
type: 'warning'
|
|
});
|
|
}
|
|
}
|
|
});
|
|
}).catch(() => {
|
|
|
|
});
|
|
},
|
|
setlist(list, label, type) {
|
|
console.log(list);
|
|
this.dialogTableVisible2 = true
|
|
this.indexlist = list
|
|
this.dialogTableVisible2label = label
|
|
this.settype = type
|
|
},
|
|
addRule() {
|
|
var that = this
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "{:url('Newpaysetting/getmoneys')}",
|
|
data: {},
|
|
dataType: "json",
|
|
success: function(data) {
|
|
if (data.status == 1) {
|
|
that.indexlist.index.push({
|
|
val: '',
|
|
sort: '',
|
|
moneys:data.moneys
|
|
});
|
|
}
|
|
}
|
|
});
|
|
},
|
|
removeRule(item) {
|
|
console.log(item)
|
|
if(!item.id){
|
|
var index = this.indexlist.index.indexOf(item)
|
|
if (index !== -1) {
|
|
this.indexlist.index.splice(index, 1)
|
|
}
|
|
}else{
|
|
this.$confirm('确定删除?', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
}).then(() => {
|
|
var that = this
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "{:url('Newpaysetting/delOneList')}",
|
|
data: {
|
|
item:item
|
|
},
|
|
dataType: "json",
|
|
success: function(data) {
|
|
if (data.status == 1) {
|
|
that.$message({
|
|
message: '成功',
|
|
type: 'success'
|
|
});
|
|
var index = that.indexlist.index.indexOf(item)
|
|
if (index !== -1) {
|
|
that.indexlist.index.splice(index, 1)
|
|
}
|
|
that.refreshs()
|
|
}else{
|
|
that.$message({
|
|
message: data.msg,
|
|
type: 'warning'
|
|
});
|
|
}
|
|
}
|
|
});
|
|
}).catch(() => {
|
|
|
|
});
|
|
}
|
|
|
|
},
|
|
},
|
|
created: function() {
|
|
this.refreshs()
|
|
//console.log(this.form)
|
|
}
|
|
})
|
|
</script>
|
|
{/block} |