index.html 6.2 KB
<div class="content">
    <style>
        .form-commonsearch .form-group {
            margin-left: 0;
            margin-right: 0;
            padding: 0;
        }
        form.form-commonsearch .control-label {
            padding-right: 0;
        }

        #channeltree {
            margin-left: -6px;
        }
        @media (max-width: 1230px) {
            .fixed-table-toolbar .search .form-control {
                display: none;
            }
        }
        @media (min-width: 1200px) {
            #channelbar {
                width: 25%;
            }
            #archivespanel {
                width: 75%;
            }
        }
        .panel-body{
            border: solid 1px #e8edf0;
        }

    </style>
    <div class="row">
        <div class="col-xs-12 col-md-12">
            <div class="alert alert-info-light" style="margin-bottom:10px;">
                <b>温馨提示</b><br>
                1.请点击巡检点列表的检查项管理,依次添加配置检查项,否则移动端巡检详情将没有检查项<br>
                2.请提前安装《地图位置(经纬度)选择插件》,为了保证经纬度的一致性,定位地图请选择腾讯地图<br>
            </div>
        </div>

        <div class="col-md-3 hidden-xs hidden-sm" id="channelbar" style="padding-right:0;">

            <div class="panel panel-default panel-info">
                <div class="panel-heading">
                    <div class="panel-lead">
                        <em id="category_title">巡检区域列表</em>
                        <br>

                    </div>
                </div>
                <div class="panel-body">
                    <span class="text-warning">提示:鼠标放在全部或区域上单击右键可操作添加、编辑、删除、刷新</span>
                    <div id="channeltree" style="margin-top:10px;height:576px;overflow-y:auto "></div>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-md-9" id="archivespanel">
            <div class="panel panel-default panel-intro" style="background: #f1f4f6;padding-top: 0;padding-bottom: 0;box-shadow: none;">
                <div class="panel-heading">
                    <div class="panel-lead">
                        <em>巡检点列表</em>
                    </div>
                </div>
                <div id="myTabContent" class="tab-content" style="background:#fff;border: solid 1px #e8edf0;padding:15px;">
                    <div class="tab-pane fade active in" id="one">
                        <div class="widget-body no-padding">
                            <div id="toolbar1" class="toolbar">
                                <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                                <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('inspection/areasite/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>
                                <a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('inspection/areasite/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>
                                <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('inspection/areasite/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>
                            </div>
                            <table id="table1" class="table table-striped table-bordered table-hover table-nowrap"
                                   data-operate-edit="{:$auth->check('inspection/areasite/edit')}"
                                   data-operate-del="{:$auth->check('inspection/areasite/del')}"
                                   width="100%">
                            </table>
                        </div>
                    </div>
                </div>

            </div>


            <div class="panel panel-default panel-intro" style="display: none; margin-top:15px;background: #f1f4f6;padding-top: 0;padding-bottom: 0;box-shadow: none;">
                <div class="panel-heading">
                    <div class="panel-lead">
                        <em>检查项列表</em>
                    </div>
                </div>
                <div class="tab-content" style="background:#fff;border: solid 1px #e8edf0;padding:15px;">
                    <div class="tab-pane fade active in">
                        <div class="widget-body no-padding">
                            <div id="toolbar2" class="toolbar">
                                <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                                <a href="javascript:;" class="btn btn-success btn-add btn-disabled disabled {:$auth->check('inspection/areaitem/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>
                                <a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('inspection/areaitem/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>
                                <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('inspection/areaitem/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>
                            </div>
                            <table id="table2" class="table table-striped table-bordered table-hover table-nowrap"
                                   data-operate-edit="{:$auth->check('inspection/areasite/edit')}"
                                   data-operate-del="{:$auth->check('inspection/areasite/del')}"
                                   width="100%">
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .btn-success{
        background-color: #3498DB;
    }
    .btn-primary{
        background-color: #3498DB;
    }

    /*.btn-primary:hover*/
    /*{*/
    /*    outline:none;*/
    /*    border:none;*/
    /*    background-color:#7fadf9;*/
    /*}*/
</style>