@using CRM.Core.Model.Entity
@using Core.Web.WebHelper
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<style>
    .self-table-click td {
        background-color: #f3ebbc;
    }
</style>
<div class="x-body">
    <div class="layui-btn-group" style="padding-bottom:10px;">
        @*<button class="layui-btn layui-btn-normal" data-method="open">开通订单</button>
        <span style="padding-right:20px"></span>
        <button class="layui-btn" data-method="riskCtrl">风控</button>
        <span style="padding-right:20px"></span>
        <button class="layui-btn layui-btn-danger" data-method="refundContract">退款协议审核</button>
        <span style="padding-right:20px"></span>
        <button class="layui-btn layui-btn-normal" data-method="batch">批量开通</button>
        <span style="padding-right:20px"></span>
        <button class="layui-btn" data-method="dzhf">电子回访</button>*@
        @Html.Action("ToolBar", "Home",
            new {
                area="",
                rightcode = (ViewBag.rightCode as string),
                otherToolBars = new ToolBar[]
                {
                    new  Core.Web.WebHelper.ToolBar(ToolBarConfig.CONST_Other1, "开通订单", "layui-btn-normal","",true) ,
                    new  Core.Web.WebHelper.ToolBar(ToolBarConfig.CONST_Other2, "风控", " " ,"",true),
                    new  Core.Web.WebHelper.ToolBar(ToolBarConfig.CONST_Other3, "退款协议审核", "layui-btn-danger" ,"",true),
                    new  Core.Web.WebHelper.ToolBar(ToolBarConfig.CONST_Other4, "批量开通", "layui-btn-normal" ,"",true),
                    new  Core.Web.WebHelper.ToolBar(ToolBarConfig.CONST_Other5, "电子回访", " " ,"",true)
                }
            }
            )
    </div>
    <div id="mytoolbar">
        订单号：
        <div class="layui-inline">
            <input type="text" name="txt_orderId" placeholder="请输入" autocomplete="off" class="layui-input" style="width:120px;">
        </div>
        客户编号：
        <div class="layui-inline">
            <input type="text" name="txt_UMID" placeholder="请输入" autocomplete="off" class="layui-input" style="width:120px;">
        </div>
        @*事业部：*@
    <div class="layui-inline">
        @*<select name="txt_channel" style="height:35px;">
            <option value="">请选择</option>
            @foreach (var item in ViewBag.companyList as List<Bas_CompanyVirtual>)
            {
                <option value="@item.Channel">@item.CompanyName</option>
            }
        </select>*@
        <select name="txt_channel" style="height:35px;">
            <option value="">请选择</option>
            <option value="2500,2999|3000,3099">东方软件一中心</option>
            <option value="10000,10999">东方软件二中心</option>
            <option value="4000,4999">东方软件三中心</option>
            <option value="7000,7299">六合软件一中心</option>
            <option value="7300,7599">六合软件二中心</option>
            <option value="7600,7999">内容业务一中心</option>
            <option value="12000,12999">内容业务二中心</option>
            <option value="11000,11999">内容业务三中心</option>
            <option value="25000,26029|26040,26179">东方平台运营中心</option>
            <option value="26030,26039">东方平台运营中心（首华）</option>
            <option value="26800,26899">呱呱平台运营中心</option>
            <option value="27100,27199">首华平台运营中心</option>
            <option value="3900,3999">通联</option>
            <option value="27400,27499">增量传媒</option>
            <option value="5000,5999">原东方软件二中心</option>
            <option value="2000,2199|2400,2499">北京软件一中心</option>
            <option value="2200,2399|1000,1099">北京软件二中心</option>
            <option value="28000,28999">新媒体一部</option>
            <option value="27200,27299">新媒体四部</option>
            <option value="1100,1100|26600,26699|26700,26799|26300,26399|26900,26999|26500,26599|26200,26299">投教联邦事业部</option>
            <option value="26190,26199">东方平台运营中心（优品）</option>
            <option value="26180,26189">东方平台运营中心（微博）</option>
        </select>
        @*<input type="hidden" name="txt_channel" value="7600,7999"/>*@
    </div>
        
        <button class="layui-btn" data-type="reload">搜索</button>
    </div>

    <table class="layui-hide" id="tabl1" lay-filter="tabl1"></table>
