epmet-work-pc-chengyang/src/views/dataBoard/overview/components/jdjs.vue

<template>
  <div class="m-subbox m-jdjs">
    <div class="m-jdjs-js">
      <div class="m-jdjs-js-img">
        <img src="../linshi/jiedaotu.jpg" />
      </div>
      <div class="m-jdjs-js-txt">
        {{ overview }}
      </div>
    </div>
    <div class="m-jdjs-bg">
      <div class="m-jdjs-bg-title">
        <div class="m-jdjs-bg-title-img">
          <img src="../../../../assets/images/shuju/overview/zjbg-icon.png" />
        </div>
        <div class="m-jdjs-bg-title-txt">总结报告</div>
      </div>
      <div class="m-jdjs-bg-txt">
        {{ report }}
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "jdjs",
  props: {
    currentLevelData: {
      type: Object,
      default: {},
    },
  },
  data() {
    return {
      orgId: this.$store.state.chooseArea.chooseName,
      report: "",
      overview: "",
    };
  },
  watch: {
    currentLevelData(val) {
      if (val.orgId) {
        this.getReport(val);
      }
    },
  },
  mounted() {
    this.getReport(this.currentLevelData);
  },
  methods: {
    getReport({ orgId, orgLevel }) {
      this.$http
        .get(
          "/actual/base/streetOverview/communityOverview?orgId=" +
            orgId +
            "&level=" +
            orgLevel
        )
        .then(({ data: { data } }) => {
          this.overview = data;
        });
      this.$http
        .get(
          "/actual/base/streetOverview/summaryReport?orgId=" +
            orgId +
            "&level=" +
            orgLevel
        )
        .then(({ data: { data } }) => {
          this.report = data;
        });
    },
  },
};
</script>

<style lang="scss" src="@/assets/scss/dataBoard/overview/index.scss" scoped />