mashangyoujiu/Application/Admin/View/Site/index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>域名授权</title>
    <link href="/Public/logo.ico" type="image/x-icon" rel="shortcut icon">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/paper/css/index.css"/>
    <link rel="stylesheet" href="__PUBLIC__/paper/layui/css/layui.css" />
    <script src="__PUBLIC__/paper/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/paper/layui/layui.js"></script>
    <style>
        body,html{
            width:100%;
            height: 100%;
            overflow-x: hidden;
        }
        /*.layui-word-aux{
            margin-left: 110px;
            color: orangered!important;
        }*/
        .layui-word-aux{
            color: black;
        }
        .default_img{
            width:150px;
            border: 1px solid #ddd;
        }
        .default_img_box{
            padding: 10px 0px;
        }
        .container{
            width:80%;
            padding: 20px;
            margin: 0 auto;
            box-sizing: border-box;
        }
        .layui-form-item{
            max-width: 800px;
        }
        .layui-btn {
            display: inline-block;
            height: 38px;
            line-height: 38px;
            padding: 0 18px;
            color: #fff;
            white-space: nowrap;
            text-align: center;
            font-size: 14px;
            border: none;
            border-radius: 2px;
            cursor: pointer;
        }
    </style>
</head>
<body>
<div class="container">
    <div class='content'>
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
            <legend>授权设置</legend>
        </fieldset>
        <div class="layui-progress  layui-progress-big" style="width: 50%">
            <div class="layui-bg-green layui-progress-bar 1/3" lay-percent="1/3">
                <span class="layui-progress-text">第一步，添加TXT记录值</span>
            </div>
        </div>
        <br />
        <br />
        <br />
        <input type="hidden" id="infoindex" value="{$infoindex}">
        <form class="layui-form" action="" id="saveform">
            <input type="hidden" value="{$info['id']}" name="id" id="infoid">
            <div class="layui-form-mid layui-word-aux">1.请复制记录值，在第三方的域名提供商中，添加txt记录类型到主机记录中</div>
            <div class="layui-form-item">
                <label class="layui-form-label ">记录值:</label>
                <div class="layui-input-inline" >
                    <input type="text" name="accesskeyid" readonly value="{$txt}" id="txt"  autocomplete="off" placeholder="" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux btns"  data-clipboard-action="copy" data-clipboard-target="#txt">复制</div>
            </div>

            <div class="layui-form-mid layui-word-aux">2.输入域名进入下一步绑定(绑定的域名请先完成在中国大陆的 ICP 备案，同时建议进行公安网备案)</div>
            <div class="layui-form-item">
                <label class="layui-form-label">绑定域名:</label>
                <div class="layui-input-block site1" >
                    <input type="text" name="site" value="{$info['accesskeyid']}"  autocomplete="off" placeholder="请输入你要绑定的域名，如www.baidu.com" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"></label>
                <div class="layui-input-block">
                    <button type="button" class="layui-btn" id="submitbtn">检测并绑定</button>
                </div>
            </div>
        </form>
        <br>
        <br>
        <br>
    </div>
</div>
</body>
<script src="__PUBLIC__/paper/js/copy.js"></script>
<script>
    layui.use(['form','upload','layer','laydate','element'],function () {
        var form = layui.form;
        var upload = layui.upload;
        var layer = layui.layer;
        var laydate = layui.laydate;
        var element = layui.element;
        var content = $("#demo").html();
        var clipboard = new Clipboard('.btns');
        clipboard.on('success', function(e) {
            layer.msg("复制成功",{icon:1,time:2000});
        });
        form.on('radio(sitetype)', function(data){
            if(data.value==1){
                $('.site1').show();
                $('.site2').hide();
            }else{
                $('.site2').show();
                $('.site1').hide();
            }
        });
        //日期选择器
        laydate.render({
            elem: '#tests'
            ,position: 'fixed'
            //,type: 'date' //默认，可不填
        });
        //日期选择器
        laydate.render({
            elem: '#teste'
            ,position: 'fixed'
            //,type: 'date' //默认，可不填
        });
        $('#submitbtn').click(function () {
            layer.confirm('确定无误检测绑定吗？',function () {
                $.ajax({
                    url:"{:U('checkText')}",
                    data:$('#saveform').serialize(),
                    type:'post',
                    success:function (res) {
                        console.log(res);
                        if(res.status==1){
                            layer.msg(res.msg,{time:1500},function () {
                                window.location.reload();
                            })
                        }else{
                            layer.msg(res.msg,{time:1500})
                        }
                    },
                    error:function (error) {
                        console.log(error);
                    }
                })
            })
        })
    })

</script>
</html>