@model CRM.Core.Model.Entity.WX_SZZYORDER
@{
    ViewBag.Title = "Audit";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<style>
    .mnas li {
        margin-top: 5px;
    }

    .layui-input-block {
        margin-left: 20px;
    }

    .hide {
        display: none;
    }

    .red {
        color: red;
        font-weight: bold;
    }

    .green {
        color: green;
        font-weight: bold;
    }

    .interspace p {
        margin: 5px 0;
    }

    #real-name p {
        margin: 5px 0;
    }
</style>
<div class="x-body">
    <div class="layui-form">
        <table class="layui-table">
            <colgroup>
                <col width="150">
                <col>
            </colgroup>
            <tbody>
                <tr>
                    <td>订单号：</td>
                    <td>@Model.ORDERID</td>
                </tr>
                <tr>
                    <td>授权码：</td>
                    <td style="color:green;">@ViewBag.authcode</td>
                </tr>
                <tr>
                    <td>姓名：<input type="hidden" id="uid" /></td>
                    <td><span id="username"></span></td>
                </tr>
                <tr>
                    <td>身份证：</td>
                    <td>
                        <span id="idcardno"></span>
                        @if (ViewBag.isHasLookRenameSign == true)
                        {
                            <input type="button" class="layui-btn" id="clearName" value="清除实名" />
                        }
                    </td>
                </tr>
                <tr id="idcard">
                    <td>身份照片：</td>
                    <td>
                        <button class="layui-btn layui-btn-normal layui-btn-xs" id="idcardfront">身份证照正片.pdf</button>
                        <button class="layui-btn layui-btn-normal layui-btn-xs" id="idcardback">身份证照反片.pdf</button>
                    </td>
                </tr>
                <tr>
                    <td>认证方式：</td>
                    <td><span id="verifyTypeStr"></span></td>
                </tr>
                <tr>
                    <td>实名状态：</td>
                    <td><span class="red" id="auditStatus"></span></td>
                </tr>
                <tr id="remark">
                    <td>实名驳回备注：</td>
                    <td><span id="auditRemark"></span></td>
                </tr>
                <tr id="audit">
                    <td>实名认证审核：</td>
                    <td>
                        <button class="layui-btn layui-btn-xs" id="audit-pass">确定</button>
                        <button class="layui-btn layui-btn-xs layui-bg-orange" id="audit-reject">驳回</button>
                    </td>
                </tr>
                <tr>
                    <td>合同地址：</td>
                    <td style="display:flex">
                        <textarea class="layui-textarea htUrl" id="copyText" disabled>@Html.Raw(ViewBag.htUrl)</textarea>
                        <div style="direction: rtl">
                            <input type="button" class="layui-btn" id="copy" value="复制" />
                            <input type="button" style="margin-top:10px" class="layui-btn" id="preview" value="预览" />
                        </div>
                    </td>
                </tr>
                @if (ViewBag.isHasLookReSign == true)
                {
                    <tr>
                        <td>重签合同地址：</td>
                        <td style="display:flex">
                            <textarea class="layui-textarea htUrl2" id="copyText2" disabled>@Html.Raw(ViewBag.reSignHtUrl)</textarea>
                            <div style="direction: rtl">
                                <input type="button" class="layui-btn" id="copy2" value="复制" />
                            </div>
                        </td>
                    </tr>
                }
                <tr>
                    <td>客户等级：</td>
                    <td style="color:red">
                        @if (ViewBag.IsC0User != null && ViewBag.IsC0User)
                        {
                            @Html.Raw("不符合准入条件")
                        }
                        else if (ViewBag.IsC1_0User != null && ViewBag.IsC1_0User)
                        {
                            @Html.Raw("C1_0（最低风险承受类别）")
                        }
                        else
                        {
                            @Html.Raw("C" + ViewBag.RiskLevel)
                        }
                    </td>
                </tr>
                @if (!string.IsNullOrEmpty(Model.CONTRACTCODE))
                {
                    <tr>
                        <td>合同号：</td>
                        <td class="contract">@Html.Raw(Model.CONTRACTCODE)</td>
                    </tr>
                    <tr class="contract">
                        <td>合同：</td>
                        <td>
                            <ul class="mnas">
                                <li><a href="@ViewBag.fxjssUrl" target="_blank" class="layui-btn layui-btn-normal layui-btn-sm">风险揭示书.pdf</a></li>
                                @if (ViewBag.businesstype == "smallAmount")
                                {
                                    <li><a href="@ViewBag.tgfwxyUrl" target="_blank" class="layui-btn layui-btn-normal layui-btn-sm">投教服务协议.pdf</a></li>
                                }
                                else
                                {
                                    <li><a href="@ViewBag.tgfwxyUrl" target="_blank" class="layui-btn layui-btn-normal layui-btn-sm">投顾服务协议.pdf</a></li>
                                }
                                @if (ViewBag.cphfwUrl != null)
                                {
                                    <li><a href="@ViewBag.cphfwUrl" target="_blank" class="layui-btn layui-btn-warm" layui-btn-sm">产品或服务不适当警示及投资者确认书.pdf</a></li>
                                }
                                @if (ViewBag.sdxpgUrl != null)
                                {
                                    <li><a href="@ViewBag.sdxpgUrl" target="_blank" class="layui-btn layui-btn-normal layui-btn-sm">适当性评估结果确认书.pdf</a></li>
                                }
                                @if (ViewBag.RiskContent != null && ViewBag.RiskSign != null && ViewBag.RiskClientId != null)
                                {
                                    <li><a href="@Url.Action("NewRisk", "Compliance", new { content = ViewBag.RiskContent, sign = ViewBag.RiskSign, clientid = ViewBag.RiskClientId })" target="_blank" class="layui-btn layui-btn-normal layui-btn-sm">风险测评</a></li>
                                }
                            </ul>
                        </td>
                    </tr>
                    <tr>
                        <td>合同状态：</td>
                        <td>
                            <div class="contract">
                                @if (Model.contract_status == null || Model.contract_status == 0)
                                {
                                    <p class="red">未审核</p>
                                }
                                else if (Model.contract_status == 1)
                                {
                                    <p class="green">已通过</p>
                                }
                                else
                                {
                                    <p class="red">驳回</p>
                                }
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td>合同驳回备注：</td>
                        <td>
                            @if (Model.contract_status == -1)
                            {
                                @Html.Raw(Model.ContractRemark)
                            }
                        </td>
                    </tr>
                    <tr>
                        <td>合同审核：</td>
                        <td>
                            <button class="layui-btn layui-btn-xs" id="contract-pass">确定</button>
                            <button class="layui-btn layui-btn-xs layui-bg-orange" id="contract-reject">驳回</button>
                        </td>
                    </tr>
                    <tr>
                        <td>合规状态：</td>
                        <td>
                            @if (Model.RISKCTRLSTATUS == -1)
                            {
                                <p style="color:orange; font-weight:bold;padding-right:20px;">驳回</p>
                            }
                            else if (Model.RISKCTRLSTATUS == 0)
                            {
                                <p style="font-weight:bold;">未审核</p>
                            }
                            else if (Model.RISKCTRLSTATUS == 1)
                            {
                                <p style="font-weight:bold;">未审核</p>
                            }
                            else if (Model.RISKCTRLSTATUS == 2)
                            {
                                <p style="color: green; font-weight:bold;">已通过</p>
                            }
                            else
                            {
                                <p>未知</p>
                            }
                        </td>
                    </tr>

                    <tr>
                        <td>合规驳回备注：</td>
                        <td>
                            @if (Model.RISKCTRLSTATUS == -1)
                            {
                                <span id="rejectRemark"></span>
                            }
                        </td>
                    </tr>
                    <tr>
                        <td>合规审核：</td>
                        <td>
                            <button class="layui-btn layui-btn-xs" id="save">确定</button>
                            <button class="layui-btn layui-btn-xs layui-bg-orange" id="reject">驳回</button>
                        </td>
                    </tr>
                }
                else
                {
                    <tr>
                        <td></td>
                        <td>
                            未签订合同
                        </td>
                    </tr>
                }
            </tbody>
        </table>


    </div>
