@model  WX.CRM.Model.QueryMap.CMS_NEWS_Map
@using WX.CRM.WEB.Controllers.Cms
@{ ViewBag.Title = "Edit";
    Layout = "~/Views/Shared/_form.cshtml";
}
@{
    string isok = ViewBag.isOk == null ? "1" : Convert.ToString(ViewBag.isOk);
}
<style>
    .layui-form {
        padding: 10px;
    }
</style>
<script>
        var isOk = "@Html.Raw(isok)";
</script>
<div class="layui-form-item">
    <label class="layui-form-label">部门：</label>
    <div class="layui-input-block">
        <select name="DepartmentId" lay-verify="required">
            <option value="">--请选择部门--</option>
            @{List<CmsUpController.DeptmentDto> list = ViewBag.SaleDept; }
            @foreach (var item in list)
            {
                <option value="@item.DepartmentId">@item.Title</option>
            }
        </select>
    </div>
</div>
<div class="layui-form-item">
    <label class="layui-form-label">类型：</label>
    <div class="layui-input-block">
        <input type="hidden" id="ID" name="ID" />
        <select name="NEWSTYPE" id="NEWSTYPE" lay-verify="required">
            <option value="">--请选择类型--</option>
            <option value="activity">活动</option>
            <option value="plan">策划</option>
            <option value="ad">推广</option>
            <option value="service">客户服务内容</option>
        </select>
    </div>
</div>
<div class="layui-form-item">
    <label class="layui-form-label">标题：</label>
    <div class="layui-input-block">
        <input type="text" name="TITLE" id="TITLE" lay-verify="required|len" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
</div>
<div class="layui-form-item layui-form-text">
    <label class="layui-form-label">链接：</label>
    <div class="layui-input-block">
        <input type="text" name="CONTENT" id="CONTENT" lay-verify="" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
</div>
<div class="layui-form-item layui-form-text">
    <label class="layui-form-label">内容：</label>
    <div class="layui-input-block">
        <textarea class="layui-textarea" name="REMARK" id="REMARK"></textarea>
    </div>
</div>
<div class="layui-form-item layui-form-text">
    <label class="layui-form-label">渠道：</label>
    <div class="layui-input-block">
        <input type="text" name="CHANNELS" id="CHANNELS" lay-verify="" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
</div>
<div class="layui-form-item layui-form-text">
    <label class="layui-form-label">作者：</label>
    <div class="layui-input-block">
        <input type="text" name="AUTHOR" id="AUTHOR" lay-verify="" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
</div>
<div class="layui-form-item">
    <div class="layui-inline">
        <label class="layui-form-label">附件：</label>
        <div class="layui-input-inline" style="width:250px;">
            <button type="button" class="layui-btn" id="uploadAtt">上传附件</button>
            @if (string.IsNullOrEmpty(Model.ATT))
            {
                <i class="layui-icon layui-icon-ok layui-bg-green" style="display:none;" id="hasAtt"></i>
            }
            else
            {
                <i class="layui-icon layui-icon-ok layui-bg-green" id="hasAtt"></i>
            }
            <input type="hidden" name="ATT" id="hidAtt" />
            <br /><span>格式：doc(.docx)、.ppt(.pptx)、.xls(.xlsx)、.wps、.pdf、.txt、.MP4、JPG、JPEG、PNG、zip、7z</span>
        </div>
    </div>
</div>

<div class="layui-form-item">
    <div class="layui-input-block my_form_iterm">
        <button id="submit" class="layui-btn layui-btn-ok" lay-submit lay-filter="formDemo">保存</button>
        <button onclick="parent.Closed()" type="button" class="layui-btn layui-btn-primary">取消</button>
        <button class="layui-btn layui-btn-ok" lay-submit lay-filter="formDemoAndUpload">提交审核</button>
        <button id="submitImg" type="button" style="display:none">上传图片</button>
    </div>
