<template>
    <div class="">
        <!--        <navbar title="筛企业"></navbar>-->
        <div class="header-title">
            <span class="header-title-return-back" @click="returnClick"><van-icon name="arrow-left" /></span>
            <div class="header-title-name-search">筛企业</div>
        </div>
        <!-- 成立年限时间选择器 -->
        <van-popup position="bottom" :style="{ height: '50%' }" v-model="businessInformation.dateSelectShow">
            <van-datetime-picker :min-date="minDate" @confirm="startDateOk" @cancel="startDateCancel"
                v-if="businessInformation.startDateShow"></van-datetime-picker>
            <van-datetime-picker :min-date="minDate" @confirm="endDateOk" @cancel="endDateCancel"
                v-if="businessInformation.endDateShow"></van-datetime-picker>
        </van-popup>
        <div v-if="!isGetResult" class="search-result-box">

            <div class="more-screen-content-right">
                <div class="content-left">
                    <a v-for="(item, index) in leftBarList" :key="index" class="leftBar"
                        @click="changeMenu(`select-${index}`)">{{ item
                        }}
                    </a>
                </div>
                <div class="content-right">
                    <van-divider :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 5px' }" id="select-0"
                        class="driver">区域</van-divider>
                    <div class="more-screen-content-cell">
                        <div class="more-title-box">
                            <div class="more-title-h2">注册地址区域</div>
                            <div class="select-slider-show"></div>
                        </div>
                        <div>
                            <van-field v-model="businessInformation.region" is-link readonly placeholder="全部"
                                @click="showAddressPicker = true" />
                            <van-popup v-model:show="showAddressPicker" round position="bottom">
                                <van-picker show-toolbar :columns="areaList" cancel-button-text="取消"
                                    @cancel="onRegionCancel" @confirm="onRegionConfirm" />
                            </van-popup>
                        </div>
                    </div>
                    <van-divider id="select-1" :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 5px' }"
                        class="driver">联系方式</van-divider>
                    <div class="more-screen-content-cell">
                        <div class="more-title-box">
                            <div class="more-title-h2">是否有联系方式</div>
                            <div class="select-slider-show"></div>
                        </div>
                        <ul class="select-item-box">
                            <li v-for=" (phoneFlagItem, phoneFlagIndex) in businessInformation.universalUnlimitedList "
                                @click="phoneFlagSelect(phoneFlagItem)"
                                :class="[businessInformation.phoneFlag == phoneFlagItem ? 'select-item-active' : '']"
                                :key="phoneFlagIndex" class="select-item">{{
                                    phoneFlagItem }}
                            </li>
                        </ul>
                    </div>
                    <van-divider id="select-2" :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 5px' }"
                        class="driver">本行业务</van-divider>
                    <div class="more-screen-content-cell">
                        <div class="more-title-box">
                            <div class="more-title-h2">企业是否为我行开户</div>
                            <div class="select-slider-show"></div>
                        </div>
                        <ul class="select-item-box">
                            <li v-for=" (accountFlagItem, accountFlagIndex) in businessInformation.universalUnlimitedList "
                                @click="accountFlagSelect(accountFlagItem)"
                                :class="[businessInformation.accountFlag == accountFlagItem ? 'select-item-active' : '']"
                                :key="accountFlagIndex" class="select-item">{{
                                    accountFlagItem }}
                            </li>
                        </ul>
                    </div>
                    <div class="more-screen-content-cell">
                        <div class="more-title-box">
                            <div class="more-title-h2">法人是否为我行客户</div>
                            <div class="select-slider-show"></div>
                        </div>
                        <ul class="select-item-box">
                            <li v-for=" (clientFlagItem, clientFlagIndex) in businessInformation.universalUnlimitedList "
                                @click="clientFlagSelect(clientFlagItem)"
                                :class="[businessInformation.clientFlag == clientFlagItem ? 'select-item-active' : '']"
                                :key="clientFlagIndex" class="select-item">{{
                                    clientFlagItem }}
                            </li>
                        </ul>
                    </div>
                    <!-- <div class="more-screen-content-cell">
                        <div class="more-title-box">
                            <div class="more-title-h2">法人代表户籍是否本地</div>
                            <div class="select-slider-show"></div>
                        </div>
                        <ul class="select-item-box">
                            <li v-for=" (localityFlagItem, localityFlagIndex) in businessInformation.universalUnlimitedList "
                                @click="localityFlagSelect(localityFlagItem)"
                                :class="[businessInformation.localityFlag == localityFlagItem ? 'select-item-active' : '']"
                                :key="localityFlagItem" class="select-item">{{
                                    localityFlagItem }}
                            </li>
                        </ul>
                    </div> -->
                    <div class="more-screen-content-cell">
                        <div class="more-title-box">
                            <div class="more-title-h2">是否我行有贷</div>
                            <div class="select-slider-show"></div>
                        </div>
                        <ul class="select-item-box">
                            <li v-for="(loanFlagItem, loanFlagIndex) in businessInformation.universalUnlimitedList "
                                @click="loanFlagSelect(loanFlagItem)"
                                :class="[businessInformation.loanFlag == loanFlagItem ? 'select-item-active' : '']"
                                :key="loanFlagIndex" class="select-item">{{
                                    loanFlagItem }}
                            </li>
                        </ul>
                    </div>
                    <div class="more-screen-content-cell">
                        <div class="more-title-box">
                            <div class="more-title-h2">企业是否省内银行有贷款记录<van-icon name="question-o ml-10"
                                    @click="businessLoanDialog()" /></div>
                            <div class="select-slider-show"></div>
                        </div>
                        <ul class="select-item-box">
                            <li v-for="(businessLoanFlagItem, businessLoanFlagIndex) in businessInformation.universalUnlimitedList "
                                @click="businessLoanFlagSelect(businessLoanFlagItem)"
                                :class="[businessInformation.businessLoanFlag == businessLoanFlagItem ? 'select-item-active' : '']"
                                :key="businessLoanFlagIndex" class="select-item">{{
                                    businessLoanFlagItem }}
                            </li>
                        </ul>
                    </div>
                    <van-divider id="select-3" :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 5px' }"
                        class="driver">客群聚焦</van-divider>
                    <div class="more-screen-content-cell">
                        <div class="more-title-box">
                            <div class="more-title-h2">机构类型</div>
                            <div class="select-slider-show"></div>
                        </div>
                        <div class="jglx_flex">
                            <van-checkbox shape="square" v-model="commercial" @click='changeCommercial'>商户</van-checkbox>
                            <ul class="select-item-box jglx_box">
                                <li v-for=" (commercialTypeItem, commercialTypeIndex) in businessInformation.commercialTypeList "
                                    @click="commercialTypeSelect(commercialTypeIndex)"
                                    :class="[commercialTypeItem.isSelect ? 'select-item-active' : '']"
                                    :key="commercialTypeIndex" class="select-item">{{
                                        commercialTypeItem.title }}
                                </li>
                            </ul>
                        </div>
                        <div class="jglx_flex">
                            <van-checkbox shape="square" v-model="frequently" @click='changeFrequently'>常用</van-checkbox>
                            <ul class="select-item-box jglx_box">
                                <li v-for=" (frequentlyTypeItem, frequentlyTypeIndex) in businessInformation.frequentlyTypeList "
                                    @click="frequentlyTypeSelect(frequentlyTypeIndex)"
                                    :class="[frequentlyTypeItem.isSelect ? 'select-item-active' : '']"
                                    :key="frequentlyTypeIndex" class="select-item">{{
                                        frequentlyTypeItem.title }}
                                </li>
                            </ul>
                        </div>
                        <div class="jglx_flex">
                            <van-checkbox shape="square" v-model='other' @click='changeOther'>其余</van-checkbox>
                            <ul class="select-item-box jglx_box">
                                <li v-for=" (otherTypeItem, otherTypeIndex) in businessInformation.otherTypeList "
                                    @click="otherTypeSelect(otherTypeIndex)"
                                    :class="[otherTypeItem.isSelect ? 'select-item-active' : '']" :key="otherTypeIndex"
                                    class="select-item">{{
                                        otherTypeItem.title }}
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="more-screen-content-cell">
                        <div class="more-title-box">
                            <div class="more-title-h2">行业类型</div>
                            <div class="select-slider-show"></div>
                        </div>
                        <div>
                            <van-field v-model="businessInformation.industry" is-link readonly placeholder="全部"
                                @click="showIndustryPicker = true" />
                            <van-popup v-model:show="showIndustryPicker" round position="bottom">
                                <div class="popup-box">
                                    <ul class="select-item-box">
                                        <li v-for=" (industryItem, industryIndex) in businessInformation.industryList "
                                            @click="industrySelect(industryIndex)"
                                            :class="[industryItem.isSelect ? 'select-item-active' : '']"
                                            :key="industryIndex" class="select-item">{{ industryItem.text }}</li>
                                    </ul>
                                    <van-row class="more-screen-bottom-botton" gutter="16">
                                        <van-col span="12"><van-button type="primary" size="small" plain block
                                                @click="onIndustryCancel()">重置</van-button></van-col>
                                        <van-col span="12"><van-button type="primary" size="small" block
                                                @click="onIndustryConfirm()">确定</van-button></van-col>
                                    </van-row>
                                </div>
                            </van-popup>
                        </div>
                    </div>
                    <div class="more-screen-content-cell">
                        <div class="more-title-box">
                            <div class="more-title-h2">小微企业</div>
                            <div class="select-slider-show"></div>
                        </div>
                        <ul class="select-item-box">
                            <li v-for="(smallFlagItem, smallFlagIndex) in businessInformation.universalUnlimitedList "
                                @click="smallFlagSelect(smallFlagItem)"
                                :class="[businessInformation.smallFlag == smallFlagItem ? 'select-item-active' : '']"
                                :key="smallFlagIndex" class="select-item">{{
                                    smallFlagItem }}
                            </li>
                        </ul>
                    </div>
                    <div class="more-screen-content-cell">
                        <div class="more-title-box">
                            <div class="more-title-h2">是否有进出口资质</div>
                            <div class="select-slider-show"></div>
                        </div>
                        <ul class="select-item-box">
                            <li v-for="(getAndOutFlagItem, getAndOutFlagIndex) in businessInformation.universalUnlimitedList "
                                @click="getAndOutFlagSelect(getAndOutFlagItem)"
                                :class="[businessInformation.getAndOutFlag == getAndOutFlagItem ? 'select-item-active' : '']"
                                :key="getAndOutFlagIndex" class="select-item">{{
                                    getAndOutFlagItem }}
                            </li>
                        </ul>
                    </div>
                    <div class="more-screen-content-cell">
                        <div class="more-title-box">
                            <div class="more-title-h2">园区</div>
                            <div class="select-slider-show"></div>
                        </div>
                        <div>
                            <van-field v-model="businessInformation.parkName" is-link readonly placeholder="全部"
                                @click="changePark" />
                            <van-popup v-model:show="showParkPicker" round position="bottom">
                                <div class="popup-box">
                                    <van-loading v-if="businessInformation.parkList.length == 0"></van-loading>
                                    <ul class="select-item-box" v-if="businessInformation.parkList.length > 0">
                                        <li v-for=" (parkItem, parkIndex) in businessInformation.parkList "
                                            @click="parkSelect(parkItem, parkIndex)"
                                            :class="[parkItem.isSelect ? 'select-item-active' : '']" :key="parkIndex"
                                            class="select-item">
                                            {{ parkItem.text }}
                                        </li>
                                    </ul>
                                    <van-row class="more-screen-bottom-botton" gutter="16">
                                        <van-col span="12"><van-button type="primary" size="small" plain block
                                                @click="parkCancel()">重置</van-button></van-col>
                                        <van-col span="12"><van-button type="primary" size="small" block
                                                @click="parkConfirm()">确定</van-button></van-col>
                                    </van-row>
                                </div>
                            </van-popup>
                        </div>
                    </div>
                    <van-divider id="select-4" :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 5px' }"
                        class="driver">经营信息</van-divider>
                    <div class="more-screen-content-cell">
                        <div class="more-title-box">
                            <div class="more-title-h2">九维评分</div>
                            <div class="select-slider-show"></div>
                        </div>
                        <ul class="select-item-box">
                            <li v-for=" (item, index) in businessInformation.registeredCapitalList "
                                @click="registeredCapitalSelect(item, index)"
                                :class="[item.isSelect ? 'select-item-active' : '']" :key="index" class="select-item">
                                {{ item.title }}
                            </li>
                        </ul>
                        <div class="chengli-input-box">
                            <van-row>
                                <van-col span="10">
                                    <input class="chengli-input" v-model="businessInformation.registeredCapitalMin"
                                        placeholder="最小值" @change="registeredCapitalNumChange('min')" type="text">
                                </van-col>
                                <van-col class="chengli-input-line" span="2"
                                    style="font-size:12px;padding-top: 5px;">—</van-col>
                                <van-col span="10">
                                    <input class="chengli-input" v-model="businessInformation.registeredCapitalMax"
                                        placeholder="最大值" @change="registeredCapitalNumChange('max')" type="text">
                                </van-col>

                            </van-row>
                        </div>
                    </div>
                    <div class="more-screen-content-cell">
                        <div class="more-title-box">
                            <div class="more-title-h2">成立年限</div>
                            <div class="select-slider-show"></div>
                        </div>
                        <ul class="select-item-box">
                            <li v-for=" (item, index) in businessInformation.establishmentPeriodList "
                                @click="establishmentPeriodSelect(item, index)"
                                :class="[item.isSelect ? 'select-item-active' : '']" :key="index" class="select-item">
                                {{ item.name }}
                            </li>
                        </ul>

                        <div class="chengli-input-box">
                            <van-row>
                                <van-col span="11">
                                    <div class="chengli-input" @click="establishmentPeriodNumChange('min')">{{
                                        businessInformation.establishmentPeriodMin }}</div>
                                </van-col>
                                <van-col class="chengli-input-line" span="2">—</van-col>
                                <van-col span="11">
                                    <div class="chengli-input" @click="establishmentPeriodNumChange('max')">{{
                                        businessInformation.establishmentPeriodMax }}</div>
                                </van-col>
                            </van-row>
                        </div>
                    </div>
                    <div class="more-screen-content-cell">
                        <div class="more-title-box">
                            <div class="more-title-h2">经营状态</div>
                            <div class="select-slider-show"></div>
                        </div>
                        <div class="jglx_flex">
                            <van-checkbox shape="square" v-model="normal" @click='changeNormal'>正常</van-checkbox>
                            <ul class="select-item-box jglx_box">
                                <li v-for=" (normalTypeItem, normalTypeIndex) in businessInformation.normalTypeList "
                                    @click="normalTypeSelect(normalTypeIndex)"
                                    :class="[normalTypeItem.isSelect ? 'select-item-active' : '']"
                                    :key="normalTypeIndex" class="select-item">{{
                                        normalTypeItem.title }}
                                </li>
                            </ul>
                        </div>
                        <div class="jglx_flex">
                            <van-checkbox shape="square" v-model="abnormal" @click='changeAbnormal'>异常</van-checkbox>
                            <ul class="select-item-box jglx_box">
                                <li v-for=" (abnormalTypeItem, abnormalTypeIndex) in businessInformation.abnormalTypeList "
                                    @click="abnormalTypeSelect(abnormalTypeIndex)"
                                    :class="[abnormalTypeItem.isSelect ? 'select-item-active' : '']"
                                    :key="abnormalTypeIndex" class="select-item">{{
                                        abnormalTypeItem.title }}
                                </li>
                            </ul>
                        </div>
                        <div class="jglx_flex">
                            <van-checkbox shape="square" v-model="statusOther" @click='changeStatusOther'>其他</van-checkbox>
                            <ul class="select-item-box jglx_box">
                                <li v-for=" (statusOtherTypeItem, statusOtherTypeIndex) in businessInformation.statusOtherTypeList "
                                    @click="statusOtherTypeSelect(statusOtherTypeIndex)"
                                    :class="[statusOtherTypeItem.isSelect ? 'select-item-active' : '']"
                                    :key="statusOtherTypeIndex" class="select-item">{{
                                        statusOtherTypeItem.title }}
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="more-screen-content-cell">
                        <div class="more-title-box">
                            <div class="more-title-h2">是否经营异常</div>
                            <div class="select-slider-show"></div>
                        </div>
                        <ul class="select-item-box">
                            <li v-for=" (businessAbnormalitiesItem, businessAbnormalitiesIndex) in businessInformation.universalUnlimitedList "
                                @click="businessAbnormalitiesSelect(businessAbnormalitiesItem)"
                                :class="[businessInformation.businessAbnormalitiesValue == businessAbnormalitiesItem ? 'select-item-active' : '']"
                                :key="businessAbnormalitiesIndex" class="select-item">{{
                                    businessAbnormalitiesItem }}
                            </li>
                        </ul>
                    </div>
                    <div class="more-screen-content-cell">
                        <div class="more-title-box">
                            <div class="more-title-h2">纳税信用</div>
                            <div class="select-slider-show"></div>
                        </div>

                        <ul class="select-item-box">
                            <li v-for=" (item, index) in businessInformation.buildYearList "
                                @click="buildYearSelect(item, index)" :class="[item.isSelect ? 'select-item-active' : '']"
                                :key="index" class="select-item">{{ item.title }}
                            </li>
                        </ul>
                    </div>
                    <div class="more-screen-content-cell">
                        <div class="more-title-box">
                            <div class="more-title-h2">近12月纳税金额</div>
                            <div class="select-slider-show"></div>
                        </div>
                        <ul class="select-item-box">
                            <li v-for=" (item, index) in businessInformation.taxAmountList "
                                @click="taxAmounSelect(item, index)" :class="[item.isSelect ? 'select-item-active' : '']"
                                :key="index" class="select-item">{{ item.title }}
                            </li>
                        </ul>
                    </div>
                    <div class="more-screen-content-cell">
                        <div class="more-title-box">
                            <div class="more-title-h2">最近12个月是否有招标投资</div>
                            <div class="select-slider-show"></div>
                        </div>
                        <ul class="select-item-box">
                            <li v-for=" (callBidsItem, callBidsIndex) in businessInformation.universalUnlimitedList "
                                @click="callBidsSelect(callBidsItem)"
                                :class="[businessInformation.callBidsValue == callBidsItem ? 'select-item-active' : '']"
                                :key="callBidsIndex" class="select-item">{{
                                    callBidsItem }}
                            </li>
                        </ul>
                    </div>
                    <van-divider id="select-5" :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 5px' }"
                        class="driver">资产情况</van-divider>
                    <div class="more-screen-content-cell">
                        <div class="more-title-box">
                            <div class="more-title-h2">是否有未抵押房产<van-icon name="question-o ml-10" @click="houseDialog()" />
                            </div>
                            <div class="select-slider-show"></div>
                        </div>
                        <ul class="select-item-box">
                            <li v-for=" (houseItem, houseIndex) in businessInformation.universalUnlimitedList "
                                @click="houseSelect(houseItem)"
                                :class="[businessInformation.houseValue == houseItem ? 'select-item-active' : '']"
                                :key="houseIndex" class="select-item">{{
                                    houseItem }}
                            </li>
                        </ul>
                    </div>
                    <!-- <div class="more-screen-content-cell">
                        <div class="more-title-box">
                            <div class="more-title-h2">企业是否有动产抵押<van-icon name="question-o ml-10"
                                    @click="personalDialog()" /></div>
                            <div class="select-slider-show"></div>
                        </div>
                        <ul class="select-item-box">
                            <li v-for=" (personalItem, personalIndex) in businessInformation.universalUnlimitedList "
                                @click="personalSelect(personalItem)"
                                :class="[businessInformation.personalValue == personalItem ? 'select-item-active' : '']"
                                :key="personalItem" class="select-item">{{
                                    personalItem }}
                            </li>
                        </ul>
                    </div> -->
                    <!-- <div class="more-screen-content-cell">
                        <div class="more-title-box">
                            <div class="more-title-h2">企业是否有土地抵押<van-icon name="question-o ml-10" @click="groundDialog()" />
                            </div>
                            <div class="select-slider-show"></div>
                        </div>
                        <ul class="select-item-box">
                            <li v-for=" (groundItem, groundIndex) in businessInformation.universalUnlimitedList "
                                @click="groundSelect(groundItem)"
                                :class="[businessInformation.groundValue == groundItem ? 'select-item-active' : '']"
                                :key="groundItem" class="select-item">{{
                                    groundItem }}
                            </li>
                        </ul>
                    </div> -->
                </div>
            </div>
            <van-row class="more-screen-bottom-botton" gutter="16">
                <van-col span="12"><van-button type="primary" size="small" plain block
                        @click="moreScreenCancel()">重置</van-button></van-col>
                <van-col span="12"><van-button type="primary" size="small" block
                        @click="moreScreenOk()">确定</van-button></van-col>
            </van-row>
        </div>
        <div v-else>
            <div v-if="pageLoading == true">
                <ul class="company-box" v-if="searchResultList.length > 0">
                    <div class="search-btn-box">
                        <div @click="isGetResult = !isGetResult">高级搜索 <van-icon name="exchange" /> </div>
                        <div>共检索 <span class="color-2372eb"> {{ totalDatas > 999 ? '999+' : totalDatas }} </span>条数据</div>
                    </div>
                    <li @click="goUrlDetails(resultItem)" class="company-item"
                        v-for="(resultItem, resultIndex) in searchResultList" :key="resultIndex">
                        <div class="company-item-left bg-2372eb" v-if="resultItem.colorNum == 1">
                            <img name="wap-home" src="../../../images/part_one/icon_company.png" alt="">
                        </div>
                        <div class="company-item-left bg-ee8c15" v-else-if="resultItem.colorNum == 2">
                            <img name="wap-home" src="../../../images/part_one/icon_company.png" alt="">
                        </div>
                        <div class="company-item-left bg-11c95f" v-else-if="resultItem.colorNum == 3">
                            <img name="wap-home" src="../../../images/part_one/icon_company.png" alt="">
                        </div>
                        <div class="company-item-left bg-e21183" v-else-if="resultItem.colorNum == 4">
                            <img name="wap-home" src="../../../images/part_one/icon_company.png" alt="">
                        </div>
                        <div class="company-item-left bg-fde809" v-else-if="resultItem.colorNum == 5">
                            <img name="wap-home" src="../../../images/part_one/icon_company.png" alt="">
                        </div>
                        <div class="company-item-left bg-17b9d7" v-else-if="resultItem.colorNum == 6">
                            <img name="wap-home" src="../../../images/part_one/icon_company.png" alt="">
                        </div>
                        <div class="company-item-left bg-db2c2c" v-else-if="resultItem.colorNum == 7">
                            <img name="wap-home" src="../../../images/part_one/icon_company.png" alt="">
                        </div>
                        <div class="company-item-left bg-9232db" v-else-if="resultItem.colorNum == 8">
                            <img name="wap-home" src="../../../images/part_one/icon_company.png" alt="">
                        </div>
                        <div class="company-item-left bg-8c8c8c" v-else>
                            <img name="wap-home" src="../../../images/part_one/icon_company.png" alt="">
                        </div>
                        <div class="company-item-right">
                            <div class="company-item-right-title mb-10" v-html="resultItem.companyName"></div>
                            <div class="mb-10" v-if="resultItem.econKindLabel">
                                <van-tag class="mr-6" type="primary">{{ resultItem.econKindLabel }}</van-tag>
                            </div>
                            <div class="mb-10">法定代表人：<span v-html="resultItem.operName"></span></div>
                            <div class="mb-10">注册资本：{{ resultItem.registCapiValue !==
                                null ? `${resultItem.registCapiValue}${resultItem.registCapiUnit}` : '未披露' }}</div>
                            <div class="">成立时间：{{ resultItem.startDate }}</div>
                        </div>
                    </li>
                </ul>
                <div style="margin-top: 10px" v-else>
                    <div class="search-btn-box" style="padding: 0 10px">
                        <div @click="isGetResult = !isGetResult">高级搜索 <van-icon name="exchange" /> </div>
                        <div>共检索 <span class="color-2372eb">0</span>条数据</div>
                    </div>
                    <van-empty />
                </div>
            </div>
            <van-loading style="text-align: center;margin-top: 50%" v-if="pageLoading == false"
                color="#1989fa">加载中...</van-loading>
        </div>
        <van-popup v-model="houseDialogIsShow" :style="{ width: '300px', borderRadius: '8px' }">
            <div style="height: 40px;line-height: 40px;text-align: center;font-size: 16px;font-weight: bold">是否有未抵押房产</div>
            <div style="padding: 12px 20px 20px;font-size: 14px;color: #666666;border-bottom: solid 1px #dddddd">
                取金综九维数据，判断企业、法人、股东名下是否有未抵押房产</div>
            <div @click="houseDialogIsShow = false"
                style="height: 42px;line-height: 42px;text-align: center;font-size: 16px;color: #2372eb">关闭</div>
        </van-popup>
        <van-popup v-model="personalDialogIsShow" :style="{ width: '300px', borderRadius: '8px' }">
            <div style="height: 40px;line-height: 40px;text-align: center;font-size: 16px;font-weight: bold">是否有动产抵押</div>
            <div style="padding: 12px 20px 20px;font-size: 14px;color: #666666;border-bottom: solid 1px #dddddd">
                根据新华社数据加工，判断企业名下动产是否有抵押行为。</div>
            <div @click="personalDialogIsShow = false"
                style="height: 42px;line-height: 42px;text-align: center;font-size: 16px;color: #2372eb">关闭</div>
        </van-popup>
        <van-popup v-model="groundDialogIsShow" :style="{ width: '300px', borderRadius: '8px' }">
            <div style="height: 40px;line-height: 40px;text-align: center;font-size: 16px;font-weight: bold">是否有土地抵押</div>
            <div style="padding: 12px 20px 20px;font-size: 14px;color: #666666;border-bottom: solid 1px #dddddd">
                根据新华社数据加工，判断企业名下土地是否有抵押行为。</div>
            <div @click="groundDialogIsShow = false"
                style="height: 42px;line-height: 42px;text-align: center;font-size: 16px;color: #2372eb">关闭</div>
        </van-popup>
        <van-popup v-model="businessLoanDialogIsShow" :style="{ width: '300px', borderRadius: '8px' }">
            <div style="height: 40px;line-height: 40px;text-align: center;font-size: 16px;font-weight: bold">企业是否他行有贷</div>
            <div style="padding: 12px 20px 20px;font-size: 14px;color: #666666;border-bottom: solid 1px #dddddd">
                根据最近一次信用查询记录判断，仅覆盖有查询记录的企业，不覆盖个体工商户</div>
            <div @click="businessLoanDialogIsShow = false"
                style="height: 42px;line-height: 42px;text-align: center;font-size: 16px;color: #2372eb">关闭</div>
        </van-popup>

        <van-popup v-model="noParkShow" :style="{ width: '300px', borderRadius: '8px' }">
            <div style="height: 40px;line-height: 40px;text-align: center;font-size: 16px;font-weight: bold">提示</div>
            <div style="padding: 12px 20px 20px;font-size: 14px;color: #666666;border-bottom: solid 1px #dddddd">请先选择注册地址区域
            </div>
            <div @click="noParkShow = false"
                style="height: 42px;line-height: 42px;text-align: center;font-size: 16px;color: #2372eb">关闭</div>
        </van-popup>
        <van-popup v-model="isgsShow" :style="{ width: '300px', borderRadius: '8px' }">
            <div style="height: 40px;line-height: 40px;text-align: center;font-size: 16px;font-weight: bold">提示</div>
            <div style="padding: 12px 20px 20px;font-size: 14px;color: #666666;border-bottom: solid 1px #dddddd">
                个体工商户视图详情开发中
            </div>
            <div @click="isgsShow = false"
                style="height: 42px;line-height: 42px;text-align: center;font-size: 16px;color: #2372eb">关闭</div>
        </van-popup>
    </div>
