| | |
| | | </div> |
| | | </div> |
| | | <div class="chart"> |
| | | <el-table :data="tableData" stripe border :header-cell-style="isFull==true?{background: none}:{ background: '#fafafa' }"> |
| | | <el-table :data="tableData" stripe border :header-cell-style="{ background: '#fafafa' }"> |
| | | <el-table-column label="任务信息" align="center"> |
| | | <template #default="scope"> |
| | | <div class="left-info"> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="chart"> |
| | | <el-table :data="unusualData" stripe border :header-cell-style="isFull==true?{background: none}:{ background: '#fafafa' }"> |
| | | <el-table :data="unusualData" stripe border :header-cell-style="{ background: '#fafafa' }"> |
| | | <el-table-column prop="num" label="工单编号" align="center"/> |
| | | <el-table-column prop="spot" label="异常巡检点" align="center"/> |
| | | <el-table-column prop="time" label="巡检(发现)时间" align="center"/> |
| | |
| | | groupName: string; |
| | | } |
| | | export default { |
| | | name: 'workingHours', |
| | | name: 'inspectIndex', |
| | | components: { inspectRecordDialog, inspectList, unusualList }, |
| | | setup() { |
| | | const router = useRouter(); |
| | |
| | | initSbtj() |
| | | }); |
| | | const toFullscreen =()=>{ |
| | | console.log(state.isFull,'quanp',state.themeColor) |
| | | const element = document.getElementById('bigScreen') |
| | | if (!screenfull.isEnabled) { |
| | | ElMessage.warning('暂不不支持全屏'); |
| | | return false; |
| | | } |
| | | screenfull.toggle(element); |
| | | state.isFull = !state.isFull |
| | | if(state.isFull == true){ |
| | | state.themeColor = '#11FEEE' |
| | |
| | | } |
| | | initXjLine() |
| | | initSbtj() |
| | | console.log(state.isFull,'quanp',state.themeColor) |
| | | const element = document.getElementById('bigScreen') |
| | | if (!screenfull.isEnabled) { |
| | | ElMessage.warning('暂不不支持全屏'); |
| | | return false; |
| | | } |
| | | screenfull.toggle(element); |
| | | } |
| | | const checkAllRecord =()=>{ |
| | | inspectListRef.value.departmentList = state.departmentList |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | } |
| | | } |
| | | } |
| | |
| | | background-color: rgba(10,31,92,1); |
| | | border: 1px solid rgba(17,254,238,.4); |
| | | color: #11FEEE; |
| | | .el-cascader-node{ |
| | | .in-active-path{ |
| | | background: #0049af; |
| | | } |
| | | &:hover{ |
| | | background: #0049af; |
| | | } |
| | | } |
| | | .el-cascader-node__label{ |
| | | color: #11FEEE; |
| | | } |
| | |
| | | .tit{ |
| | | color: #11FEEE; |
| | | } |
| | | .checkAll{ |
| | | cursor: pointer; |
| | | color: #11feee; |
| | | &:hover{ |
| | | color: #409eff |
| | | } |
| | | } |
| | | .el-table { |
| | | color: #11FEEE !important; |
| | | background-color: rgba(0,0,0,0) !important; |
| | | :deep(thead){ |
| | | color: #11FEEE !important; |
| | | background-color: #092846 !important |
| | | } |
| | | :deep(tr){ |
| | | background-color: rgba(0,0,0,0) !important; |
| | |
| | | background-color: rgba(10,31,92,1); |
| | | border: 1px solid rgba(17,254,238,.4); |
| | | color: #11FEEE; |
| | | .el-cascader-node{ |
| | | .in-active-path{ |
| | | background: #0049af; |
| | | } |
| | | &:hover{ |
| | | background: #0049af; |
| | | } |
| | | } |
| | | .el-cascader-node__label{ |
| | | color: #11FEEE; |
| | | } |