| | |
| | | <template> |
| | | <public-content> |
| | | <template #content> |
| | | <div> |
| | | <div class="search-box"> |
| | | <el-form :inline="true" :model="formInline" class="demo-form-inline"> |
| | | <el-form-item label="名称"> |
| | | <el-form-item label="" class="form-item-input"> |
| | | <el-input v-model="formInline.name" placeholder="请输入名称" clearable style="width: 120px" /> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="归属"> |
| | |
| | | <el-option label="企业" value="2" /> |
| | | </el-select> |
| | | </el-form-item> --> |
| | | <el-form-item> |
| | | <el-form-item class="search-btn"> |
| | | <el-button type="primary" @click="onSubmit">查询</el-button> |
| | | <el-button type="" @click="clearBtn">重置</el-button> |
| | | <el-button type="primary" @click="clearBtn">重置</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-table :data="tableData" style="width: 100%" :header-cell-style="headerCellStyle" |
| | | :cell-style="tableCellStyle" v-loading="loading"> |
| | | :cell-style="tableCellStyle" v-loading="loading" element-loading-background="rgba(122, 122, 122, 0.1)"> |
| | | <el-table-column fixed prop="name" label="名称" /> |
| | | <el-table-column prop="numUnit" label="数量" width="100" /> |
| | | <!-- <el-table-column prop="firmName" label="单位名称" /> --> |
| | |
| | | color: #fff !important; |
| | | } |
| | | |
| | | .search-box { |
| | | ::v-deep .el-table__body-wrapper { |
| | | background-color: #152851; |
| | | } |
| | | } |
| | | |
| | | /* 当表格没有数据时,修改表格的背景颜色 */ |
| | | .el-table--empty .el-table__body { |
| | | background-color: #19284e !important; |
| | | background-color: rgba(135, 158, 199, 0.3) !important; |
| | | /* 你想要的背景颜色 */ |
| | | } |
| | | |
| | |
| | | justify-content: center; |
| | | // margin-bottom:10px; |
| | | } |
| | | |
| | | .form-item-input { |
| | | width: 200px; |
| | | |
| | | ::v-deep(.el-input) { |
| | | width: 0; |
| | | flex: 1; |
| | | |
| | | .el-input__wrapper { |
| | | font-size: 16px; |
| | | font-weight: 400; |
| | | border-radius: 0; |
| | | background: rgba(135, 158, 199, 0.3); |
| | | box-shadow: inset 0px 3px 7px 0px rgba(42, 138, 236, 0.95); |
| | | |
| | | .el-input__inner { |
| | | color: #BFD3E5; |
| | | } |
| | | } |
| | | } |
| | | |
| | | } |
| | | |
| | | .search-btn { |
| | | ::v-deep .el-button--primary { |
| | | background-color: transparent; |
| | | border-color: none; |
| | | border: none; |
| | | cursor: pointer; |
| | | color: #edffff; |
| | | background: rgba(135, 158, 199, 0.3); |
| | | box-shadow: inset 0px 3px 7px 0px rgba(42, 138, 236, 0.95); |
| | | } |
| | | } |
| | | </style> |