</template>

<script>
import { ref } from 'vue';
import navbar from '../../../components/navbar/navbar.vue';
import {
    Icon,
    Search,
    DropdownMenu,
    DropdownItem,
    Area,
    Picker,
    Button,
    Col,
    Row,
    Sidebar,
    SidebarItem,
    Field,
    Tag,
    Empty,
    Toast,
    Checkbox,
} from 'vant';
import { getQueryCompanyPage, getParkList } from "@/service/api/home";
//button组件


export default {
    name: "searchRefult",
    data() {
        return {
            isGetResult: false,
            isgsShow: false,
            minDate: new Date(2000, 0, 1),
            leftBarList: ["区域", "联系方式", "本行业务", "客群聚焦", "经营信息", "资产情况"],
            commercial: '',
            frequently: '',
            other: '',
            normal: '',
            abnormal: '',
            statusOther: '',
            houseDialogIsShow: false,
            personalDialogIsShow: false,
            groundDialogIsShow: false,
            businessLoanDialogIsShow: false,
            areaList: [
                {
                    text: '浙江省',
                    value: 'Zhejiang',
                    children: [
                        {
                            text: '杭州市', value: '330100',
                            children: [
                                { text: '滨江区', value: '3301001' },
                                { text: '淳安县', value: '3301002' },
                                { text: '富阳区', value: '3301003' },
                                { text: '拱墅区', value: '3301004' },
                                { text: '建德市', value: '3301005' },
                                { text: '临安区', value: '3301006' },
                                { text: '临平区', value: '3301007' },
                                { text: '钱塘区', value: '3301008' },
                                { text: '上城区', value: '3301009' },
                                { text: '桐庐县', value: '33010010' },
                                { text: '萧山区', value: '33010011' },
                                { text: '西湖区', value: '33010012' },
                                { text: '余杭区', value: '33010013' },
                            ]
                        },
                        {
                            text: '宁波市', value: '330200',
                            children: [
                                { text: '北仑区', value: '3302001' },
                                { text: '慈溪市', value: '3302002' },
                                { text: '奉化区', value: '3302003' },
                                { text: '高新科技开发区', value: '3302004' },
                                { text: '海曙区', value: '3302005' },
                                { text: '江北区', value: '3302006' },
                                { text: '江东区', value: '3302007' },
                                { text: '宁海县', value: '3302008' },
                                { text: '象山县', value: '3302009' },
                                { text: '鄞州区', value: '33020010' },
                                { text: '余姚市', value: '33020011' },
                                { text: '镇海区', value: '33020012' },
                            ]
                        },
                        {
                            text: '温州市', value: '330300',
                            children: [
                                { text: '茶山高教园区', value: '3303001' },
                                { text: '苍南县', value: '3303002' },
                                { text: '洞头区', value: '3303003' },
                                { text: '龙湾区', value: '3303004' },
                                { text: '鹿城区', value: '3303005' },
                                { text: '龙港市', value: '3303006' },
                                { text: '瓯海区', value: '3303007' },
                                { text: '平阳县', value: '3303008' },
                                { text: '瑞安市', value: '3303009' },
                                { text: '泰顺县', value: '33030010' },
                                { text: '文成县', value: '33030011' },
                                { text: '乐清市', value: '33030012' },
                                { text: '永嘉市', value: '33030013' },
                            ]
                        },
                        {
                            text: '嘉兴市', value: '330400',
                            children: [
                                { text: '海宁市', value: '3304002' },
                                { text: '海盐县', value: '3304003' },
                                { text: '嘉善县', value: '3304004' },
                                { text: '南湖区', value: '3304005' },
                                { text: '平湖市', value: '3304006' },
                                { text: '桐乡市', value: '3304007' },
                                { text: '秀洲区', value: '3304008' },
                            ]
                        },
                        {
                            text: '湖州市', value: '330500',
                            children: [
                                { text: '安吉县', value: '3305002' },
                                { text: '德清县', value: '3305003' },
                                { text: '南浔区', value: '3305004' },
                                { text: '吴兴区', value: '3305005' },
                                { text: '长兴县', value: '3305006' },
                            ]
                        },
                        {
                            text: '绍兴市', value: '330600',
                            children: [
                                { text: '柯桥区', value: '3306002' },
                                { text: '嵊州市', value: '3306003' },
                                { text: '上虞区', value: '3306004' },
                                { text: '新昌县', value: '3306005' },
                                { text: '越城区', value: '3306006' },
                                { text: '诸暨市', value: '3306007' },
                            ]
                        },
                        {
                            text: '金华市', value: '330700',
                            children: [
                                { text: '东阳市', value: '3307001' },
                                { text: '金华区', value: '3307002' },
                                { text: '兰溪市', value: '3307003' },
                                { text: '磐安县', value: '3307004' },
                                { text: '浦江县', value: '3307005' },
                                { text: '婺城区', value: '3307006' },
                                { text: '武义县', value: '3307007' },
                                { text: '义乌市', value: '3307008' },
                                { text: '永康市', value: '3307009' },
                            ]
                        },
                        {
                            text: '衢州市', value: '330800',
                            children: [
                                { text: '常山县', value: '3308001' },
                                { text: '江山市', value: '3308002' },
                                { text: '开化县', value: '3308003' },
                                { text: '柯城区', value: '3308004' },
                                { text: '龙游县', value: '3308005' },
                                { text: '衢江区', value: '3308006' },
                            ]
                        },
                        {
                            text: '舟山市', value: '330900',
                            children: [
                                { text: '岱山县', value: '3309001' },
                                { text: '定海区', value: '3309002' },
                                { text: '普陀区', value: '3309003' },
                                { text: '嵊泗县', value: '3309004' },
                            ]
                        },
                        {
                            text: '台州市', value: '331e3',
                            children: [
                                { text: '黄岩区', value: '331e301' },
                                { text: '椒江区', value: '331e302' },
                                { text: '临海市', value: '331e303' },
                                { text: '路桥区', value: '331e304' },
                                { text: '三门县', value: '331e305' },
                                { text: '天台县', value: '331e306' },
                                { text: '温岭市', value: '331e307' },
                                { text: '仙居县', value: '331e308' },
                                { text: '玉环市', value: '331e309' },
                            ]
                        },
                        {
                            text: '丽水市', value: '331100',
                            children: [
                                { text: '缙云县', value: '3311001' },
                                { text: '景宁畲族自治县', value: '3311002' },
                                { text: '莲都区', value: '3311003' },
                                { text: '龙泉市', value: '3311004' },
                                { text: '庆元县', value: '3311005' },
                                { text: '青田县', value: '3311006' },
                                { text: '遂昌县', value: '3311007' },
                                { text: '松阳县', value: '3311008' },
                                { text: '云和县', value: '3311009' },
                            ]
                        },
                    ],
                },
            ],// 区域数据

            sidebarActive: 0,// 侧边导航当前选中的



            showAddressPicker: false,// 区域弹窗是否显示
            showIndustryPicker: false,// 行业弹窗是否显示
            showParkPicker: false,
            noParkShow: false,
            // 更多筛选筛选值
            businessInformation: {
                enterpriseName: '',// 企业名称
                region: '',// 区域
                parkName: [],
                regionValue: '', // 区域值
                industry: '',// 行业
                industryValue: '',// 行业值
                parkArr: [],
                industryList: [
                    { text: '农、林、牧、渔业', value: 'A', isSelect: false },
                    { text: '采矿业', value: 'B', isSelect: false },
                    { text: '制造业', value: 'C', isSelect: false },
                    { text: '电力、热力、燃气及水生产和供应业', value: 'D', isSelect: false },
                    { text: '建筑业', value: 'E', isSelect: false },
                    { text: '批发和零售业', value: 'F', isSelect: false },
                    { text: '交通运输、仓储和邮政业', value: 'G', isSelect: false },
                    { text: '住宿和餐饮业', value: 'H', isSelect: false },
                    { text: '信息传输、软件和信息技术服务业', value: 'I', isSelect: false },
                    { text: '金融业', value: 'J', isSelect: false },
                    { text: '房地产业', value: 'K', isSelect: false },
                    { text: '租赁和商务服务业', value: 'L', isSelect: false },
                    { text: '科学研究和技术服务业', value: 'M', isSelect: false },
                    { text: '水利、环境和公共设施管理业', value: 'N', isSelect: false },
                    { text: '居民服务、修理和其他服务业', value: 'O', isSelect: false },
                    { text: '教育', value: 'P', isSelect: false },
                    { text: '卫生和社会工作', value: 'Q', isSelect: false },
                    { text: '文化、体育和娱乐业', value: 'R', isSelect: false },
                    { text: '公共管理、社会保障和社会组织', value: 'S', isSelect: false },
                    { text: '国际组织', value: 'T', isSelect: false },
                ],
                parkList: [],
                dateSelectShow: false,//
                startDateShow: false,// 开始日期弹出窗
                endDateShow: false,// 结束日期弹出窗
                establishmentPeriodValue: '',// 成立年限

                establishmentPeriodMin: '开始时间',// 成立最低年限
                establishmentPeriodMax: '结束时间',// 成立最高年限
                establishmentPeriodMinDate: '开始时间',// 成立最低年限
                establishmentPeriodMaxDate: '结束时间',// 成立最高年限
                establishmentPeriodList: [
                    { name: '不限', isSelect: false, min: '', max: '' },
                    { name: '3个月内', isSelect: false, min: '', max: '' },
                    { name: '1年内', isSelect: false, min: '', max: '' },
                    { name: '1-3年', isSelect: false, min: '', max: '' },
                    { name: '3年及以上', isSelect: false, min: '', max: '' },
                ],// 成立年限选择列表
                establishmentPeriodArr: [],//成立年限数组
                establishmentPeriodMinValue: '',// 成立最低年限最终值
                establishmentPeriodMaxValue: '',// 成立最高年限最终值
                registeredCapitalArr: [],
                taxAmtArr: [],//近12个月纳税金额
                registeredCapitalMin: '',// 九维评分最低
                registeredCapitalMax: '',// 九维评分最高

                registeredCapitalList: [
                    { title: '不限', isSelect: false, min: '', max: '', },
                    { title: '0~20', isSelect: false, min: '0', max: '20', },
                    { title: '20~40', isSelect: false, min: '20', max: '40', },
                    { title: '40~60', isSelect: false, min: '40', max: '60', },
                    { title: '60~80', isSelect: false, min: '60', max: '80', },
                    { title: '80~100', isSelect: false, min: '80', max: '100', },
                    { title: '100以上', isSelect: false, min: '100', max: '1000000', },],
                // 九维评分

                enterpriseStatusValue: [],// 企业状态选中项
                enterpriseStatusList: [
                    { title: '存续', isSelect: false },
                    { title: '迁出', isSelect: false },
                    { title: '迁入', isSelect: false },
                    { title: '注销', isSelect: false },
                    { title: '吊销', isSelect: false },
                    { title: '撤销', isSelect: false },
                    { title: '清算', isSelect: false },
                    { title: '歇业', isSelect: false },
                    { title: '其他', isSelect: false },
                ],// 企业状态选择列表
                organizationTypeValue: [],// 机构类型选中项
                commercialTypeList: [
                    { title: '个体工商户', isSelect: false },
                ],
                frequentlyTypeList: [
                    { title: '股份企业', isSelect: false },
                    { title: '合伙企业', isSelect: false },
                    { title: '国有企业', isSelect: false },
                    { title: '个人独资', isSelect: false },
                    { title: '有限责任公司', isSelect: false },
                ],
                otherTypeList: [
                    { title: '港澳台企业', isSelect: false },
                    { title: '企业常驻代表机构', isSelect: false },
                    { title: '其他', isSelect: false },
                ],
                normalTypeList: [
                    { title: '存续/在业', isSelect: false },
                    { title: '迁入', isSelect: false },
                    { title: '迁出', isSelect: false },
                ],
                abnormalTypeList: [
                    { title: '注销', isSelect: false },
                    { title: '吊销', isSelect: false },
                ],
                statusOtherTypeList: [
                    { title: '撤销', isSelect: false },
                    { title: '清算', isSelect: false },
                    { title: '停业', isSelect: false },
                    { title: '歇业', isSelect: false },
                    { title: '除名', isSelect: false },
                    { title: '责令关闭', isSelect: false },
                ],
                universalUnlimitedList: ['不限', '是', '否'],// 不限，是，否选择列表
                buildYearList: [
                    { title: '不限', isSelect: false, value: '' },
                    { title: 'A级', isSelect: false, value: '1' },
                    { title: 'B级', isSelect: false, value: '2' },
                    { title: 'M级', isSelect: false, value: '3' },
                    { title: 'C、D级', isSelect: false, value: '4' },
                    { title: '未评', isSelect: false, value: '5' },
                ],
                taxAmountList: [
                    { title: '不限', isSelect: false, value: '' },
                    { title: '0万元', isSelect: false, value: '1' },
                    { title: '0-5(含)万元', isSelect: false, value: '2' },
                    { title: '5-10(含)万元', isSelect: false, value: '3' },
                    { title: '10-50(含)万元', isSelect: false, value: '4' },
                    { title: '50-100(含)万元', isSelect: false, value: '5' },
                    { title: '100-500(含)万元', isSelect: false, value: '6' },
                    { title: '500-1000(含)万元', isSelect: false, value: '7' },
                    { title: '1000万以上', isSelect: false, value: '8' },
                ],
                listedIsOrNotValue: '',// 是否上市选中项

                contactInformationValue: '',// 联系方式选中项


                highQualityDirectoryValue: [],// 优质名录选中项
                highQualityDirectoryList: [
                    { title: '纳税百强', isSelect: false },
                    { title: 'A级纳税人', isSelect: false },
                    { title: 'B级纳税人', isSelect: false },
                    { title: '高新技术企业', isSelect: false },
                    { title: '科技型中小企业', isSelect: false },
                    { title: '国家级科技企业孵化器名单', isSelect: false },
                    { title: '技术先进型服务企业', isSelect: false },
                    { title: '国家备案众创空间名单', isSelect: false },
                    { title: '国家企业技术中心', isSelect: false },
                    { title: '海外高级认证企业', isSelect: false },
                    { title: '财务中国500强', isSelect: false },
                    { title: '中国民营500强', isSelect: false },
                    { title: '中国制造企业500强', isSelect: false },
                    { title: '中国服务企业500强', isSelect: false },
                    { title: '房地产500强企业', isSelect: false },
                    { title: '专精特新中小企业', isSelect: false },
                    { title: '专精特新小巨人企业', isSelect: false },
                    { title: '独角兽企业', isSelect: false },
                    { title: '瞪羚企业', isSelect: false },
                    { title: '国家级技术创新示范企业', isSelect: false },
                    { title: '排污许可企业', isSelect: false },
                    { title: '矿业权许可企业', isSelect: false },
                    { title: '进出口许可企业', isSelect: false },
                ],// 优质名录选择列表



                businessAbnormalitiesValue: '',// 经营异常选中项
                buildYearValue: [],//纳税信用
                taxAmounValue: '',//近12月纳税金额
                callBidsValue: '',//最近12个月是否有招标投资
                houseValue: '',//是否有未抵押房产
                personalValue: '',//企业是否有动产抵押
                groundValue: '',//企业是否有土地抵押
                equityFreezeValue: '',// 股权冻结选中项
                environmentalRatingValue: '',// 环保评级选中项
                environmentalRatingList: ['不限', '环保绿牌（诚信）企业', '环保蓝牌（良好）企业', '环保黄牌（警示）企业', '环保红牌（不良）企业', '环保黑牌（失信）企业',],// 环保评级选择列表
                taxRatingValue: '',// 纳税评级选中项
                taxRatingList: ['不限', 'A级纳税人', 'B级纳税人', 'C级纳税人', 'D级纳税人', 'M级纳税人',],// 纳税评级选择列表

                phoneFlag: '',// 是否有联系电话选中项
                clientFlag: '',//法人是否为我行客户
                accountFlag: '',//企业是否为我行开户
                localityFlag: '',//法人代表户籍是否本地
                loanFlag: '',//是否我行有贷
                businessLoanFlag: '',//企业是否他行有贷
                smallFlag: '',//小微企业
                getAndOutFlag: '',//是否有进出口资质
            },

            searchResultList: [],
            currentPage: 1,
            totalDatas: 0,
            loading: false,
            isEndLoading: false,
            startDate: '',
            endDate: '',
            pageLoading: true,
            todayDate: '',

        }
    },
    computed: {
        swiper() {
            return this.$refs.mySwiper.$swiper;
        }

    },
    mounted() {
        let today = new Date()
        let year = today.getFullYear()
        let month = ('0' + (today.getMonth() + 1)).slice(-2)
        let day = ('0' + today.getDate()).slice(-2)
        this.todayDate = `${year}-${month}-${day}`
        sessionStorage.removeItem('dashboardType');
        window.addEventListener('scroll', this.scrollBottom);
        if (sessionStorage.getItem('getResult') && sessionStorage.getItem('getResult') == 'true') {
            this.isGetResult = true;
            this.getQueryCompanyPageData();
            window.scrollTo(0, 0)
            sessionStorage.removeItem('getResult');
        }
    },
    destroyed() {
        window.removeEventListener('scroll', this.scrollBottom)
    },
    methods: {
        // 去详情页
        goUrlDetails(item) {
            if (item.econKind == '个体工商户') {
                this.isgsShow = true
            } else {
                sessionStorage.setItem('companyId', item.companyId);
                sessionStorage.setItem('tabBarActiveIndex', '1');
                sessionStorage.setItem('dashboardType', 'search');
                this.$router.push('/dashboard/CustomerDashboard');
            }

        },

        // 区域取消
        onRegionCancel() {
            this.showAddressPicker = false;
            this.businessInformation.region = '';
            this.businessInformation.regionValue = '';
        },

        // 区域选中
        onRegionConfirm(selectedValues) {
            this.showAddressPicker = false;
            this.businessInformation.region = selectedValues.join(',');
            this.businessInformation.regionValue = selectedValues.join(',');
            this.businessInformation.parkArr = []
            this.businessInformation.parkName = ''
        },


        changeMenu(anchor) {
            const element = document.getElementById(anchor)
            if (element) {
                element.scrollIntoView({ behavior: 'smooth' })
            }

        },
        // 行业重置
        onIndustryCancel() {
            this.businessInformation.industry = '';
            this.businessInformation.industryValue = [];
            for (let i = 0; i < this.businessInformation.industryList.length; i++) {
                this.businessInformation.industryList[i].isSelect = false;
            }
        },
        // 行业确定
        onIndustryConfirm() {
            this.showIndustryPicker = false;
            let industry = [];
            let industryValue = [];
            for (let i = 0; i < this.businessInformation.industryList.length; i++) {
                if (this.businessInformation.industryList[i].isSelect) {
                    industry.push(this.businessInformation.industryList[i].text);
                    industryValue.push(this.businessInformation.industryList[i].value);
                }
            }
            this.businessInformation.industry = industry.join(',');
            this.businessInformation.industryValue = industryValue;

        },
        parkCancel() {
            this.businessInformation.parkName = '';
            this.businessInformation.parkArr = []
            for (let i = 0; i < this.businessInformation.parkList.length; i++) {
                this.businessInformation.parkList[i].isSelect = false;
            }
        },
        parkConfirm() {
            this.showParkPicker = false;
            let parkNameList = [];
            for (let i = 0; i < this.businessInformation.parkList.length; i++) {
                if (this.businessInformation.parkList[i].isSelect) {
                    parkNameList.push(this.businessInformation.parkList[i].text);
                    this.businessInformation.parkArr.push(this.businessInformation.parkList[i].text);
                }
            }
            this.businessInformation.parkName = parkNameList.join(',');
            console.log(this.businessInformation.parkArr, 'this.businessInformation.parkArr')

        },
        async changePark() {

            if (this.businessInformation.region == '') {
                this.noParkShow = true
            } else {
                this.showParkPicker = true
                if (this.businessInformation.parkName == '') {
                    let arr = this.businessInformation.region.split(',')
                    let params = {
                        province: arr[0],
                        city: arr[1],
                        county: arr[2]
                    }
                    let result = await getParkList(params);

                    if (result) {
                        this.businessInformation.parkList = result.map((item, index) => {
                            return {
                                text: item,
                                isSelect: false
                            }
                        })
                    }
                }

            }

        },

        // 行业选择
        industrySelect(index) {
            this.businessInformation.industryList[index].isSelect = !this.businessInformation.industryList[index].isSelect;
        },

        // 更多筛选确定
        moreScreenOk() {
            this.processMultipleSelectionFiltering();
            if (this.startDate > this.endDate) {
                Toast('开始时间要早于结束时间')
            } else if (Number(this.businessInformation.registeredCapitalMin) > Number(this.businessInformation.registeredCapitalMax)) {
                Toast('最低金额要小于最高金额')
            } else {
                this.pageLoading = false;
                this.currentPage = 1;
                this.getQueryCompanyPageData();
                this.isGetResult = !this.isGetResult;
                window.scrollTo(0, 0)
            }
            // this.getQueryCompanyPageData();
        },
        cancle() {

            this.businessInformation.enterpriseName = '';// 企业名称
            this.businessInformation.region = '';// 区域
            this.businessInformation.regionValue = ''; // 区域值

            this.businessInformation.phoneFlag = '';// 是否有联系电话选中项
            this.businessInformation.accountFlag = '';// 企业是否为我行开户
            this.businessInformation.clientFlag = '';//法人是否为我行客户
            this.businessInformation.localityFlag = '';//法人代表户籍是否本地
            this.businessInformation.loanFlag = '';//是否我行有贷
            this.businessInformation.businessLoanFlag = '';//企业是否他行有贷
            this.businessInformation.smallFlag = '';//小微企业
            this.businessInformation.getAndOutFlag = '';//是否有进出口资质
            this.businessInformation.parkArr = []
            this.businessInformation.registeredCapitalMin = '';// 九维评分最低金额
            this.businessInformation.registeredCapitalMax = '';// 九维评分最高金额
            this.businessInformation.parkName = '';

            this.businessInformation.industry = '';// 行业
            this.businessInformation.industryValue = '';// 行业值
            this.businessInformation.establishmentPeriodValue = '';// 成立年限
            this.businessInformation.establishmentPeriodMin = '';// 成立最低年限
            this.businessInformation.establishmentPeriodMax = '';// 成立最大年限
            this.businessInformation.establishmentPeriodMinDate = '开始时间';// 成立最低年限
            this.businessInformation.establishmentPeriodMaxDate = '结束时间';// 成立最大年限
            this.businessInformation.establishmentPeriodMinValue = '';// 成立最低年限最终值
            this.businessInformation.establishmentPeriodMaxValue = '';// 成立最大年限最终值
            this.businessInformation.businessAbnormalitiesValue = '';// 经营异常选中项
            this.businessInformation.buildYearValue = [];//纳税信用
            this.businessInformation.taxAmounValue = '';//近12月纳税金额
            this.businessInformation.callBidsValue = '';//最近12个月是否有招标投资
            this.businessInformation.houseValue = '';//是否有未抵押房产
            this.businessInformation.personalValue = '';//企业是否有动产抵押
            this.businessInformation.groundValue = '';//企业是否有土地抵押


            this.businessInformation.enterpriseStatusValue = [];//企业状态
            this.businessInformation.organizationTypeValue = [];//机构类型
            this.businessInformation.registeredCapitalArr = [];//九维评分
            this.businessInformation.establishmentPeriodArr = []
            this.businessInformation.taxAmtArr = [];
            this.businessInformation.listedIsOrNotValue = '';// 是否上市选中项
            this.businessInformation.contactInformationValue = '';// 联系方式选中项

            this.businessInformation.equityFreezeValue = '';// 股权冻结选中项
            this.businessInformation.environmentalRatingValue = '';// 环保评级选中项
            this.businessInformation.taxRatingValue = '';// 纳税评级选中项
            this.startDate = '';
            this.endDate = '';
            this.currentPage = 1;
            this.commercial = '';
            this.frequently = '';
            this.other = '';
            this.normal = '';
            this.abnormal = '';
            this.statusOther = '';
            for (let i = 0; i < this.businessInformation.normalTypeList.length; i++) {
                this.businessInformation.normalTypeList[i].isSelect = false;
            }
            for (let i = 0; i < this.businessInformation.abnormalTypeList.length; i++) {
                this.businessInformation.abnormalTypeList[i].isSelect = false;
            }
            for (let i = 0; i < this.businessInformation.statusOtherTypeList.length; i++) {
                this.businessInformation.statusOtherTypeList[i].isSelect = false;
            }
            for (let i = 0; i < this.businessInformation.commercialTypeList.length; i++) {
                this.businessInformation.commercialTypeList[i].isSelect = false;
            }
            for (let i = 0; i < this.businessInformation.frequentlyTypeList.length; i++) {
                this.businessInformation.frequentlyTypeList[i].isSelect = false;
            }
            for (let i = 0; i < this.businessInformation.otherTypeList.length; i++) {
                this.businessInformation.otherTypeList[i].isSelect = false;
            }
            for (let i = 0; i < this.businessInformation.highQualityDirectoryList.length; i++) {
                this.businessInformation.highQualityDirectoryList[i].isSelect = false;
            }
            for (let i = 0; i < this.businessInformation.registeredCapitalList.length; i++) {
                this.businessInformation.registeredCapitalList[i].isSelect = false;
            }
            for (let i = 0; i < this.businessInformation.establishmentPeriodList.length; i++) {
                this.businessInformation.establishmentPeriodList[i].isSelect = false;
            }
            for (let i = 0; i < this.businessInformation.taxAmountList.length; i++) {
                this.businessInformation.taxAmountList[i].isSelect = false;
            }
            for (let i = 0; i < this.businessInformation.buildYearList.length; i++) {
                this.businessInformation.buildYearList[i].isSelect = false;
            }
            for (let i = 0; i < this.businessInformation.parkList.length; i++) {
                this.businessInformation.parkList[i].isSelect = false;
            }
            this.pageLoading = false;
        },
        // 更多筛选重置
        moreScreenCancel() {
            this.cancle()
        },

        // 获取企业热搜榜
        async getQueryCompanyPageData() {
            let params = {
                "area": this.businessInformation.regionValue || null,// 区域筛选
                "phoneFlag": this.formatParams(this.businessInformation.phoneFlag),// 是否有联系电话选中项
                "openAcctFlg": this.formatParams(this.businessInformation.accountFlag),// 企业是否为我行开户
                "legalCstFlg": this.formatParams(this.businessInformation.clientFlag),// 法人是否为我行客户
                "legalLocationFlag": this.formatParams(this.businessInformation.localityFlag),// 法人代表户籍是否本地
                "custUnclearFlg": this.formatParams(this.businessInformation.loanFlag),// 是否我行有贷
                "entOtherLoanFlg": this.formatParams(this.businessInformation.businessLoanFlag),// 企业是否他行有贷
                "econKindList": this.businessInformation.organizationTypeValue.length > 0 ? this.businessInformation.organizationTypeValue : null,// 机构类型
                "entSizeFlag": this.formatParams(this.businessInformation.smallFlag),// 小微企业
                "entImpExpFlag": this.formatParams(this.businessInformation.getAndOutFlag),// 是否有进出口资质
                "industryCodeList": this.businessInformation.industryValue || null,// 行业类型
                "parkName": this.businessInformation.parkArr.length > 0 ? this.businessInformation.parkArr : null,//园区
                //this.businessInformation.parkName
                "ent9vScoreList": this.businessInformation.registeredCapitalArr,//九维评分
                "startDuration": this.businessInformation.establishmentPeriodArr, //成立年限
                "statusList": this.businessInformation.enterpriseStatusValue.length > 0 ? this.businessInformation.enterpriseStatusValue : null, // 企业状态
                "operateExcFlag": this.formatParams(this.businessInformation.businessAbnormalitiesValue),// 是否经营异常
                "taxcreditLevel": this.businessInformation.buildYearValue.length > 0 ? this.businessInformation.buildYearValue : null,// 纳税信用
                "taxAmtList": this.businessInformation.taxAmtArr,//近12月纳税金额
                "bid12mFlg": this.formatParams(this.businessInformation.callBidsValue),// 最近12个月是否有招标投资
                "unpledgedFlg": this.formatParams(this.businessInformation.houseValue),// 是否有未抵押房产
                "entMpledgeFlg": this.formatParams(this.businessInformation.personalValue),// 企业是否有动产抵押
                "entMortgageFlg": this.formatParams(this.businessInformation.groundValue),// 企业是否有土地抵押
                "pageNum": this.currentPage,
                "pageSize": 10,
            }
            let result = await getQueryCompanyPage(params);
            if (result) {
                this.pageLoading = true;
                if (this.loading) {
                    this.searchResultList = this.searchResultList.concat(result.records);
                } else {
                    this.searchResultList = result.records;

                }
                this.totalDatas = result.total;
                if (this.searchResultList.length < result.total) {
                    this.isEndLoading = false;
                } else {
                    this.isEndLoading = true;
                }
                this.loading = false;
            }
        },

        // 格式化需要传入的数据
        formatParams(value) {
            if (value == '是') {
                return value = 1;
            } else if (value == '否') {
                return value = 0;
            } else {
                return value = null;
            }
        },


        // 滚动到页面底部时，请求内容
        scrollBottom() {
            let scrollTop = document.documentElement.scrollTop || document.body.scrollTop  //页面滚动的高度
            let clientHeight = document.documentElement.clientHeight  //可视区域高度
            let scrollHeight = document.documentElement.scrollHeight  //可滚动内容的高度
            let bottomOfWindow = scrollTop + clientHeight + 1000 >= scrollHeight    //是否滚动到底部

            //loading 和 this.tableData.length和this.total是自己的判断条件
            if (scrollTop !== 0 && bottomOfWindow && !this.loading && !this.isEndLoading && this.isGetResult) {
                this.loading = true;
                this.currentPage += 1;
                this.getQueryCompanyPageData();
            }
        },

        // 多选的筛选，需要进一步进行处理
        processMultipleSelectionFiltering() {
            this.businessInformation.registeredCapitalArr = [];//九维评分
            this.businessInformation.buildYearValue = []
            this.businessInformation.parkArr = []
            this.businessInformation.establishmentPeriodArr = [];//成立年限
            if (this.businessInformation.registeredCapitalMin != '' && this.businessInformation.registeredCapitalMax != '') {
                this.businessInformation.registeredCapitalArr.push({
                    min: Number(this.businessInformation.registeredCapitalMin),
                    max: Number(this.businessInformation.registeredCapitalMax)
                })
            }
            if (this.businessInformation.establishmentPeriodMinDate != '开始时间' && this.businessInformation.establishmentPeriodMaxDate != '结束时间') {
                this.businessInformation.establishmentPeriodArr.push({ min: this.businessInformation.establishmentPeriodMinDate, max: this.businessInformation.establishmentPeriodMaxDate })
            }

            this.businessInformation.organizationTypeValue = [];//机构类型
            this.businessInformation.taxAmtArr = [];//近12月纳税金额
            this.businessInformation.enterpriseStatusValue = [];
            this.businessInformation.highQualityDirectoryValue = [];
            //经营状态
            for (let i = 0; i < this.businessInformation.normalTypeList.length; i++) {
                if (this.businessInformation.normalTypeList[i].isSelect) {
                    if (this.businessInformation.normalTypeList[i].title == '存续/在业') {
                        this.businessInformation.enterpriseStatusValue.push('存续')
                        this.businessInformation.enterpriseStatusValue.push('在业')
                    } else {
                        this.businessInformation.enterpriseStatusValue.push(this.businessInformation.normalTypeList[i].title)
                    }
                }
            }

            for (let i = 0; i < this.businessInformation.abnormalTypeList.length; i++) {
                if (this.businessInformation.abnormalTypeList[i].isSelect) {
                    this.businessInformation.enterpriseStatusValue.push(this.businessInformation.abnormalTypeList[i].title)
                }
            }
            for (let i = 0; i < this.businessInformation.statusOtherTypeList.length; i++) {
                if (this.businessInformation.statusOtherTypeList[i].isSelect) {
                    this.businessInformation.enterpriseStatusValue.push(this.businessInformation.statusOtherTypeList[i].title)
                }
            }
            //机构类型选中项
            for (let i = 0; i < this.businessInformation.commercialTypeList.length; i++) {

                if (this.businessInformation.commercialTypeList[i].isSelect) {
                    this.businessInformation.organizationTypeValue.push(this.businessInformation.commercialTypeList[i].title)
                }
            }
            for (let i = 0; i < this.businessInformation.frequentlyTypeList.length; i++) {

                if (this.businessInformation.frequentlyTypeList[i].isSelect) {
                    this.businessInformation.organizationTypeValue.push(this.businessInformation.frequentlyTypeList[i].title)
                }
            }
            for (let i = 0; i < this.businessInformation.otherTypeList.length; i++) {

                if (this.businessInformation.otherTypeList[i].isSelect) {
                    this.businessInformation.organizationTypeValue.push(this.businessInformation.otherTypeList[i].title)
                }
            }

            //九维评分选中
            for (let i = 0; i < this.businessInformation.registeredCapitalList.length; i++) {
                if (this.businessInformation.registeredCapitalList[i].isSelect && this.businessInformation.registeredCapitalList[i].title != '不限') {

                    this.businessInformation.registeredCapitalArr.push({
                        min: Number(this.businessInformation.registeredCapitalList[i].min),
                        max: Number(this.businessInformation.registeredCapitalList[i].max)
                    })
                }
            }
            for (let i = 0; i < this.businessInformation.parkList.length; i++) {
                if (this.businessInformation.parkList[i].isSelect) {
                    this.businessInformation.parkArr.push(this.businessInformation.parkList[i].text)
                }
            }
            //成立年眼
            for (let i = 0; i < this.businessInformation.establishmentPeriodList.length; i++) {
                if (this.businessInformation.establishmentPeriodList[i].isSelect && this.businessInformation.establishmentPeriodList[i].name != '不限') {
                    this.businessInformation.establishmentPeriodArr.push({ min: this.businessInformation.establishmentPeriodList[i].min, max: this.businessInformation.establishmentPeriodList[i].max })
                }
            }
            //近12个月纳税金额
            for (let i = 0; i < this.businessInformation.taxAmountList.length; i++) {
                if (this.businessInformation.taxAmountList[i].isSelect && this.businessInformation.taxAmountList[i].title != '不限') {
                    this.businessInformation.taxAmtArr.push(this.businessInformation.taxAmountList[i].value)
                }
            }
            //纳税信用
            for (let i = 0; i < this.businessInformation.buildYearList.length; i++) {
                if (this.businessInformation.buildYearList[i].isSelect && this.businessInformation.buildYearList[i].title != '不限') {

                    this.businessInformation.buildYearValue.push(this.businessInformation.buildYearList[i].value)

                }
            }
        },


        // 成立年限选择
        establishmentPeriodSelect(establishmentPeriodItem, index) {
            this.businessInformation.establishmentPeriodList[index].isSelect = !this.businessInformation.establishmentPeriodList[index].isSelect;
            if (establishmentPeriodItem.name == "3个月内") {
                let nowToday = new Date()
                nowToday.setMonth(nowToday.getMonth() - 3)
                let threeMonthsAgo = nowToday.toISOString().split('T')[0]
                establishmentPeriodItem.max = this.todayDate.replace(/-/g, '')
                establishmentPeriodItem.min = threeMonthsAgo.replace(/-/g, '')
            } else if (establishmentPeriodItem.name == "1年内") {
                let nowToday = new Date()
                nowToday.setFullYear(nowToday.getFullYear() - 1)
                let previousYear = nowToday.getFullYear()
                let month = ('0' + (nowToday.getMonth() + 1)).slice(-2)
                let day = ('0' + nowToday.getDate()).slice(-2)
                let previousDate = `${previousYear}-${month}-${day}`
                establishmentPeriodItem.max = this.todayDate.replace(/-/g, '')
                establishmentPeriodItem.min = previousDate.replace(/-/g, '')
            } else if (establishmentPeriodItem.name == "1-3年") {
                let nowToday = new Date()
                nowToday.setFullYear(nowToday.getFullYear() - 1)
                let previousYear = nowToday.getFullYear()
                let tNowDay = new Date()
                tNowDay.setFullYear(tNowDay.getFullYear() - 3)
                let threeYearsAgo = tNowDay.getFullYear()
                let month = ('0' + (nowToday.getMonth() + 1)).slice(-2)
                let day = ('0' + nowToday.getDate()).slice(-2)
                let previousDate = `${previousYear}-${month}-${day}`
                let threeYearsDate = `${threeYearsAgo}-${month}-${day}`
                establishmentPeriodItem.max = previousDate.replace(/-/g, '')
                establishmentPeriodItem.min = threeYearsDate.replace(/-/g, '')
            } else if (establishmentPeriodItem.name == "3年及以上") {
                let nowToday = new Date()
                nowToday.setFullYear(nowToday.getFullYear() - 3)
                let threeYearsAgo = nowToday.getFullYear()
                let month = ('0' + (nowToday.getMonth() + 1)).slice(-2)
                let day = ('0' + nowToday.getDate()).slice(-2)
                let threeYearsDate = `${threeYearsAgo}-${month}-${day}`
                establishmentPeriodItem.max = threeYearsDate.replace(/-/g, '')
            }
        },

        // 格式化时间
        geshiTime(time) {
            const date = new Date(time);
            const year = date.getFullYear();
            const month = date.getMonth() + 1;
            const day = date.getDate();
            if (month < 10) {
                if (day < 10) {
                    return time = `${year}0${month}0${day}`
                } else {
                    return time = `${year}0${month}${day}`
                }
            } else {
                if (day < 10) {
                    return time = `${year}${month}0${day}`
                } else {
                    return time = `${year}${month}${day}`
                }
            }
        },

        formatDate(date) {
            if (date.getMonth() + 1 < 10) {
                return `${date.getYear() + 1900}-0${date.getMonth() + 1}-${date.getDate()}`;
            } else {
                return `${date.getYear() + 1900}-${date.getMonth() + 1}-${date.getDate()}`;
            }
        },

        formatUpdateDate(date) {
            if (date.getMonth() + 1 < 10) {
                if (date.getDate() < 10) {
                    return `${date.getFullYear()}0${date.getMonth() + 1}0${date.getDate()}`;
                } else {
                    return `${date.getFullYear()}0${date.getMonth() + 1}${date.getDate()}`;
                }
            } else {
                if (date.getDate() < 10) {
                    return `${date.getFullYear()}${date.getMonth() + 1}0${date.getDate()}`;
                } else {
                    return `${date.getFullYear()}${date.getMonth() + 1}${date.getDate()}`;
                }
            }
        },

        // 成立年限输入变化
        establishmentPeriodNumChange(type) {
            this.businessInformation.dateSelectShow = true;
            if (type == 'min') {
                this.businessInformation.startDateShow = true;
            } else {
                this.businessInformation.endDateShow = true;
            }
        },

        // 开始时间确定
        startDateOk(value) {
            const formatDate = (date) => `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
            const formatStartDate = (date) => `${date.getFullYear()}${date.getMonth() + 1}${date.getDate()}`;
            this.businessInformation.establishmentPeriodMin = this.formatDate(value);
            this.businessInformation.establishmentPeriodMinDate = this.formatUpdateDate(value);
            this.startDate = formatStartDate(value);
            this.businessInformation.establishmentPeriodMinValue = this.businessInformation.establishmentPeriodMin;
            this.businessInformation.dateSelectShow = false;
            if (this.businessInformation.establishmentPeriodMax) {
                this.businessInformation.establishmentPeriodValue = '';
            }
            this.businessInformation.startDateShow = false;
            this.businessInformation.endDateShow = false;
        },

        // 开始时间取消
        startDateCancel() {
            this.businessInformation.dateSelectShow = false;
            this.businessInformation.establishmentPeriodMin = '开始时间';
            this.businessInformation.establishmentPeriodMinDate = '开始时间';
            this.businessInformation.startDateShow = false;
            this.businessInformation.endDateShow = false;
        },

        // 结束时间确定
        endDateOk(value) {
            const formatDate = (date) => `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
            const formatEndDate = (date) => `${date.getFullYear()}${date.getMonth() + 1}${date.getDate()}`;
            this.businessInformation.establishmentPeriodMax = this.formatDate(value);
            this.businessInformation.establishmentPeriodMaxDate = this.formatUpdateDate(value);
            this.endDate = formatEndDate(value);
            this.businessInformation.establishmentPeriodMaxValue = this.businessInformation.establishmentPeriodMax;
            this.businessInformation.dateSelectShow = false;
            if (this.businessInformation.establishmentPeriodMin) {
                this.businessInformation.establishmentPeriodValue = '';
            }
            this.businessInformation.startDateShow = false;
            this.businessInformation.endDateShow = false;
        },

        // 结束时间取消
        endDateCancel() {
            this.businessInformation.dateSelectShow = false;
            this.businessInformation.establishmentPeriodMax = '结束时间';
            this.businessInformation.establishmentPeriodMaxDate = '结束时间';
            this.businessInformation.startDateShow = false;
            this.businessInformation.endDateShow = false;
        },



        // 九维评分
        registeredCapitalSelect(registeredCapitalItem, index) {
            this.businessInformation.registeredCapitalList[index].isSelect = !this.businessInformation.registeredCapitalList[index].isSelect;
        },
        //园区选择
        parkSelect(parkItem, index) {
            this.businessInformation.parkList[index].isSelect = !this.businessInformation.parkList[index].isSelect;
        },

        // 九维评分输入变化
        registeredCapitalNumChange(type) {


        },


        // 企业状态选择
        enterpriseStatusSelect(index) {
            this.businessInformation.enterpriseStatusList[index].isSelect = !this.businessInformation.enterpriseStatusList[index].isSelect;

        },



        //机构类型选择
        commercialTypeSelect(index) {

            this.businessInformation.commercialTypeList[index].isSelect = !this.businessInformation.commercialTypeList[index].isSelect;
            if (this.businessInformation.commercialTypeList[0].isSelect) {
                this.commercial = true
            } else {
                this.commercial = false
            }

        },
        changeCommercial() {
            if (this.commercial) {
                this.businessInformation.commercialTypeList.forEach(item => {
                    item.isSelect = true
                })
            } else {
                this.businessInformation.commercialTypeList.forEach(item => {
                    item.isSelect = false
                })
            }
        },
        //常用类型选择
        frequentlyTypeSelect(index) {
            this.businessInformation.frequentlyTypeList[index].isSelect = !this.businessInformation.frequentlyTypeList[index].isSelect;
            let isSelectList = this.businessInformation.frequentlyTypeList.map(item => {
                return item.isSelect
            })
            if (isSelectList.includes(false)) {
                this.frequently = false
            } else {
                this.frequently = true
            }
        },
        changeFrequently() {
            if (this.frequently) {
                this.businessInformation.frequentlyTypeList.forEach(item => {
                    item.isSelect = true
                })
            } else {
                this.businessInformation.frequentlyTypeList.forEach(item => {
                    item.isSelect = false
                })
            }
        },
        //其他类型
        otherTypeSelect(index) {
            this.businessInformation.otherTypeList[index].isSelect = !this.businessInformation.otherTypeList[index].isSelect;
            let isSelectList = this.businessInformation.otherTypeList.map(item => {
                return item.isSelect
            })
            if (isSelectList.includes(false)) {
                this.other = false
            } else {
                this.other = true
            }
        },
        changeOther() {
            if (this.other) {
                this.businessInformation.otherTypeList.forEach(item => {
                    item.isSelect = true
                })
            } else {
                this.businessInformation.otherTypeList.forEach(item => {
                    item.isSelect = false
                })
            }
        },
        //经营状态正常
        normalTypeSelect(index) {
            this.businessInformation.normalTypeList[index].isSelect = !this.businessInformation.normalTypeList[index].isSelect;
            let isSelectList = this.businessInformation.normalTypeList.map(item => {
                return item.isSelect
            })
            if (isSelectList.includes(false)) {
                this.normal = false
            } else {
                this.normal = true
            }
        },
        changeNormal() {
            if (this.normal) {
                this.businessInformation.normalTypeList.forEach(item => {
                    item.isSelect = true
                })
            } else {
                this.businessInformation.normalTypeList.forEach(item => {
                    item.isSelect = false
                })
            }
        },
        //经营状态异常
        abnormalTypeSelect(index) {
            this.businessInformation.abnormalTypeList[index].isSelect = !this.businessInformation.abnormalTypeList[index].isSelect;
            let isSelectList = this.businessInformation.abnormalTypeList.map(item => {
                return item.isSelect
            })
            if (isSelectList.includes(false)) {
                this.abnormal = false
            } else {
                this.abnormal = true
            }
        },
        changeAbnormal() {
            if (this.abnormal) {
                this.businessInformation.abnormalTypeList.forEach(item => {
                    item.isSelect = true
                })
            } else {
                this.businessInformation.abnormalTypeList.forEach(item => {
                    item.isSelect = false
                })
            }
        },
        //经营状态其他
        statusOtherTypeSelect(index) {
            this.businessInformation.statusOtherTypeList[index].isSelect = !this.businessInformation.statusOtherTypeList[index].isSelect;
            let isSelectList = this.businessInformation.statusOtherTypeList.map(item => {
                return item.isSelect
            })
            if (isSelectList.includes(false)) {
                this.statusOther = false
            } else {
                this.statusOther = true
            }
        },
        changeStatusOther() {
            if (this.statusOther) {
                this.businessInformation.statusOtherTypeList.forEach(item => {
                    item.isSelect = true
                })
            } else {
                this.businessInformation.statusOtherTypeList.forEach(item => {
                    item.isSelect = false
                })
            }
        },
        // 是否上市
        listedIsOrNotSelect(listedIsOrNotItem) {
            this.businessInformation.listedIsOrNotValue = listedIsOrNotItem;
        },


        // 联系方式
        contactInformationSelect(contactInformationItem) {
            this.businessInformation.contactInformationValue = contactInformationItem;
        },


        // 优质名录选择
        highQualityDirectorySelect(index) {
            this.businessInformation.highQualityDirectoryList[index].isSelect = !this.businessInformation.highQualityDirectoryList[index].isSelect;
        },


        // 经营异常
        businessAbnormalitiesSelect(businessAbnormalitiesItem) {
            this.businessInformation.businessAbnormalitiesValue = businessAbnormalitiesItem;
        },
        //纳税信用
        buildYearSelect(buildYearItem, index) {
            this.businessInformation.buildYearList[index].isSelect = !this.businessInformation.buildYearList[index].isSelect;
        },
        //近12月纳税金额
        taxAmounSelect(taxAmounItem, index) {
            this.businessInformation.taxAmountList[index].isSelect = !this.businessInformation.taxAmountList[index].isSelect;
        },
        //最近12个月是否有招标投资
        callBidsSelect(callBidsItem) {
            this.businessInformation.callBidsValue = callBidsItem;
        },
        //是否有未抵押房产
        houseSelect(houseItem) {
            this.businessInformation.houseValue = houseItem;
        },
        //企业是否有动产抵押
        personalSelect(personalItem) {
            this.businessInformation.personalValue = personalItem;
        },
        //企业是否有土地抵押
        groundSelect(groundItem) {
            this.businessInformation.groundValue = groundItem;
        },
        // 股权冻结
        equityFreezeSelect(equityFreezeItem) {
            this.businessInformation.equityFreezeValue = equityFreezeItem;
        },



        // 工商行政处罚
        industrialCommercialPenaltiesSelect(industrialCommercialPenaltiesItem) {
            this.businessInformation.industrialCommercialPenaltiesValue = industrialCommercialPenaltiesItem;
        },

        // 环保评级
        environmentalRatingSelect(environmentalRatingItem) {
            this.businessInformation.environmentalRatingValue = environmentalRatingItem;
        },


        // 纳税评级
        taxRatingSelect(taxRatingItem) {
            this.businessInformation.taxRatingValue = taxRatingItem;
        },


        // 是有联系电话
        phoneFlagSelect(phoneFlagItem) {
            this.businessInformation.phoneFlag = phoneFlagItem;
        },
        //企业是否为我行开会
        accountFlagSelect(accountFlagItem) {
            this.businessInformation.accountFlag = accountFlagItem;
        },
        //法人是否为我行客户
        clientFlagSelect(clientFlagItem) {
            this.businessInformation.clientFlag = clientFlagItem;
        },
        //法人代表户籍是否本地
        localityFlagSelect(localityFlagItem) {
            this.businessInformation.localityFlag = localityFlagItem;
        },
        //是否我行有贷
        loanFlagSelect(loanFlagItem) {
            this.businessInformation.loanFlag = loanFlagItem;
        },
        //企业是否他行有贷
        businessLoanFlagSelect(businessLoanFlagItem) {
            this.businessInformation.businessLoanFlag = businessLoanFlagItem;
        },
        //小微企业
        smallFlagSelect(smallFlagItem) {
            this.businessInformation.smallFlag = smallFlagItem;
        },
        //是否有进出口资质
        getAndOutFlagSelect(getAndOutFlagItem) {
            this.businessInformation.getAndOutFlag = getAndOutFlagItem;
        },
        houseDialog() {
            this.houseDialogIsShow = true
        },
        personalDialog() {
            this.personalDialogIsShow = true
        },
        groundDialog() {
            this.groundDialogIsShow = true
        },
        businessLoanDialog() {
            this.businessLoanDialogIsShow = true
        },
        returnClick() {
            sessionStorage.setItem('tabBarActiveIndex', '0');
            if (this.isGetResult == true) {
                this.isGetResult = !this.isGetResult;
            } else {
                this.$router.push({ path: '/dashboard/home' });
            }
        },


    },
    components: {
        navbar: navbar,
        VanIcon: Icon,
        VanSearch: Search,
        VanDropdownMenu: DropdownMenu,
        VanDropdownItem: DropdownItem,
        VanArea: Area,
        VanPicker: Picker,
        VanButton: Button,
        VanCol: Col,
        VanRow: Row,
        VanSidebar: Sidebar,
        VanSidebarItem: SidebarItem,
        VanField: Field,
        VanTag: Tag,
        VanEmpty: Empty,
        VanCheckbox: Checkbox
    },
}
</script>

