202 lines
12 KiB
PHP
202 lines
12 KiB
PHP
<div id="union_clients" class="hidden">
|
|
<div class="f__modal-bg" v-show="is_show">
|
|
<div id="union_clients_modal-bg" class="f__modal full-modal" v-show="is_show" style="top:30px;padding-bottom:30px;bottom:30px;min-width:80vw;">
|
|
<span class="pseudo-link closer" @click="close"><i class="ti-close"></i></span>
|
|
<h3>Сооединить клиентов</h3>
|
|
|
|
<div class="form crm">
|
|
<div v-if="isError" class="first-level error_msg" v-html="errorText"></div>
|
|
<div class="block first-level">
|
|
<h2>Главный клиент (к которому присоединяют)</h2>
|
|
<div v-if="prealoaderMain" style="text-align:center; margin-top: 25px; position: unset; width: 100%">
|
|
<img src="../images/rocket-spinner.svg" width="96px">
|
|
</div>
|
|
<template v-else>
|
|
<template v-if="!isEmpty(client_main)">
|
|
<div class="control-group control-line crm__dashboard">
|
|
<div class="crm__widget dashboard__widget widget33" :class="{'widget-colored expired-tasks-requisitions': client_main.is_show_dop}">
|
|
<div class="widget-inner">
|
|
<div class="widget-head">
|
|
<div class="widget-title">{{ client_main.phone }}</div>
|
|
</div>
|
|
<div>ФИО: {{ client_main.fio }}</div>
|
|
<div>Email: {{ client_main.email }}</div>
|
|
<div>ID: {{ client_main.id }}</div>
|
|
<div class="widget-number">
|
|
<a href="javascript:{}" title="Убрать из главных" @click="delete_main" class= "tab tab__new-object">
|
|
<i class="ti-thumb-down"></i><span></span>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="control-line" v-if="!isEmpty(client_main) && !isEmpty(clients_dop)">
|
|
<button @click="start_union" type="button" class="tab__controls-filter-btn tab__controls-filter-btn--green btn-default" style="padding: 6px; height: 40px; margin-top: 27px; width: 250px;">Объединить</button>
|
|
<div class="checkbox small" style="margin-bottom:0px; margin-top: 15px; margin-left: 25px">
|
|
<input v-model="is_union_req" type="checkbox" id="union_reqs">
|
|
<label for="union_reqs">Объединить заявки одного типа</label>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="clear"></div>
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<div v-else class="control-group">
|
|
<div class="empty-block">
|
|
<h1><i class="ti-na"></i></h1>
|
|
<h2>Клиент не добавлен</h2>
|
|
</div>
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="block first-level">
|
|
<h2>Дополнительные Клиенты (которые присоединяют)</h2>
|
|
<div v-if="prealoaderDop" style="text-align:center; margin-top: 25px; position: unset; width: 100%">
|
|
<img src="../images/rocket-spinner.svg" width="96px">
|
|
</div>
|
|
<template v-else>
|
|
<div v-if="!isEmpty(clients_dop)" class="control-group crm__dashboard">
|
|
|
|
<div v-for="(client, indexClientDop) in clients_dop" class="crm__widget dashboard__widget widget33" :class="{'widget-colored expired-tasks-requisitions': client.is_show_dop}">
|
|
<div class="widget-inner">
|
|
<div class="widget-head">
|
|
<div class="widget-title">{{ client.phone }}</div>
|
|
</div>
|
|
<div>ФИО: {{ client.fio }}</div>
|
|
<div>Email: {{ client.email }}</div>
|
|
<div>ID: {{ client.id }}</div>
|
|
<div class="widget-number">
|
|
<a href="javascript:{}" title="Сделать главным" @click="send_main(client)" class= "tab tab__new-object">
|
|
<i class="ti-thumb-up"></i><span></span>
|
|
</a>
|
|
<a href="javascript:{}" title="Перенести в поиск" @click="send_search(client)" class= "tab tab__new-object">
|
|
<i class="ti-arrow-down"></i><span></span>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div v-else class="control-group">
|
|
<div class="empty-block">
|
|
<h1><i class="ti-na"></i></h1>
|
|
<h2>Клиенты не добавлены</h2>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
|
|
<div class="block first-level" style="border-bottom: none;">
|
|
<h2>Поиск</h2>
|
|
<div class=" crm__dashboard">
|
|
<div class="control-group" style="padding-right:25px">
|
|
<div class="form-search__main-label small-label">
|
|
<label for="asfiltr-comment">ID: </label>
|
|
</div>
|
|
<div class="inputs">
|
|
<input type="number" class="text no-mrg-left" placeholder="ID клиента" v-model="id_search">
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div class="control-group" style="padding-right:25px">
|
|
<div class="form-search__main-label small-label">
|
|
<label for="asfiltr-comment">Телефон: </label>
|
|
|
|
</div>
|
|
<div class="inputs">
|
|
<input type="text" class="text no-mrg-left" placeholder="Телефон клиента" v-model="phone_search">
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div class="control-group" style="padding-right:25px">
|
|
<div class="form-search__main-label small-label">
|
|
<label for="asfiltr-comment">ФИО: </label>
|
|
|
|
</div>
|
|
<div class="inputs">
|
|
<input type="text" class="text no-mrg-left" placeholder="ФИО клиента" v-model="fio_search">
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div class="control-group">
|
|
<button class="tab__controls-filter-btn tab__controls-filter-btn--green btn-default" style="padding: 6px;height: 40px;margin-top: 27px" @click="search" type="button">Искать</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="block first-level">
|
|
<div v-if="prealoaderSearch" style="text-align:center; margin-top: 25px; position: unset; width: 100%">
|
|
<img src="../images/rocket-spinner.svg" width="96px">
|
|
</div>
|
|
|
|
<template v-else>
|
|
<div v-if="!isEmpty(clients_search)" class="control-group crm__dashboard">
|
|
|
|
<div v-for="(client, index_client) in clients_search" class="crm__widget dashboard__widget widget33">
|
|
<div class="widget-inner">
|
|
<div class="widget-head">
|
|
<div class="widget-title">{{ client.phone }}</div>
|
|
</div>
|
|
<div>ФИО: {{ client.fio }}</div>
|
|
<div>Email: {{ client.email }}</div>
|
|
<div>ID: {{ client.id }}</div>
|
|
<div class="widget-number">
|
|
<a href="javascript:{}" title="Сделать главным" @click="send_main(client)" class= "tab tab__new-object">
|
|
<i class="ti-thumb-up"></i><span></span>
|
|
</a>
|
|
<a href="javascript:{}" title="Перенести в дополнительные клиенты" @click="send_dop(client)" class="tab tab__new-object">
|
|
<i class="ti-arrow-up"></i><span></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div v-else class="control-group">
|
|
<div class="empty-block">
|
|
<h1><i class="ti-na"></i></h1>
|
|
<h2>Клиенты не найдены</h2>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
<div class="clear" style="padding-top: 50px;"></div>
|
|
</div>
|
|
<div class="modal-submit" style="margin-top: 30px;">
|
|
<input type="hidden" name="id" value="">
|
|
|
|
<input type="hidden" name="req_id" value="">
|
|
<input type="hidden" name="filter_id" value="">
|
|
<button @click="close" type="button">
|
|
Закрыть <i class="ti-angle-right"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="f__modal-bg" v-show="is_show_error" style="z-index: 99999;">
|
|
|
|
<div class="f__modal full-modal" style="padding-bottom: 20px" v-show="is_show_error">
|
|
|
|
<div style="font-size:18px; padding-bottom: 15px;">
|
|
|
|
{{ text_error }}
|
|
</div>
|
|
<button @click="is_show_error = false" type="button" style="margin-bottom:7px; background: linear-gradient(to bottom, rgba(229, 83, 71, 1) 0%, rgba(226, 87, 76, 1) 100%);" class="new_req green_button">
|
|
Понятно
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="/js/locale/translations/ru.js"></script>
|
|
<script type="text/javascript" src="/js/vue_scripts/union_clients_vue.js?<?=filemtime($_SERVER['DOCUMENT_ROOT'].'/js/vue_scripts/union_clients_vue.js')?>"></script>
|
|
|