jh-admin/app/shop/view/account/point_config.html

{extend name="base"/}

{block name="resources"}
<style>
    .card-common:first-of-type{margin-top: 0;}
    .layui-card-body{display: flex;padding-bottom: 0 !important;padding-right: 50px !important;padding-left: 50px !important;flex-wrap: wrap;}
    .layui-card-body .content{width: 33.3%;display: flex;flex-direction: column;margin-bottom: 30px;justify-content: center;}
    .layui-card-body .content .title{color: #909399;font-size: 14px;}
    .layui-card-body .money{color: #303133;font-size: 26px;margin-top: 10px;max-width: 250px;}
    .layui-card-body .bottom-title{color: #909399;font-size: 14px;margin-top: 5px;}
    .table-bottom .layui-table-page{top: 0;position: static;}
    .table-tab .layui-tab-content{margin-bottom: 0;}
    .layui-layout-admin.admin-style-2 .screen{margin-bottom: 15px;}
    .align-center {text-align: center!important;}
    .layui-table td, .layui-table th {padding: 15px}
</style>
{/block}

{block name="main"}
<div class="layui-card card-common card-brief">
    <div class="layui-card-header">
        <div>
            <span class="card-title">积分概况</span>
        </div>
    </div>
    <div class="layui-card-body">
        <div class="content">
            <p class="title">可用积分 <a href="{:addon_url('shop/memberaccount/point')}" class="text-color">明细</a></p>
            <p class="money">{$total_usable_point}</p>
        </div>
        <div class="content">
            <p class="title">累计发放积分 <a href="{:addon_url('shop/memberaccount/point')}" class="text-color">明细</a></p>
            <p class="money">{$grant_point}</p>
        </div>
        <div class="content">
            <p class="title">累计使用积分 <a href="{:addon_url('shop/memberaccount/point')}" class="text-color">明细</a></p>
            <p class="money">{$consume_point}</p>
        </div>
    </div>
</div>

<div class="layui-card card-common card-brief">
    <div class="layui-card-header">
        <div>
            <span class="card-title">积分规则</span>
        </div>
    </div>
    <div class="layui-card-body" style="padding: 10px 25px!important;">
        <table class="layui-table" lay-skin="nob">
            <colgroup>
                <col width="20%">
                <col width="50%">
                <col width="15%">
                <col width="15%">
            </colgroup>
            <thead>
                <tr>
                    <th>规则名称</th>
                    <th>规则详情</th>
                    <th>更新时间</th>
                    <th class="align-center">操作</th>
                </tr>
            </thead>
            <tbody>
                {foreach name="$rule" item="vo"}
                <tr>
                    <td>{$vo.title}</td>
                    <td>{$vo.content}</td>
                    <td>{if $vo.update_time}{:time_to_date($vo.update_time)}{else/}-{/if}</td>
                    <td class="align-center"><a href="{:addon_url($vo.url)}" class="text-color" target="_blank">查看</a></td>
                </tr>
                {/foreach}
            <tr>
            </tbody>
        </table>
    </div>
</div>
<div class="layui-card card-common card-brief">
    <div class="layui-card-header">
        <div>
            <span class="card-title">积分操作</span>
        </div>
    </div>
    <div class="layui-card-body" style="padding: 10px 25px!important;">
        <button class="layui-btn" onclick="clearpoint()">积分清零</button>
        <button class="layui-btn" onclick="reset()">积分重置</button>
    </div>
</div>
{/block}

{block name="script"}
<script id="clear_html" type="text/html">

    <div class="layui-form member-form" id="reset_label" lay-filter="form">
        <div class="layui-form-item">
            <label class="layui-form-label sm">说明：</label>
            <div class="layui-input-block">
                <textarea name="remark" class="layui-textarea len-long" maxlength="150"></textarea>
            </div>
            <div class="word-aux sm"><p>积分清零后会将会员现有的积分全部清零,请谨慎操作</p></div>
        </div>
        <div class="form-row sm">
            <button class="layui-btn" lay-submit lay-filter='clear_bth'>确定</button>
            <button class="layui-btn layui-btn-primary" lay-submit lay-filter='clear_close_bth'>取消</button>
        </div>
    </div>
</script>
<script>
    new Vue({
        el:'#vueContent',
        data(){
            return {
                set: JSON.parse('{$set|raw}'),
            };
        },
        mounted(){},
        methods: {
            // 提交修改
            submitSet(){
                let _this = this;
                $.ajax({
                    url: ns.url("shop/account/set"),
                    data: { set: _this.set },
                    dataType: 'JSON',
                    type: 'POST',
                    success: function(res) {
                        layer.msg(res.message);
                    }
                });
            }

        }
    });
</script>
<script>
    var form, laydate, laytpl;
    layui.use(['laydate','form', 'element', 'laytpl'], function(){
        form = layui.form;
        laydate = layui.laydate;
        laytpl = layui.laytpl;
    });

    var clear_tag = false;
    var clear_index;
    function clearpoint(){

        laytpl($("#clear_html").html()).render([], function(html) {
            clear_index = layer.open({
                title: '积分清零',
                skin: 'layer-tips-class',
                type: 1,
                area: ['600px'],
                content: html,
                success: function(){
                    form.on('submit(clear_bth)', function(obj) {
                        var field = obj.field;
                        if (clear_tag) return;
                        clear_tag = true;
                        $.ajax({
                            type: 'POST',
                            url: ns.url("shop/memberaccount/pointclear"),
                            dataType: 'JSON',
                            data: field,
                            success: function(res) {
                                clear_tag = false;
                                layer.msg(res.message);
                                if (res.code >= 0) {
                                    location.reload();
                                }
                            }
                        });

                    });
                    form.on('submit(clear_close_bth)', function(obj) {
                        clear_tag = false;
                        layer.close(clear_index);
                    })
                }
            });
        });
        form.render();
    }

    var reset_tag = false;

    function reset() {
        if (reset_tag) return;
        reset_tag = true;
        layer.confirm('您确定要将会员现有的积分全部重置吗(重置后会员的积分以及积分记录全都会被删除)？', {
            btn: ['确定', '取消'] //按钮
        }, function () {
            $.ajax({
                type: 'POST',
                url: ns.url("shop/memberaccount/pointreset"),
                dataType: 'JSON',
                success: function (res) {
                    reset_tag = false;
                    layer.msg(res.message);
                    if (res.code >= 0) {
                        location.reload();
                    }

                }
            });
        }, function () {
            reset_tag = false;
            layer.closeAll();
        });
    }
</script>
{/block}