派生自 wuyushui/SewerAndRainNetwork

徐旺旺
2021-04-22 20bac7bbc63788b14a40757da47a7f200d4155c1
src/components/BaseNav/WasteWater/Detail.vue
@@ -1,9 +1,13 @@
<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"
@@ -73,15 +77,63 @@
<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 () {
@@ -114,4 +166,21 @@
/*/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>