| | |
|---|
| | | <public-content> |
|---|
| | | <template #content> |
|---|
| | | <div class="search-box"> |
|---|
| | | <div class="search-form"> |
|---|
| | | <el-form :inline="true" :model="riskSource" class="demo-form-inline"> |
|---|
| | | <el-form-item label="" class="form-item-input"> |
|---|
| | | <el-input v-model="riskSource.name" placeholder="请输入风险源" clearable style="width: 120px" /> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item class="transparent-select" label=""> |
|---|
| | | <el-select v-model="riskSource.riskLevel" placeholder="请选择等级" clearable style="width: 120px"> |
|---|
| | | <el-option label="一般" value="1" /> |
|---|
| | | <el-option label="较大" value="2" /> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item class="search-btn"> |
|---|
| | | <el-button type="primary" @click="onSubmit">查询</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" |
|---|
| | | element-loading-background="rgba(122, 122, 122, 0.1)"> |
|---|
| | | <el-table-column prop="firmName" label="单位名称" /> |
|---|
| | | <el-table-column prop="riskLevelName" label="等级" width="100" /> |
|---|
| | | <el-table-column show-overflow-tooltip fixed prop="name" label="风险源" /> |
|---|
| | | </el-table> |
|---|
| | | </div> |
|---|
| | | <div class="el-page"> |
|---|
| | | <el-pagination background layout="prev, pager, next" :page-size="pages.pageSize" :total="pages.total" |
|---|
| | | @size-change="handleSizeChange" @current-change="handleCurrentChange" /> |
|---|
| | | </div> |
|---|
| | | <el-form :inline="true" :model="riskSource" class="demo-form-inline"> |
|---|
| | | <el-form-item label="" class="form-item-input"> |
|---|
| | | <el-input v-model="riskSource.name" placeholder="请输入风险源" clearable style="width: 120px" /> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item class="transparent-select" label=""> |
|---|
| | | <el-select v-model="riskSource.riskLevel" placeholder="请选择等级" clearable style="width: 120px"> |
|---|
| | | <el-option label="一般" value="1" /> |
|---|
| | | <el-option label="较大" value="2" /> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item class="search-btn"> |
|---|
| | | <el-button type="primary" @click="onSubmit">查询</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" element-loading-background="rgba(122, 122, 122, 0.1)"> |
|---|
| | | <el-table-column prop="firmName" label="单位名称" /> |
|---|
| | | <el-table-column prop="riskLevelName" label="等级" width="100" /> |
|---|
| | | <el-table-column show-overflow-tooltip fixed prop="name" label="风险源" /> |
|---|
| | | </el-table> |
|---|
| | | </div> |
|---|
| | | <div class="el-page"> |
|---|
| | | <el-pagination background layout="prev, pager, next" :page-size="pages.pageSize" :total="pages.total" |
|---|
| | | @size-change="handleSizeChange" @current-change="handleCurrentChange" /> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | </public-content> |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .search-box { |
|---|
| | | |
|---|
| | | ::v-deep .el-table__body-wrapper { |
|---|
| | | background-color: #152851; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .search-form {} |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | /* 当表格没有数据时，修改表格的背景颜色 */ |
|---|
| | | .el-table--empty .el-table__body { |
|---|
