| | |
| | | </div> |
| | | <!-- 数据展示 --> |
| | | <el-table ref="multipleTable" |
| | | :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}" |
| | | :header-cell-style="{'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 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'" |
| | |
| | | </el-table-column> |
| | | </el-table> |
| | | <!-- 详情页展示 --> |
| | | <el-dialog :visible.sync="dialogView" width="80%" title="基础信息(人工)" v-if="dialogView" |
| | | <el-dialog :visible.sync="dialogView" width="60%" title="基础信息(人工)" v-if="dialogView" |
| | | :before-close="handleClose"> |
| | | <MyDetail :info=info v-if="mystatus === 1"></MyDetail> |
| | | <MyIllDetail :info=info v-else></MyIllDetail> |
| | | </el-dialog> |
| | | <!-- 调度 --> |
| | | <el-dialog :visible.sync="dialogDispatch" width="80%" title="调度信息" v-if="dialogDispatch" |
| | | <el-dialog :visible.sync="dialogDispatch" width="60%" title="调度信息" v-if="dialogDispatch" |
| | | :before-close="handleClose"> |
| | | <MyDispatch :id="baseId" :mytype="mystatus" @changeDialog="changeDialog" :refresh="getUserList"> |
| | | </MyDispatch> |
| | |
| | | color: #4b9bb7; |
| | | |
| | | header { |
| | | background-color: #09152f; |
| | | // background-color: #09152f; |
| | | |
| | | .headerContent { |
| | | padding: 0 40px; |
| | |
| | | } |
| | | |
| | | main { |
| | | background-color: #09152f; |
| | | // background-color: #09152f; |
| | | margin-top: 20px; |
| | | |
| | | .mainTitle { |
| | |
| | | } |
| | | |
| | | .is-active { |
| | | background-color: #070f22; |
| | | color: #fff; |
| | | // background-color: #070f22; |
| | | color: #333; |
| | | font-size: 500; |
| | | } |
| | | } |
| | | |
| | | .type-nav { |
| | | display: flex; |
| | | line-height: 40px; |
| | | margin-left: 30px; |
| | | margin-top: 2px; |
| | | // margin-left: 30px; |
| | | // margin-top: 2px; |
| | | |
| | | .type-item { |
| | | width: 80px; |
| | |
| | | } |
| | | |
| | | .is-active { |
| | | background-color: #070f22; |
| | | // background-color: #070f22; |
| | | border-radius: 4px; |
| | | color: #fff; |
| | | color: #333; |
| | | font-size: 500; |
| | | } |
| | | } |
| | | |
| | |
| | | width: 120px; |
| | | } |
| | | |
| | | &:hover { |
| | | border: 1px solid #4b9bb7; |
| | | } |
| | | // &:hover { |
| | | // border: 1px solid #4b9bb7; |
| | | // } |
| | | |
| | | &:hover .el-checkbox { |
| | | color: #4b9bb7; |
| | | } |
| | | // &:hover .el-checkbox { |
| | | // color: #4b9bb7; |
| | | // } |
| | | } |
| | | |
| | | } |
| | |
| | | |
| | | .el-pagination { |
| | | |
| | | &::v-deep li, |
| | | &::v-deep .btn-prev, |
| | | &::v-deep .btn-next { |
| | | background-color: #071f39; |
| | | color: #4b9bb7; |
| | | } |
| | | // &::v-deep li, |
| | | // &::v-deep .btn-prev, |
| | | // &::v-deep .btn-next { |
| | | // // background-color: #071f39; |
| | | // color: #4b9bb7; |
| | | // } |
| | | |
| | | &::v-deep .active { |
| | | background-color: #409eff; |
| | | color: #fff; |
| | | } |
| | | // &::v-deep .active { |
| | | // background-color: #409eff; |
| | | // color: #fff; |
| | | // } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-table { |
| | | color: #4b9bb7; |
| | | font-size: 10px; |
| | | margin-top: 10px; |
| | | // color: #4b9bb7; |
| | | // font-size: 10px; |
| | | // margin-top: 10px; |
| | | |
| | | &::v-deep .cell { |
| | | text-overflow: ellipsis; |