| | |
| | | <template> |
| | | <div class="detail" style="width: 5rem"> |
| | | <div class="detail" style="width: 5.5rem"> |
| | | <div class="tab-scroll"> |
| | | <PublicDataStandard :dataStandard="dataStandard"></PublicDataStandard> |
| | | <span class="time-select">{{ timeStart }}——{{ timeEnd }}</span> |
| | | </div> |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%;" |
| | | height="200px" |
| | | height="280px" |
| | | > |
| | | <el-table-column |
| | | prop="LabMonTime" |
| | |
| | | |
| | | <script> |
| | | |
| | | import PublicDataStandard from '../PublicDataStandard' |
| | | import mapApi from '@/api/mapApi' |
| | | import 'dayjs/locale/es' |
| | | import dayjs from 'dayjs' |
| | | |
| | | export default { |
| | | name: 'Detail', |
| | | components: { |
| | | PublicDataStandard |
| | | }, |
| | | data () { |
| | | return { |
| | | tableData: [] |
| | | tableData: [], |
| | | // tab栏传递接收数据 |
| | | dataStandard: [ |
| | | { |
| | | current: { |
| | | name: '氮氧化物', |
| | | val: 29.93 |
| | | }, |
| | | standard: { |
| | | name: '标准', |
| | | val: 100 |
| | | } |
| | | }, |
| | | { |
| | | current: { |
| | | name: '二氧化硫', |
| | | val: 17.34 |
| | | }, |
| | | standard: { |
| | | name: '标准', |
| | | val: 50 |
| | | } |
| | | }, |
| | | { |
| | | current: { |
| | | name: '烟尘', |
| | | val: 6.93 |
| | | }, |
| | | standard: { |
| | | name: '标准', |
| | | val: 30 |
| | | } |
| | | }, |
| | | { |
| | | current: { |
| | | name: '废气流量', |
| | | val: 120 |
| | | }, |
| | | standard: { |
| | | name: '', |
| | | val: null |
| | | } |
| | | }], |
| | | timeEnd: dayjs().format('YYYY-MM-DD HH:mm:ss'), |
| | | timeStart: dayjs().subtract(3, 'minute').format('YYYY-MM-DD HH:mm:ss') |
| | | } |
| | | }, |
| | | mounted () { |
| | |
| | | endTime: timeEnd |
| | | } |
| | | const result = (await mapApi.getQueryLabMonData(data)).Result.DataInfo |
| | | console.log(result) |
| | | // console.log(result) |
| | | this.tableData = result |
| | | } |
| | | } |
| | |
| | | /*/deep/ .el-table {*/ |
| | | /* border: none !important;*/ |
| | | /*}*/ |
| | | |
| | | .tab-scroll { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | } |
| | | |
| | | .time-select { |
| | | cursor: pointer; |
| | | padding: 5px; |
| | | border: 1px solid #2b87c8; |
| | | border-radius: 4px; |
| | | text-align: center; |
| | | color: #fff; |
| | | font-size: 11px; |
| | | width: 280px; |
| | | } |
| | | </style> |