<template>
    <div class="main" ref="mainBox">
        <div class="formMenu">
            <Qlr ref="qlrxxModule" :bsm="curZdbsm" :qszt="formData.qszt"></Qlr>
            <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1">
                <tr>
                    <th colspan="12">宗地基本信息</th>
                </tr>
                <tr>
                    <td colspan="2" class="tdright">行政区</td>
                    <td colspan="2">
                        <el-select
                                :disabled="disabled"
                                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" class="tdright">地籍区</td>
                    <td colspan="2">
                        <el-select
                                class="formSelect"
                                :disabled="disabled"
                                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" class="tdright">地籍子区</td>
                    <td colspan="2">
                        <el-select class="formSelect" @change="changeDjzq" :disabled="disabled" 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" class="tdright">权利类型</td>
                    <td colspan="4">
                        <el-select class="formSelect" :disabled="disabled" 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" class="tdright"><i class="requisite">*</i>宗地特征码</td>
                    <td colspan="4">
                        <el-select class="formSelect" ref="zdtzm" :disabled="disabled"
                                   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" class="tdright">权利设定方式</td>
                    <td colspan="4">
                        <el-select class="formSelect" :disabled="disabled" 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" class="tdright"><i class="requisite">*</i>宗地代码</td>
                    <td colspan="4" class="psr">
                        <input :disabled="disabled" @blur="inputBlur($event)" ref="zddm" on maxlength="19"
                               type="text"
                               class="formInput percent80"
                               v-model="formData.zddm"
                        />
                        <el-button type="warning" :disabled="disabled" class="createBtn"
                                   @click="generatorCode"
                        >生成
                        </el-button>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" class="tdright">地籍号</td>
                    <td colspan="4">
                        <input type="text" :disabled="disabled" class="formInput" v-model="formData.djh"/>
                    </td>

                    <td colspan="2" class="tdright"><i class="requisite">*</i>不动产单元号</td>
                    <td colspan="4" class="psr">
                        <input
                                type="text" :disabled="disabled" @blur="inputBlur($event)" ref="bdcdyh"
                                maxlength="28"
                                class="formInput"
                                v-model="formData.bdcdyh"
                        />
                        <!-- <el-button type="warning"  :disabled="disabled" class="createBtn">生成</el-button> -->
                    </td>
                </tr>
                <tr>
                    <td colspan="2" class="tdright"><i class="requisite">*</i>坐落</td>
                    <td colspan="4">
                        <input type="text" :disabled="disabled" @blur="inputBlur($event)" ref="zl"
                               class="formInput" v-model="formData.zl"/>
                    </td>
                    <td colspan="2" class="tdright">项目名称</td>
                    <td colspan="4" class="psr">
                        <input :disabled="disabled"
                               type="text"
                               class="formInput "
                               v-model="formData.xmmc"
                        />
                    </td>
                </tr>
                <tr>
                    <td colspan="2" class="tdright">国民经济行业分类</td>
                    <td colspan="4">
