<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 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-column label="操作" align="center" width="100">
					<template slot-scope="scope">
						<el-tooltip class="item" effect="light" content="办理" placement="top">
                            <i class="iconfont iconbanli iconfontEdit" @click="handleClick(scope.row)" style="padding:0 10px"></i>
                        </el-tooltip>
                        <el-tooltip class="item" effect="light" content="定位" placement="top">
                            <i class="iconfont icondingwei iconfontEdit"></i>
                        </el-tooltip>
						<!-- <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>
			<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 { fwsxbgbl } from "../../../../api/common";

export default {
	name: "",
	components: { SearchHead },
	props: {},
	data() {
		return {
			qszt: ['2'],
			total: 0,
			pageNo: 1,
			pageSize: 15,
			tableData: [],
			tableHeight: "100",
			queryData: {},
		};
	},
	created() {},
	mounted() {
		this.getData({pageSize:this.pageSize});
		// 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) {
			let params = { bsm: row.glbsm, type: row.dylx };
			this.$confirm('是否确定范围属性变更?', '提示', {
				confirmButtonText: '确定',
				cancelButtonText: '取消',
				type: 'warning'
			}).then(() => {
				fwsxbgbl(params)
					.then((res) => {
						if (res.code == 200) {
							this.$message({
								message: res.message,
								type: "变更成功",
							});
							let path = "";
							switch (row.dylx) {
								case "zrz":
									this.$store.state.zrzbsm = res.result;
									path = "/zrz";
									break;
								case "zd":
									this.$store.state.zdbsm = res.result;
									path = "/zd";
									break;
								case "dz":
									this.$store.state.dzbsm = res.result;
									path = "/dz";
									break;
								default:
									break;
							}
							this.$router.push({
								path: path,
								query: {
									bsm: res.result,
									source: 2
								}
							});
						} else {
							this.$message({
								message: res.message,
								type: "warning",
							});
						}
					})
				.catch((error) => {
					this.$message({
						message: res.message,
						type: "error",
					});
				});
			}).catch(() => {

			});

		},
	},
	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>