<style scoped>
.van-cell {
    padding: 10px 0 !important;
}

.van-dropdown-menu /deep/ .van-dropdown-menu__bar {
    box-shadow: none;
}

.search-result-box {
    /*padding-top: 46px;*/
    position: relative;
    background: #ffffff;
}

.more-screen-bottom-botton {
    border-top: solid 1px #f2f2f2;
    /*height: 60px;*/
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    width: 100%;
    padding: 10px 1rem 26px;
    background: #ffffff;
    position: fixed;
    bottom: 0;
    left: 0;
}

.van-sidebar-item--select::before {
    background: #2372eb !important;
}

.more-screen-content-right {
    display: flex;
    padding: 0.8rem 1rem 4rem 0.6rem;
}

.content-left {
    border-right: 1px solid #ccc;
    position: fixed;

}

.leftBar {
    padding: 10px 10px 10px 5px;
    font-size: 14px;
    display: block;
}

.leftBar:hover {
    color: #2372EB
}

.content-right {
    padding: 10px 0 10px 10px;
    margin-left: 5rem
}

.more-screen-content-cell {
    margin-bottom: 20px;
}

.more-title-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.more-title-h2 {
    font-size: 0.9rem;
    font-weight: 700;
}

.select-slider-show {
    font-size: 1rem;
    color: #2372eb;
    font-weight: bold;
}

