@using CRM.Core.Model.Entity
@using Core.Web.WebHelper
@model Core.Web.Controllers.OutComplaintController.OutComplaintRestoreDto
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
    var read = (bool)ViewBag.Readonly;
}
<style>
    .layui-form-label {
        width: 150px
    }
    .layui-input-block {
        margin-left: 0;
    }
    .layui-laydate-content > .layui-laydate-list {
        padding-bottom: 0px;
        overflow: hidden;
    }

    .layui-laydate-content > .layui-laydate-list > li {
        width: 50%
    }

    .merge-box .scrollbox .merge-list {
        padding-bottom: 5px;
    }
    .layui-form-item .layui-input-inline {
        float: left;
        width: auto !important;
        margin-right: 10px;
    }
</style>

<div class="x-body">
    <form class="layui-form" action="" lay-filter="formTest">
        <input type="hidden" id="id" name="id" value="@ViewBag.id" />
        <input type="hidden" id="creatorEid" name="creatorEid" value="@ViewBag.eid" />
        <input type="hidden" id="creator" name="creator" value="@ViewBag.userName" />
        <div class="layui-form-item">
            <label class="layui-form-label">客户ID：</label>
            <div class="layui-input-inline">
                <div class="layui-form-mid">@Html.Raw(Model.Resid)</div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">客户姓名：</label>
            <div class="layui-input-inline">
                <div class="layui-form-mid">@Html.Raw(Model.Cname)</div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">事业部：</label>
            <div class="layui-input-inline">
                <div class="layui-form-mid">@Html.Raw(Model.Deptname)</div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">业务处理状态：</label>
            <div class="layui-input-inline">
                <div class="layui-form-mid">@Html.Raw(Model.OutComplaintBusinessStatusStr)</div>
            </div>
        </div>
        @if (Model.Restores != null && Model.Restores.Any())
        {
            foreach (var item in Model.Restores)
            {
                <div class="layui-form-item">
                    <label class="layui-form-label">@Html.Raw(item.RestoreType == 1 ? "业务回复人" : "合规回复人")：</label>
                    <div class="layui-input-inline">
                        <div class="layui-form-mid">@Html.Raw(item.Content)</div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">@Html.Raw(item.RestoreType == 1 ? "业务回复时间" : "合规回复时间")：</label>
                    <div class="layui-input-inline">
                        <div class="layui-form-mid">
                            @Html.Raw(item.CreateTime.HasValue ? item.CreateTime.Value.ToString("yyyy-MM-dd HH:mm:ss") : "")
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">@Html.Raw(item.RestoreType == 1 ? "业务回复" : "合规回复")：</label>
                    <div class="layui-input-inline">
                        <textarea class="layui-textarea" lay-verify="required" name="firstContent" id="firstContent" style="width:300px;" disabled>@item.Content</textarea>
                    </div>
                </div>
                if (!string.IsNullOrEmpty(item.Attachment))
                {
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">相关附件：</label>
                            <div class="layui-input-inline">
                                <a href="@Html.Raw(item.Attachment)" id="atturl" target="_blank" class="layui-form-mid" style="color:blue">下载</a>
                            </div>
                        </div>
                    </div>
                }
                <hr />
            }
        }

        @if (!read)
        {
            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: red">*</span>合规回复：</label>
                <div class="layui-input-inline">
                    <textarea class="layui-textarea" lay-verify="required" name="content" id="content" style="width:300px;"></textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">附件：</label>
                    <div class="layui-input-inline">
                        <button type="button" class="layui-btn" id="uploadAtt">上传附件</button><i class="layui-icon layui-icon-ok layui-bg-green" style="display:none;" id="hasAtt"></i>
                        <input type="hidden" name="attachment" id="attachment" />
                        <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" style="float: right">
                    <button class="layui-btn layui-btn-sm layui-btn-normal" type="button" lay-submit="" id="save" lay-filter="save" onclick="return false;">保存</button>
                </div>
            </div>
        }
    </form>
