Joywork/templates/funnel_check_list.php

<div id="funnel_check_list" class="hidden">
     <input type="hidden" id="check_list_user_id" value="<?=$_SESSION['id']?>"/>
     <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: 650px">
             <div class="form-validate">
                 <div class="modal-inner">
                     <div v-if="errorMes" class="error_msg" v-html="errorText"></div>
                     <h2>Чек-лист</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-show="isPreloader == 0" v-for="(step, id) in steps">
                                <div class="form-block">
                                    <div style="width: 80%" class="label" :style="{color: step.color_step}" v-html="step.name"></div>
                                    <div v-if="step.isHide" @click="toggleStep(id);" style="font-size: 25px; color: rgb(76, 175, 80); padding-top: 7px; float:right;" class="inputs" title="Подробно..."><i class="far fa-eye"></i></div>
                                    <div v-else @click="toggleStep(id);" style="font-size: 25px; color: #e2574c; padding-top: 7px; float:right;" class="inputs" title="Скрыть..."><i class="far fa-eye-slash"></i></div>

                                        <template v-if="step.count > 0">
                                            <div v-for="(pole, poleId) in step.pole_end_list" class="form-block" :class="{hidden: step.isHide}">

                                                <div :class="{hidden: pole.isHide}" class="label" v-html="pole.name"></div>
                                                <div :class="{hidden: pole.isHide}" class="inputs">

                                                    <template v-if="step.values.length > 0">
                                                        <input v-model="step.values[poleId].value" v-if="step.vidPole[poleId] == 'input'" type="text" class="text"  style="width:350px;">
                                                        <textarea v-model="step.values[poleId].value" v-if="step.vidPole[poleId] == 'textarea'" rows="5" style="width:350px;"></textarea>

                                                        <vuejs-datepicker v-if="step.vidPole[poleId] == 'date'" v-model="step.values[poleId].value"  :language="ru" :format="format" :monday-first="mondayfirst"></vuejs-datepicker>
                                                        <div v-if="step.vidPole[poleId] == 'file'"   class="dropbox">
                                                            <input type="file" :data-id="poleId"  @change="onFileSelected"  class="input-file" style="width:350px;">
                                                            <p>
                                                                Выберите файл
                                                            </p>
                                                        </div>
                                                        <div class="list_files" v-if="step.vidPole[poleId] == 'file' && selectFiles[poleId] && selectFiles[poleId].is">
                                                            <label class="label_file"><i v-bind:class=" [selectFiles[poleId].classFile, {active:selectFiles[poleId].isUpload} ]"></i>{{ selectFiles[poleId].name }}</label>
                                                            <a title="Загрузить" v-bind:class="{ hidden : selectFiles[poleId].isUpload}" @click="onUpload(poleId, selectFiles[poleId].file)" class="no-border faupload"><i class="fas fa-upload"></i></a>
                                                            <a title="Удалить" @click="onDeleteFile(poleId, selectFiles[poleId].guid)" class="no-border fatrash"><i class="fas fa-trash"></i></a>
                                                            <vue-simple-progress v-if="selectFiles[poleId].uploads"  bar-color="#e2574c" :val="selectFiles[poleId].progress" :text="selectFiles[poleId].progress + '%'"></vue-simple-progress>
                                                        </div>
                                                        <div v-if="step.vidPole[poleId] == 'checkbox'">
                                                            <div class="chat-history__actions_new">
                                                                <a href="javascript:{}" :data-id="client_id" :data-req="req_id" :data-step="poleId" id="client__new-call"><span class="simple-button call">Звонок</span></a>
                                                                <a href="javascript:{}" :data-id="client_id" :data-req="req_id" :data-step="poleId" id="client__new-meeting"><span class="simple-button meeting">Встреча</span></a>
                                                                <a href="javascript:{}" :data-id="client_id" :data-req="req_id" :data-step="poleId" id="client__new-showing"><span class="simple-button showing">Показ</span></a>
                                                                <a href="javascript:{}" :data-id="client_id" :data-req="req_id" :data-step="poleId" id="client__new-deal"><span class="simple-button deal">Сделка</span></a>

                                                            </div>

                                                            <div v-if="tasks.length >0" class="listTasks">
                                                                <ul>
                                                                    <li v-for="task in tasks"><span :class="'simple-button '+task.type">{{ task.name }} {{ task.date }}</span></li>

                                                                </ul>
                                                            </div>

                                                        </div>
                                                        <input v-model="step.values[poleId].value" v-if="step.vidPole[poleId] == 'deposit'" type="number" class="text"  style="width:350px;">
                                                    </template>

                                                </div>
                                                <div @click="save(poleId)" class="inputs" :class="{hidden: pole.isHide}" style="color: #9e9e9e; font-size: 20px; padding-top: 7px; padding-left: 17px"><a style="color: #9e9e9e; border-bottom: hidden;" href="javascript:{}" title="Сохранить"><i class="far fa-save"></i></a></div>

                                                <div v-if="pole.isSave" class="inputs" :class="{hidden: pole.isHide}" style="color: #9e9e9e; font-size: 20px; padding-top: 7px; padding-left: 17px"><i class="fas fa-check"></i></div>

                                            </div>
                                        </template>
                                        <template v-else>
                                            <div class="form-block" :class="{hidden: step.isHide}">
                                                <div class="label" style="width: 100%"><i style="color: #e2574c; padding-top: 7px; margin-right: 7px" class="far fa-times-circle"></i>Нет условий</div>
                                            </div>
                                        </template>


                                    <div class="clear"></div>
                                </div>
                            </template>

                            <div class="clear"></div>
                        </div>


                             </div>
                         </div>
             </div>
        </div>


     </div>


</div>
<script src="/js/locale/translations/ru.js"></script>
<script type="text/javascript" src="/js/funnelchecklist_vue.js?<?=filemtime($_SERVER['DOCUMENT_ROOT'].'/js/funnelchecklist_vue.js')?>"></script>