<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="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" 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 "@components/Fldcb/Fldcb"
import {getQjZdjbxxDetailById} from '@api/zd'
export default {
	name: "",
	components: {
        zddcb,mjftb,jzd,jzx,djb,lshs,fjcl,Fldcb,Lcgz
    },
	props: {},
	data() {
		return {
		    qlr:"",
            bdcdyh:'',
            zddm:"",
			isFldc: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';
                }
			})
		},
        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;
}
</style>