</div>
<script src="~/Scripts/layui_ext/xm-select/xm-select.js"></script>
<script>
    var selectRow = {};
    var layer;
    var table;
    var winindex;
    var upload;
    var inneruserTree;
    var element;
    var form;
    var accessories = [];
    layui.config({
        base: '../Scripts/layui_ext/',
    }).extend({
        selectInput: 'selectInput/selectInput'
    }).use(['table', 'laydate', 'upload', 'flow', 'element', 'form', 'selectInput'], function () {
        var $ = layui.jquery
            , upload = layui.upload
            , element = layui.element
            , layer = layui.layer
            , form = layui.form
            , selectInput = layui.selectInput;
        element = layui.element;
        var laydate = layui.laydate;

        laydate.render({
            elem: '#outComplaintDate'
        });

        var File_Server = '@ViewBag.File_Server';
        var loading;
        var id = '@Html.Raw(ViewBag.id)';

        form.on('submit(save)', function (data) {
            var id = '@Model.Id';
            console.log(id)
            layer.confirm('是否确认保存该回复?', { icon: 3, title: '提示' }, function (index) {
                $.ajax({
                    type: "POST",
                    url: '/OutComplaint/CreateOutComplaintRestore',
                    data: JSON.stringify(data.field),
                    dataType: "json",
                    contentType: "application/json",
                    success: function (da) {
                        if (da.code == 0) {
                            parent.layer.msg('操作成功！', { icon: 1 });
                            parent.TableReload();
                            parent.Closed();
                        } else {
                            layer.msg(da.retmsg, { icon: 2 });
                        }
                    },
                    error: function () {
                        layer.msg('操作失败！', { icon: 2 });
                    }
                });
            });
        })

        $('#search').on('click', function () {
            var resid = $('#resid').val();
            if (!resid) {
                layer.msg('请输入客户ID', { icon: 2 });
                return;
            }
            search(resid);
        })

         var File_Server = '@ViewBag.File_Server';
        var loading;
        $.ajax({
            type: "GET",
            url: File_Server + "/api/Token?key=7AC51A5F0DE9A13D5FC9960AD45CC8D5",
            success: function (da) {
                token = "Bearer " + da;
                upload.render({ //允许上传的文件后缀
                    elem: '#uploadAtt'
                    //, bindAction: '#save-hide'
                    , url: File_Server + '/Streaming/UploadLargeFile'
                    , accept: 'file' //普通文件
                    //, auto: false
                    , headers: { Authorization: token }
                    , multiple: true
                    , exts: 'jpg|png|gif|bmp|jpeg|txt|xls|xlsx|doc|docx|ppt|pptx|wps|pdf|txt|mp4|jpeg|png|zip|7z'
                    , size: 102400 //限制文件大小，单位 KB
                    , before: function (obj) {
                        loading = layer.open({
                            type: 1,
                            area: ['250px', '100px'], //宽高
                            content: '<div style="margin:0 20px" class="layui-progress layui-progress-big" lay-showpercent="true" lay-filter="demo">' +
                                '<div class="layui-progress-bar layui-bg-red" lay-percent="0%"></div>' +
                                '</div>'
                        });
                    }
                    , progress: function (n, elem, res, index) {
                        var percent = n + '%' //获取进度百分比
                        element.progress('demo', percent); //可配合 layui 进度条元素使用
                        element.progress('demo-' + index, n + '%'); //进度条
                    }
                    , allDone: function (obj) { //当文件全部被提交后，才触发
                        console.log("obj", obj); //得到总文件数
                        console.log(obj.successful); //请求成功的文件数
                        console.log(obj.aborted); //请求失败的文件数
                    }
                    , done: function (res) {
                        layer.close(loading);
                        console.log(res)
                        if (res.url && res.url != "") {
                            $("#attachment").val(res.url);
                            $("#hasAtt").show();
                            layer.msg('附件上传成功！', { icon: 1 });
                        } else {
                            layer.msg('附件上传失败！', { icon: 2 });
                        }
                    }
                });
                upload.render({ //允许上传的文件后缀
                    elem: '#uploadAuditImg'
                    , url: File_Server + '/Streaming/UploadLargeFile'
                    , accept: 'file' //普通文件
                    , acceptMime: 'image/*'
                    , headers: { Authorization: token }
                    , size: 512000 //限制文件大小，单位 KB
                    , done: function (res) {
                        //console.log(res)
                        if (res.url && res.url != "") {
                            $("#imglist").append('<li><a href="' + res.url + '" target="_blank"><img src="' + res.url + '" /></a><span> <i class="layui-icon layui-icon-delete" style="font-size: 20px; color: red;"></i></span></li>');
                            if ($("#imglist").find("li").length > 5) {
                                $("#uploadAuditImg").hide();
                            }
                        }
                    }
                });
            }
        })
    })
</script>