<!--# layout("/common/layout.html",{"jsBase":"/js/directed/channelurl/"}){ -->
<style type="text/css">

.right-content{
    width: 260px;
    background: #fff;
    float: left;
    margin-left: 10px;
    overflow: hidden;}
.layui-input-inline{
	width: 500px;
}

</style>
<style type="text/css">
.layui-input{
	width: 500px;
}

</style>
<style type="text/css">
.layui-input-inline{
	width: 500px;
}
.xm-select-parent{
	width: 500px;
}
.xm-form-select{
	width: 500px;
}
.xm-hide-input{
	width: 500px;
}
</style>

<form class="layui-form layui-form-pane " id="addForm">
    <input type="hidden" name="id" value="${entity.id}">
    <input type="hidden" name="url" value="${entity.url}">
    <input type="hidden" name="env" value="${entity.env}">

    <div class="layui-row">
        <div class="layui-col-xs12">
            <div id="qrcode" style="display: flex; align-items: center;justify-content: center;"></div>
        </div>
    </div>

    <div class="layui-row">
        <div class="layui-col-xs12">
            <div style="display: flex; align-items: center; justify-content: center;">请在二维码上，点击右键-->另存为，保存二维码图片</div>
        </div>
    </div>

    <hr class="layui-bg-blue">

    <div class="layui-row">
        <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
            <div class="grid-demo grid-demo-bg1">&nbsp;</div>
        </div>
        <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
            <div class="layui-input-block">
                <button class="layui-btn layui-btn-danger" type="button" id="closeButton">关闭</button>
            </div>
        </div>
        <div class="layui-col-xs4 layui-col-sm12 layui-col-md4">
            <div class="grid-demo layui-bg-blue"></div>
        </div>
    </div>
</form>
<!--#} -->

<script>

layui.use(['myqrcode'], function() {
    var myqrcode = layui.myqrcode;
    myqrcode.init('${entity.url}');

});

</script>


