liche/admin/views/receiver/clues/lists.php

<link rel="stylesheet" type="text/css" href="/static/css/font-awesome.min.css?v=1581252500">
<div class="bs-example bs-example-tabs" data-example-id="togglable-tabs" style="font-size:15px;">
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="<?= $params['status_pid'] == -99 ? 'active' : '' ?>">
            <a href="javascript:void (0);" data-open="/receiver/clues">全部</a>
        </li>
    </ul>
</div>

<div class="coms-table-wrap mt10">
    <form class="form-search coms-table-hd clearfix no-border" onsubmit="return false"
          action="/receiver/clues">
        <input type="hidden" name="status_pid" value="<?= $params['status_pid'] != -99 ? $params['status_pid'] : '' ?>">
        <input type="hidden" name="status_id" value="<?= $params['status_id'] ?>">
        <div class="am-form am-form-horizontal">
            <div class="am-form-group fl">
                <label class="am-para-label w100">客户搜索：</label>
                <div class="am-para-inline w100">
                    <select name="search_tp">
                        <?php foreach ($searchTpAry as $key => $value) { ?>
                            <option value="<?= $key ?>"
                                <?= $key == $params['search_tp'] ? 'selected' : '' ?>><?= $value ?></option>
                        <? } ?>
                    </select>
                </div>
            </div>
            <div class="am-form-group fl">
                <div class="am-para-inline w260">
                    <input id="title" name="title" type="text" value="<?= $params['title'] ?>"/>
                </div>
            </div>

            <div class="am-form-group fl">
                <div class="am-form-group" style="margin-bottom: 0px;"></div>
                <label class="am-para-label w100">创建时间：</label>
                <div class="am-form-group fl">
                    <div class="am-para-inline w300">
                        <input id="id-create-time" name="c_time" type="text" value="<?= $params['c_time'] ?>"
                               placeholder="创建时间范围" autocomplete="off"/>
                    </div>
                    <div class="am-para-inline" style="padding-top: 5px;">
                        <a class="mr10 id-day-btn" href="javascript:void (0);" data-date="today">今天</a>
                        <a class="mr10 id-day-btn" href="javascript:void (0);" data-date="yesterday">昨日</a>
                        <a class="mr10 id-day-btn" href="javascript:void (0);" data-date="7day">最近7天</a>
                        <a class="mr10 id-day-btn" href="javascript:void (0);" data-date="30day">最近30天</a>
                    </div>
                </div>
            </div>
            <div class="am-form-group" style="margin-bottom: 0px;"></div>
            <div class="am-form-group fl" style="margin-bottom: 0px;">
                <div class="am-form-group fl ml10">
                    <button type="submit" class="am-btn am-btn-success am-btn-sm w100">搜索</button>
                </div>

                <div class="am-form-group fl ml10">
                    <button type="button" class="am-btn am-btn-success am-btn-sm w100"
                            onclick="edit_adviser();">分配
                    </button>
                </div>

                <div class="am-form-group fl ml10">
                    <button type="button" id="import" class="am-btn am-btn-success am-btn-sm w100">导入</button>
                </div>

                <div class="am-form-group fl ml10">
                    <button type="button" class="am-btn am-btn-success am-btn-sm w100"
                            data-modal="/receiver/clues/get" data-title="新增线索">新增</button>
                </div>
            </div>
        </div>
    </form>

    <div class="coms-table-bd">
        <div class="am-form-group fr mr10">
            <span>共<?= intval($pager['totle']) ?>个客户</span>
        </div>
        <table class="am-table am-table-bordered">
            <thead>
            <tr>
                <th width="3%"><label class="checkall">
                        <input type="checkbox" data-check-target=".order-ids"> 全选</label></th>
                <th width="5%"><span>客户姓名</span></th>
                <th width="5%"><span>客户电话</span></th>
                <th width="8%"><span>客户来源</span></th>
                <th width="8%"><span>状态</span></th>
                <th width="4%"><span>跟进人</span></th>
                <th width="7%"><span>创建时间</span></th>
            </tr>
            </thead>
            <tbody>
            <?php if ($lists) {
                foreach ($lists as $v) { ?>
                    <tr>
                        <td><input type="checkbox" name="ids[]" class="order-ids"
                                   value="<?= $v['id'] ?>"/></td>
                        <td><?= $v['name'] ?></td>
                        <td><?= $v['mobile'] ?></td>
                        <td><?= $v['cf_title'] ?></td>
                        <td><?= $v['status_name'] ?></td>
                        <td><?= $v['admin_name'] ?></td>
                        <td><?= date('Y-m-d H:i:s',$v['c_time']) ?></td>
                    </tr>
                <?php }
            } ?>
            </tbody>
        </table>
    </div>
    <div class="coms-table-ft clearfix">
        <div class="hander am-form">
        </div>
        <div class="coms-pagination fr mr20">
            <?php page_view($pager) ?>
        </div>
    </div>

    <div id="cule-modal" style="display: none;padding: 10px">
        <div class="modal-body">
            <div class="text-center">
                <h2><i class="fa fa-info-circle"></i> 请上传Excel文件</h2>
                <p>Excel文件格式必须与模板保持一致，否则无法导入</p>
                <div class="form-group-action">
                    <a href="/temp/clues.xlsx" target="_blank" class="btn btn-default">查看模板</a>
                    <label href="javascript:" class="btn btn-primary" style="margin-left: 10px;">
                        <form id="import-form">
                            <input type="file" id="clue-file" name="file" accept=".xls,.xlsx"
                                   style="left:-9999px;position:absolute;" onchange="load_clue()">
                        </form>
                        <span>上传Excel文件</span>
                    </label>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    require(['laydate', 'autocomplete'], function (laydate) {
        laydate.render({
            elem: '#id-create-time', range: '~'
        });
        $('.id-day-btn').click(function () {
            var type = $(this).data('date'), date = '', d_obj = new Date();
            switch (type) {
                case 'today':
                    date = d_obj.Format('yyyy-MM-dd');
                    date = date + ' ~ ' + date;
                    break;
                case 'yesterday':
                    date = (new Date(d_obj.getTime() - 86400000)).Format('yyyy-MM-dd');
                    date = date + ' ~ ' + date;
                    break;
                case '7day':
                    date = (new Date(d_obj.getTime() - 86400000 * 7)).Format('yyyy-MM-dd') + ' ~ ' + d_obj.Format('yyyy-MM-dd');
                    break;
                case '30day':
                    date = (new Date(d_obj.getTime() - 86400000 * 30)).Format('yyyy-MM-dd') + ' ~ ' + d_obj.Format('yyyy-MM-dd');
                    break;
            }
            $('#id-create-time').val(date);
        });
    });

    function edit_adviser() {
        var ids = function () {
            var data = [];
            return $(".order-ids").map(function () {
                (this.checked) && data.push(this.value);
            }), data.join(',');
        }.call(this);
        if (ids.length < 1) {
            return $.msg.tips('请选择需要操作的数据！');
        }
        return $.form.modal("/receiver/clues/get_adviser?ids=" + ids, 'open_type=modal', "分配顾问");
    }

    function load_clue(){
        var file = $("#clue-file");
        if (file.val() == '') {
            layer.msg('文件是空的');
            return 0;
        }
        var loading = layer.load(1, {
            shade: [0.1,'#fff'] //0.1透明度的白色背景
        });

        var options = {
            url: "/receiver/clues/add_excel",
            type: "post",
            dataType: "json",
            data: {},
            success: function (res) {
                if(1 == res.code){
                    layer.msg(res.msg, {
                        icon: 1,
                        time: 2000
                    }, function () {
                        $.form.reload();
                    });
                }
            },
            complete: function () {
                file.val('');
                layer.close(loading);
            }
        };
        $("#import-form").ajaxSubmit(options);
    }

    $(function(){
        $("#import").click(function(){
            $("#clue-file").val('');
            layer.open({
                type: 1,
                area: ['40%'], //宽高
                content: $('#cule-modal'),
                title: '导入线索',
                shade: false,
                btn: ['完成'],
                yes: function (index) {
                    layer.close(index);
                }
            });
        });
    });

</script>