</div>
<script>
    var selectRow = {};

    layui.use('laydate', function () {
        var laydate = layui.laydate;
        //执行一个laydate实例
        laydate.render({
            elem: '#start' //指定元素
        });
        //执行一个laydate实例
        laydate.render({
            elem: '#end' //指定元素
        });
    });
    layui.use(['table', 'form'], function () {
        var table = layui.table;
        var form = layui.form;

        var param2 = GetParams("mytoolbar");

        table.render({
            id: 'testReload',//列表别名ID
            elem: '#tabl1',//表ID
            url: '/Order/BigOrder',
            method: 'POST',
            even: true, //开启隔行背景
            cols: [[
                {

                    field: 'ORDERID', title: '订单号', fixed: 'left', width: 100, templet: function (res) { if (res.ORDERID == 0) return "总合计："; else if (res.ORDERID == 1) return "当页合计："; else return "<a href=\"javascript:void(0)\" style=\"color:blue\" onclick=\"javascript:void(0)\">" + res.ORDERID + "</a>"; }
                }
                , { field: 'ARRIVALPAY', title: '到账金额' }
                , { field: 'UMID', title: '客户编号', width: 180 }
                , { field: 'CHANNEL', title: '事业部', templet: '#companyTpl' }
                , { field: 'call', title: '录音', templet: '#callTpl' }
                , { field: 'wx', title: '聊天记录', templet: '#wxTpl'}

            ]]
            , page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip', 'refresh'] //自定义分页布局
                //,curr: 5 //设定初始在第 5 页
                , groups: 5 //只显示 1 个连续页码

            }
            , where: param2
        });

        $('#mytoolbar .layui-btn').on('click', function (data) {
            var param = GetParams("mytoolbar");
            table.reload('testReload', {
                page: {
                    curr: 1 //重新从第 1 页开始
                },
                where: param
            });
        });

        //监听行单击事件
        table.on('row(tabl1)', function (obj) {
            var data = obj.data;
            //console.log(data);
            //标注选中样式
            obj.tr.addClass('self-table-click').siblings().removeClass('self-table-click');

            selectRow = data;
        });
    });

    layui.use('layer', function () {
        var layer = layui.layer;
        var active = {
            addPay: function () {
                if (selectRow.ORDERID === "undefined" || selectRow.ORDERID == null) {
                    layer.alert("请先选中一条记录！", { title: '提示' });
                    return;
                }
                layer.open({
                    title: '添加到款记录',
                    type: 2,
                    content: '/OrderPay/Add?orderid=' + selectRow.ORDERID,
                    area: ['850px', '600px']
                });
            },
            other1: function () {
                if (selectRow.ORDERID === "undefined" || selectRow.ORDERID == null) {
                    layer.alert("请先选中一条记录！", { title: '提示' });
                    return;
                }
                layer.open({
                    type: 2,
                    content: '/Order/Open?orderid=' + selectRow.ORDERID,
                    area: ['850px', '600px']
                });
            },
            refund: function () {
                if (selectRow.ORDERID === "undefined" || selectRow.ORDERID == null) {
                    layer.alert("请先选中一条记录！", { title: '提示' });
                    return;
                }
                layer.open({
                    type: 2,
                    content: '/OrderRefund/Add?orderid=' + selectRow.ORDERID,
                    area: ['850px', '650px']
                });
            },
            other2: function () {
                if (selectRow.ORDERID === "undefined" || selectRow.ORDERID == null) {
                    layer.alert("请先选中一条记录！", { title: '提示' });
                    return;
                }
                layer.open({
                    type: 2,
                    content: '/RiskCtrl/Audit?orderid=' + selectRow.ORDERID,
                    area: ['600px', '520px']
                });
            },
            other3: function () {
                if (selectRow.ORDERID === "undefined" || selectRow.ORDERID == null) {
                    layer.alert("请先选中一条记录！", { title: '提示' });
                    return;
                }
                layer.open({
                    type: 2,
                    content: '/OrderRefund/Contract?orderid=' + selectRow.ORDERID,
                    area: ['600px', '520px']
                });
            },
            SupplyOrder: function () {
                layer.open({
                    type: 2,
                    content: '/Order/SupplyOrder',
                    area: ['80%', '80%']
                });
            },
            other4: function () {
                layer.open({
                    type: 2,
                    content: '/Order/AutoOpenOrder',
                    area: ['80%', '80%']
                });
            },
            other5: function () {
                if (selectRow.ORDERID === "undefined" || selectRow.ORDERID == null) {
                    layer.alert("请先选中一条记录！", { title: '提示' });
                    return;
                }
                layer.open({
                    type: 2,
                    content: '/Compliance/Index?orderid=' + selectRow.ORDERID,
                    area: ['600px', '520px']
                });
            }
        };

        $('.layui-btn-group .layui-btn').on('click', function () {
            var othis = $(this), method = othis.data('method');
            active[method] ? active[method].call(this, othis) : '';
        });
    });

    function changeProduct(productId) {
        $("#txt_subProductId").empty().append(new Option("全部", ""));
        $("#txt_ProductId2").empty().append(new Option("全部", ""));
        $("#txt_ProductId1").empty().append(new Option("全部", ""));
        if (productId == 0) {
            return;
        }
        $.r_post('/Order/GetMidProductList', { productId: productId }, function (data) {
            $(data).each(function (i, j) {
                $("#txt_ProductId1").append(new Option(j.PRODUCTNAME, j.PRODUCTID));
            });
        }, "json");
    }

    function changeProductId1(productId) {
        $("#txt_subProductId").empty().append(new Option("全部", ""));
        $("#txt_ProductId2").empty().append(new Option("全部", ""));
        if (productId == "") {
            return;
        }
        $.r_post("/Order/GetMidProductList", { productId: productId }, function (data) {
            $(data).each(function (i, j) {
                $("#txt_ProductId2").append(new Option(j.PRODUCTNAME, j.PRODUCTID));
            });
        }, "json");
    }

    function changeProductId2(midproductId) {
        $("#txt_subProductId").empty().html("<option value=''>全部</option>");
        if (midproductId == "") {
            return;
        }
        $.r_post("/Order/GetAllSubProductList", { productId: 0, midproductId: midproductId }, function (data) {
            $(data).each(function (n, m) {
                $("#txt_subProductId").append("<option value='" + m.Value + "'>" + m.Text + "</option>");
            });
        }, "json");
    }

    function onPlay(orderid, companycode) {
        //alert(orderid);
        //alert(companycode);
        layui.use('layer', function () {
            var layer = layui.layer;
            layer.open({
                title: '录音列表',
                type: 2,
                content: '/Order/HgRecordList?orderId=' + orderid + "&deptcode=" + companycode,
                area: ['80%', '80%']
            });
        });
    }

    function onVideo(orderid) {
        var path = "/UploadFile/video/" + orderid + ".mp4";
        layui.use('layer', function () {
            var layer = layui.layer;
            layer.open({
                title: '播放视频',
                type: 1,
                content: '<video src=' + path + ' controls autoplay />',
                area: ['80%', '80%']
            });
        });
    }

    function wxMessage(resid, companycode) {
        //alert(resid);
        //alert(companycode);
        layui.use('layer', function () {
            var layer = layui.layer;
            layer.open({
                title: '微信聊天列表',
                type: 2,
                content: '/WxMessage/List?resid=' + resid + "&companycode=" + companycode,
                area: ['80%', '80%']
            });
        });
    }
    function qwMessage(resid, companycode) {
        layui.use('layer', function () {
            var layer = layui.layer;
            layer.open({
                title: '企微聊天列表',
                type: 2,
                content: '/QwMessage/List?resid=' + resid + "&companycode=" + companycode,
                area: ['80%', '80%']
            });
        });
    }
    function qw2Message(resid, external_userid, companycode) {
        layui.use('layer', function () {
            var layer = layui.layer;
            layer.open({
                title: '企微2聊天列表',
                type: 2,
                content: '/QwMessage/QwFFBan?resid=' + resid + "&exuserid=" + external_userid + "&companycode=" + companycode + "&showstyle=center&isHg=True",
                area: ['80%', '80%']
            });
        });
    }
    function showfujian(fujian, companycode) {

        window.open(fujian);
        //layui.use('layer', function () {
        //    var layer = layui.layer;
        //    layer.open({
        //        title: '企微2聊天列表',
        //        type: 2,
        //        content: '/QwMessage/QwFFBan?resid=' + resid + "&exuserid=" + external_userid + "&companycode=" + companycode + "&showstyle=center&isHg=True",
        //        area: ['80%', '80%']
        //    });
        //});
    }
    function ComplianceConfirm(orderId, sId) {
        layui.use('layer', function () {
            var layer = layui.layer;
            layer.open({
                title: '电子回访',
                type: 2,
                content: '/Compliance/Audit?mode=1&orderId=' + orderId + "&sId=" + $.md5(sId),
                area: ['650px', '80%']
            });
        });
    }

    function show(umid, code) { 
        parent.gotoCallRecord(umid, code)
    }

    // 验证手机号
    function isPhoneNo(phone) {
        var pattern = /^1\d{10}$/;
        return pattern.test(phone);
    }