<!--                        <el-select class="formSelect" :disabled="disabled" v-model="formData.gmjjhyflbsm">-->
<!--                            <el-option-->
<!--                                    v-for="item in $store.state.gmjjhyflbsmList"-->
<!--                                    :key="item.bsm"-->
<!--                                    :label="item.mc"-->
<!--                                    :value="item.bsm"-->
<!--                            >-->
<!--                            </el-option>-->
<!--                        </el-select>-->
                        <el-select-tree
                                style="width:100%"
                                v-if="show"
                                :default-expand-all="defaultExpandAll"
                                :multiple="multiple"
                                :placeholder="placeholder"
                                :disabled="disabled"
                                :data="$store.state.gmjjhyflbsmList"
                                :props="treeProps"
                                :check-strictly="checkStrictly"
                                :clearable="clearable"
                                v-model="formData.gmjjhyflbsm"
                        ></el-select-tree>
                    </td>
                    <td colspan="2" class="tdright">价格(元)</td>
                    <td colspan="4" class="psr">
                        <input :disabled="disabled" class="formInput" type="number" v-model="formData.jg"/>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" class="tdright">容积率</td>
                    <td colspan="2">
                        <el-select class="formSelect" :disabled="disabled" 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="disabled"
                                v-model="rjl"
                                v-show="isInterval(formData.jyrjl)"
                                class="formInput percent47"
                        />
                        <span class="percent4" v-show="isInterval(formData.jyrjl)">-</span>
                        <input
                                type="text" :disabled="disabled"
                                v-model="formData.rjl"
                                :class="isInterval(formData.jyrjl) ? 'formInput percent47' : 'formInput'"
                        />
                    </td>
                    <td colspan="2" class="tdright">容积说明</td>
                    <td colspan="4" class="psr">
                        <input type="text" :disabled="disabled" class="formInput" v-model="formData.rjlsm"/>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" class="tdright">建筑密度</td>
                    <td colspan="2">
                        <el-select class="formSelect" :disabled="disabled" 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="disabled"
                                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="disabled"
                                :class="isInterval(formData.jyjzmd) ? 'formInput percent47' : 'formInput'"
                        />
                    </td>
                    <td colspan="2" class="tdright">建筑密度说明</td>
                    <td colspan="4" class="psr">
                        <input type="text" :disabled="disabled" class="formInput" v-model="formData.jzmdsm"/>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" class="tdright">建筑限高</td>
                    <td colspan="2">
                        <el-select class="formSelect" :disabled="disabled" 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="disabled"
                                v-model="jzxg"
                                v-show="isInterval(formData.jyjzxg)"
                                class="formInput percent47"
                        />
                        <span class="percent4" v-show="isInterval(formData.jyjzxg)">-</span>
                        <input
                                type="text" :disabled="disabled"
                                v-model="formData.jzxg"
                                :class="isInterval(formData.jyjzxg) ? 'formInput percent47' : 'formInput'"
                        />
                    </td>
                    <td colspan="2" class="tdright">建筑限高说明</td>
                    <td colspan="4" class="psr">
                        <input type="text" :disabled="disabled" class="formInput" v-model="formData.jzxgsm"/>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" rowspan="2" class="tdright">所在图幅号</td>
                    <td colspan="2" class="tdright">比例尺</td>
                    <td colspan="8" class="psr">
                        <input type="text" :disabled="disabled" class="formInput" v-model="formData.blc"/>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" class="tdright">图幅号</td>
                    <td colspan="8" class="psr">
                        <input type="text" :disabled="disabled" class="formInput" v-model="formData.tfh"/>
                    </td>
                </tr>

                <tr>
                    <td colspan="2" rowspan="4" class="tdright">宗地四至</td>
                    <td colspan="2" class="tdright"><i class="requisite">*</i>北至</td>
                    <td colspan="8" class="psr">
                        <input type="text" @blur="inputBlur($event)" ref="zdszb" :disabled="disabled"
                               class="formInput" v-model="formData.zdszb"/>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" class="tdright"><i class="requisite">*</i>东至</td>
                    <td colspan="8" class="psr">
                        <input type="text" @blur="inputBlur($event)" ref="zdszd" :disabled="disabled"
                               class="formInput" v-model="formData.zdszd"/>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" class="tdright"><i class="requisite">*</i>南至</td>
                    <td colspan="8" class="psr">
                        <input type="text" @blur="inputBlur($event)" ref="zdszn" :disabled="disabled"
                               class="formInput" v-model="formData.zdszn"/>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" class="tdright"><i class="requisite">*</i>西至</td>
                    <td colspan="8" class="psr">
                        <input type="text" @blur="inputBlur($event)" ref="zdszx" :disabled="disabled"
                               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"  class="tdright">批准面积(㎡)</td>
                    <td colspan="4" >
                        <input type="text" :disabled="disabled" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                               class="formInput" v-model="formData.pzmj"/>
                    </td>
                    <td colspan="2"  class="tdright"><i class="requisite">*</i>宗地面积(㎡)</td>
                    <td colspan="4" >
                        <input type="text" :disabled="disabled" @blur="inputBlur($event)" ref="zdmj"
                               onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.zdmj"/>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" class="tdright">建筑占地总面积(㎡)</td>
                    <td colspan="4">
                        <input type="text" :disabled="disabled" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                               class="formInput" v-model="formData.jzzdzmj"/>
                    </td>

                    <td colspan="2" class="tdright">建筑总面积(㎡)</td>
                    <td colspan="4">
                        <input type="text" :disabled="disabled" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                               class="formInput" v-model="formData.jzzmj"/>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" class="tdright">共有/共用权利人情况</td>
                    <td colspan="10">
                        <input type="text" :disabled="disabled" class="formInput"
                               v-model="formData.gygyqlrqk"/>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" class="tdright" rowspan="2">说明</td>
                    <td colspan="10" rowspan="2">
                        <input type="text" :disabled="disabled" class="formInput" v-model="formData.sm"/>
                    </td>
                </tr>
            </table>
            <div class="header-button" :style="{width:mainBoxWidth+'px'}">
                <el-button type="primary" class="saveBtn" @click="updateZDxx" :disabled="disabled">保存</el-button>
                <el-button type="primary" @click="submitZDxx" :disabled="disabled">提交</el-button>
                <el-button type="primary" @click="registerCall">登记调用</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,'0,1,2')
                    }
                })
            },
            //根据zdbsm查询基本信息
            getZdjbxxData(bsm) {
                getQjZdjbxxDetailById(bsm)
                    .then((res) => {
                        if (res.result) {
                            this.formData = res.result;
                            if(this.formData.bblx === 0  && this.formData.qszt === '0' && this.formData.bhqkbsm == null){
                                console.log("12345")
                                this.disabled = false
                            }else {
                                console.log("1234567890")
                                this.disabled = true
                            }
                            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) => {
                                    this.$message({
                                        message: error.message+"，查看日志，联系管理员",
                                        type: "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);
                        this.$store.state.oldZdbsm = '';
                        this.getRightTree(this.curZdbsm,'0,1,2')
                    }
                })
            },
            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;
                        this.generatorDpdm();
                    })
                    .catch((error) => {
                    });
            },
            changeDjq(item) {
                getListByPbsm(item)
                    .then((res) => {
                        this.formData.djzqbsm = "";
                        this.djzqList = res.result;
                        this.$store.state.djzqList = res.result;
                        this.generatorDpdm();
                    })
                    .catch((error) => {
                    });
            },
            changeDjzq() {
                this.generatorDpdm();
            },
            //判断容密高是否为区间
            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 = '';
                }
            },
            "$store.state.sxdrType": {
                handler(n) {
                    this.$nextTick(()=>{
                        if (n === 'zd') {
                            this.getZdjbxxData(this.$store.state.zdbsm)
                        }
                    })
                },
                immediate: false,
                deep: true,
            }
        },
    };
</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 {
            z-index: 3;
            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>