| | |
| | | <div class="page_box"> |
| | | <div> |
| | | <el-table v-if="formInline.ownership == 1" :data="tableData" style="width: 100%" |
| | | :header-cell-style="headerCellStyle" :cell-style="tableCellStyle" v-loading="loading"> |
| | | :header-cell-style="headerCellStyle" :cell-style="tableCellStyle"> |
| | | |
| | | <el-table-column fixed prop="name" label="物资名称" /> |
| | | <el-table-column fixed prop="personInCha" label="负责人" /> |
| | |
| | | </el-table> |
| | | |
| | | <el-table v-else :data="tableData" style="width: 100%" :header-cell-style="headerCellStyle" |
| | | :cell-style="tableCellStyle" v-loading="loading"> |
| | | :cell-style="tableCellStyle"> |
| | | |
| | | <el-table-column fixed prop="firmName" label="企业名称" /> |
| | | <el-table-column fixed prop="name" label="物资名称" /> |
| | |
| | | <style lang="scss" scoped> |
| | | .content_box { |
| | | color: #fff; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | .list_box { |
| | | display: flex; |
| | | overflow-x: auto; |
| | | white-space: nowrap; |
| | | // scrollbar-width: thin; |
| | | scrollbar-color: rgba(255, 255, 255, 0.3) transparent; |
| | | } |
| | | |
| | | .list_box ul { |
| | | display: flex; |
| | | /* 使用 Flexbox 布局 */ |
| | | padding: 0; |
| | | margin: 0; |
| | | list-style: none; |
| | | } |
| | | |
| | | |
| | | .list_box ul li { |
| | | display: inline-block; |
| | | .list_box li { |
| | | padding: 10px; |
| | | font-size: 15px; |
| | | text-align: center; |
| | | // background: url(/images/mode-tab-ac.png) no-repeat center / 100% 100%; |
| | | margin-right: 10px; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .list_box li.active { |
| | | background-color: rgba(117, 116, 116, 0.3); |
| | | color: white; |
| | | } |
| | | |
| | | .page_box .el-table { |
| | | width: 100%; |
| | | height: 670px; |
| | | height: 700px; |
| | | background-color: rgba(117, 116, 116, 0.3); |
| | | } |
| | | |
| | | .active { |