From 34624ea4a60aec7954c63651e17d719f1506f549 Mon Sep 17 00:00:00 2001
From: mk <2403457699@qq.com>
Date: Thu, 20 Apr 2023 09:16:52 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E7=9C=8B=E6=9D=BF=E6=88=BF?=
 =?UTF-8?q?=E5=B1=8B=E5=88=97=E8=A1=A8=E7=BF=BB=E9=A1=B5=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=9B=9E=E5=88=B0=E9=A1=B6=E9=83=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dataBoard/renfang/house/list.vue | 470 ++++++++++-----------
 1 file changed, 234 insertions(+), 236 deletions(-)

diff --git a/src/views/dataBoard/renfang/house/list.vue b/src/views/dataBoard/renfang/house/list.vue
index 30f18cb04..84cec1421 100644
--- a/src/views/dataBoard/renfang/house/list.vue
+++ b/src/views/dataBoard/renfang/house/list.vue
@@ -1,39 +1,35 @@
 <template>
-	<div class="g-pgi" >
-		<!-- 组织路由 -->
-		<cpt-bread
-			:separator="'/'"
-			@tap="handleClickBreadItem"
-			:breadList="breadList"
-		></cpt-bread>
+  <div class="g-pgi">
+    <!-- 组织路由 -->
+    <cpt-bread
+      :separator="'/'"
+      @tap="handleClickBreadItem"
+      :breadList="breadList"
+    ></cpt-bread>
 
-		<div class="m-title">
-			<img
-				class="title_img"
-				src="@/assets/images/index/list-logo.png"
-				alt
-			/>
-			<div class="tip_title">{{ tableTitle }}</div>
-			<div class="title_line"></div>
-		</div>
+    <div class="m-title">
+      <img class="title_img" src="@/assets/images/index/list-logo.png" alt />
+      <div class="tip_title">{{ tableTitle }}</div>
+      <div class="title_line"></div>
+    </div>
 
-		<cpt-tb
-			:col-list="colList"
-			:loading="loading"
-			:header="header"
-			:list="list"
-			:total="total"
-			@handleSizeChange="handleSizeChange"
-			@handlePageNoChange="handlePageNoChange"
-			@operate="showInfo"
-		></cpt-tb>
+    <cpt-tb
+      :col-list="colList"
+      :loading="loading"
+      :header="header"
+      :list="list"
+      :total="total"
+      @handleSizeChange="handleSizeChange"
+      @handlePageNoChange="handlePageNoChange"
+      @operate="showInfo"
+    ></cpt-tb>
 
-		<house-details
-			@close="displayedHouseId = ''"
-			:house-id="displayedHouseId"
-			v-if="displayedHouseId"
-		/>
-	</div>
+    <house-details
+      @close="displayedHouseId = ''"
+      :house-id="displayedHouseId"
+      v-if="displayedHouseId"
+    />
+  </div>
 </template>
 
 <script>
