real3d-portalsite/src/views/Idleland/index.vue

<!--闲置土地-->
<template>
  <div class="ghzc complianceAnalysis">
    <div class="innerContainer leftPane" v-drag>
      <h2 class="Pangetitle darg-div">
        <span class="pange_text">闲置土地</span>
      </h2>
      <el-tabs type="border-card" class="xz_box" v-model="activeTabs" stretch>
        <el-tab-pane label="统计总览" name="tjzl">
          <Tjzl
            v-loading="loading"
            @updateParent="changeData"
            ref="tjzl"
          ></Tjzl>
        </el-tab-pane>
        <el-tab-pane label="闲置管理" name="xzgl">
          <Xzgl
            v-loading="loading"
            @updateParent="changeData"
            ref="xzgl"
          ></Xzgl>
        </el-tab-pane>
      </el-tabs>
    </div>
    <Details ref="detailModal"></Details>
  </div>
</template>

<script>
import Tjzl from "./components/tjzl.vue";
import Xzgl from "./components/xzgl.vue";
import Details from "./components/details.vue";
// import TabelView from "./components/tabelView.vue";
export default {
  name: "complianceAnalysis",
  components: {
    Tjzl,
    Xzgl,
    Details,
    // TabelView,
  },
  data() {
    return {
      loading: false,
      activeTabs: "xzgl",
    };
  },
  created() {},
  mounted() {
    this.bus.$on("handleView", this.handleView);
  },
  methods: {
    changeData(name, updata) {
      this[name] = updata;
    },
    handleView(row, type) {
      this.$refs.detailModal.handleView(row, type);
    },
  },
  watch: {
    activeTabs(newValue) {
      // if (newValue != "tjzl") this.$refs.tjzl.reset();
      if (newValue != "xzgl") this.$refs.xzgl.reset();

      if (newValue == "tjzl") this.$refs.tjzl.getData();
      if (newValue == "xzgl") {
        this.$refs.xzgl.reset();
        this.$refs.xzgl.changeForm();
      }
    },
  },
};
</script>

<style lang="scss" scoped>
.complianceAnalysis {
  .xz_box {
    padding-bottom: 0;
    .title {
      padding: 8px;
      margin-bottom: 10px;
      span {
        color: #605e5e;
        padding-left: 8px;
        border-left: 3px solid #3a8ee6;
      }
      button {
        padding: 0;
        float: right;
        margin-right: 5px;
        min-height: unset;
      }
    }
  }
}
</style>
<style lang="scss">
@import "../complianceAnalysis/ghzc.scss";
</style>