弹框修改

chenzeping

2021-04-07 31d820be487fe942e364eedb91319f8c21e3eecb

 src/components/BaseNav/PublicBounced/GasComponents/ECharts.vue

@@ -1,30 +1,30 @@
<template>
    <div id="Tab">
        <div class="Infomation">
            <el-tag>氮氧化物 : 29.93 标准 : 100</el-tag>
            <el-tag>二氧化硫 : 17.34 标准 : 50</el-tag>
            <el-tag>烟尘 : 6.93 标准 : 30</el-tag>
            <el-tag>废气流量 : 120343.18</el-tag>
        </div>
        <div class="form-echrts">
            <!--          :title="this.$attrs.getWasteGasDetails[0].OnLineMonEmissPointName"-->
            <div>
                <el-button size="mini" round @click="dialogVisible = true">明细表</el-button>
                <el-dialog :visible.sync="dialogVisible"
                           :append-to-body="true"
                           width="68%"
                           center
                           v-dialogDrag
                >
                    <div class="el-dialog-div" style="height: 500px">
                        <public-detailed-list v-bind="$attrs"></public-detailed-list>
                    </div>
                </el-dialog>
            </div>
            <div style="width:750px;height:260px;" id="echarts" ref="main">
            </div>
        </div>
  <div id="Tab">
    <div class="Infomation">
      <el-tag>氮氧化物 : 29.93 标准 : 100</el-tag>
      <el-tag>二氧化硫 : 17.34 标准 : 50</el-tag>
      <el-tag>烟尘 : 6.93 标准 : 30</el-tag>
      <el-tag>废气流量 : 120343.18</el-tag>
    </div>
    <div class="form-echrts">
      <!--          :title="this.$attrs.getWasteGasDetails[0].OnLineMonEmissPointName"-->
      <div>
        <el-button size="mini" round @click="dialogVisible = true">明细表</el-button>
        <el-dialog :visible.sync="dialogVisible"
                   :append-to-body="true"
                   width="68%"
                   center
                   v-dialogDrag
        >
          <div class="el-dialog-div" style="height: 500px">
            <public-detailed-list v-bind="$attrs"></public-detailed-list>
          </div>
        </el-dialog>
      </div>
      <div style="width:750px;height:260px;" id="echarts" ref="main">
      </div>
    </div>
  </div>
</template>

<script>
@@ -39,12 +39,10 @@
    return {
      watchData: [],
      dialogVisible: false,
      options: {
      dialogVisible: false,
      dataDate: [],
      options: {
        title: {
        // text: '折线图堆叠'
          // text: '折线图堆叠'
        },
        color: ['#5470c6', '#91CC75', '#EE6666', '#FF0087'],
        tooltip: {
@@ -83,9 +81,9 @@
              color: '#00d0f9'
            }
          }]
        // pageTextStyle: {
        //   color: '#fff'
        // }
          // pageTextStyle: {
          //   color: '#fff'
          // }
        },
        grid: {
          left: '3%',
@@ -219,37 +217,37 @@
</script>

<style scoped lang="less">
    .Infomation {
        margin-left: 10px;
    }
.Infomation {
  margin-left: 10px;
}

    .el-tag {
        height: 25px;
        line-height: 25px;
        margin-right: 10px;
        font-size: 10px;
        background-color: rgba(0, 255, 246, 0.14);
        color: #00d0f9;
        border: none;
        padding: 0 15px;
    }
.el-tag {
  height: 25px;
  line-height: 25px;
  margin-right: 10px;
  font-size: 10px;
  background-color: rgba(0, 255, 246, 0.14);
  color: #00d0f9;
  border: none;
  padding: 0 15px;
}

    .form-echrts {
        width: 100%;
        height: 100%;
        border: 1px solid #396d83;
        //margin: 10px 10px 10px 10px;
        .el-dialog-div {
            //height: 50vh!important;
            overflow: auto;
            //overflow: hidden;
        }
.form-echrts {
  width: 100%;
  height: 100%;
  border: 1px solid #396d83;
  //margin: 10px 10px 10px 10px;
  .el-dialog-div {
    //height: 50vh!important;
    overflow: auto;
    //overflow: hidden;
  }

        #echarts {
            margin: 0;
            padding: 0;
            //border: 1px solid #396d83;
            //margin: 10px 10px 10px 10px;
        }
    }
  #echarts {
    margin: 0;
    padding: 0;
    //border: 1px solid #396d83;
    //margin: 10px 10px 10px 10px;
  }
}
</style>