84 lines
5.6 KiB
PHP
84 lines
5.6 KiB
PHP
<div id="contract_form" class="hidden">
|
||
<div class="full_modal-bg" style="z-index: 99999;" v-show="isShow">
|
||
<span class="pseudo-link closer"><i class="ti-close" @click="closes()"></i></span>
|
||
<div class="full_modal edit-modal new-client__modal" style="max-width: 1050px">
|
||
<div class="form-validate">
|
||
<div class="modal-inner">
|
||
<div v-if="errorMes" class="error_msg" v-html="errorText"></div>
|
||
<h2 v-if="id == 0">Добавить договор</h2>
|
||
<h2 v-else>Изменить договор</h2>
|
||
<div class="jv-tabs">
|
||
<div>
|
||
<template v-if="isPreloader == 1">
|
||
<div style="text-align:center; margin-top: 25px; position: revert;" class="object-content__preloader">
|
||
<img src="../images/rocket-spinner.svg" width="96px">
|
||
</div>
|
||
</template>
|
||
<template v-else>
|
||
<div class="form-block">
|
||
<div class="label">Тип договора</div>
|
||
<div class="inputs">
|
||
<v-select :components="{OpenIndicator}" transition="" class="vue_select" :class="{'invalid': errors.type == 1}" style="width: 400px; border: none;" :options="types_contract" :reduce="type => type.code" label="type" v-model="type_contract"/>
|
||
</div>
|
||
<div class="" style="clear: both; padding-top: 8px; margin-left: 23%;" wfd-invisible="true"><a title="Перейти к редактированию типов" href="/settings.php?#contract_types" style="margin-right: 20px;"><i class="ti-pencil"></i><span> Редактор типов договоров</span></a> <div class="clear"></div></div>
|
||
</div>
|
||
<div class="form-block">
|
||
<div class="label">Номер договора</div>
|
||
<div class="inputs">
|
||
<input v-model.trim="number" class="text" :class="{'invalid': errors.number == 1}" v-model="number" type="text" style="width:400px;">
|
||
</div>
|
||
</div>
|
||
<div class="form-block">
|
||
<div class="label">Период договора</div>
|
||
<div class="inputs">
|
||
<div class="contract_calendar">
|
||
<div class="label">Дата начала</div>
|
||
<vuejs-datepicker v-model="date_start" :class="{'invalid': errors.calendar == 1}" :inline="true" :full-month-name="true" :language="ru" :format="format" :monday-first="mondayfirst"></vuejs-datepicker>
|
||
</div>
|
||
<div class="contract_calendar">
|
||
<div class="label">Дата окончания</div>
|
||
<vuejs-datepicker v-model="date_end" :class="{'invalid': errors.calendar == 1}" :inline="true" :full-month-name="true" :language="ru" :format="format" :monday-first="mondayfirst"></vuejs-datepicker>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-block">
|
||
<div class="label">Предупредить об окончании
|
||
<div class="clear"></div>
|
||
<p style="font-size:13px; margin-top: 5px;">
|
||
<i class="ti-info-alt"></i> Укажите за сколько дней до окончания договора вам отправить уведомление.
|
||
</p>
|
||
</div>
|
||
<div class="inputs">
|
||
<input v-model.number="days_mes_end" class="text" type="number" style="width:400px;">
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<div class="form-block">
|
||
<div class="label">Не отправлять уведомления
|
||
</div>
|
||
<div class="inputs">
|
||
<div class="checkbox small" style="margin-bottom:0px;">
|
||
<input type="checkbox" id="no_mes_end" v-model="no_mes_end" :checked="Boolean(no_mes_end)">
|
||
<label for="no_mes_end"></label>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</template>
|
||
|
||
<div class="clear"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-submit">
|
||
<button @click="save" type="button">Сохранить <i class="ti-angle-right"></i></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="/js/locale/translations/ru.js"></script>
|
||
<script type="text/javascript" src="/js/vue_scripts/contract_form_vue.js?<?=filemtime($_SERVER['DOCUMENT_ROOT'].'/js/vue_scripts/contract_form_vue.js')?>"></script>
|