放大镜下拉框

<!--付款账户-->
<f-form-item :label="$t('i18n.fund-reservation-apply.reqPaymentForm.fundReservationNo')" prop="fundReservationNo">
    <com-magnifier-single
        v-model="reqPaymentForm.fundReservationNo"
        :title="$t('i18n.fund-reservation-apply.reqPaymentForm.fundReservationNo')"
        :placeholder="$t('i18n.fund-reservation-apply.reqPaymentForm.fundReservationNo')"
        :extraData="payAccountExtraData"
        :formModel="reqPaymentForm"
        :beforeOpen="handleBeforeOpen"
        :searchModel="searchPayAccForm"
        :dataSource="queryPayAccountInfo"
        filterable
        filterKey="acctNo"
        valueKey="acctNo"
        :matchKey="{
                fundReservationId:'acctKey',
                fundReservationNo:'acctNo',
                fundReservationName:'acctName',
                legalPersonOrgId:'legalPersonOrgKey',
                legalPersonOrgCode:'legalPersonOrgCode',
                legalPersonOrgName:'legalPersonOrgName'
        }"
    >
        <!-- 放大镜搜索区域 -->
        <template v-slot:search>
            <f-form-item :label="$t('i18n.common.components.account.acctNo')" prop="acctNo">
                <f-input v-model="searchPayAccForm.acctNo"></f-input>
            </f-form-item>
            <f-form-item :label="$t('i18n.common.components.account.acctName')" prop="acctName">
                <f-input v-model="searchPayAccForm.acctName"></f-input>
            </f-form-item>

            <f-form-item :label="$t('i18n.fund-reservation-apply.reqPaymentForm.bankTypeName')" prop="cooperativeInstitutionCode">
                <com-select-scroll
                    v-model="searchPayAccForm.cooperativeInstitutionCode"
                    :formModel.sync="searchPayAccForm"
                    :matchKey="{ cooperativeInstitutionCode: 'code'}"
                    :dataSource="$api.fdpl.common.queryBankTypeListUrl"
                    :remoteFilterKey="['name']"
                    :props="{label: 'name', value: 'code'}"
                    filterable
                    remote
                    openLoading
                >
                </com-select-scroll>
            </f-form-item>
        </template>
        <!-- 放大镜 分页表格区域 -->
        <template>
            <!-- 账户名称 -->
            <f-magnifier-column prop="acctName" :label="$t('i18n.common.components.account.acctName')"></f-magnifier-column>
            <!-- 账户号 -->
            <f-magnifier-column prop="acctNo" :label="$t('i18n.common.components.account.acctNo')"></f-magnifier-column>
            <!-- 币种 -->
            <f-magnifier-column prop="currencyName" :label="$t('i18n.common.components.account.currencyName')"></f-magnifier-column>
            <!-- 使用单位 -->
            <f-magnifier-column prop="useOrgName" :label="$t('i18n.req-payment-apply-add.newInfo.info2')"></f-magnifier-column>
            <!-- 开户单位 也就是开户单位 -->
            <f-magnifier-column prop="legalPersonOrgName" :label="$t('i18n.req-payment-apply-add.newInfo.info3')"></f-magnifier-column>
            <!-- 合作金融机构 -->
            <f-magnifier-column prop="cooperativeInstitutionName" :label="$t('i18n.req-payment-apply-add.newInfo.info4')"></f-magnifier-column>
            <!-- 开户行名称 -->
            <f-magnifier-column prop="cooperativeFinancNetName" :label="$t('i18n.common.components.account.bankName')"></f-magnifier-column>

        </template>
    </com-magnifier-single>

</f-form-item>

<!-- 开户单位-->
<f-form-item label="开户单位" prop="legalPersonOrgName" >
    <f-input v-model="reqPaymentForm.legalPersonOrgName" readonly></f-input>
</f-form-item>

<!-- 受理单位 -->
<f-form-item :label="$t('i18n.fund-reservation-apply.reqPaymentForm.acceptUnitName')" prop="acceptUnitName">
    <org-select-single
        v-model="reqPaymentForm.acceptUnitName"
        :dataSource="$api.fdpl.common.queryFatherOrgInfosUrl"
        :formModel.sync="reqPaymentForm"
        :remoteFilterKey="['orgCodeOrName']"
        :props="{label: 'orgName', value: 'orgKey'}"
        :disabled="acceptUnitDis"
        :matchKey="{ acceptUnitCode: 'orgCode',acceptUnitName:'orgName',acceptUnitId: 'orgKey'}"
        :extraData="{orgKey:reqPaymentForm.applyId}"
        :beforeOpen="beforeOpenAcceptUnit"
    ></org-select-single>
</f-form-item>