@page
@model YBDevice.NWeb.Pages.Official.EditModel
@{
    ViewData["Title"] = "信息编辑";
}
<div class="layui-card">
    <div class="layui-card-body">
        <div class="form-horizontal layui-form">
            <div class="layui-form-item row">
                <label class="layui-form-label col-md-2" for="nick_name">名称</label>
                <div class="col-md-4">
                    <input type="text" class="layui-input" id="nick_name" name="nick_name" placeholder="请输入名称" lay-verify="required" />
                </div>
            </div>
            <div class="layui-form-item row">
                <label class="layui-form-label col-md-2" for="authorizer_appid">AppId</label>
                <div class="col-md-4">
                    <input type="text" class="layui-input" id="authorizer_appid" name="authorizer_appid" placeholder="请输入公众号appid" lay-verify="required" />
                </div>
            </div>
            <div class="layui-form-item row">
                <label class="layui-form-label col-md-2" for="user_name">原始ID</label>
                <div class="col-md-4">
                    <input type="text" class="layui-input" id="user_name" name="user_name" placeholder="请输入公众号原始ID" lay-verify="required" />
                </div>
            </div>
            <div class="layui-form-item row">
                <label class="layui-form-label col-md-2" for="Title">公众号二维码</label>
                <div class="col-md-10">
                    <div><button class="btn btn-info btn-lg" id="upload">上传二维码</button></div>
                    <div id="HeadImgView" class="layui-hide">
                        <img data-src="preview" src="" alt="上传成功后渲染" style="max-width: 196px">
                    </div>
                </div>
            </div>
            <div class="text-center col-md-7">
                <button class="btn btn-primary btn-lg" lay-submit lay-filter="submit" type="button">提交</button>
            </div>
        </div>
    </div>
</div>
@section Scripts{
    <script type="text/javascript">
        layui.use(['form', 'common', 'upload'], function () {
            var form = layui.form,
                upload = layui.upload,
                common = layui.common;
            var headimg = '';
            upload.render({
                elem: "#upload",
                url: "/upload",
                data: {
                    root: function () {
                        return "qr";
                    }
                },
                done: function (res) {
                    if (res.code == 0) {
                        headimg = res.data[0];
                        layui.$('#HeadImgView').removeClass('layui-hide').find('img').attr('src', headimg);
                    } else {
                        common.alert(res.message);
                    }
                },
                error: function () {
                    common.alert("文件上传失败");
                }
            });
            form.on("submit(submit)", function (data) {
                data.field["head_img"] = headimg
                data.field["type"] = 1;
                common.ajax({
                    url: "/api/office/Submitform",
                    type: "post",
                    data: data.field
                });
            });
    </script>
}