mashangyoujiu/Application/Retail/View/XcxConfig/release.html

<!DOCTYPE html>
<html>
<!--[1.0.49]-->
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        .audbox {
            box-sizing: border-box;
            padding-top: 100px;
        }

        .div_a {
            width: 70%;
            height: 8px;
            background: gainsboro;
            border-radius: 10px;
            margin: auto;
            position: relative;
        }
        .div_a_bg{
            width: 100%;
            height: 100%;
            background: #1ab394;
            position: absolute;
            left: 0;
            top: 0;
            border-radius: 10px;
        }
        .div_a01{
            width: 50px;
            height: 50px;
            border-radius: 50%;
            border: 1px solid #1AB394;
            position: absolute;
            left: 16%;
            top: -21px;
            box-sizing: border-box;
            padding: 5px;
        }
        .div_a_inner{
            width: 100%;
            height: 100%;
            color: white;
            font-size: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #1AB394;
            border-radius: 50%;
            font-weight: bold;
        }
        .div_a02{
            width: 50px;
            height: 50px;
            border-radius: 50%;
            border: 1px solid #1AB394;
            position: absolute;
            left: 47%;
            top: -21px;
            box-sizing: border-box;
            padding: 5px;
        }
        .div_a03{
            width: 50px;
            height: 50px;
            border-radius: 50%;
            border: 1px solid #1AB394;
            position: absolute;
            left: 80%;
            top: -21px;
            box-sizing: border-box;
            padding: 5px;
        }
        .div_a_txt{
            width: 50px;
            height: 50px;
            position: absolute;
            left: -3%;
            top: 42px;
            text-align: center;
            line-height: 50px;
        }
        .div_b{
            width: 100%;
            height: 300px;
            display: flex;
            justify-content: center;
            align-items: center;
            box-sizing: border-box;
            padding-top: 90px;
        }
        .p{
            text-align: center;
        }
        .div_c {
            box-sizing: border-box;
            padding: 20px 0;
            display: flex;
            justify-content: center;
        }
    </style>
</head>
<link href="__PUBLIC__/layui/css/layui.css" rel="stylesheet">
<script type="text/javascript" src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js" ></script>
<script src="__PUBLIC__/layui/layui.all.js"></script>
<body>
<div class="audbox">
    <div class="div_a">
        <div class="div_a_bg"></div>
        <div class="div_a01">
            <div class="div_a_inner">1</div>
            <div class="div_a_txt">申请</div>
        </div>
        <div class="div_a02">
            <div class="div_a_inner">2</div>
            <div class="div_a_txt">审核</div>
        </div>
        <div class="div_a03">
            <div class="div_a_inner">3</div>
            <div class="div_a_txt">发布</div>
        </div>
    </div>
    <div class="div_b">
        <img src="__PUBLIC__/user/img/lb.png"/>
    </div>
    <if condition="$fb_status eq 1">
        <p class="p">{$info["nick_name"]}小程序已发布成功，您的所有门店均可使用智慧零售小程序功能</p>
        <else />
        <p class="p">{$info["nick_name"]}小程序已成功审核，请点击发布进行全网发布操作</p>
    </if>
    <div class="div_c">
        <button id="preview" class="layui-btn">预览二维码</button>
        <button id="reload" class="layui-btn">重新授权</button>
        <if condition="$fb_status eq 0">
            <button id="Release" class="layui-btn  layui-btn-warm ">发布</button>
        </if>
        <if condition="$newVersion eq 1">
            <button id="newVer" class="layui-btn layui-btn-danger">提交新版本</button>
        </if>
    </div>
</div>
</body>
<script type="text/javascript">
    layui.use('layer', function() {
        var layer = layui.layer;
        $("#preview").click(function() {
            layer.open({
                title:"小程序预览",
                type: 1,
                content: `<div>
									<img src='{$url}' style='width: 100%;height: 80%'>
									</div><div style="text-align: center">
									<div id="binduser" class="layui-btn" style="margin: 0 auto">添加体验者</div>
							</div>`,
                area: ['300px','390px']
            });
        })
    });
    $("#reload").click(function () {
        layer.confirm("确定要重新授权吗？",function () {
            $.ajax({
                url:"{:U('reset')}",
                success:function (res) {
                    layer.alert(res.msg,function (re) {
                        window.location.href="{:U('authindex')}";
                    });
                }
            })
        })
    })
    $('#newVer').click(function () {
        layer.confirm("确定无误提交审核小程序新版本？",function () {

                        $.ajax({
                            url: "{:U('submit_audit')}?cateid={$cateid}",
                            type: 'POST',
                            success: function (data) {
                                if (data.status) {
                                    layer.msg(data.msg,{icon:1,time: 1000}, function () {
                                        window.location.reload();
                                    })
                                }
                                else {
                                    layer.msg(data.msg,{icon:2});
                                }
                    }

            })
            top.layer.closeAll();
        })
    })
    $('#Release').click(function () {
        layer.confirm("确定无误发布小程序新版本？",function () {
            $.ajax({
                url: "{:U('release')}?cateid={$cateid}",
                type: 'POST',
                success: function (data) {
                    if (data.status) {
                        layer.msg(data.msg,{icon:1,time: 1000}, function () {
                            window.location.reload();
                        })
                    }
                    else {
                        layer.msg(data.msg,{icon:2});
                    }
                }
            })
            top.layer.closeAll();
        })
    })
    /*
		添加体验者权限功能
		 */
    $('body').on('click','#binduser',function () {
        //绑定开发人员
        layer.prompt({title:"输入体验者的微信号", formType: 3},function (pass,index) {
            $.ajax({
                url:"{:U('binduser')}?cateid={$cateid}",
                data:{"id":pass},
                type:"get",
                success:function (re) {
                    if(re.success){
                        layer.alert("绑定成功");
                    }else{
                        layer.alert(re.msg);
                    }
                }
            })
            layer.close(index);
        })
    })
</script>
</html>