From 3e96d1023f743f4850e362c8287425ad58029701 Mon Sep 17 00:00:00 2001
From: dai <851733175@qq.com>
Date: Tue, 11 Oct 2022 10:43:31 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AD=E9=80=94=E5=8E=BB=E6=94=B9bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/modules/renFangTongJi/index.vue | 110 ++++++++++++++++++++++
 1 file changed, 110 insertions(+)
 create mode 100644 src/views/modules/renFangTongJi/index.vue

diff --git a/src/views/modules/renFangTongJi/index.vue b/src/views/modules/renFangTongJi/index.vue
new file mode 100644
index 000000000..dddb7413a
--- /dev/null
+++ b/src/views/modules/renFangTongJi/index.vue
@@ -0,0 +1,110 @@
+<template>
+  <div class="g-cnt">
+    <el-card class="m-tb">
+      <h2>下级平台使用进度汇总</h2>
+      <el-table
+        :data="tableData"
+        border
+        style="width: 100%"
+        class="tb"
+        :max-height="maxTableHeight"
+      >
+        <el-table-column label="序号" type="index" align="center" width="50" />
+        <el-table-column prop="orgName" label="所属组织"> </el-table-column>
+        <el-table-column prop="usingCommunityNum" label="开通平台社区数">
+        </el-table-column>
+        <el-table-column prop="userTotal" label="人口总数"></el-table-column>
+        <el-table-column
+          prop="czUserTotal"
+          label="常住人口总数"
+        ></el-table-column>
+        <el-table-column
+          prop="ldUserTotal"
+          label="流动人口总数"
+        ></el-table-column>
+        <el-table-column prop="houseTotal" label="房屋总数"></el-table-column>
+        <el-table-column
+          prop="zzHouseTotal"
+          label="自住房屋总数"
+        ></el-table-column>
+        <el-table-column
+          prop="czHouseTotal"
+          label="出租房屋总数"
+        ></el-table-column>
+        <el-table-column
+          prop="xzHouseTotal"
+          label="闲置房屋总数"
+        ></el-table-column>
+      </el-table>
+    </el-card>
+
+    <!-- 修改弹出框 -->
+    <el-dialog
+      :visible.sync="displayedDetail"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      title="开放社区数"
+      width="850px"
+      top="5vh"
+      @closed="displayedDetail = false"
+    >
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { requestPost } from "@/js/dai/request";
+import nextTick from "dai-js/tools/nextTick";
+import { mapGetters } from "vuex";
+
+export default {
+  name: "renFangTongJi",
+  components: {},
+  data() {
+    return {
+      displayedDetail: false,
+      tableData: [],
+
+      orgId: "",
+      orgType: "",
+    };
+  },
+  computed: {
+    maxTableHeight() {
+      return this.clientHeight - 450;
+    },
+    ...mapGetters(["clientHeight"]),
+  },
+  watch: {
+    orgId() {
+      this.getTableData();
+    },
+  },
+  mounted() {
+    this.getTableData();
+  },
+  methods: {
+    async getTableData() {
+      const url = "/gov/org/house/subuserhouselist";
+
+      const { data, code, msg } = await requestPost(url, {
+        orgId: this.orgId,
+        orgType: this.orgType,
+      });
+
+      if (code === 0) {
+        this.tableData = data
+          ? data.map((item) => {
+              return item;
+            })
+          : [];
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/scss/c/config";
+@import "@/assets/scss/c/function";
+</style>