<template>
	<div class="main" ref="mainBox">
		<div class="formMenu">
			<Qlr ref="qlrxxModule" :bsm="curZdbsm"  :qszt="formData.qszt"></Qlr>
			<!-- <el-button
                    type="primary"
                    class="changeBtn"
                    @click="getQlrxxData"
                    >获取权利人信息数据</el-button
                >
                <el-button
                    type="primary"
                    class="changeBtn"
                    @click="getQlxzData"
                    >获取权利性质组件数据</el-button
                > -->
			<table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1">
				<tr>
					<th colspan="12">宗地基本信息</th>
				</tr>
				<tr>
					<td colspan="2">行政区</td>
					<td colspan="2">
						<el-select
								:disabled="formData.qszt!='0'"
								class="formSelect"
								v-model="formData.xzqbsm"
								@change="changeXzq(formData.xzqbsm)"
						>
							<el-option
									v-for="item in $store.state.xzqList"
									:key="item.bsm"
									:label="item.mc"
									:value="item.bsm"
							>
							</el-option>
						</el-select>
					</td>
					<td colspan="2">地籍区</td>
					<td colspan="2">
						<el-select
							class="formSelect"
							:disabled="formData.qszt!='0'"
							v-model="formData.djqbsm"
							@change="changeDjq(formData.djqbsm)"
						>
							<el-option
								v-for="item in $store.state.djqList"
								:key="item.bsm"
								:label="item.mc"
								:value="item.bsm"
							>
							</el-option>
						</el-select>
					</td>
					<td colspan="2">地籍子区</td>
					<td colspan="2">
						<el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.djzqbsm">
							<el-option
								v-for="item in $store.state.djzqList"
								:key="item.bsm"
								:label="item.mc"
								:value="item.bsm"
							>
							</el-option>
						</el-select>
					</td>
				</tr>
				<tr>
					<td colspan="2">权利类型</td>
					<td colspan="4">
						<el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qllxbsm">
							<el-option
								v-for="item in $store.state.qllxList"
								:key="item.bsm"
								:label="item.mc"
								:value="item.bsm"
							>
							</el-option>
						</el-select>
					</td>
					<td colspan="2">宗地特征码<i class="requisite">*</i></td>
					<td colspan="4">
						<el-select class="formSelect" ref="zdtzm" :disabled="formData.qszt!='0'" v-model="formData.zdtzmbsm">
							<el-option
								v-for="item in $store.state.zdtzmList"
								:key="item.bsm"
								:label="item.mc"
								:value="item.bsm"
							>
							</el-option>
						</el-select>
					</td>
				</tr>
				<tr>
					<td colspan="2">权利设定方式</td>
					<td colspan="4">
						<el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qlsdfs">
							<el-option
								v-for="item in $store.state.qlsdfsList"
								:key="item.bsm"
								:label="item.mc"
								:value="item.bsm"
							>
							</el-option>
						</el-select>
					</td>
					<td colspan="2">宗地代码<i class="requisite">*</i></td>
					<td colspan="4" class="psr">
						<input :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zddm" on maxlength="19"
							type="text"
							class="formInput percent80"
							v-model="formData.zddm"
						/>
						<el-button type="warning"  :disabled="formData.qszt!='0'" class="createBtn" @click="generatorCode"
							>生成
						</el-button>
					</td>
				</tr>
				<tr>
					<td colspan="2">地籍号</td>
					<td colspan="4">
						<input type="text" :disabled="formData.qszt!='0'"  class="formInput" v-model="formData.djh" />
					</td>

					<td colspan="2">不动产单元号<i class="requisite">*</i></td>
					<td colspan="4" class="psr">
						<input
							type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="bdcdyh" maxlength="28"
							class="formInput"
							v-model="formData.bdcdyh"
						/>
						<!-- <el-button type="warning"  :disabled="formData.qszt!='0'" class="createBtn">生成</el-button> -->
					</td>
				</tr>
				<tr>
					<td colspan="2">坐落<i class="requisite">*</i></td>
					<td colspan="4">
						<input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zl"  class="formInput" v-model="formData.zl" />
					</td>
					<td colspan="2">项目名称</td>
					<td colspan="4" class="psr">
						<input :disabled="formData.qszt!='0'"
							type="text"
							class="formInput "
							v-model="formData.xmmc"
						/>
					</td>
				</tr>
				<tr>
					<td colspan="2">国民经济行业分类</td>
					<td colspan="4">
						<el-select-tree
								:disabled="formData.qszt!='0'"
								:default-expand-all="defaultExpandAll"
								:multiple="multiple"
								:placeholder="placeholder"
								:data="$store.state.gmjjhyflbsmList"
								:props="treeProps"
								:check-strictly="checkStrictly"
								:clearable="clearable"
								v-model="formData.gmjjhyflbsm"
						></el-select-tree>
					</td>
					<td colspan="2">价格(元)</td>
					<td colspan="4" class="psr">
						<input type="text" :disabled="formData.qszt!='0'"  class="formInput" v-model="formData.jg" />
					</td>
				</tr>
				<tr>
					<td colspan="2" rowspan="2">所在图幅号</td>
					<td colspan="2">比例尺</td>
					<td colspan="8" class="psr">
						<input type="text" :disabled="formData.qszt!='0'"  class="formInput" v-model="formData.blc" />
					</td>
				</tr>
				<tr>
					<td colspan="2">图幅号</td>
					<td colspan="8" class="psr">
						<input type="text" :disabled="formData.qszt!='0'"  class="formInput" v-model="formData.tfh" />
					</td>
				</tr>
				<tr>
					<td colspan="2">容积率</td>
					<td colspan="2">
						<el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyrjl">
							<el-option
								v-for="item in compareList"
								:key="item.value"
								:label="item.label"
								:value="item.value"
							>
							</el-option>
						</el-select>
					</td>
					<td colspan="2">
						<input
							type="text"  :disabled="formData.qszt!='0'"
							v-model="rjl"
							v-show="isInterval(formData.jyrjl)"
							class="formInput percent47"
						/>
						<span class="percent4" v-show="isInterval(formData.jyrjl)">-</span>
						<input
							type="text"  :disabled="formData.qszt!='0'"
							v-model="formData.rjl"
							:class="isInterval(formData.jyrjl) ? 'formInput percent47' : 'formInput'"
						/>
					</td>
					<td colspan="2">容积说明</td>
					<td colspan="4" class="psr">
						<input type="text" :disabled="formData.qszt!='0'"  class="formInput" v-model="formData.rjlsm" />
					</td>
				</tr>
				<tr>
					<td colspan="2">建筑密度</td>
					<td colspan="2">
						<el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzmd">
							<el-option
								v-for="item in compareList"
								:key="item.value"
								:label="item.label"
								:value="item.value"
							>
							</el-option>
						</el-select>
					</td>
					<td colspan="2">
						<input
							type="text"
							v-model="jzmd" :disabled="formData.qszt!='0'"
							v-show="isInterval(formData.jyjzmd)"
							class="formInput percent47"
						/>
						<span class="percent4" v-show="isInterval(formData.jyjzmd)">-</span>
						<input
							type="text"
							v-model="formData.jzmd" :disabled="formData.qszt!='0'"
							:class="isInterval(formData.jyjzmd) ? 'formInput percent47' : 'formInput'"
						/>
					</td>
					<td colspan="2">建筑密度说明</td>
					<td colspan="4" class="psr">
						<input type="text" :disabled="formData.qszt!='0'"  class="formInput" v-model="formData.jzmdsm" />
					</td>
				</tr>
				<tr>
					<td colspan="2">建筑限高</td>
					<td colspan="2">
						<el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzxg">
							<el-option
								v-for="item in compareList"
								:key="item.value"
								:label="item.label"
								:value="item.value"
							>
							</el-option>
						</el-select>
					</td>
					<td colspan="2">
						<input
							type="text"  :disabled="formData.qszt!='0'"
							v-model="jzxg"
							v-show="isInterval(formData.jyjzxg)"
							class="formInput percent47"
						/>
						<span class="percent4" v-show="isInterval(formData.jyjzxg)">-</span>
						<input
							type="text"  :disabled="formData.qszt!='0'"
							v-model="formData.jzxg"
							:class="isInterval(formData.jyjzxg) ? 'formInput percent47' : 'formInput'"
						/>
					</td>
					<td colspan="2">建筑限高说明</td>
					<td colspan="4" class="psr">
						<input type="text"  :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzxgsm" />
					</td>
				</tr>
				<tr>
					<td colspan="2" rowspan="4">宗地四至</td>
					<td colspan="2">北至<i class="requisite">*</i></td>
					<td colspan="8" class="psr">
						<input type="text" @blur="inputBlur($event)" ref="zdszb"  :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszb" />
					</td>
				</tr>
				<tr>
					<td colspan="2">东至<i class="requisite">*</i></td>
					<td colspan="8" class="psr">
						<input type="text" @blur="inputBlur($event)" ref="zdszd"  :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszd" />
					</td>
				</tr>
				<tr>
					<td colspan="2">南至<i class="requisite">*</i></td>
					<td colspan="8" class="psr">
						<input type="text" @blur="inputBlur($event)" ref="zdszn"  :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszn" />
					</td>
				</tr>
				<tr>
					<td colspan="2">西至<i class="requisite">*</i></td>
					<td colspan="8" class="psr">
						<input type="text" @blur="inputBlur($event)" ref="zdszx"  :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszx" />
					</td>
				</tr>
				<tr>
					<td colspan="12">
						<Qlxz ref="qlxzModule" :hasSyqx='true' :formData="formData"></Qlxz>
					</td>
				</tr>
				<tr>
					<td colspan="2" rowspan="2">批准面积(㎡)</td>
					<td colspan="2" rowspan="2">
						<input type="text"  :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')"  class="formInput" v-model="formData.pzmj" />
					</td>
					<td colspan="2" rowspan="2">宗地面积(㎡)<i class="requisite">*</i></td>
					<td colspan="2" rowspan="2">
						<input type="text"  :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zdmj" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.zdmj" />
					</td>
					<td colspan="2">建筑占地总面积</td>
					<td colspan="2">
						<input type="text"  :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')"  class="formInput" v-model="formData.jzzdzmj" />
					</td>
				</tr>
				<tr>
					<td colspan="2">建筑面积(㎡)</td>
					<td colspan="2">
						<input type="text"  :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')"  class="formInput" v-model="formData.jzzmj" />
					</td>
				</tr>
				<tr>
					<td colspan="2">共有/共用权利人情况</td>
					<td colspan="10">
						<input type="text"  :disabled="formData.qszt!='0'" class="formInput" v-model="formData.gygyqlrqk" />
					</td>
				</tr>
				<tr>
					<td colspan="2" rowspan="2">说明</td>
					<td colspan="10" rowspan="2">
						<input type="text"  :disabled="formData.qszt!='0'" class="formInput" v-model="formData.sm" />
					</td>
				</tr>
			</table>

			<!-- <div style="min-height: 40px;text-align: center;margin-top: 10px">
				<el-button type="success" class="saveBtn" @click="updateZDxx">保存</el-button>
				<el-button type="primary" @click="submitZDxx">提交</el-button>
				<el-button type="primary" @click="registerCall">登记调用</el-button>
			</div> -->

			<div class="header-button" :style="{width:mainBoxWidth+'px'}">

				<el-button type="primary" class="saveBtn" @click="updateZDxx">保存</el-button>
				<el-button type="primary" @click="submitZDxx">提交</el-button>
				<el-button type="primary" @click="registerCall">登记调用</el-button>
				<!-- <el-button type="primary" class="saveBtn"  @click="save">保存</el-button> -->
			</div>
		</div>
	</div>
