@using CRM.Core.Model.Entity
@using Core.Web.WebHelper
@{
    /**/
    ViewBag.Title = "AiService";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<style>
    .self-table-click td {
        background-color: #f3ebbc;
    }

    .playClass {
        width: 18px;
        margin: 0;
        display: initial;
        cursor: pointer;
    }

    #ExportData {
        display: inline-block;
        vertical-align: middle;
        height: 38px;
        line-height: 38px;
        border: 1px solid transparent;
        padding: 0 18px;
        background-color: #009688;
        color: #fff;
        white-space: nowrap;
        text-align: center;
        font-size: 14px;
        border-radius: 2px;
        cursor: pointer;
    }
</style>
<div class="x-body">
    <div class="layui-btn-group" style="padding-bottom:10px;">
        @Html.Action("ToolBar", "Home",
           new
               {
               area = "",
               rightcode = (ViewBag.rightCode as string),
               otherToolBars = new ToolBar[]
               {
                   //new  Core.Web.WebHelper.ToolBar(ToolBarConfig.CONST_Add, "创建", " ","",true),
                   new  Core.Web.WebHelper.ToolBar(ToolBarConfig.CONST_Edit, "编辑", " " ,"",true)
               }
           }
           )
    </div>
    <div id="mytoolbar">
        AI话术：
        <div class="layui-inline">
            <select name="txt_robot" style="height:35px;">
                <option value="-3">全部</option>
                @foreach (var item in ViewBag.robotList as List<SelectListItem>)
                {
                    <option value="@item.Value">@item.Text</option>
                }
            </select>
        </div>
        任务描述:
        <div class="layui-inline">
            <input type="text" name="txt_robotRemark" placeholder="请输入" autocomplete="off" class="layui-input">
        </div>
        客户Id：
        <div class="layui-inline">
            <input type="text" name="txt_resId" placeholder="请输入" autocomplete="off" class="layui-input" style="width:120px;">
        </div>
        订单号：
        <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_cname" 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>
        </div>*@
        AI外呼日期：
        <div class="layui-inline">
            <input class="layui-input" placeholder="开始日" name="txt_xstime" id="xstart" style="width:120px;" autocomplete="off">
        </div>
        <div class="layui-inline">
            <input class="layui-input" placeholder="截止日" name="txt_xetime" id="xend" style="width:120px;" autocomplete="off">
        </div>
        <button class="layui-btn" data-type="reload">查询</button>
    </div>
    <table class="layui-hide" id="tabl1" lay-filter="tabl1"></table>
    <iframe id="BillOpen" width="0" height="0" scrolling="no" frameborder="0" style="display:none;"></iframe>
</div>
<script>
    var selectRow = {};
    var winindex;
    layui.use('layer', function () {
        var layer = layui.layer;
        var active = {
            add: function () {
                winindex = layer.open({
                    type: 2,
                    content: '/AiRecord/AiServiceEdit',
                    area: ['1050px', '700px']
                });
            },
            edit: function () {
                if (selectRow.RobotName === "undefined" || selectRow.RobotName == null) {
                    layer.alert("请先选中一条记录！", { title: '提示' });
                    return;
                }
                winindex = layer.open({
                    type: 2,
                    content: '/AiRecord/AiServiceEdit?key=' + selectRow.RobotName,
                    area: ['1050px', '700px']
                });
            },
        };
          $('.layui-btn-group .layui-btn').on('click', function () {
            var othis = $(this), method = othis.data('method');
            active[method] ? active[method].call(this, othis) : '';
        });
    });
    function Closed() {
        layer.close(winindex);
    }
    function TableReload() {
        selectRow = {};
        table.reload('testReload', {
            page: {
                curr: 1 //重新从第 1 页开始
            }
        });
    }
    layui.use('laydate', function () {
        var laydate = layui.laydate;
        //执行一个laydate实例
        laydate.render({ elem: '#start' });
        //执行一个laydate实例
        laydate.render({ elem: '#end' });
        laydate.render({ elem: '#xstart' });
        laydate.render({ elem: '#xend' });
    });
    layui.use(['table', 'form'], function () {
        var table = layui.table;
        var form = layui.form;

        var param2 = GetParams("mytoolbar");
        console.log("param2:" + param2);
        table.render({
            id: 'testReload',//列表别名ID
            elem: '#tabl1',//表ID
            url: '/AiRecord/AiService',
            method: 'POST',
            even: true, //开启隔行背景
            cols: [[
                { field: 'RobotName', title: 'AI话术', width: 120 }
                , { field: 'Remark', title: '任务描述', width: 120}
                , { field: 'WaitCount', title: '待外呼人次', width: 120 }
                , { field: 'DoneCount', title: '已外呼人次', width: 120 }
                , { field: 'UnConnectCount', title: '未接通人次', width: 120 }
                , { field: 'CallCount', title: '已接通人次', width: 120 }
                , { field: 'FailCount', title: '失败(未答完)人次', width: 180 }
                , { field: 'FailConnectCount', title: '失败(挂断)人次', width: 180 }
                , { field: 'SuccessCount', title: '外呼成功人次', width: 120 }
                , { field: 'CallPercent', title: '外呼接通率', width: 120 }
                , { field: 'CallCompletePercent', title: '外呼完成率', width: 120 }
                , { field: 'SuccessPercent', title: '外呼成功率', width: 120 }
                , { field: 'WaitOrder', title: '待外呼订单数', width: 120 }
                , { field: 'DoneOrder', title: '已外呼订单数', width: 120}
                , { field: 'CallOrder', title: '已接通订单数', width: 120}
                , { field: 'SuccessOrder', title: '已成功订单数', width: 120}
                , { field: 'SuccessOrderPercent', title: '订单完成率', width: 120 }
                , { field: 'OrderCompletePercent', title: '订单成功率', width: 120 }
                , { field: 'Sms', title: '外呼前是否发短信', width: 120}
                , { field: 'detail', title: '查看', templet: '#viewRecordTpl', width: 120, fixed: 'right'}

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

            }
            , where: param2
        });
        //监听行单击事件
        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;
        });
        $('#mytoolbar .layui-btn').on('click', function (data) {
            var param = GetParams("mytoolbar");
            table.reload('testReload', {
                page: {
                    curr: 1 //重新从第 1 页开始
                },
                where: param
            });
        });
        $('#ExportData').on('click', function (data) {
            debugger
            var param = GetParams("mytoolbar");
            $("#BillOpen").attr("src", "/AiRecord/ExportData?channel=" + param.channel + "&resId=" + param.resId + "&orderId=" + param.orderId + "&cname=" + param.cname + "&aistatus=" + param.aistatus);
        });
    });
    function Detail(robotid) {
        parent.gotoAiRecord(robotid, 2)
       @* layui.use('layer', function () {
            var layer = layui.layer;
            layer.open({
                title: '外呼明细',
                type: 2,
                content: '/AiRecord/Index?robotId=' + robotid+"&"+"type=2",
                area: ['80%', '80%']
            });
        });*@
    }
</script>
<script type="text/html" id="viewRecordTpl" style="width:100px">
    <a href="javascript:void(0)" style="color:blue" onclick="Detail('{{d.Robot}}')">查看外呼明细</a>
</script>