<template>
	<div class="main">
		<SearchHead @getSearchCondition="geQuerytData"></SearchHead>
		<div class="dataGrid" ref="dataGrid">
			<el-table
				:data="tableData"
				:height="tableHeight"
				:row-class-name="tableRowClassName"
			>
				<el-table-column type="index" width="80" align="center" label="序号">
				</el-table-column>
				<el-table-column label="操作" width="100">
					<template slot-scope="scope">
						<el-button @click="handleClick(scope.row)" type="text" size="small"
							>办理
						</el-button>
						<el-button type="text" size="small">定位</el-button>
					</template>
				</el-table-column>
				<el-table-column prop="bdcdyh" align="left" label="不动产单元号">
				</el-table-column>
				<el-table-column prop="xmmc" align="left" width="150" label="项目名称">
				</el-table-column>
				<el-table-column prop="bdcqzh" align="left" label="不动产权证号">
				</el-table-column>
				<el-table-column prop="dylx" align="left" width="120" label="类型">
					<template slot-scope="scope">
						{{ scope.row.dylx | bdcLxFilter }}
					</template>
				</el-table-column>
				<el-table-column prop="qlrmc" align="left" width="120" label="权利人">
				</el-table-column>
				<el-table-column prop="zl" align="left" label="坐落"></el-table-column>
				<el-table-column
					prop="addtime"
					align="left"
					width="120"
					label="转入时间"
				>
					<template slot-scope="scope">
						{{ scope.row.addtime | timeFilter }}
					</template>
				</el-table-column>
				<el-table-column prop="cjr" align="left" width="120" label="创建人">
				</el-table-column>
			</el-table>
			<div class="pagination">
				<el-pagination
					background
					layout="prev, pager, next,total"
					:total="total"
					:current-page="pageNo"
					@current-change="handleCurrentChange"
				>
				</el-pagination>
			</div>
		</div>
	</div>
</template>

<script>
import SearchHead from "../../../../components/searchHead/searchHead";
import { getSearchList } from "../../../../api/search";
import { copyZdjbxx } from "../../../../api/common";

export default {
	name: "",
	components: { SearchHead },
	props: {},
	data() {
		return {
			qszt: 2,
			total: 0,
			pageNo: 1,
			pageSize: 10,
			tableData: [],
			tableHeight: "100",
			queryData: {},
		};
	},
	created() {},
	mounted() {
		this.getData({});
		// console.log(document.documentElement.clientHeight || document.body.clientHeight,'document.documentElement.clientHeight || document.body.clientHeight');
		this.$nextTick(() => {
			this.tableHeight =
				(document.documentElement.clientHeight || document.body.clientHeight) -
				304;
		});
	},
	methods: {
		onSubmit() {},
		tableRowClassName({ row, rowIndex }) {
			if (rowIndex % 2 !== 0) {
				return "even-row";
			} else {
				return "";
			}
		},
		handleCurrentChange(val) {
			console.log(`当前页: ${val}`);
			this.pageNo = val;
			this.queryData.pageNo = val;
			this.getData(this.queryData);
		},
		getData(data) {
			data["qszt"] = this.qszt;
			getSearchList(data).then((res) => {
				this.tableData = res.result.records;
				this.total = res.result.total;
			});
		},
		//获取子组件点击查询触发的事件
		geQuerytData(obj) {
			this.queryData = obj;
			//将obj作为参数调用接口查询表格数据
			this.queryData["pageSize"] = this.pageSize;
			this.pageNo = 1;
			this.queryData["pageNo"] = 1;
			this.getData(this.queryData);
		},
		//点击办理
		handleClick(row) {
			console.log("fwsxbg");
			console.log(row);
			var bsm = row.glbsm;
			var type;
			let path = "";
			switch (row.dylx) {
				case "zrz":
					type = "1";
					this.$store.state.zrzbsm = row.glbsm;
					path = "/zrz";
					break;
				case "zd":
					type = "0";
					this.$store.state.zdbsm = row.glbsm;
					path = "/zd";
					break;
				case "h":
					type = "2";
					this.$store.state.hbsm = row.glbsm;
					break;
				default:
					break;
			}
			var params = { id: bsm, type: type };
			copyZdjbxx(params)
				.then((res) => {
					if (res.code == 200) {
						this.$message({
							message: res.message,
							type: "success",
						});
					} else {
						this.$message({
							message: res.message,
							type: "warning",
						});
					}
				})
				.catch((error) => {
					this.$message({
						message: res.message,
						type: "error",
					});
				});
			//this.$router.push({
			//    path: path,
			//    query: {
			//        bsm: row.glbsm,
			//        source: 2
			//   }
			//});
		},
	},
	computed: {},
	watch: {},
};
</script>
<style scoped lang="less">
.main {
	background-color: #eaedf5;
	.demo-form-inline {
		margin-top: 18px;
		.moreSearchBtn {
			background-color: #1ad6e1;
			border-color: #1ad6e1;
		}
		.moreSearchBtn:focus,
		.moreSearchBtn:hover {
			background-color: rgba(28, 200, 229, 0.6);
		}
	}
	.dataGrid {
		flex: 1;
		.pagination {
			padding: 18px 0 0 0;
		}
	}
}
</style>