.color-2372eb {
    color: #2372eb;
}

.van-search {
    padding: 0;
}

.chengli-input {
    width: 100%;
    background: #f2f2f2;
    border-radius: 6px;
    padding: 0 10px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}

.chengli-input-line {
    text-align: center;
}

.chengli-input-box {
    margin-bottom: 10px;
}

.select-item-box {
    display: flex;
    justify-content: start;
    align-items: self-start;
    flex-wrap: wrap;
    width: 100%;
}

.select-item {
    padding: 2px 10px;
    background: #f2f2f2;
    font-size: 0.8rem;
    color: #333333;
    margin: 0 10px 10px 0;
    border-radius: 4px;
}

.select-item-active {
    color: #ffffff;
    background: #2372eb;
}

.company-box {
    background: #ffffff;
    width: 100%;
    min-height: 100vh;
    padding: 10px 1rem 1rem;

}

.company-item {
    display: flex;
    justify-content: space-between;
    align-items: start;
    border: solid 1px #f2f2f2;
    border-radius: 10px;
    padding: 0.6rem;
    margin-bottom: 16px;
}

.company-item-left {
    width: 32px;
    height: 32px;
    background: #2372eb;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

.company-item-left img {
    width: 20px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mr-6 {
    margin-right: 6px;
}

.company-item-right {
    width: calc(100% - 50px);
    font-size: 0.8rem;
}

.company-item-right-title {
    font-size: 1rem;
    font-weight: bold;
}

.popup-box {
    height: 27rem;
    padding: 1rem 1rem 3rem 1rem;
}

.divider-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
}

.divider-line {
    width: 90px;
    height: 2px;
    background: #2372eb;
}

.divider-title {
    font-size: 1rem;
    color: #2372eb;
    margin: 0 6px;
}

.search-btn-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8rem;
    color: #666666;
    margin-bottom: 16px;
}

.mt-60 {
    margin-top: 60px;
}

.van-button--small {
    font-size: 16px;
    height: 40px !important;
    line-height: 40px !important;
}


.bg-2372eb {
    background: #2372EB;
}

.bg-ee8c15 {
    background: #ee8c15;
}

.bg-11c95f {
    background: #11c95f;
}

.bg-e21183 {
    background: #e21183;
}

.bg-fde809 {
    background: #fde809;
}

.bg-17b9d7 {
    background: #17b9d7;
}

.bg-db2c2c {
    background: #db2c2c;
}

.bg-9232db {
    background: #9232db;
}

.bg-8c8c8c {
    background: #8c8c8c;
}

.header-title {
    height: 46px;
    width: 100%;
    background-color: #fff;
    text-align: center;

}

.header-title-return-back {
    height: 100%;
    width: 2rem;
    line-height: 46px;
    float: left;
    font-size: 15px;
}

.header-title-name-search {
    line-height: 46px;
    margin-right: 2rem;
    align-items: center;
    justify-content: center;
    display: inline-flex;
}

.jglx_flex {
    display: flex;
    align-items: flex-start
}

.van-checkbox {
    width: 6rem
}

.driver {
    font-weight: 700;
}
</style>
