499 lines
36 KiB
PHP
499 lines
36 KiB
PHP
<div id="complex_search_form" class="hidden">
|
||
<div class="show_form" @click="toggle_form_search" v-show="!show_form">Развернуть форму<i class="ti-angle-double-down"></i></div>
|
||
<div class="main-form" v-show="show_form">
|
||
<div id="f-system-search-form">
|
||
<div class="control-cols">
|
||
<div class="control-col left">
|
||
|
||
<div class="control-group">
|
||
<div class="control subway">
|
||
<div class="form-search__main-label small-label">
|
||
<span>Страна:</span>
|
||
</div>
|
||
<div class="jw-search__multiple-select">
|
||
<v-select :components="{OpenIndicator}" @input="changeCountry" transition="" class="vue_select" style="width: 380px; border: none;" :options="country" :reduce="name => name.code" label="name" v-model="complex_filter.country_id"/>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
|
||
<div v-show="complex_filter.country_id == 171" class="control-group">
|
||
<div class="control subway">
|
||
<div class="form-search__main-label small-label">
|
||
<span>Регион РФ:</span>
|
||
</div>
|
||
<div class="jw-search__multiple-select">
|
||
<v-select :components="{OpenIndicator}" @input="changeRegion" transition="" class="vue_select" style="width: 380px; border: none;" :options="regions" :reduce="name => name.code" label="name" v-model="complex_filter.region_id"/>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
|
||
<div v-show="!isEmpty(metro_list) && complex_filter.country_id == 171" class="control-group">
|
||
<div class="control subway">
|
||
<div class="form-search__main-label small-label">
|
||
<span>Метро:</span>
|
||
</div>
|
||
<div class="jw-search__multiple-select">
|
||
<v-select :components="{OpenIndicator}" transition="" class="vue_select" multiple="multiple" style="width: 380px;border: none;" :options="metro_list" :reduce="name => name.code" label="name" v-model="complex_filter.metros"/>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
|
||
<div class="control-group">
|
||
<div class="control period">
|
||
<div class="form-search__main-label small-label">
|
||
<span>Период по:</span>
|
||
</div>
|
||
<div class="">
|
||
<v-select :components="{OpenIndicator}" transition="" class="vue_select" style="width: 380px;border: none;" :options="period_list" :reduce="name => name.code" label="name" v-model="complex_filter.period"/>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
<div class="control-group">
|
||
<div class="control residential">
|
||
<div class="form-search__main-label small-label">
|
||
<span>Комплекс:</span>
|
||
</div>
|
||
<div class="">
|
||
<v-select :components="{OpenIndicator}" transition="" class="vue_select" multiple="multiple" style="width: 380px;border: none;" :options="complex_list" :reduce="name => name.code" label="name" v-model="complex_filter.complexes">
|
||
<div slot="no-options">Нет добавленных комплексов</div>
|
||
</v-select>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
<!--<div class="control-group">
|
||
<div class="control decoration">
|
||
<div class="form-search__main-label small-label">
|
||
<span>Отделка:</span>
|
||
</div>
|
||
<div class="jw-search__multiple-select">
|
||
<v-select :components="{OpenIndicator}" transition="" class="vue_select" multiple="multiple" style="width: 380px; border: none;" :options="decoration" :reduce="name => name.code" label="name" v-model="complex_filter.decorations"/>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
<div class="clear"></div>
|
||
</div> -->
|
||
</div>
|
||
|
||
<div class="control-col right">
|
||
<div class="control-group">
|
||
<div class="control n-type">
|
||
<div class="form-search__main-label small-label">
|
||
<span>Тип комплекса:</span>
|
||
</div>
|
||
<div class="jw-search__multiple-select">
|
||
<v-select :components="{OpenIndicator}" transition="" class="vue_select" multiple="multiple" style="width: 380px; border: none;" :options="types_complex" :reduce="name => name.code" label="name" v-model="complex_filter.types_complex"/>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
<div class="control-group">
|
||
<div class="control developer">
|
||
<div class="form-search__main-label small-label">
|
||
<span>Застройщик:</span>
|
||
</div>
|
||
<div class="jw-search__multiple-select">
|
||
<v-select :components="{OpenIndicator}" transition="" class="vue_select" multiple="multiple" style="width: 380px; border: none;" :options="builder_list" :reduce="name => name.code" label="name" v-model="complex_filter.builders">
|
||
<div slot="no-options">Нет добавленных застройщиков</div>
|
||
</v-select>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
<div class="control-group">
|
||
<div class="control n-type">
|
||
<div class="form-search__main-label small-label">
|
||
<span>Тип:</span>
|
||
</div>
|
||
<div class="jw-search__multiple-select">
|
||
<v-select :components="{OpenIndicator}" transition="" class="vue_select" multiple="multiple" style="width: 380px; border: none;" :options="types_room" :reduce="name => name.code" label="name" v-model="complex_filter.types_room"/>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
|
||
<div class="control-group">
|
||
<div class="control payment">
|
||
<div class="form-search__main-label small-label">
|
||
<span>Оплата:</span>
|
||
</div>
|
||
<div class="jw-search__multiple-select">
|
||
<v-select :components="{OpenIndicator}" transition="" class="vue_select" multiple="multiple" style="width: 380px; border: none;" :options="paymentTypes" :reduce="name => name.code" label="name" v-model="complex_filter.payment_types"/>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
|
||
<div class="control-group">
|
||
<div class="control payment">
|
||
<div class="form-search__main-label small-label">
|
||
<span>Отделка:</span>
|
||
</div>
|
||
<div class="jw-search__multiple-select">
|
||
<v-select :components="{OpenIndicator}" transition="" class="vue_select" multiple="multiple" style="width: 380px; border: none;" :options="decarationTypes" :reduce="name => name.code" label="name" v-model="complex_filter.decaration_types"/>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
</div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
<div class="control-groupline">
|
||
<div class="control-group">
|
||
<div class="control">
|
||
<div class="form-search__main-label small-label"><span>Площадь:</span></div>
|
||
<div class="control-inputs">
|
||
<div class="inputs-group">
|
||
<input type="number" class="text small-input no-mrg-left" min="0" max="1000" name="sq_all_ot" v-model="complex_filter.sq_all_ot" placeholder="от" value="">
|
||
<input type="number" class="text small-input" min="0" max="1000" name="sq_all_do" v-model="complex_filter.sq_all_do" placeholder="до" value="">
|
||
<span class="form-label with-pad"> м<sup>2</sup></span>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="control-group">
|
||
<div class="control">
|
||
<div class="form-search__main-label small-label"><span>Этаж:</span></div>
|
||
<div class="control-inputs">
|
||
<div class="inputs-group">
|
||
<input type="number" class="text small-input no-mrg-left" min="0" max="100" name="flat_floor_ot" placeholder="от" v-model="complex_filter.flat_floor_ot">
|
||
<input type="number" class="text small-input" min="0" max="100" name="flat_floor_do" placeholder="до" v-model="complex_filter.flat_floor_do">
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="control-group newb-search">
|
||
<div class="control">
|
||
<div class="form-search__main-label small-label">
|
||
<span>Цена:</span>
|
||
</div>
|
||
<div class="control-inputs">
|
||
<div class="inputs-group">
|
||
<div class="fr-input fr-price">
|
||
<input type="text" id="stoim_ot" class="text price medium-input no-mrg-left money-format money" name="stoim_ot" placeholder="от" value="">
|
||
<div class="fr-ui-slider slider_newbuiding1" id="e-form-slider"></div>
|
||
</div>
|
||
<div class="fr-input fr-price second">
|
||
<input type="text" id="stoim_do" class="text price medium-input money-format money" name="stoim_do" placeholder="до" value="">
|
||
<div class="fr-ui-slider slider_newbuiding2" id="e-form-slider"></div>
|
||
</div>
|
||
<span class="form-label with-pad"> <span class="rub">p</span></span>
|
||
<button @click="clearAllFilter" style="margin-left: 9%;" class="fr-btn steel small" type="button">Очистить форму</button>
|
||
<div class="clear"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="control-group last-level" style="margin-top: 0;">
|
||
<input type="hidden" name="hide_form" value="1">
|
||
<input type="hidden" name="do_search" value="1">
|
||
|
||
<button class="button-fl-left big-button" @click="search" type="submit">Найти</button>
|
||
<div class="load-bar" :class="{'hidden': !is_looad}" style="top: auto !important;">
|
||
<div class="bar"></div>
|
||
<div class="bar"></div>
|
||
<div class="bar"></div>
|
||
<div class="load-bar__center">
|
||
<span class="load-bar__loading">Поиск...</span>
|
||
</div>
|
||
</div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div v-show="all_pages > 1" class="f-system_pagination">
|
||
<ul class="pagination">
|
||
<template v-if="page==1">
|
||
<li class=active><a href='javascript:{}'>1</a></li>
|
||
</template>
|
||
<template v-else>
|
||
<li><a href="javascript:{}" @click="pagin(prevPage)" :data-page="prevPage">«</a></li>
|
||
<li><a href="javascript:{}" @click="pagin(1)" data-page="1">1</a></li>
|
||
</template>
|
||
<template v-if="all_pages > 8 && page > 4">
|
||
<li><a href="javascript:{}">...</a></li>
|
||
</template>
|
||
<template v-for="pp in pagePagin">
|
||
<li :class="{active:pp==page}"><a href="javascript:{}" @click="pagin(pp)" :data-page="pp">{{pp}}</a></li>
|
||
</template>
|
||
<template v-if="all_pages > 8 && page < all_pages - 4">
|
||
<li><a href="javascript:{}">...</a></li>
|
||
</template>
|
||
<template v-if="page == all_pages">
|
||
<li class="active"><a href="javascript:{}" @click="pagin(all_pages)" :data-page="all_pages">{{all_pages}}</a></li>
|
||
</template>
|
||
<template v-else>
|
||
<li><a href="javascript:{}" @click="pagin(all_pages)" :data-page="all_pages">{{all_pages}}</a></li>
|
||
<li><a href="javascript:{}" @click="pagin(page+1)" data-page="page+1">»</a></li>
|
||
</template>
|
||
</ul>
|
||
<div class="clear"></div>
|
||
|
||
</div>
|
||
|
||
<div class="jw-new-residence">
|
||
|
||
|
||
|
||
<div v-show="total > 0">
|
||
|
||
<div v-for="(item, item_id) in items" class="jw__object item" :id="item_id">
|
||
|
||
<div class="object-images" id="">
|
||
<div class="fotorama" data-height="328px" data-width="100%" data-allowfullscreen="true" data-fit="cover" data-nav="false">
|
||
|
||
<img v-for="image in item.images" :src="image.image">
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="object-content">
|
||
<div class="object-content__actions" style="border-bottom:none;">
|
||
<div class="actions-menu__icons">
|
||
<span class="jw__small-popup ti-more-alt" :data-id="'actions_'+item.id"></span>
|
||
<div class="jw__popup actions-menu" :id="'popup__actions_'+item.id">
|
||
<div class="actions-menu__inner">
|
||
<a :href="'/add-object.php?complex_id='+item.id" :data-id="item.id"><span>Добавить Объект</span></a>
|
||
<!-- <a href="javascript:{}" :data-id="item.id" @click="arhive(item.id)"><span>Архивировать ЖК</span></a>-->
|
||
<a href="javascript:{}" :data-id="item.id" @click=edit(item.id)><span>Редактировать ЖК</span></a>
|
||
<a v-if="item.can_delete > 0" href="javascript:{}" :data-id="item.id" @click="delete_complex(item.id)"><span>Удалить ЖК</span></a>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--
|
||
<div class="object-content__top">
|
||
<div class="top-info">
|
||
<span>Квартир: </span>
|
||
</div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
-->
|
||
<div class="object-content__name">
|
||
<div class="name">
|
||
<h2>
|
||
<a @click="moveComplexObject(item_id)" href="javascript:{}" v-html="item.name"></a>
|
||
</h2>
|
||
</div>
|
||
<div v-if="!isEmpty(item.builder)" class="builder" style="right: 100px">
|
||
|
||
<img v-if="!isEmpty(item.builder.logo)" :src="item.builder.logo">
|
||
|
||
<span>{{ item.builder.name }}</span>
|
||
</div>
|
||
<div class="clear"></div>
|
||
<div class="preloader"></div>
|
||
</div>
|
||
<div class="object-content__info-row" style="border-bottom: 1px solid #f3f3f3;">
|
||
<table>
|
||
<tbody>
|
||
<tr>
|
||
<td class="place">
|
||
<div class="inner">
|
||
<template v-show="!isEmpty(item.metros)">
|
||
<div class="subway" v-for="metro in item.metros">
|
||
<span class="subway__logo"><img src="/images/metro4.png" height="13" width="17"></span>
|
||
<span>{{ metro.metro }}
|
||
<span v-if="metro.subway_distance == 1" class="time">{{ metro.subway_time }} Минут пешком</span>
|
||
<span v-else class="time">{{ metro.subway_time }} Минут на транспорте</span>
|
||
</span>
|
||
</div>
|
||
</template>
|
||
<div class="district">
|
||
<span></span>
|
||
</div>
|
||
<div class="address">
|
||
<span>{{ item.address.address }}</span>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td v-if="!isEmpty(item.corpuses)" class="info">
|
||
<div class="inner" style="overflow: scroll;height: 90px;">
|
||
|
||
<div v-for="corpus in item.corpuses" class="rules">
|
||
<span>{{ corpus.line }} очередь. Корпус {{ corpus.corpus }}</span>
|
||
<span> - {{ corpus.deadline }}</span>
|
||
</div>
|
||
|
||
</div>
|
||
</td>
|
||
<td class="info">
|
||
<div class="inner">
|
||
|
||
<div class="rules">
|
||
<span></span>
|
||
</div>
|
||
|
||
|
||
|
||
<div v-if="!isEmpty(item.decoration)" class="decoration">
|
||
<span>{{ item.decoration }}</span>
|
||
</div>
|
||
|
||
<div class="payment">
|
||
<span></span>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="object-content__main-actions" style="border-bottom: none;">
|
||
<div class="jw__action-button">
|
||
<div class="action-button actionJW advertisingBtn" title="Рекламировать" :data-id="item.id" data-archive="0">
|
||
Реклама
|
||
</div>
|
||
</div>
|
||
<div :id="'advertisings__'+item.id" class="object-content__sub-actions actionAdv" style="display:none; margin: -180px 0 0 0px;">
|
||
<div class="closer"><a href="#" onclick="return false;"><img src="/images/close_modal.svg"></a></div>
|
||
<table>
|
||
<tbody>
|
||
<tr>
|
||
<td style="padding-bottom: 10px">
|
||
<div class="jw__action-button with-check" style="width: 112px; text-align: center;">
|
||
<div class="action-button actionJW actionAdvButton addToZipal " onclick="showZipalVariants(this)" :data-id="item.id">
|
||
С отчетами
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="jw__action-button with-check" style="width: 112px; text-align: center;">
|
||
<div class="action-button actionJW actionAdvButton addToFreeAdv " :class="{'active': item.add_to_yandex_feed}" @click="switchCanAd(item.id, 'COMPLEX_FREE_JW_FEED');" :data-id="item.id" title="">Бесплатные</div>
|
||
</div>
|
||
<div class="source-list">
|
||
<div class="source-list__button">
|
||
<i class="ti-help-alt"></i>
|
||
</div>
|
||
<div class="jw__popup source-list__popup">
|
||
<ul>
|
||
<li>Egent.ru</li>
|
||
<li>Chastnik.ru</li>
|
||
<li>QP.ru</li>
|
||
<li>Realtymag.ru</li>
|
||
<li>Rentzilla.ru</li>
|
||
<li>Kvmeter.ru</li>
|
||
<li>Rucountry.ru</li>
|
||
<li>Bestru.ru</li>
|
||
<li>Gde.ru</li>
|
||
<li>G-N.ru</li>
|
||
<li>Nedvrf.ru</li>
|
||
<li>Квартиры-домики.рф</li>
|
||
<li>baza.estate</li>
|
||
<li>Restate.ru</li>
|
||
<li>Akula.com</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="padding-bottom: 10px">
|
||
|
||
<div class="jw__action-button with-check" style="width: 112px; text-align: center;">
|
||
<div class="action-button actionJW actionAdvButton addToAvito " :class="{'active': item.add_to_avito_feed}" @click="switchCanAvitoAd(item.id, 'COMPLEX_AVITO_JW_FEED');" :data-id="item.id" title="Необходимо наличие магазина Avito">
|
||
<img class="bBnru" src="/images/avito.svg" :data-id="item.id">
|
||
</div>
|
||
</div>
|
||
<div class="jw__action-button with-check" style="width: 112px; text-align: center;">
|
||
<div class="action-button actionJW actionAdvButton addToCian " :class="{'active': item.add_to_cian_feed}" @click="switchCanCianAd(item.id, 'COMPLEX_CIAN_JW_FEED')" :data-id="item.id" title="Необходимо наличие аккаутна на cian.ru">
|
||
<img class="bRealCian" src="/images/cian.png">
|
||
</div>
|
||
</div>
|
||
<div class="jw__action-button with-check" style="width: 112px; text-align: center;">
|
||
<div style="padding-left: 8px;" class="action-button actionJW actionAdvButton advPack" :data-id="item.id" title="Рекламные пакеты">
|
||
Пакеты
|
||
</div>
|
||
</div>
|
||
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
|
||
<div class="jw__action-button with-check" style="width: 112px; text-align: center;">
|
||
<div class="action-button actionJW actionAdvButton addToDomClick " :class="{'active': item.add_to_domclick_feed}" @click="switchDomAd(item.id, 'COMPLEX_DOMCLICK_JW_FEED');" :data-id="item.id" title="Размещение на Домклик">
|
||
<img class="bBnru" style="top: 5px;" src="/images/domcl.jpg" :data-id="item.id">
|
||
</div>
|
||
</div>
|
||
<div class="jw__action-button with-check" style="width: 112px; text-align: center;">
|
||
<div class="action-button actionJW actionAdvButton addToEMLS" :class="{'active': item.add_to_emls_feed}" @click="switchCanEmlsAd(item.id, 'COMPLEX_EMLS_JW_FEED')" :data-id="item.id" title="Необходимо наличие регистрации Jcat">
|
||
<img class="bCian" src="/images/jcat.png">
|
||
</div>
|
||
</div>
|
||
<div class="jw__action-button with-check" style="width: 112px; text-align: center;">
|
||
<div class="action-button actionJW actionAdvButton addToBn " :class="{'active': item.add_to_bn_feed}" @click="switchAd(item.id, 'COMPLEX_YANDEX_JW_FEED');" :data-id="item.id">
|
||
<img class="bBnru" src="/images/yandex.png">
|
||
</div>
|
||
</div>
|
||
<div class="source-how" style="padding-top: 10px;">
|
||
<div class="source-how__button">
|
||
<i class="ti-info-alt" title=""></i>
|
||
</div>
|
||
<div class="jw__popup source-how__popup">
|
||
<p>Для подключения ДомКлик, Avito, Domofond, EMLS, ЦИАН и BN свяжитесь с нами по телефону 8 (812) 765-08-01</p>
|
||
</div>
|
||
</div>
|
||
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<div class="clear"></div>
|
||
</div>
|
||
|
||
<!--<div class="checkbox small">
|
||
<input :id="'addComplexToAdvertSwitcher__'+item.id" @input="advertsSwitch($event, item.id)" true-value="1" false-value="0" v-model="item.use_in_advert" type="checkbox">
|
||
<label :for="'addComplexToAdvertSwitcher__'+item.id">В рекламу</label>
|
||
</div>-->
|
||
<div class="clear"></div>
|
||
</div>
|
||
<div class="object-content__price">
|
||
<div class="inner">
|
||
<div class="main-price">
|
||
<a href="javascript:{}" @click="showObjects(item.id)">
|
||
<button class="action-button actionJW">{{ item.objects_total }} объектов</button>
|
||
</a>
|
||
<div class="clear"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
</div>
|
||
<div v-show="total==0" class="empty-block">
|
||
|
||
<h1><i class="ti-na"></i></h1>
|
||
|
||
<h2>К сожалению, ничего не найдено</h2>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|