@page "{handler?}"
@model YBDevice.NWeb.Pages.Info.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="Title">标题</label>
                <div class="col-md-4">
                    <input type="text" class="layui-input" id="Title" name="Title" value="@Model.data.Title" placeholder="请输入标题" lay-verify="required" />
                    <span class="tiptext">最多50个字</span>
                </div>
            </div>
            <div class="layui-form-item row">
                <label class="layui-form-label col-md-2" for="ClickCount">点击量</label>
                <div class="col-md-4">
                    <input type="text" class="layui-input" id="ClickCount" name="ClickCount" value="@Model.data.ClickCount" placeholder="请输入点击量" lay-verify="required" />
                </div>
            </div>
            <div class="layui-form-item row">
                <label class="layui-form-label col-md-2" for="AppId">小程序</label>
                <div class="col-md-4">
                    <select xm-select="AppId" name="AppId" xm-select-skin="normal" xm-select-show-count="3">
                        <option value="">选择绑定的小程序</option>
                        @foreach (var item in Model.offlist)
                        {
                            if (Model.appidlist.Contains(item.authorizer_appid))
                            {
                                <option value="@item.authorizer_appid" selected>@item.nick_name</option>
                            }
                            else
                            {
                                <option value="@item.authorizer_appid">@item.nick_name</option>
                            }
                        }
                    </select>
                </div>
            </div>
            <div class="layui-form-item row">
                <label class="layui-form-label col-md-2" for="TagId">分组</label>
                <div class="col-md-4">
                    <select id="TagId" name="TagId">
                        @foreach (var item in Model.types)
                        {
                            if (item.Id == Model.data.TagId)
                            {
                                <option value="@item.Id" selected>@item.Name</option>
                            }
                            else
                            {
                                <option value="@item.Id">@item.Name</option>
                            }
                        }
                    </select>
                </div>
            </div>
            <div class="layui-form-item row">
                <label class="layui-form-label col-md-2" for="Type">类型</label>
                <div class="col-md-4">
                    <select id="Type" name="Type" lay-filter="Type">
                        @foreach (var item in Model.texttypes)
                        {
                            if (item.Value == Model.data.Type.ToString())
                            {
                                <option value="@item.Value" selected>@item.Text</option>
                            }
                            else
                            {
                                <option value="@item.Value">@item.Text</option>
                            }
                        }
                    </select>
                </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="layui-btn layui-btn-normal layui-btn-sm" id="upload">上传封面</button></div>
                    @if (!string.IsNullOrEmpty(Model.data.HeadImg))
                    {
                        <div id="HeadImgView">
                            <img data-src="preview" src="@Model.data.HeadImg" alt="上传成功后渲染" style="max-width:196px">
                        </div>
                    }
                    else
                    {
                        <div id="HeadImgView" class="layui-hide">
                            <img data-src="preview" src="" alt="上传成功后渲染" style="max-width: 196px">
                        </div>
                    }
                </div>
            </div>
            <div class="layui-form-item row">
                <label class="layui-form-label col-md-2" for="Title">内容</label>
                <div class="col-md-10">
                    <textarea type="text" style="display:none;" id="Content" name="Content" placeholder="在此编辑内容">@Model.data.content</textarea>
                    <span class="tiptext contenttext"></span>
                </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 css
{
<link href="~/js/layuiformselects/formSelects-v4.css" rel="stylesheet" />
<style>
    .layui-card {
        height: 100%;
    }

    .layui-form-select dl {
        z-index: 100001;
    }

    .xm-form-select dl {
        z-index: 100001 !important;
    }
</style>
}
@section Scripts{
<script type="text/javascript" src="~/js/layuiformselects/formSelects-v4.js"></script>
<script type="text/javascript" src="~/js/neditor/neditor.config.js"></script>
<script type="text/javascript" src="~/js/neditor/neditor.all.min.js"></script>
<script type="text/javascript" src="~/js/neditor/neditor.service.js"></script>
<script type="text/javascript">
         layui.use(['form', 'common','upload'], function () {
             var form = layui.form,
                 upload=layui.upload,
                 common = layui.common;
             var formSelects = layui.formSelects;
             var headimg = '@Model.data.HeadImg';
             var ue;
             formSelects.render("Appid");
             form.on("select(Type)", function (res) {
                 var val = res.value;
                 if (val == 1) {
                     $("#Content").removeClass("layui-textarea");
                     ue = UE.getEditor('Content', {
                         rootname: "info",
                         scaleEnabled: false,
                         autoHeightEnabled: false
                     });
                     ue.ready(function () {
                         ue.setHeight(500); //设置高度
                         $("#Content").show();
                     });
                     $(".contenttext").text("");
                 } else {
                     $("#Content").show();
                     if (ue) {
                         ue.destroy();
                         ue = undefined;
                     }
                     if (val == 2) {
                         $(".contenttext").text("请输入链接地址,只支持绑定的公众号文章");
                     } else {
                         $(".contenttext").text("请输入小程序appid");
                     }
                     if (!$("#Content").hasClass("layui-textarea")) {
                         $("#Content").addClass("layui-textarea");
                     }
                 }
             });
             $("#Type").siblings("div.layui-form-select").find('dl').find('.layui-this').click();
             upload.render({
                 elem: "#upload",
                 url: "/upload",
                 data: {
                     root: function () {
                         return "info";
                     }
                 },
                 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("文件上传失败");
                 }
                });
             $(window).on("scroll", function () {
                 $("#edui1").children().each(function () {
                     var id = $(this).attr('id');
                     if (typeof id === "undefined" || id === null) {
                         $(this).remove();
                     }
                 });
             });
             form.on("submit(submit)", function (data) {
                 data.field['id'] = '@Model.data.Id';
                 var pdata = formSelects.value('AppId', 'val');
                 if(pdata.length == 0){
                     common.alert("请先选择绑定的小程序");
                     return;
                 }
                 data.field["HeadImg"] = headimg;
                 if (data.field["Type"] == 1) {
                     data.field["Content"] = ue.getContent();
                 }
                 console.log(data.field);
                    common.ajax({
                        url: "/api/info/Submitinfo",
                        type: "post",
                        data: data.field
                    });
        })
    });
</script>
}