<template>
	<!-- <div class="content_box"> -->
	<el-tabs v-model="activeName" class="tabs" @tab-click="handleClick">
		<el-tab-pane label="地籍调查表" name="djdcb"><zddcb></zddcb></el-tab-pane>
		<el-tab-pane label="分类调查表" name="fldcb" v-if="isFldc"
			><fldcb
				v-if="fldbcVisible"
				:qlr="qlr"
				:bdcdyh="bdcdyh"
				:zddm="zddm"
			></fldcb
		></el-tab-pane>
		<el-tab-pane
			label="土地承包经营权、农用地其他使用权调查表"
			name="tdcb"
			v-if="isTdcb"
			><tdcb :bdcdyh="bdcdyh" :zddm="zddm" lazy></tdcb
		></el-tab-pane>
		<el-tab-pane label="面积分摊表" name="mjftb"
			><mjftb v-if="mjftbVisible" :is-disabled="isDisabled"></mjftb
		></el-tab-pane>
		<el-tab-pane label="界址点" name="jzd">
			<jzd v-if="jzdVisible" :is-disabled="isDisabled"></jzd>
		</el-tab-pane>
		<el-tab-pane label="界址线" name="jzx">
			<jzx v-if="jzxVisible" :is-disabled="isDisabled"></jzx>
		</el-tab-pane>
		<el-tab-pane label="登记簿" name="djb"
			><djb v-if="djbVisible"></djb
		></el-tab-pane>
		<el-tab-pane label="历史回溯" name="lshs"
			><lshs v-if="lshsVisible" :type="type" :bsm="$route.query.bsm"></lshs
		></el-tab-pane>
		<el-tab-pane label="附件材料" name="fjcl">
			<fjcl v-if="fjclVisible" ref="fjcl" :is-disabled="isDisabled"></fjcl>
		</el-tab-pane>
		<el-tab-pane
			label="流程跟踪"
			name="lcgz"
			v-if="$store.state.isWorkFlow || $store.state.lcgzShow"
			lazy
		>
			<lcgz ref="lcgz"></lcgz>
		</el-tab-pane>
	</el-tabs>
	<!-- </div> -->
</template>

<script>
import zddcb from "./zddcb";
import mjftb from "./mjftb";
import jzd from "./jzd";
import jzx from "./jzx";
import djb from "./djb";
import lshs from "./lshs";
import fjcl from "./fjcl/fjcl";
import Lcgz from "./lcgz";
import { queryStatus } from "@api/search";
import Fldcb from "./fldcb";
import Tdcb from "./tdcb";
import { getQjZdjbxxDetailById } from "@api/zd";
export default {
	name: "",
	components: {
		zddcb,
		mjftb,
		jzd,
		jzx,
		djb,
		lshs,
		fjcl,
		Fldcb,
		Lcgz,
		Tdcb,
		//zddcb,mjftb,jzd,jzx,djb,lshs,fjcl,Lcgz
	},
	props: {},
	data() {
		return {
			qlr: "",
			bdcdyh: "",
			zddm: "",
			isFldc: false,
			isTdcb: false,
			isDisabled: false,
			activeName: "djdcb",
			mjftbVisible: false,
			jzdVisible: false,
			fldbcVisible: false,
			jzxVisible: false,
			djbVisible: false,
			lshsVisible: false,
			fjclVisible: false,
			type: "zd",
		};
	},
	methods: {
		getZdData(bsm) {
			getQjZdjbxxDetailById(bsm).then((res) => {
				if (res.success) {
					console.log(res, "宗地信息");
					this.isFldc = res.result.zdtzmbsm === "PSHGSBDCQJDC000000000000DC440010";
					this.isTdcb = res.result.zdtzmbsm === ("PSHGSBDCQJDC000000000000DC440060" || "PSHGSBDCQJDC000000000000DC440070" ||"PSHGSBDCQJDC000000000000DC440080");
						
				}
			});
		},
		loadingStatus() {
			let bsm = this.$route.query.bsm;
			queryStatus(bsm).then((res) => {
				if (res.success) {
					let qszt = res.result.qszt;
					this.qlr = res.result.qlrmc;
					this.zddm = res.result.zddm;
					this.bdcdyh = res.result.bdcdyh;
					console.log(this.qlr, "权利人");
					this.isDisabled = +qszt !== 0;
				}
			});
		},
		/* loading(){
            console.log("附件材料是否禁用")
	        this.$refs.fjcl.isUpload(this.$store.state.zdbsm)
		},*/
		handleClick(tab, event) {
			// console.log(tab, event);
			this.loadingStatus();
			switch (tab.name) {
				case "mjftb":
					this.mjftbVisible = true;
					break;
				case "fldcb":
					this.fldbcVisible = true;
					break;
				case "jzd":
					this.jzdVisible = true;
					break;
				case "jzx":
					this.jzxVisible = true;
					break;
				case "djb":
					this.djbVisible = true;
					break;
				case "lshs":
					this.lshsVisible = true;
					break;
				case "fjcl":
					this.fjclVisible = true;
					break;

				default:
					break;
			}
		},
	},
	created() {},
	mounted() {
		this.getZdData(this.$store.state.zdbsm);
		this.loadingStatus();
	},
	computed: {
		zdbsm() {
			return this.$route.query.bsm;
		},
	},
	watch: {
		zdbsm: function(val) {
			this.getZdData(val);
			this.loadingStatus();
		},
	},
};
</script>
<style scoped lang="less">
.el-tab-pane {
	overflow-y: scroll;
	height: 100%;
}
</style>