| | |
| | | <dv-border-box10 class="item-bg" :color="['rgba(8, 109, 209, 0.2)']"></dv-border-box10> |
| | | <div class="chart-tit"> |
| | | <span class="tit">年度巡检异常趋势</span> |
| | | <div class="filter-part"> |
| | | <el-select v-model="depId1" size="small" :teleported="false"> |
| | | <el-option |
| | | v-for="item in depList1" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | /> |
| | | </el-select> |
| | | <el-select v-model="depId2" size="small" :teleported="false"> |
| | | <el-option |
| | | v-for="item in depList2" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | /> |
| | | </el-select> |
| | | </div> |
| | | </div> |
| | | <div class="chart" :id="xjLine"></div> |
| | | </div> |
| | |
| | | <dv-border-box10 class="item-bg"></dv-border-box10> |
| | | <div class="chart-tit"> |
| | | <span class="tit">异常区域设备统计</span> |
| | | <div class="filter-part"> |
| | | <div class="filter-part2"> |
| | | <el-switch |
| | | v-model="chartStatus" |
| | | inline-prompt |
| | |
| | | workTypeList: Array<type>; |
| | | departmentList: []; |
| | | timeType: Array<type>; |
| | | depList1: Array<type>; |
| | | classGroupList: Array<classGroup>; |
| | | quotaList: []; |
| | | inspectPointAllList: []; |
| | |
| | | dialogVisible:boolean; |
| | | workNum: string; |
| | | beImgs: []; |
| | | afImgs: [] |
| | | afImgs: []; |
| | | depId1:number|null |
| | | depId2:number|null |
| | | } |
| | | interface type { |
| | | id: number; |
| | |
| | | { id: 4, name: '月' }, |
| | | { id: 5, name: '年' } |
| | | ], |
| | | depList1: [ |
| | | { |
| | | name: '电石事业部', |
| | | id: 49 |
| | | }, |
| | | { |
| | | name: '电力事业部', |
| | | id: 50 |
| | | }, |
| | | { |
| | | name: '有机化工事业部', |
| | | id: 48 |
| | | }, |
| | | { |
| | | name: '甲醇事业部', |
| | | id: 32 |
| | | } |
| | | ], |
| | | depId1: null, |
| | | depId2: null, |
| | | classGroupList: [], |
| | | quotaList: [], |
| | | inspectPointAllList: [], |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: right; |
| | | .el-select{ |
| | | width: 50% !important; |
| | | margin-left: 10px; |
| | | } |
| | | .el-switch{ |
| | | width: 100% !important; |
| | | :deep(.el-switch__core){ |
| | | width: 100% !important; |
| | | } |
| | | } |
| | | } |
| | | .filter-part2{ |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: right; |
| | | width: 20%; |
| | | .el-switch{ |
| | | width: 100% !important; |