</div>
@if (isok == "0")
{
    <div class="layui-form-item">
        <label class="layui-form-label erro_msg">错误提示：</label>
        <div class="layui-input-block my_form_iterm erro_msg">
            @Html.Raw(ViewBag.Msg)
        </div>
    </div>
}
<script>
    layui.use(['form', 'upload'], function () {
        var form = layui.form
        var json =@Html.Raw(ViewBag.NewsJson);
        console.log(json);
        form.val("formTest", {
             "ID": json.ID,
            "DepartmentId": json.DepartmentId,
             "NEWSTYPE": json.NEWSTYPE,
             "TITLE": json.TITLE,
             "CONTENT": json.CONTENT,
             "ATT": json.ATT,
             "REMARK": json.REMARK,
             "AUTHOR": json.AUTHOR,
             "CHANNELS": json.CHANNELS
        });
            var upload = layui.upload;
        var form = layui.form;
        var layer = layui.layer;
        var type = "@Html.Raw(ViewBag.type)";
        var Files_Server = "@Html.Raw(ViewBag.Files_Server)";
        var token = "";
        var loading;
        $.ajax({
            type: "GET",
            url: Files_Server + "/api/Token?key=7AC51A5F0DE9A13D5FC9960AD45CC8D5",
            success: function (da) {
                token = "Bearer " + da;
                upload.render({ //允许上传的文件后缀
                    elem: '#uploadAtt'
                    , bindAction: '#submitImg'
                    , multiple: true
                    , url: Files_Server + '/Streaming/UploadLargeFile'
                    , accept: 'file' //普通文件
                    //, auto: false
                    , headers: { Authorization: token }
                    , exts: 'jpg|png|gif|bmp|jpeg|txt|xls|xlsx|doc|docx|ppt|pptx|wps|pdf|txt|mp4|jpeg|png|zip|7z'
                    , size: 512000 //限制文件大小，单位 KB
                    , before: function (obj) {
                        loading = layer.load(2, { time: 10 * 1000 });
                    }
                    , done: function (res) {
                        layer.close(loading);
                        console.log(res)
                        if (res.url) {
                            $("#hidAtt").val(res.url);
                            $("#hasAtt").show();
                            layer.msg('附件上传成功！', { icon: 1 });
                        } else {
                            layer.msg('附件上传失败！', { icon: 2 });
                        }
                    }
                });
            }
        })

        //监听提交
        form.on('submit(formDemo)', function (data) {
            if (isOk == "1") {
                // 上传图片
                $('submitImg').click();
                $.ajax({
                    type: "POST",
                    url: "EditSave",
                    data: data.field,
                    dataType: "json",
                    success: function (da) {
                        if (da.result == true) {
                            parent.layer.msg('操作成功！', { icon: 1 });
                            if (type == "needRoomeName") {
                                parent.UpdateName(data.field.roomname);
                            } else {
                                parent.TableReload();
                            }
                            parent.Closed();
                        } else {
                            layer.msg(da.retmsg, { icon: 2 });
                        }
                    },
                    error: function () {
                        layer.msg('操作失败！', { icon: 2 });
                    }
                });
                return false;
            } else {
                layer.msg('系统错误!请关闭编辑页重试！', { icon: 2 });
                return false;
            }
        });

        //监听提交
        form.on('submit(formDemoAndUpload)', function (data) {
            if (isOk == "1") {
                // 上传图片
                $('submitImg').click();
                $.ajax({
                    type: "POST",
                    url: "EditSave?isUploadCore=true",
                    data: data.field,
                    dataType: "json",
                    success: function (da) {
                        if (da.result == true) {
                            parent.layer.msg('操作成功！', { icon: 1 });
                            if (type == "needRoomeName") {
                                parent.UpdateName(data.field.roomname);
                            } else {
                                parent.TableReload();
                            }
                            parent.Closed();
                        } else {
                            layer.msg(da.retmsg, { icon: 2 });
                        }
                    },
                    error: function () {
                        layer.msg('操作失败！', { icon: 2 });
                    }
                });
                return false;
            } else {
                layer.msg('系统错误!请关闭编辑页重试！', { icon: 2 });
                return false;
            }
        });
    });
</script>