</template>

<script>
import Qlr from "../../../components/formMenu/qlr";
import Qlxz from "../../../components/formMenu/qlxz";
import geoUtils from "@components/lineTree/tx/js/geoUtils";
import {
	getAllList,
	getDdicByMC,
	getListByXzqbsm,
	getListByPbsm,
	submit,
	getTree,
    registerCall
} from "../../../api/common";
import {
	getBdcdyh,
	getQjZdjbxxDetailById,
	updateQjZdjbxx,
} from "../../../api/zd";

export default {
    inject:['getRightTree'],
	name: "",
	components: {
		Qlr,
		Qlxz,
	},
	props: {},
	data() {
		return {

			//树型结构
			show: true,
			clearable: true,
			defaultExpandAll: true,
			multiple: false,
			placeholder: "请选择",
			disabled: false,
			checkStrictly: true,
			treeProps: {
				value: "dm",
				children: "children",
				label: "mc",
			},

            rules: [],
			rjl:'',
			jzmd:'',
			jzxg:'',
			compareList: [
				{ label: "<", value: "<" },
				{ label: ">", value: ">" },
				{ label: "=", value: "=" },
				{ label: "<=", value: "<=" },
				{ label: ">=", value: ">=" },
				{ label: "-", value: "-" },
			],
			formData: {},
			dpdm:'', //宗地底盘代码
			curZdbsm:'',
			mainBoxWidth:0,
			geoAttributes:{
				OBJECTID:"",
				BSM:"",
				YSDM:"",
				ZDDM:"",
				BDCDYH:"",
				ZDTZM :"",
				ZL:"",
				ZDMJ:0,
				MJDW:"",
				YT:"",
				DJ:"",
				JG:0,
				QLLX:"",
				QLXZ:"",
				QLSDFS:"",
				RJL:0,
				JZMD:0,
				JZXG:0,
				ZDSZD:"",
				ZDSZN :"",
		        ZDSZX :"",
		        ZDSZB :"",
		        TFH:"",
		        DJH:"",
		        DAH:"",
		        BZ :"",
				ZT:"",
				YWZT:"",
				BLID:"",
				XMMC:"",
				XMID:"",
				BGRQ:"",
				BGID:"",
				BGZT:"",
				TDZH:"",
				QSZT:0,
				BBLX:0,
				SFDB:0,
				QLR :"",
				CUTID:"",
				BHQKID:"",
				DJZQDM :"",
				SYQLXID:"",
			}
		};
	},
	mixins:[geoUtils],
    created() {
		this.curZdbsm = this.$route.query.bsm;
	},
	mounted() {
		this.getZdjbxxData(this.$store.state.zdbsm);
		this.$nextTick(() => {
			this.mainBoxWidth = this.$refs.mainBox.clientWidth;
		})
	},
	methods: {
        registerCall(){
            let data={
                type:'zd',
                bsm:this.$store.state.zdbsm
            }
            registerCall(data).then(res=>{
                if (res.success) {
                    this.$message.success("登记成功")
                    this.getRightTree(this.$store.state.zdbsm)
                }
            })
        },
		//根据zdbsm查询基本信息
		getZdjbxxData(bsm) {
			getQjZdjbxxDetailById(bsm)
				.then((res) => {
					if (res.result) {
						this.formData = res.result;
						console.log(res.result,'res.result');
						this.getXzqData(res.result.xzqbsm,res.result.djqbsm);
						//如果没有宗地代码，自动生成
						// if(res.result.zddm == null){
						// 	this.generatorCode()
						// }
						//判断容密高是否为区间值，如果是区间值，则将校验值置为'-'并给rjl，jzmd，jzxg赋值
						this.rjl = this.isInterval(this.formData.jyrjl) ? this.formData.jyrjl : '';
						this.formData.jyrjl = this.isInterval(this.formData.jyrjl) ? '-' : this.formData.jyrjl;
						this.jzmd = this.isInterval(this.formData.jyjzmd) ? this.formData.jyjzmd : '';
						this.formData.jyjzmd = this.isInterval(this.formData.jyjzmd) ? '-' : this.formData.jyjzmd;
						this.jzxg = this.isInterval(this.formData.jyjzxg) ?  this.formData.jyjzxg : '';
						this.formData.jyjzxg = this.isInterval(this.formData.jyjzxg) ? '-' : this.formData.jyjzxg;
						if(res.result.list.length>0){
							if(res.result.list[0].list.length<1){
								res.result.list[0].list.push({
									"pzdjbsm": "",
									"pzdjmc": "",
									"pzytdm": "",
									"pzytmc": "",
									"pzytmj": 0,
									"qlxzbsm": "",
									"sjdjbsm": "",
									"sjdjmc": "",
									"sjytdm": "",
									"sjytmc": "",
									"sjytmj": 0,
									"syqx": "",
									"tdsyjssj": "",
									"tdsyqssj": "",
									"tdzh": ""
								})
							}
							this.$nextTick(()=>{
								//权利性质数据传给子组件
								this.$refs.qlxzModule.countList = res.result.list;
							})
						}else{
							this.$nextTick(()=>{
								//权利性质数据传给子组件
								this.$refs.qlxzModule.countList = [
									{
										id: Math.random(),
										isInside: false,
										hasNotBorder: false,
										bsm: "", //权利性质标识码
										glbsm: "", //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
										qlxzdm: "",
										zhqlxzlx: "", //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
										list: [
											{
												pzdjbsm: "",
												pzdjmc: "",
												pzytdm: "",
												pzytmc: "",
												pzytmj: 0,
												qlxzbsm: "",
												sjdjbsm: "",
												sjdjmc: "",
												sjytdm: "",
												sjytmc: "",
												sjytmj: 0,
												syqx: "",
												tdsyjssj: "",
												tdsyqssj: "",
												tdzh: "",
											},
										],
									},
								];
							})
						}
					}
				})
				.catch((error) => {});
		},

		//构造底盘代码,前6位是xzqbsm，接着3位djqbsm，3位djzqbsm，最后2位是syqlxbsm  860101555888GB
		generatorDpdm() {
			this.$store.state.xzqList.forEach((item)=>{
				if(item.bsm === this.formData.xzqbsm){
					this.dpdm = item.dm;
				}
			});
			this.$store.state.djqList.forEach((item)=>{
				if(item.bsm === this.formData.djqbsm){
					this.dpdm = this.dpdm + item.dm;
				}
			});
			this.$store.state.djzqList.forEach((item)=>{
				if(item.bsm === this.formData.djzqbsm){
					this.dpdm = this.dpdm + item.dm;
				}
			});

			this.dpdm = this.dpdm + this.formData.syqlxbsm;
			this.$store.state.zdtzmList.forEach((item)=>{
				if(item.bsm === this.formData.zdtzmbsm){
					this.dpdm = this.dpdm + item.dm;
				}
			});
		},

        //不动产单元号再次生成提示框
        open() {
            this.$confirm('已经存在不动产单元号或者自然幢号, 是否继续?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
				this.generatorDpdm();
                getBdcdyh(this.dpdm, "zd")
                    .then((res) => {
                        console.log(res);
                        this.formData.zddm = res.result.substring(0, 19);
                        this.formData.bdcdyh = res.result;
                    })
                    .catch((error) => {});
                this.$message({
                    type: 'success',
                    message: '生成成功!'
                });
            }).catch(() => {
                this.$message({
                    type: 'info',
                    message: '已取消'
                });
            });
        },

		//生成宗地代码
		generatorCode() {

            if((this.formData.zddm!=null&&this.formData.zddm!=='')||(this.formData.bdcdyh!=null&&this.formData.bdcdyh!=='')){
                this.open();
                return;
            }
			this.generatorDpdm();

			getBdcdyh(this.dpdm, "zd")
				.then((res) => {
					console.log(res);
					this.formData.zddm = res.result.substring(0, 19);
					this.formData.bdcdyh = res.result;
				})
				.catch((error) => {});
		},
		//修改宗地基本信息
		updateZDxx(formData) {
			//获取权利性质数据
			this.formData.list = this.$refs.qlxzModule.getQlxzDataList();
			console.log(this.$refs.qlxzModule.getRulesResult(),'this.$refs.qlxzModule.getRules()');
			//判断容密高是否为区间值，如果是区间值，则将输入框的值赋予
			this.formData.jyrjl = this.isInterval(this.formData.jyrjl) ? this.rjl : this.formData.jyrjl;
			this.formData.jyjzmd = this.isInterval(this.formData.jyjzmd) ? this.jzmd : this.formData.jyjzmd;
			this.formData.jyjzxg = this.isInterval(this.formData.jyjzxg) ? this.jzxg : this.formData.jyjzxg;
			this.rules= [
				{
					data:this.formData.zdtzmbsm,
					name:'宗地特征码',
					dom:this.$refs.zdtzm,
					rule: /^\s*$/g, //非空
				},
				{
					data:this.formData.zddm,
					name:'宗地代码',
					dom:this.$refs.zddm,
					rule: /^\s*$/g, //非空
				},
				{
					data:this.formData.bdcdyh,
					name:'不动产单元号',
					dom:this.$refs.bdcdyh,
					rule: /^\s*$/g, //非空
				},
				{
					data:this.formData.zl,
					name:'坐落',
					dom:this.$refs.zl,
					rule: /^\s*$/g, //非空
				},
				{
					data:this.formData.zdszd,
					name:'宗地东至',
					dom:this.$refs.zdszd,
					rule: /^\s*$/g, //非空
				},
				{
					data:this.formData.zdszb,
					name:'宗地北至',
					dom:this.$refs.zdszb,
					rule: /^\s*$/g, //非空
				},
				{
					data:this.formData.zdszx,
					name:'宗地西至',
					dom:this.$refs.zdszx,
					rule: /^\s*$/g, //非空
				},
				{
					data:this.formData.zdszn,
					name:'宗地南至',
					dom:this.$refs.zdszn,
					rule: /^\s*$/g, //非空
				},
				{
					data:this.formData.zdmj,
					name:'宗地面积',
					dom:this.$refs.zdmj,
					rule: /^\s*$/g, //非空
				},
			]
				// console.log(this.rules,'rules');
				this.$refs.qlxzModule.getRules();
				let flag = true;
				this.rules.forEach(item=>{
					if(item.rule.test(item.data) || item.data == null){
						if(item.dom.$el){
							item.dom.$el.style.border = '1px solid red';
							item.dom.$el.style.boxSizing = 'border-box';
						}else{
							item.dom.style.border = '1px solid red';
							item.dom.style.boxSizing = 'border-box';
						}
						// this.$message({
						// 	// message: item.name+'不能为空',
						// 	message: '不能为空',
						// 	type: "warning",
						// });
						flag = false;
						return false
					}
				})
				this.$nextTick(()=>{
					if(flag && this.$refs.qlxzModule.getRulesResult()){
						//宗地面积处理
						// console.log(this.formData.zdmj,'this.formData.zdmj');
						// this.formData.zdmj = this.formData.zdmj.replace(/[^\d\.]/g,'')
						//判断宗地代码和不动产单元号是否手动修改过（宗地代码和不动产单元号的前14位是否和底盘代码一致）
						if(this.formData.zddm.substring(0,14) != this.dpdm || this.formData.bdcdyh.substring(0,14) != this.dpdm){
							this.$message({
								message: '宗地代码或不动产单元号有误，请核对后再试一次',
								type: "warning",
							});
						}else{
							updateQjZdjbxx(this.formData)
								.then((res) => {
									if (res.code == 200) {
										console.log(res);
										this.$message({
											message: '保存成功',
											type: "success",
										});
										// 保存成功再次查询
										this.getZdjbxxData(this.$store.state.zdbsm);
									} else {
										this.$message({
											message: res.message,
											type: "warning",
										});
									}
								})
								.catch((error) => {});
							//保存到空间库里面
							var self = this;
							for(var key in this.geoAttributes){
								if(key == "BSM"){
									self.geoAttributes[key] = this.$store.state.zdbsm
								}else if(key == 'QLSDFS'){
									var qlsdfsList = self.$store.state.qlsdfsList,value = self.formData.qlsdfs;
									var qlsdfs = qlsdfsList.filter(item => {
										return item.bsm == value;
									})
									self.geoAttributes[key] = qlsdfs[0] ? qlsdfs[0].mc:"";
								}else {
									var formKay = key.toLowerCase();
									self.geoAttributes[key] = self.formData[formKay];
								}
							}
							self.updAttributes(this.$store.state.zdbsm,'zd',this.geoAttributes,function (res) {
								console.log("属性保存完成!!");
							});
						}
					}else{
						this.$message({
							// message: item.name+'不能为空',
							message: '请完善表单后再继续操作',
							type: "warning",
						});
					}
				})

		},
		inputBlur(e){
			if(e.target.value!=''){
				e.target.style.border=""
			}else{
				e.target.style.border="1px solid red";
				e.target.style.boxSizing = 'border-box';
			}
		},
		//提交宗地基本信息
		submitZDxx(){
			let data={
				glbsm:this.$store.state.zdbsm,
				status:1,
				type:"zd"
			}
			submit(data).then((res)=>{
				if(res.code===200){
					this.$message.success("提交成功！")
					this.getZdjbxxData(this.curZdbsm);
					getTree(this.curZdbsm).then((res) => {
						if (res.success) {
							// console.log('successsuccesssuccesssuccess');
							this.$store.state.treeData = res.result;
						}
					});
				}
			})
		},
		getQlrxxData() {
			console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据
			console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据
		},
		getQlxzData() {
			console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据
		},
		//行政区划选择
		changeXzq(id) {
			getListByXzqbsm(id)
				.then((res) => {
					this.formData.djqbsm = "";
					this.formData.djzqbsm = "";
					this.djqList = res.result;
					this.$store.state.djqList = res.result;
				})
				.catch((error) => {});
		},
		changeDjq(item) {
			getListByPbsm(item)
				.then((res) => {
					this.formData.djzqbsm = "";
					this.djzqList = res.result;
					this.$store.state.djzqList = res.result;
				})
				.catch((error) => {});
		},
		//判断容密高是否为区间
		isInterval(val){
			if(val == '>' || val == '<' || val == '=' || val == '>=' || val == '<='|| val == null){
				return false
			}else{
				return true;
			}
		},
		//根据宗地信息的行政区代码查询行政区地籍区地籍子区的字典数据
		getXzqData(xzqdm,djqdm){
			getAllList()
				.then((res) => {
					this.$store.state.xzqList = res.result;
				})
				.catch((error) => {});

			getListByPbsm(djqdm)
				.then((res) => {
					this.$store.state.djzqList = res.result;
					getListByXzqbsm(xzqdm)
						.then((res) => {
							this.$store.state.djqList = res.result;
							//生成底盘代码
							this.generatorDpdm();
						})
						.catch((error) => {});
				})
				.catch((error) => {});
		}
	},
	computed: {
		zl() {
			return this.formData.zl;
		},
		mj() {
			return this.formData.zdmj;
		},
		zddm() {
			return this.formData.zddm;
		},
		zdbsm() {
			return this.$route.query.bsm;
		},
	},
	watch: {
		zl: function(val) {
			this.$store.state.zdzl = val;
		},
		mj: function(val) {
			this.$store.state.zdmj = val;
		},
		zddm: function(val) {
			this.$store.state.zddm = val;
		},
		zdbsm:function (val) {
			this.getZdjbxxData(val)
			this.curZdbsm = val;
		},
		"formData.bdcdyh":function (val) {
			if (val != '') {
				this.$refs.bdcdyh.style.border = '';
			}
		},
		"formData.zddm":function (val) {
			if (val != '') {
				this.$refs.zddm.style.border = '';
			}
		}
	},
};
</script>
<style lang="less" scoped>
.main {
	box-sizing: border-box;
	padding: 18px;
	height: auto;
	.formMenu {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 50px;
	}
	.zdjbxxTable {
		margin: 10px 0;
		background-color: #fff;
		font-size: 14px;
		width: 100%;
		table-layout: fixed;
		th {
			height: 36px;
			line-height: 36px;
			font-size: 16px;
		}
		td {
			text-align: center;
			height: 36px;
    		border-color: #E6E6E6;
		}
		/deep/ .el-input__inner {
			margin: 0;
			height: 36px;
			outline: none;
			border: none;
			color: #606764;
			overflow: visible;
			text-align: center;
		}
		.percent68 {
			width: 68% !important;
			float: left;
			position: relative;
			top: 7px;
		}
		.percent47 {
			width: 45% !important;
			float: left;
		}
		.percent4 {
			height: 20px;
			line-height: 20px;
			width: 4% !important;
			float: left;
		}
		.percent30 {
			width: 30% !important;
			float: left;
		}
		.el-input__icon {
			line-height: 37px;
		}
		.el-select {
			width: 100%;
		}
	}

	.header-button {
		height: 50px;
		position: fixed;
		bottom: 0;
		right: 6px;
		text-align: center;
		background-color: #ffffff;
		.el-button{
			padding: 10px 30px;
			margin-top: 8px;
		}
		.saveBtn {
			background-color: #00CACD;
			border-color: #00CACD;
		}
		.saveBtn:hover {
			background-color: rgba(0, 202, 205, .8);
			border-color: rgba(0, 202, 205, .8);
		}
	}
}
</style>