simple-yewu/frontend/views/fix-car/my-list.php

<?php
use \common\libs\MyLib;
?>
<?php $this->beginBlock('header_css'); ?>
<link href="/assets/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
<?php $this->endBlock(); ?>

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="ibox float-e-margins">
        <div class="ibox-title">
            <h5>维修提单</h5>
            <div class="ibox-tools">
                <a class="btn btn-primary btn-xs edit-btn" data-id="0" href="javascript:void(0);" onclick="create(0)">
                    <i class="fa fa-plus"></i> 添加
                </a>
                <a class="btn btn-primary btn-xs edit-btn" data-id="0" href="javascript:void(0);" onclick="$('#listTable').bootstrapTable('refresh');">
                    <i class="fa fa-refresh"></i> 刷新
                </a>
            </div>
        </div>
        <div class="ibox-content">
            <form role="form" id="search" class="form-inline" onsubmit="return search();">
                <div class="form-group" style="margin-bottom: 8px;">
                    <label for="username">车牌号</label>
                    <input type="text" id="car_no" name="car_no" class="form-control">
                </div>
                <button type="submit" class="btn btn-primary">搜索</button>
            </form>
            <div class="row">
                <div class="col-md-12">
                    <table id="listTable">
                        <thead>
                        <tr>
                            <th data-field="id">ID</th>
                            <th data-field="car_no">车牌号</th>
                            <th data-field="id_man">被保险人</th>
                            <th data-field="link_man">联系人</th>
                            <th data-field="link_phone">电话</th>
                            <th data-field="submit_date">提单日期</th>
                            <th data-field="show_name">提单者</th>
                            <th data-field="status_txt">状态</th>
                            <th data-formatter="opFormatter">操作</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<?php $this->beginBlock('footer_js'); ?>
    <script src="/assets/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="/assets/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
    <script src="/assets/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script type="text/javascript" language="javascript">
        function opFormatter(value, row, index) {
            var opStr = [];
            opStr.push('<a href="javascript:void(0);" onclick="edit(' + row.id + ')">');
            opStr.push('<i class="fa fa-edit" title="编辑"></i>');
            opStr.push('</a>');
            opStr.push('<a href="javascript:void(0);" onclick="del(' + row.id + ')">');
            opStr.push('<i class="fa fa-trash" title="删除"></i>');
            opStr.push('</a>');

            return opStr.join(' ');
        }
        function create() {
            var title = '维修提单';
            layer_show(title, '/fix-car/my-search');
        }
        function edit(id) {
            var title = '维修信息';
            window.location.href = '/fix-car/my-list-edit?id=' + id;
        }
        function del(id) {
            parent.layer.confirm('是否确认删除？', {
                btn: ['删除','取消'], //按钮
                shade: false //不显示遮罩
            }, function(){
                $.post('/fix-car/my-list-delete',{id:id},function(data) {
                    parent.layer.msg(data.msg);
                    refreshList();
                }, 'json');
            }, function(){
                //
            });
        }
        function refreshList() {
            $('#listTable').bootstrapTable('refresh');
        }

        function search() {
            $('#listTable').bootstrapTable('destroy');
            $('#listTable').bootstrapTable({
                url: "/fix-car/my-list-json",
                pagination: true,
                sidePagination: 'server',
                queryParams: function(params) {
                    $('#search').find(':input:not(input[type=button],input[type=submit],button)').each(function(index,item){
                        params[$(item).attr('name')] = $(item).val();
                    });
                    return params;
                }
            });
            return false;
        }

        $(function() {
            search();
        });
    </script>
<?php $this->endBlock(); ?>