样式修改

徐旺旺

2021-03-16 9d19400c3bf94637c4da0c985f80c3fd8c718522

 src/components/table/enterprise.vue

@@ -1,10 +1,11 @@
<template>
    <div class="enterprise-panel">
        <div class="enterprise-function" @click="showWarnDialog()">
            <img src="@/assets/images/map-pages/icon/map/warn.png" alt="" width="32px">
            <div :class='["iconBtn",warnVisible ? "active" : ""]'><span><img src="@/assets/images/map-pages/icon/map/warn.png" alt="" width="26px" style="display: block;margin: auto"><span class="icon-name">预报警</span></span></div>

        </div>
        <div class="enterprise-function" @click="showStatisDialog()">
            <img src="@/assets/images/map-pages/icon/map/company.png" alt="" width="32px">
            <div :class='["iconBtn",companyVisible ? "active" : ""]'><span><img src="@/assets/images/map-pages/icon/map/company.png" alt="" width="26px" style="display: block;margin: auto"><span class="icon-name">指标</span></span></div>
        </div>
        <Dialog ref="warnDialog" title="企业预警报警分类统计">
            <warn></warn>
@@ -28,7 +29,9 @@
  },
  data () {
    return {
      comp: Warn
      comp: Warn,
      warnVisible: false,
      companyVisible: false
    }
  },
  methods: {
@@ -38,9 +41,11 @@
    },
    showWarnDialog () {
      this.$refs.warnDialog.show()
      this.warnVisible = true
    },
    showStatisDialog () {
      this.$refs.indexStatisticsDialog.show()
      this.companyVisible = true
    }
  }
}
@@ -54,9 +59,22 @@
    z-index: 9999;

    .enterprise-function{
        width: 40px;
        width: 50px;
        float: left;
        cursor: pointer;
    }
    .iconBtn {
        width:45px;
        text-align: center;
        background: rgba(0, 16, 30, 0.5);
        cursor: pointer;
        color: #00fff6;
        border: 0.00521rem solid #00fff6;
        box-shadow: 0 0 0.03rem #00fff6;
    }
    .active {
        // border: 0.00521rem solid #fff700;
        // box-shadow: 0 0 0.03rem #fff700;
    }
}
</style>