</script>
<script type="text/html" id="companyTpl">
    {{#  if((d.CHANNEL >= 2000 && d.CHANNEL <= 2199) || (d.CHANNEL >= 2400 && d.CHANNEL <= 2499)){ }}
    北京软件一中心
    {{#  } else if((d.CHANNEL >= 2200 && d.CHANNEL <= 2399) || (d.CHANNEL >= 1000 && d.CHANNEL <= 1099)) { }}
    北京软件二中心
    {{#  } else if((d.CHANNEL >= 25000 && d.CHANNEL <= 26029) || (d.CHANNEL >= 26040 && d.CHANNEL <= 26189)) { }}
    东方平台运营中心
    {{#  } else if(d.CHANNEL >= 26200 && d.CHANNEL <= 26299) { }}
    新媒体一部
    {{# } else if(d.CHANNEL >= 1100 && d.CHANNEL <= 1100) { }}
    投顾联邦事业部
    {{# } else if(d.CHANNEL >= 26600 && d.CHANNEL <= 26699) { }}
    投顾联邦事业部
    {{# } else if(d.CHANNEL >= 26700 && d.CHANNEL <= 26799) { }}
    投顾联邦事业部
    {{# } else if(d.CHANNEL >= 26800 && d.CHANNEL <= 26899) { }}
    呱呱平台运营中心
    {{# } else if(d.CHANNEL >= 26900 && d.CHANNEL <= 26999) { }}
    投顾联邦事业部
    {{# } else if(d.CHANNEL >= 1000 && d.CHANNEL <= 1099) { }}
    软件业务三中心
    {{# } else if(d.CHANNEL >= 2500 && d.CHANNEL <= 2599) { }}
    东方软件一中心
    {{# } else if(d.CHANNEL >= 3000 && d.CHANNEL <= 3099) { }}
    东方软件一中心
    {{# } else if(d.CHANNEL >= 27100 && d.CHANNEL <= 27199) { }}
    首华平台运营中心
    {{# } else if(d.CHANNEL >= 27200 && d.CHANNEL <= 27299) { }}
    新媒体四部
    {{# } else if(d.CHANNEL >= 4000 && d.CHANNEL <= 4999) { }}
    东方软件三中心
    {{# } else if(d.CHANNEL >= 5000 && d.CHANNEL <= 5999) { }}
    原东方软件二中心
    {{# } else if(d.CHANNEL >= 10000 && d.CHANNEL <= 10999) { }}
    东方软件二中心
    {{# } else if(d.CHANNEL >= 7000 && d.CHANNEL <= 7299) { }}
    六合软件一中心
    {{# } else if(d.CHANNEL >= 7300 && d.CHANNEL <= 7599) { }}
    六合软件二中心
    {{# } else if(d.CHANNEL >= 7600 && d.CHANNEL <= 7999) { }}
    新媒体运营二中心
    {{# } else if(d.CHANNEL >= 28000 && d.CHANNEL <= 28999) { }}
    新媒体一部
    {{# } else if(d.CHANNEL >= 26190 && d.CHANNEL <= 26199) { }}
    东方平台运营中心（优品）
    {{# } else if(d.CHANNEL >= 26020 && d.CHANNEL <= 26039) { }}
    东方平台运营中心（首华）
    {{# } else if(d.CHANNEL >= 3900 && d.CHANNEL <= 3999) { }}
    通联
    {{# } else if(d.CHANNEL >= 11000 && d.CHANNEL <= 11999) { }}
    内容业务三中心
    {{# } else if(d.CHANNEL >= 12000 && d.CHANNEL <= 12999) { }}
    内容业务二中心
    {{# } }}
</script>
<script type="text/html" id="hgrecordTpl">
    {{# if(d.hashgrecord == '1'){ }}
    <a href="javascript:void(0)" onclick="onPlay({{d.ORDERID}},'{{ d.companycode }}')" style="color:red">录音</a>
    {{# } else if(d.hashgrecord == '2') { }}
    <a href="/UploadFile/video/{{d.ORDERID}}.mp4" target="_blank" style="color:blue">视频</a>
    {{# } }}
    {{# if(d.CpConfirmOrderId != null) { }}
    <a href="javascript:void(0)" onclick="ComplianceConfirm({{d.ORDERID}},'{{d.CpConfirmOrderId}}')" style="color:blue">电子回访</a>
    {{# } }}
</script>
<script type="text/html" id="wxTpl">
    {{# if(d.ORDERID > 0){ }}
    {{# if(d.CUSTOMERUSERNAME != null){ }}
    <a href="javascript:void(0)" onclick="wxMessage('{{d.RESID}}','{{d.companycode}}')" style="color:blue">微信</a>
    {{# } }}
    {{# if(d.wework_remoteid != null) { }}
    <a href="javascript:void(0)" onclick="qwMessage('{{d.RESID}}','{{d.companycode}}')" style="color:goldenrod">企微</a>
    {{# } }}
    {{# if(d.external_userid != null) { }}
    <a href="javascript:void(0)" onclick="qw2Message('{{d.RESID}}','{{$.trim(d.external_userid)}}','{{d.companycode}}')" style="color:goldenrod">企微2</a>
    {{# } }}
    {{# if(d.fujian != null) { }}
    <a href="javascript:void(0)" onclick="showfujian('{{d.fujian}}','{{d.companycode}}')" style="color:goldenrod">附件</a>
    {{# } }}
    {{# } }}
</script>
<script type="text/html" id="callTpl">
    {{# if(d.ORDERID > 1){ }}
    <a href="javascript:void(0)" onclick="show('{{d.UMID}}','{{d.companycode}}')">查看</a>
    {{# } }}
</script>
<script type="text/html" id="contractTpl">
    {{# if(d.RISKCTRLSTATUS == -1) {}}
    <span style="color:orange">{{d.CONTRACTCODE}}</span>
    {{# } else if(d.RISKCTRLSTATUS == 2) { }}
    <span style="color:green">{{d.CONTRACTCODE}}</span>
    {{# } else { }}
    {{# if(d.CONTRACTCODE != null) { }}
    {{d.CONTRACTCODE}}
    {{# } }}
    {{# } }}
</script>