@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="x-body">
    <div class="layui-btn-group" style="padding-bottom:10px;">
        <button class="layui-btn" data-method="openQYWX">开通企业微信</button>
    </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_resId" placeholder="请输入" autocomplete="off" class="layui-input" style="width:120px;">
        </div>
        订单日期：
        <div class="layui-inline">
            <input class="layui-input" placeholder="开始日" name="txt_stime" id="start" style="width:120px;">
        </div>
        <div class="layui-inline">
            <input class="layui-input" placeholder="截止日" name="txt_etime" id="end" style="width:120px;">
        </div>
        订单状态：
        <div class="layui-inline">
            <select name="txt_orderStatus" style="height:35px;">
                <option value="">请选择</option>
                <option value="180">新订单</option>
                <option value="200">已支付</option>
                <option value="220" selected>已开通</option>
                <option value="90">已停用/已退款</option>
                <option value="80">已过期</option>
                <option value="70">已取消</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="TNBD">
                    淘牛邦事业部
                </option>
                <option value="YSGP">
                    永顺投教事业部
                </option>
                <option value="JSDN">
                    金石事业部
                </option>
                <option value="TGLB">
                    投顾联邦事业部
                </option>
            </select>
        </div>
        手机号：
        <div class="layui-inline">
            <input type="text" name="txt_mobile" placeholder="请输入" autocomplete="off" class="layui-input" style="width:120px;">
        </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', function () {
        var table = layui.table;
        var param = GetParams("mytoolbar");
        table.render({
            id: 'testReload',//列表别名ID
            elem: '#tabl1',//表ID
            url: '/QYWXOrder/Index',
            method: 'POST',
            where : param,
            cols: [[
                { field: 'ORDERID', title: '订单号' }
                //, { field: 'SZZYORDERID', title: '权限单号'}
                , { field: 'RESID', title: '客户编号' }
                , { field: 'CNAME', title: '客户姓名' }
                , { field: 'SOFTUSERNAME', title: '软件用户名' }
                , { field: 'LASTNUM3', title: '客户手机' }
                , { field: 'SUBPRODUCTNAME', title: '产品小类' }
                , { field: 'OTIME', title: '开通时间' }
                , { field: 'FINALPAY', title: '到款金额' }
                , { field: 'ORDERSTATUSNAME', title: '状态' }
                , { field: 'companycode', title: '办事处', templet: '#companyTpl' }
                , { field: 'CONTRACTCODE', title: '合同编号' }
                , { field: 'qywxstatus', title: '企业微信是否开通', templet: '#qywxTpl' }
                , { field: 'qywxopendate', title: '企业微信开通时间' }
            ]]
            , 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;
        });

    });

    layui.use('layer', function () {
        var layer = layui.layer;
        var active = {
            openQYWX: function () {
                if (selectRow.ORDERID === "undefined" || selectRow.ORDERID == null) {
                    layer.alert("请先选中一条记录！", { title: '提示' });
                    return;
                }
                layer.open({
                    type: 2,
                    content: '/QYWXOrder/Open?orderid=' + selectRow.ORDERID,
                    area: ['600px', '400px']
                });
            }
        };

        $('.layui-btn-group .layui-btn').on('click', function () {
            var othis = $(this), method = othis.data('method');
            active[method] ? active[method].call(this, othis) : '';
        });
    });
</script>
<script type="text/html" id="qywxTpl">
    {{#  if(d.qywxstatus == '1'){ }}
    已开通
    {{#  } else { }}
    未开通
    {{#  } }}
</script>

<script type="text/html" id="companyTpl">
    {{#  if(d.companycode == 'QBJZ'){ }}
    北京
    {{#  } else if(d.companycode == 'DNZZ') { }}
    广州
    {{#  } }}
</script>