yanglao/application/admin/view/service/skill/perfect/index.html

<style type="text/css" media="all">
    #table .btn{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 36px;
        border-radius: 18px;
        margin-bottom: 10px;
        width: 100px;
        color: #fff;
    }
    #table .btn-detail{
        background: #62CB81;
    }
    #table .btn-change{
        background: #1677FF;
    }
    #table .btn-status{
        background: #FFA600;
    }
    #table .btn-list{
        background: #7B65FB;

    }
    #table .btn-cancel{
        background: #F7F7F7;
        color: #666666;
    }
    .icon{
        width: 18px;
        height: 18px;
        margin-right: 10px;
    }
    .notice{
        display: flex;
        align-items: center;
        background: #CEEBD8;
        padding: 0 18px;
        color: #4C9A63;
        height: 68px;
        border-radius: 10px;
        margin-bottom: 10px;
    }
</style>
<div class="notice">
        <img src="__CDN__/assets/addons/service/image/notice.png" alt="" class="icon" />
        温馨提示：第一次申请，请在申请列表审核，申请通过后，在服务人员查看，后续修改资料，在完善资料审核。
</div>
<div class="panel panel-default panel-intro">
    {:build_heading()}

    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                    </div>
                    <table id="table" class="table table-bordered table-hover table-nowrap"
                           data-operate-edit="{:$auth->check('service/skill/perfect/edit')}"
                           
                           width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>