{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}