</div>
<div id="rejectDiv" class="layui-form" style="display:none;">
    <div class="layui-form-item" pane="">
        <div class="layui-input-block">
            <input type="checkbox" name="reject" value="1" lay-skin="primary" lay-filter="reject" title="1：姓名">
        </div>
        <div class="layui-input-block">
            <input type="checkbox" name="reject" value="2" lay-skin="primary" lay-filter="reject" title="2：身份证">
        </div>
        <div class="layui-input-block">
            <input type="checkbox" name="reject" value="3" lay-skin="primary" lay-filter="reject" title="3：手机">
        </div>
        <div class="layui-input-block">
            <input type="checkbox" name="reject" value="4" lay-skin="primary" lay-filter="reject" title="4：风评的恰当性和不恰当性">
        </div>
        <div class="layui-input-block">
            <input type="checkbox" name="reject" value="5" lay-skin="primary" lay-filter="reject" title="5：合同签名">
        </div>
        <div class="layui-input-block">
            <input type="checkbox" name="reject" value="6" lay-skin="primary" lay-filter="reject" title="6：年龄超限">
        </div>
        <div class="layui-input-block">
            <input type="checkbox" name="reject" id="rejectOther" lay-filter="other" value="7" lay-skin="primary" title="7：其他">
            <div id="rejectTextareaDiv" style="display:none; padding:10px 25px;">
                <textarea placeholder="请输入内容" class="layui-textarea" id="rejectTextarea" lay-filter="rejectTextarea"></textarea>
                备注：淘牛邦不支持此选项
            </div>
        </div>
    </div>
