| | |
| | | <template> |
| | | <div class="mainContent"> |
| | | <!-- 数据展示 --> |
| | | <el-table ref="multipleTable" |
| | | :header-cell-style="{ 'font-weight': '650', 'line-height': '45px' }" |
| | | <el-table |
| | | border |
| | | stripe |
| | | ref="multipleTable" |
| | | :header-cell-style="{ 'background':'#F5F5F5','font-weight': '650', 'line-height': '45px' }" |
| | | :data="tableData" style="width: 100%" :row-class-name="tableRowClassName" @selection-change="tableChange"> |
| | | <el-table-column type="selection" min-width="5"> |
| | | </el-table-column> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="eventSource" label="问题来源" min-width="8"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ scope.row.eventSource === 2 ? '人工上报' : '视频巡查' }}</span> |
| | | <span>{{ scope.row.eventSource === 2 ? '网格巡查' : '视频巡查' }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column :prop="mystatus === 1 ? 'category' : 'category'" :label="mystatus === 1 ? '大类名称' : '违建类别'" |
| | |
| | | } |
| | | }, |
| | | mulHandler(ids, option) { |
| | | // debugger |
| | | // console.log("whj", ids, option) |
| | | // console.log(this.options.filter(x => x.value === option)) |
| | | const tag = this.options.filter(x => x.value === option)[0].label |
| | |
| | | padding: 0 20px; |
| | | |
| | | .funs-sp { |
| | | border: 1px solid #17324c; |
| | | //border: 1px solid #DCDFE6; |
| | | } |
| | | |
| | | .funs { |
| | | display: flex; |
| | | |
| | | .funsItem { |
| | | border: 1px solid #DCDFE6; |
| | | line-height: 28px; |
| | | display: flex; |
| | | align-items: center; |
| | |
| | | |
| | | .operation { |
| | | display: flex; |
| | | |
| | | color: var(--operation-color); |
| | | .line { |
| | | padding: 0 5px; |
| | | } |