TG.WXCRM.V4/WEB/Views/WeiXin/OutComplaint/Edit.cshtml

@model WX.CRM.Model.DTO.OutComplaintReplyDto
@{
    ViewBag.Title = "Edit";
    Layout = "~/Views/Shared/_form.cshtml";
    //Layout = "~/Views/Shared/_Index_LayoutEdit.cshtml";

}
<style>
    .layui-form {
        padding: 10px;
    }
</style>

@*<div class="x-body">
    <form class="layui-form" action="" lay-filter="formTest">*@
        <input type="hidden" id="Id" name="Id" value="@Model.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">
                <select name="BusinessStatus" style="height:35px;" lay-verify="required">
                    @if (Model.OutComplaintBusinessStatus == 1)
                    {
                        <option value="">请选择</option>
                        <option value="8">已办结</option>
                        <option value="4">委托合规处理</option>
                    }
                    else
                    {
                        <option value="@Model.OutComplaintBusinessStatus">@Model.OutComplaintBusinessStatusStr</option>
                    }
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">业务回复：</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" style="width:250px;">
                    <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 my_form_iterm">
                <button onclick="parent.Closed()" type="button" class="layui-btn layui-btn-primary">取消</button>
                <button id="submit" class="layui-btn layui-btn-ok" lay-submit lay-filter="formDemo">保存</button>
            </div>
        </div>



<script>
     layui.use(['form', 'upload'], function () {
        var form = layui.form

        var upload = layui.upload;
        var layer = layui.layer;
        var token = "";

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



        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.load(2, { time: 10 * 1000 });
                    }
                    , 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 });
                        }
                    }
                });
            }
        })


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