</div>

<div id="rejectAudit" class="layui-form" style="display:none;">
    <div class="layui-input-block">
        <textarea placeholder="请输入实名驳回备注" class="layui-textarea" id="rejectAuditRemark" lay-filter="rejectAuditRemark"></textarea>
    </div>
</div>
<div id="rejectContract" class="layui-form" style="display:none;">
    <div class="layui-input-block">
        <textarea placeholder="请输入合同审核备注" class="layui-textarea" id="rejectContractRemark" lay-filter="rejectContractRemark"></textarea>
    </div>
</div>

<script>
    $(function () {
        var orderId = @Model.ORDERID;
        var orderAuditStatus;
        layui.use(['layer', 'form'], function () {
            var layer = layui.layer;
            var form = layui.form;
            layer.photos({
                photos: '#audit'
                , anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
            });
            Init();
            $("#save").click(function () {
                var contractStatus = @Html.Raw(Model.contract_status ?? 0);
                if (orderAuditStatus == -1 || orderAuditStatus == 0) {
                    layer.msg('实名未通过审核。', { icon: 2 });
                    return;
                }
                $.r_post('/RiskCtrl/Audit', { orderId: orderId, status: 2 }, function (result) {
                    if (result.result) {
                        ContractAudit(1);
                        //layer.msg('操作成功！', { icon: 1 }, function (index) {
                        //    ContractAudit(1, index);
                        //    parent.layer.closeAll();
                        //    parent.$(".layui-laypage-refresh")[0].click();
                        //});
                        //layer.msg('操作成功！', { icon: 1 }, function () { window.location.reload();});
                    } else {
                        layer.msg('操作失败！' + result.retmsg, { icon: 2 });
                    }
                });
            });

            $('#idcardfront').click(function () {
                var idcardfront = document.getElementById('idcardfront').getAttribute("src");
                winopen(idcardfront);
            })
            $('#idcardback').click(function () {
                var idcardback = document.getElementById('idcardback').getAttribute("src");
                winopen(idcardback);
            })

            function winopen(strUrl) {
                const image_window = window.open("", "_blank")
                image_window.document.write(`
                      <html>
                        <head>
                        </head>
                        <body>
                          <img src="`+ strUrl + `" alt="Example" height="100%" width="100%">
                        </body>
                      </html>
                `);
            }

            $("#reject").click(function () {
                form.render('checkbox');
                layer.open({
                    type: 1
                    , content: $('#rejectDiv')
                    , btn: ['确定', '取消']
                    , yes: function (index, layer0) {
                        //console.log($("#rejectTextarea").is(":visible"));
                        if ($("#rejectTextareaDiv").is(":visible")) {
                            if ($("#rejectTextarea").val() == "") {
                                layer.msg('不能为空！', { icon: 2 });
                                return;
                            }
                            else {
                                var reg = new RegExp(",", "g");
                                var v = "7：" + $("#rejectTextarea").val().replace(reg, "，");
                                $("#rejectOther").val(v).attr("title", v);
                            }
                        }

                        var valueBox = [];
                        var titleBox = [];
                        $('input[name="reject"]:checked').each(function () {
                            //valueBox.push(parseInt($(this).val()));
                            valueBox.push($(this).val());
                            titleBox.push($(this).attr("title"));
                        });
                        if (valueBox.length <= 0) {
                            layer.msg('请至少选择一个选项！', { icon: 2 });
                            return;
                        }
                        var rejectRemark = '[' + valueBox.join() + ']###[' + titleBox.join() + ']';
                        //console.log(valueBox);
                        //console.log(rejectRemark);
                        $.r_post('/RiskCtrl/Audit', { orderId: orderId, status: -1, rejectRemark: rejectRemark }, function (result) {
                            if (result.result) {
                                //Audit(-1, index);
                                layer.close(index);
                                layer.msg('操作成功！', { icon: 1 }, function () { window.location.reload(); });
                            } else {
                                layer.msg('操作失败！' + result.retmsg, { icon: 2 });
                            }
                        });
                    }
                    , area: ['400px', '400px']
                });
            });
            $("#clearName").click(function () {
                layer.confirm('您确定要清除这个客户的实名吗？清除后客户将会再一次实名后才能签合同。', {
                    btn: ['确定', '关闭'] //按钮
                }, function () {
                    var loadingindex = layer.load(3, { shade: true });
                    $.r_post('/RiskCtrl/ClearName', { orderId: orderId}, function (result) {
                        if (result.result) {
                            layer.msg('清除成功！', { icon: 1 });
                            layer.close(loadingindex);
                        } else {
                            layer.msg('操作失败！' + result.retmsg, { icon: 2 });
                        }
                    });

                }, function () {

                });
            });

            form.on('checkbox(reject)', function (data) {
                //alert(data.value);
                var otherShow = true;
                $("input[type='checkbox'][name='reject']:checked").each(function (i, j) {
                    otherShow = false;
                });
                if (otherShow) {
                    $("#rejectOther").parent().show();
                }
                else {
                    $("#rejectOther").parent().hide();
                }
                form.render('checkbox');
            });

            form.on('checkbox(other)', function (data) {
                if (data.elem.checked) {
                    $("input[type='checkbox'][name='reject']").each(function (i, j) {
                        $(j).parent().hide();
                    });
                    $(this).parent().show();
                    $("#rejectTextareaDiv").show();
                }
                else {
                    $("input[type='checkbox'][name='reject']").each(function (i,j) {
                        $(j).parent().show();
                    });
                    $("#rejectTextarea").val('');
                    $("#rejectTextareaDiv").hide();
                }
                form.render('checkbox');
            });

            $("#showRejectRemark").on('click', function () {
                var str = "";
                var reject = '@System.Web.HttpUtility.JavaScriptStringEncode(Model.rejectremark)';

                var titles = reject.split('###');

                str = titles[1];

                layer.alert(str);
            });

            $("#audit-pass").on('click', function () {
                layer.confirm('确定审核通过吗?', { icon: 3, title: '提示' }, function (index) {
                    Audit(1, index);
                })
            });

            $("#audit-reject").on('click', function () {
                layer.open({
                    type: 1
                    , content: $('#rejectAudit')
                    , area: ['400px', '220px']
                    , btn: ['确定', '取消']
                    , yes: function (index, layer0) {
                        if ($("#rejectAuditRemark").val() == "") {
                            layer.msg('实名驳回备注不能为空！', { icon: 2 });
                            return;
                        }
                        Audit(-1, index);
                    }
                })
            });

            $('#contract-pass').on('click', function () {
                layer.confirm('确定审核通过吗?', { icon: 3, title: '提示' }, function (index) {
                    ContractAudit(1, index);
                })
            });

            $("#contract-reject").on('click', function () {
                layer.open({
                    type: 1
                    , content: $('#rejectContract')
                    , area: ['400px', '220px']
                    , btn: ['确定', '取消']
                    , yes: function (index, layer0) {
                        if ($("#rejectContractRemark").val() == "") {
                            layer.msg('合同审核备注不能为空！', { icon: 2 });
                            return;
                        }
                        ContractAudit(-1, index, true);
                    }
                })
            })
        });
        var loadingindex = layer.load(3, { shade: true });
        function Init() {
            var resid = '@Html.Raw(Model.RESID)'
            var eid = '@Html.Raw(ViewBag.eid)'
            var username = '@Html.Raw(ViewBag.userName)'
            var riskctrlStatus = '@Model.RISKCTRLSTATUS'
            var str = "";
            var reject = '@System.Web.HttpUtility.JavaScriptStringEncode(Model.rejectremark)';
            if (reject != '' && riskctrlStatus == '-1') {
                var titles = reject.split('###');
                str = titles[1];
                document.getElementById('rejectRemark').innerHTML = str;
            }
            $.ajax({
                type: "GET",
                url: '/RiskCtrl/ContractUser?orderId=' + orderId + '&eid=' + eid + '&ename=' + username,
                dataType: "json",
                contentType: "application/json",
                success: function (da) {
                    layer.close(loadingindex);
                    var username = document.getElementById('username');
                    var idcardno = document.getElementById('idcardno');
                    var auditStatus = document.getElementById('auditStatus');
                    var uid = document.getElementById('uid');
                    var realName = document.getElementById('real-name');
                    var auditRemark = document.getElementById('auditRemark');
                    var remark = document.getElementById('remark');
                    var idcardfront = document.getElementById('idcardfront');
                    var idcardback = document.getElementById('idcardback');
                    if (da.code == 0) {
                        uid.value = da.data.uid;
                        username.innerHTML = da.data.username;
                        idcardno.innerHTML = da.data.idcardno;
                        orderAuditStatus = da.data.status;
                        if (da.data.type == 1) {
                            document.getElementById('audit').setAttribute("class", "hide");
                        }
                        auditRemark.innerHTML = " ";
                        if (!da.data.idcardfront || !da.data.idcardback) {
                            document.getElementById('idcard').setAttribute("class", "hide");
                        } else {
                            idcardfront.setAttribute("src", da.data.idcardfront);
                            idcardback.setAttribute("src", da.data.idcardback);
                            idcardfront.setAttribute("layer-src", da.data.idcardfront);
                            idcardback.setAttribute("layer-src", da.data.idcardback);
                        }
                        document.getElementById('verifyTypeStr').innerHTML = da.data.verifyTypeStr;
                        if (da.data.status == 0) {
                            remark.setAttribute("class", "hide");
                        }
                        //else if (da.data.status == -1) {
                        //    auditRemark.innerHTML = da.data.auditRemark;
                        //    var contracts = document.getElementsByClassName("contract");
                        //    if (contracts) {
                        //        for (var i = 0; i < contracts.length; i++) {
                        //            contracts[i].setAttribute("class", "contract hide");
                        //        }
                        //    }
                        //}
                        if (da.data.status == 1) {
                            auditStatus.setAttribute("class", "green");
                            remark.setAttribute("class", "hide");
                        }
                        auditStatus.innerHTML = da.data.statusStr;
                        if (da.data.verifyType == 1 || da.data.verifyType == null) {
                            document.getElementById('idcard').setAttribute("class", "hide");
                            document.getElementById('audit').setAttribute("class", "hide");
                        }
                    } else {
                        //layer.msg(da.message, { icon: 2 });
                        realName.innerHTML = da.message;
                    }
                },
                error: function () {
                    layer.close(loadingindex);
                    layer.msg('操作失败！', { icon: 2 });
                }
            });
        }

        function ContractAudit(status, index, updateOrder) {
            var remark = $("#rejectContractRemark").val();
            var data = {
                orderId: orderId,
                status: status,
                remark: remark
            }
            var loadingindex = layer.load(3, { shade: true });
            $.ajax({
                type: "POST",
                url: '/RiskCtrl/ContractAudit',
                data: JSON.stringify(data),
                dataType: "json",
                contentType: "application/json",
                success: function (da) {
                    layer.close(loadingindex);
                    if (da.code == 0) {
                        if (!updateOrder) {
                            if (index) {
                                layer.close(index);
                            }
                            layer.msg('操作成功！', { icon: 1 }, function () {
                                parent.layer.closeAll();
                            });
                            parent.TableReload();
                        } else {
                            rejectAudit('', index);
                        }
                    } else {
                        layer.msg(da.message, { icon: 2 });
                    }
                },
                error: function () {
                    layer.close(loadingindex);
                    layer.msg('操作失败！', { icon: 2 });
                }
            });
        }

        function Audit(status, index) {
            var uid = document.getElementById('uid').value;
            var remark = $("#rejectAuditRemark").val();
            var data = {
                uid: uid,
                status: status,
                remark: remark
            }
            var loadingindex = layer.load(3, { shade: true });
            $.ajax({
                type: "POST",
                url: '/RiskCtrl/TraceUserAudit',
                data: JSON.stringify(data),
                dataType: "json",
                contentType: "application/json",
                success: function (da) {
                    layer.close(loadingindex);
                    if (da.code == 0) {
                        layer.close(index);
                        layer.msg('操作成功！', { icon: 1 }, function () { window.location.reload(); });
                    } else {
                        layer.msg(da.message, { icon: 2 });
                    }
                },
                error: function () {
                    layer.close(loadingindex);
                    layer.msg('操作失败！', { icon: 2 });
                }
            });
        }

        function rejectAudit(rejectRemark, index) {
            $.r_post('/RiskCtrl/Audit', { orderId: orderId, status: -1, rejectRemark: rejectRemark }, function (result) {
                if (result.result) {
                    //Audit(-1, index);
                    layer.close(index);
                    layer.msg('操作成功！', { icon: 1 }, function () { window.location.reload(); });
                } else {
                    layer.msg('操作失败！' + result.retmsg, { icon: 2 });
                }
            });
        }
        $("#copy").click(function () {
            var val = document.getElementById('copyText');
            window.getSelection().selectAllChildren(val);
            document.execCommand('copy');
            layer.msg('复制成功！', { icon: 1 });
        });
        $('#preview').click(function () {
            const text = $(".htUrl").val();
            var previewurl = text.replace("web", "preview/contract");
            window.open(previewurl);
        });

        $("#copy2").click(function () {
            var val = document.getElementById('copyText2');
            window.getSelection().selectAllChildren(val);
            document.execCommand('copy');
            layer.msg('复制成功！', { icon: 1 });
        });
        $('#preview2').click(function () {
            const text = $(".htUrl2").val();
            var previewurl = text.replace("web", "preview/contract");
            window.open(previewurl);
        });
    });
</script>