@@ -44,234 +40,236 @@ import { requestPostBi } from "@/js/dai/request-bipass";
 import getQueryPara from "dai-js/modules/getQueryPara";
 
 export default {
-	name: "house-list",
+  name: "house-list",
 
-	components: {
-		cptTb,
-		cptBread,
-		houseDetails,
-	},
+  components: {
+    cptTb,
+    cptBread,
+    houseDetails,
+  },
 
-	data() {
-		return {
-			breadList: [
-				{
-					type: "back",
-					meta: {
-						title: "人房总览",
-					},
-				},
-				{
-					meta: {
-						title: "房屋列表",
-					},
-				},
-			],
-
-			tableTitle: "房屋列表",
-			searchName: "",
+  data() {
+    return {
+      breadList: [
+        {
+          type: "back",
+          meta: {
+            title: "人房总览",
+          },
+        },
+        {
+          meta: {
+            title: "房屋列表",
+          },
+        },
+      ],
 
-			orgLevel: "",
-			org_id: "",
-			houseType: "", // 流动 常驻 全部
+      tableTitle: "房屋列表",
+      searchName: "",
 
-			loading: true,
-			pageSize: parseInt(localStorage.getItem("dataBoard_PageSize")) || 20,
-			pageNo: 1,
-			total: 0,
-			srcTableData: [],
-			list: [],
+      orgLevel: "",
+      org_id: "",
+      houseType: "", // 流动 常驻 全部
 
-			colList: [
-				{
-					align: "left",
-					width: "5%",
-				},
-				{
-					align: "left",
-					width: "10%",
-				},
-				{
-					align: "left",
-					width: "10%",
-				},
-				{
-					align: "left",
-					width: "10%",
-				},
-				{
-					align: "left",
-					width: "10%",
-				},
-				{
-					align: "left",
-					width: "10%",
-				},
-				{
-					align: "left",
-					width: "5%",
-				},
-				{
-					align: "left",
-					width: "10%",
-				},
-				{
-					align: "left",
-					width: "5%",
-				},
-				{
-					align: "left",
-					width: "10%",
-				},
-				{
-					align: "left",
-					width: "10%",
-				},
-				{
-					align: "left",
-					width: "10%",
-				},
-			],
+      loading: true,
+      pageSize: parseInt(localStorage.getItem("dataBoard_PageSize")) || 20,
+      pageNo: 1,
+      total: 0,
+      srcTableData: [],
+      list: [],
 
-			header: [
-				"序号",
-				"所属小区",
-				"所属楼栋",
-				"单元号",
-				"门牌号",
-				"房屋类型",
-				"房屋用途",
-				"房屋状态",
-				"房主姓名",
-				"联系电话",
-				"证件号",
-				"操作",
-			],
+      colList: [
+        {
+          align: "left",
+          width: "5%",
+        },
+        {
+          align: "left",
+          width: "10%",
+        },
+        {
+          align: "left",
+          width: "10%",
+        },
+        {
+          align: "left",
+          width: "10%",
+        },
+        {
+          align: "left",
+          width: "10%",
+        },
+        {
+          align: "left",
+          width: "10%",
+        },
+        {
+          align: "left",
+          width: "5%",
+        },
+        {
+          align: "left",
+          width: "10%",
+        },
+        {
+          align: "left",
+          width: "5%",
+        },
+        {
+          align: "left",
+          width: "10%",
+        },
+        {
+          align: "left",
+          width: "10%",
+        },
+        {
+          align: "left",
+          width: "10%",
+        },
+      ],
 
-			displayedHouseId: "",
-		};
-	},
+      header: [
+        "序号",
+        "所属小区",
+        "所属楼栋",
+        "单元号",
+        "门牌号",
+        "房屋类型",
+        "房屋用途",
+        "房屋状态",
+        "房主姓名",
+        "联系电话",
+        "证件号",
+        "操作",
+      ],
 
-	activated() {
-		this.org_id = getQueryPara("org_id");
-		this.houseType = getQueryPara("type");
-		const type_name = getQueryPara("type_name");
-		this.breadList[1].meta.title = type_name + "房屋列表";
-		this.tableTitle = type_name + "房屋列表";
-		this.pageNo = 1;
-		this.getList();
-		this.getCount();
-	},
-	methods: {
-		handleRouter(){
-				document.getElementById('g-scT').getElementsByClassName('g-bd')[0].scrollTop = 0
-		},
-		handleClickBreadItem({ item }) {
-			if (item.type == "back") {
-				this.$router.back();
-			}
-		},
+      displayedHouseId: "",
+    };
+  },
 
-		handleSearch() {},
+  activated() {
+    this.org_id = getQueryPara("org_id");
+    this.houseType = getQueryPara("type");
+    const type_name = getQueryPara("type_name");
+    this.breadList[1].meta.title = type_name + "房屋列表";
+    this.tableTitle = type_name + "房屋列表";
+    this.pageNo = 1;
+    this.getList();
+    this.getCount();
+  },
+  methods: {
+    handleRouter() {
+      document
+        .getElementById("g-scT")
+        .getElementsByClassName("g-bd")[0].scrollTop = 0;
+    },
+    handleClickBreadItem({ item }) {
+      if (item.type == "back") {
+        this.$router.back();
+      }
+    },
 
-		showInfo(index) {
-			let item = this.srcTableData[index];
-			this.displayedHouseId = item.house_id;
-		},
+    handleSearch() {},
 
-		handlePageNoChange(pageNo) {
-			this.pageNo = pageNo;
-			this.getList();
-		},
+    showInfo(index) {
+      let item = this.srcTableData[index];
+      this.displayedHouseId = item.house_id;
+    },
 
-		handleSizeChange(pageSize) {
-			localStorage.setItem('dataBoard_PageSize', pageSize);
-			this.pageSize = pageSize;
-			this.getList();
-		},
+    handlePageNoChange(pageNo) {
+      this.pageNo = pageNo;
+      this.getList();
+      this.handleRouter();
+    },
 
-		async getList() {
-			const { org_id, houseType, pageNo, pageSize } = this;
-			this.loading = true;
+    handleSizeChange(pageSize) {
+      localStorage.setItem("dataBoard_PageSize", pageSize);
+      this.pageSize = pageSize;
+      this.getList();
+    },
 
-			const url = "house_list";
+    async getList() {
+      const { org_id, houseType, pageNo, pageSize } = this;
+      this.loading = true;
 
-			const { data, code, msg } = await requestPostBi(
-				url,
-				{
-					queryParam: {
-						org_id,
-						type: houseType,
-						pageNo,
-						pageSize,
-					},
-				},
-				{
-					// mockId: 60068051,
-				}
-			);
+      const url = "house_list";
 
-			this.loading = false;
+      const { data, code, msg } = await requestPostBi(
+        url,
+        {
+          queryParam: {
+            org_id,
+            type: houseType,
+            pageNo,
+            pageSize,
+          },
+        },
+        {
+          // mockId: 60068051,
+        }
+      );
 
-			if (code === 0) {
-				this.srcTableData = data;
-				// this.total = data.total;
+      this.loading = false;
 
-				this.list = data.map((item, index) => {
-					return [
-						index + 1,
-						item.village ? item.village : "--",
-						item.building ? item.building : "--",
-						item.unit ? item.unit : "--",
-						item.door ? item.door : "--",
-						item.house_type ? item.house_type : "--",
-						item.house_usage ? item.house_usage : "--",
-						item.house_state ? item.house_state : "--",
-						item.holder_name ? item.holder_name : "--",
-						item.holder_phone ? item.holder_phone : "--",
-						item.holder_idcard ? item.holder_idcard : "--",
+      if (code === 0) {
+        this.srcTableData = data;
+        // this.total = data.total;
 
-						{ type: "operate", list: ["查看"] },
-					];
-				});
-			} else {
-				this.$message.error(msg);
-			}
-		},
-		async getCount() {
-			const { org_id, houseType, pageNo, pageSize } = this;
-			const url = "house_list_total";
+        this.list = data.map((item, index) => {
+          return [
+            index + 1,
+            item.village ? item.village : "--",
+            item.building ? item.building : "--",
+            item.unit ? item.unit : "--",
+            item.door ? item.door : "--",
+            item.house_type ? item.house_type : "--",
+            item.house_usage ? item.house_usage : "--",
+            item.house_state ? item.house_state : "--",
+            item.holder_name ? item.holder_name : "--",
+            item.holder_phone ? item.holder_phone : "--",
+            item.holder_idcard ? item.holder_idcard : "--",
 
-			const { data, code, msg } = await requestPostBi(
-				url,
-				{
-					queryParam: {
-						org_id,
-						type: houseType,
-						pageNo,
-						pageSize,
-					},
-				},
-				{
-					// mockId: 63070189,
-				}
-			);
+            { type: "operate", list: ["查看"] },
+          ];
+        });
+      } else {
+        this.$message.error(msg);
+      }
+    },
+    async getCount() {
+      const { org_id, houseType, pageNo, pageSize } = this;
+      const url = "house_list_total";
 
-			if (code === 0) {
-				this.total = parseInt(data[0].count);
-			} else {
-				this.$message.error(msg);
-			}
-		},
-	},
-	watch: {
-        $route(to, from){
-					this.handleRouter()
+      const { data, code, msg } = await requestPostBi(
+        url,
+        {
+          queryParam: {
+            org_id,
+            type: houseType,
+            pageNo,
+            pageSize,
+          },
         },
+        {
+          // mockId: 63070189,
+        }
+      );
+
+      if (code === 0) {
+        this.total = parseInt(data[0].count);
+      } else {
+        this.$message.error(msg);
+      }
+    },
+  },
+  watch: {
+    $route(to, from) {
+      this.handleRouter();
     },
+  },
 
-	destroyed() {
-	},
+  destroyed() {},
 };
 </script>