@{
    ViewBag.Title = "投诉查询";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<div class="x-body">
    <div id="mytoolbar">
        投诉等级：
        <div class="layui-inline">
            <select name="txt_ComplainLevel" style="height:35px;width:130px">
                <option value="">所有</option>
                @foreach (var item in ViewBag.ComplainLevelList as List<SelectListItem>)
                {
                    <option value="@item.Value">@item.Text</option>
                }
            </select>
        </div>
        投诉时间：
        <div class="layui-inline">
            <input class="layui-input" placeholder="开始日" name="txt_stime" id="start" style="width:120px;" value="@(DateTime.Now.ToString("yyyy-MM")+"-01")">
        </div>
        <div class="layui-inline">
            <input class="layui-input" placeholder="截止日" name="txt_etime" id="end" style="width:120px;" value="@(DateTime.Now.AddMonths(1).ToString("yyyy-MM")+"-01")">
        </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">
            <select name="txt_status" style="height:35px;">
                <option value="-1" selected>未处理</option>
                <option value="1">已处理</option>
                <option value="0">处理中</option>
            </select>
        </div>
        事业部：
        <div class="layui-inline">
            <select name="txt_companyCode" style="height:35px;">
                <option value="">请选择</option>
                <option value="QBJZ">软件业务一中心</option>
                <option value="QBJX">软件业务二中心</option>
                <option value="DNZZ">软件业务三中心</option>
                <option value="TNBD">平台业务一中心</option>
                <option value="YSGP">新媒体一部</option>
                <option value="GGCJ">新媒体二部</option>
                <option value="SHZZ">新媒体三部</option>
                <option value="TGLB">投教联邦事业部</option>
            </select>
        </div>
        投诉来源：
        <div class="layui-inline">
            <select name="txt_ComplainFromType" style="height:35px;">
                <option value="">全部</option>
                <option value="1">电话投诉</option>
                <option value="2">微信投诉</option>
            </select>
        </div>


        <button class="layui-btn" data-type="reload">搜索</button>
    </div>

    <table class="layui-hide" id="tabl1" lay-filter="tabl1"></table>
</div>


    <script type="text/javascript">
        var selectRow = {};

        layui.use('laydate', function () {
            var laydate = layui.laydate;
            //执行一个laydate实例
            laydate.render({
                elem: '#start' //指定元素
            });
            //执行一个laydate实例
            laydate.render({
                elem: '#end' //指定元素
            });
        });
        layui.use('table', function () {
            var table = layui.table;
            table.render({
                id: 'testReload',//列表别名ID
                elem: '#tabl1',//表ID
                url: '/ComplainCustomer/GetHtmlList',
                method: 'POST',
                cols: [[
                    { field: 'RESID', title: '资源' }
                    , { field: 'REASON', title: '投诉内容' }
                    , { field: 'LEVELNAME', title: '投诉级别' }
                    , { field: 'FROMTYPE', title: '投诉来源',templet:'#fromTypeTpl' }
                    , { field: 'STATUS', title: '状态',templet:'#statusTpl'}
                    , { field: 'CTIME', title: '投诉时间' }
                    , { field: 'COMPANYCODE', title: '办事处', templet: '#companyTpl' }
                    , { field: 'SERVICEMEMOID', title: '工单', templet: '#memoTpl' }
                    , { field: 'SERVICERECORDID', title: '录音', templet: '#redordTpl' }
                ]]
                , page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                    layout: ['limit', 'count', 'prev', 'page', 'next', 'skip', 'refresh'] //自定义分页布局
                    //,curr: 5 //设定初始在第 5 页
                    , groups: 5 //只显示 1 个连续页码

                }
            });

            $('#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('layui-table-click').siblings().removeClass('layui-table-click');

                selectRow = data;
            });

        });

        function ServiceMemo(serviceMemoId, companycode) {
            //alert(orderid);
            //alert(companycode);
            layui.use('layer', function () {
                var layer = layui.layer;
                layer.open({
                    title: '工单列表',
                    type: 2,
                    content: '/ComplainCustomer/MemoList?memoId=' + serviceMemoId + "&deptcode=" + companycode,
                    area: ['80%', '80%']
                });
            });
        }

        function RecordList(serviceRecordId, companycode) {
            //alert(orderid);
            //alert(companycode);
            layui.use('layer', function () {
                var layer = layui.layer;
                layer.open({
                    title: '录音列表',
                    type: 2,
                    content: '/ComplainCustomer/RecordList?recordId=' + serviceRecordId + "&deptcode=" + companycode,
                    area: ['80%', '80%']
                });
            });
        }
    </script>
    <script type="text/html" id="companyTpl">
        {{#  if(d.COMPANYCODE == 'QBJZ'){ }}
        北京
        {{#  } else if(d.COMPANYCODE == 'DNZZ') { }}
        广州
        {{#  } }}
    </script>

<script type="text/html" id="statusTpl">
    {{#  if(d.STATUS == '-1'){ }}
    未处理
    {{#  } else if(d.STATUS == '1') { }}
    已处理
    {{# }else{}}
    处理中
    {{#  } }}
</script>

<script type="text/html" id="fromTypeTpl">
    {{#  if(d.FROMTYPE == '1'){ }}
    电话投诉
    {{#  } else if(d.FROMTYPE == '2') { }}
    微信投诉
    {{#  } }}
</script>
<script type="text/html" id="memoTpl">
    {{# if(d.SERVICEMEMOID !=null){ }}
    <a href="javascript:void(0)" onclick="ServiceMemo('{{d.SERVICEMEMOID}}','{{ d.COMPANYCODE }}')" style="color:red">工单</a>
    {{# } }}
</script>
<script type="text/html" id="redordTpl">
    {{# if(d.SERVICERECORDID !=null){ }}
    <a href="javascript:void(0)" onclick="RecordList('{{d.SERVICERECORDID}}','{{ d.COMPANYCODE }}')" style="color:red">录音</a>
    {{# } }}
</script>