xh-erp.7in6.com/application/admin/view/supplierservicescore/index.html

<style>
    /* 表格铺满内容区，表头与单元格强制居中 */
    .supplierservicescore-page .bootstrap-table > .fixed-table-container,
    .supplierservicescore-page .bootstrap-table > .fixed-table-pagination {
        max-width: none;
        width: 100%;
    }
    .supplierservicescore-page .bootstrap-table .fixed-table-container .table,
    .supplierservicescore-page .bootstrap-table .fixed-table-body .table,
    .supplierservicescore-page .bootstrap-table .fixed-table-header .table {
        width: 100% !important;
        max-width: none;
        table-layout: fixed;
    }
    .supplierservicescore-page .bootstrap-table .table > thead > tr > th,
    .supplierservicescore-page .bootstrap-table .table > tbody > tr > td,
    .supplierservicescore-page .bootstrap-table .fixed-table-header .table > thead > tr > th,
    .supplierservicescore-page .bootstrap-table .fixed-table-body .table > tbody > tr > td,
    .supplierservicescore-page .bootstrap-table .fixed-table-container thead th,
    .supplierservicescore-page .bootstrap-table .fixed-table-container tbody td {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle !important;
        text-align: center !important;
    }
    .supplierservicescore-page .bootstrap-table .fixed-table-container thead th .th-inner,
    .supplierservicescore-page .bootstrap-table .fixed-table-container thead th .th-inner.sortable,
    .supplierservicescore-page .bootstrap-table .fixed-table-container thead th .sortable,
    .supplierservicescore-page .bootstrap-table .table > thead > tr > th .th-inner,
    .supplierservicescore-page .bootstrap-table .fixed-table-header .table > thead > tr > th .th-inner {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        margin: 0 auto !important;
        float: none !important;
    }
    .supplierservicescore-page .bootstrap-table .table td .ssc-final-score-input,
    .supplierservicescore-page .bootstrap-table .table td .ssc-score-grade-select {
        overflow: visible;
    }
    /* 分数输入、评分等级下拉在单元格内水平居中 */
    .supplierservicescore-page .bootstrap-table .table td .ssc-quality-score-input,
    .supplierservicescore-page .bootstrap-table .table td .ssc-price-score-input,
    .supplierservicescore-page .bootstrap-table .table td .ssc-delivery-score-input,
    .supplierservicescore-page .bootstrap-table .table td .ssc-value-added-score-input,
    .supplierservicescore-page .bootstrap-table .table td .ssc-final-score-input,
    .supplierservicescore-page .bootstrap-table .table td .ssc-performance-score-input {
        display: block !important;
        width: 96px !important;
        max-width: 96px;
        margin: 0 auto !important;
        float: none !important;
        text-align: center;
        height: 28px;
        padding: 2px 6px;
    }
    .supplierservicescore-page .bootstrap-table .table td .ssc-score-grade-select {
        display: block !important;
        width: 96px !important;
        max-width: 96px;
        margin: 0 auto !important;
        float: none !important;
        height: 28px;
        padding: 2px 6px;
        text-align: center;
        text-align-last: center;
        -moz-text-align-last: center;
    }
    .supplierservicescore-page .bootstrap-table .table td .ssc-score-grade-select option {
        text-align: center;
    }
</style>
<div class="panel panel-default panel-intro supplierservicescore-page">
    {:build_heading()}
    <div class="panel-body">
        <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>
                <span style="display:inline-block;margin-left:10px;vertical-align:middle;">
                    <a href="javascript:;" class="btn btn-success btn-export-review" id="btn-export-review" title="按月份导出供应商评审表">
                        <i class="fa fa-download"></i> 导出供应商评审表
                    </a>
                    <a href="javascript:;" class="btn btn-info" id="btn-save-final-score" title="保存当前页最终得分">
                        <i class="fa fa-save"></i> 保存
                    </a>
                    <label style="margin:0 6px 0 10px;font-weight:normal;" for="export-review-ym">查询月份</label>
                    <input type="month" id="export-review-ym" class="form-control input-sm" style="display:inline-block;width:150px;height:30px;vertical-align:middle;" title="选择月份后自动查询该月评分"/>
                </span>
            </div>
            <table id="table" class="table table-striped table-bordered table-hover table-nowrap text-center"></table>
        </div>
    </div>
</div>