Диплом: Автоматизация процесса взаимодействия с клиентами (CRM) в компьютерном сервисе ООО "Спектра", страницы 136-143

136

var element = $(this).parent().find('.groupTemplatesMenu');

if (element.hasClass('inactive')) {

element.removeClass('inactive');

element.addClass('active');

} else {

element.removeClass('active');

element.addClass('inactive');

}

});

Шаблон формы авторизации клиента

{if $logIn_error != ''}

{$logIn_error}

</div>

{/if}

<form class="form-signin" action="/authorization/" method="POST"

style="width: 300px; margin: 80px auto 0px auto;">

<h3 class="form-signin-heading">Введите Ваш номер

телефона без 8 и пароль</h3>

<label for="inputEmail" class="sr-only">Телефон</label>

<input type="phone" id="inputEmail" name="phone"

class="form-control" placeholder="Вводите номер без цифры 8 вначале" size="10"

minlength="10" maxlength="10" required="" autofocus="" style=" height: 40px; font-size:

19px;">

<label for="inputPassword" class="sr-only">Пароль</label>

<input type="password" id="inputPassword" class="form-

control" name="password" placeholder="Пароль" required="" style="margin: 20px 0px;

height: 40px; font-size: 19px;">

<button class="btn btn-lg btn-primary btn-block"

name="logInSubmit" type="submit">Войти</button>

<br>

<p>Регистрация в личном кабине и выдача пароля

производится только при обращении в наш сервис</p>

</form>

</div>

Шаблон страницы личного кабинета клиента.

<div class="container" style="width: 540px !important; color: #5d5d5d;"><center><h3

class="MainTitle">Готовы к выдаче</h3></center></div>

{if count($arrayOfTikets.completed.tikets) != 0}

137

{foreach key=key item=fieldArr from=$arrayOfTikets.completed.tikets}

<div class="container" style="padding: 10px 0px 10px 0px; width: 500px !important;

background-color: white; overflow-y: hidden; box-shadow: 0px 0px 3px 2px #e8e7e7;

border-radius: 2px;">

<div class="complete_title">{$fieldArr.productname}

<p>{$fieldArr.clientTktState}</p></div>

<div class="n_act">{$fieldArr.actnum}</div>

</div>

{$currentTktID = $fieldArr.id}

{if $arrayOfTikets.completed.steps.$currentTktID == 'empty'}

<p class="steps_title" style="color: #5d5d5d;">На текущий момент

нет информации о этапах ремонта.</p>

</div>

{else}

{$tktStagesArr = $arrayOfTikets.completed.steps.$currentTktID}

<p style="font-size: 24px;">Ожидает в Spectra на Курчатова 41в</p><br>

<p style="font-size: 19px;">Пн-Пт: 10:00-19:00 <br> Сб-Вс: 11:00-

18:00</p><br>

<a href="tel:+79308444410" style="font-size: 19px;" >+7 (930) 844-44-

10</a>

<p style="font-size: 19px;">Для получения техники с ремонта, требуется

предоставление акта</p>

</div>

{foreach key=stageKey item=stage from=$tktStagesArr}

{$dateArr = explode(" ", $stage.stagedate)}

<p class="steps_title">{$stage.stagename}</p>

<p class="steps_description">{$stage.stagedescription}</p>

<p class="steps_date">{$dateArr[0]}</p>

{if $stage.stageimages != 'empty'}

{$tktImagesArr = unserialize($stage.stageimages)}

{foreach key=imgKey item=imgItem

from=$tktImagesArr}

<a class="thumbnail fancybox" rel="ligthbox"

href="/img/{$imgItem}" style="width: 140; height: 85px;">

<img class="img-responsive" src="/img/{$imgItem}"

style="height: -webkit-fill-available;">

</a>

</div>

{/foreach}

138

</div>

{/if}

</div>

{/foreach}

</div>

{/if}

</div>

{/foreach}

{else}

<div class="container" style="width: 540px !important; color: #5d5d5d;"><center><h3>У

вас еще нет выполненных заказов.</h3></center></div>

{/if}

<div class="container" style="width: 540px !important; color: #5d5d5d;"><center><h3

class="MainTitle">В процессе ремонта</h3></center></div>

{foreach key=key item=fieldArr from=$arrayOfTikets.during.tikets}

<div class="container" style="padding: 10px 0px 10px 0px; width: 500px !important;

background-color: white; overflow-y: hidden; box-shadow: 0px 0px 3px 2px #e8e7e7;

border-radius: 2px; margin-bottom: 15px;">

<div class="complete_title">{$fieldArr.productname}

<p>{$fieldArr.clientTktState}</p></div>

<div class="n_act">{$fieldArr.actnum}</div>

</div>

{$currentTktID = $fieldArr.id}

{if $arrayOfTikets.during.steps.$currentTktID == 'empty'}

<p class="steps_title" style="color: #5d5d5d;">На текущий момент

нет информации о этапах ремонта.</p>

</div>

{else}

{$tktStagesArr = $arrayOfTikets.during.steps.$currentTktID}

{foreach key=stageKey item=stage from=$tktStagesArr}

{$dateArr = explode(" ", $stage.stagedate)}

<p class="steps_title">{$stage.stagename}</p>

<p class="steps_description">{$stage.stagedescription}</p>

<p class="steps_date">{$dateArr[0]}</p>

{if $stage.stageimages != 'empty'}

{$tktImagesArr = unserialize($stage.stageimages)}

{foreach key=imgKey item=imgItem

from=$tktImagesArr}

139

<a class="thumbnail fancybox" rel="ligthbox"

href="/img/{$imgItem}" style="width: 140; height: 85px;">

<img class="img-responsive" src="/img/{$imgItem}"

style="height: -webkit-fill-available;">

</a>

</div>

{/foreach}

</div>

{/if}

</div>

{/foreach}

</div>

{/if}

</div>

{/foreach}

{foreach key=key item=fieldArr from=$arrayOfTikets.waiting.tikets}

<div class="container" style="padding: 10px 0px 10px 0px; width: 500px !important;

background-color: white; overflow-y: hidden; box-shadow: 0px 0px 3px 2px #e8e7e7;

border-radius: 2px; margin-bottom: 15px;">

<div class="complete_title">{$fieldArr.productname}

<p>{$fieldArr.clientTktState}</p>

</div>

<div class="n_act">{$fieldArr.actnum}</div>

</div>

{$currentTktID = $fieldArr.id}

{if $arrayOfTikets.waiting.steps.$currentTktID == 'empty'}

<p class="steps_title" style="color: #5d5d5d;">На текущий момент нет

информации о этапах ремонта.</p>

</div>

{else}

{$tktStagesArr = $arrayOfTikets.waiting.steps.$currentTktID}

{foreach key=stageKey item=stage from=$tktStagesArr}

{$dateArr = explode(" ", $stage.stagedate)}

<p class="steps_title">{$stage.stagename}</p>

<p class="steps_description">{$stage.stagedescription}</p>

<p class="steps_date">{$dateArr[0]}</p>

{if $stage.stageimages != 'empty'}

{$tktImagesArr = unserialize($stage.stageimages)}

{foreach key=imgKey item=imgItem from=$tktImagesArr}

140

<a class="thumbnail fancybox" rel="ligthbox" href="/img/{$imgItem}"

style="width: 140; height: 85px;">

<img class="img-responsive" src="/img/{$imgItem}" style="height: -

webkit-fill-available;">

</a>

</div>

{/foreach}

</div>

{/if}

</div>

{/foreach}

</div>

{/if}

</div>

{/foreach}

<div class="container" style="width: 540px !important; color: #5d5d5d;"><center><h3

class="MainTitle" style="margin-top: 10px !important;">Выдано</h3></center></div>

{if count($arrayOfTikets.archive.tikets) != 0}

{foreach key=key item=fieldArr from=$arrayOfTikets.archive.tikets}

<div class="container" style="width: 500px !important; background-color: white; overflow-y:

hidden; box-shadow: 0px 0px 3px 2px #e8e7e7; border-radius: 2px; padding: 0 !important;">

<div class="complete_title">{$fieldArr.productname} <p style="height:

10px;" ></p></div>

<div class="n_act">{$fieldArr.actnum}</div>

</div>

{$currentTktID = $fieldArr.id}

{if $arrayOfTikets.archive.steps.$currentTktID == 'empty'}

<p class="steps_title" style="color: #5d5d5d;">На текущий момент

нет информации о этапах ремонта.</p>

</div>

{else}

{$tktStagesArr = $arrayOfTikets.archive.steps.$currentTktID}

{foreach key=stageKey item=stage from=$tktStagesArr}

{$dateArr = explode(" ", $stage.stagedate)}

<p class="steps_title">{$stage.stagename}</p>

<p class="steps_description">{$stage.stagedescription}</p>

<p class="steps_date">{$dateArr[0]}</p>

{if $stage.stageimages != 'empty'}

{$tktImagesArr = unserialize($stage.stageimages)}

141

{foreach key=imgKey item=imgItem

from=$tktImagesArr}

<a class="thumbnail fancybox" rel="ligthbox"

href="/img/{$imgItem}" style="width: 140; height: 85px;">

<img class="img-responsive" src="/img/{$imgItem}"

style="height: -webkit-fill-available;">

</a>

</div>

{/foreach}

</div>

{/if}

</div>

{/foreach}

</div>

{/if}

</div>

{/foreach}

{else}

<div class="container" style="width: 540px !important; color:

#5d5d5d;"><center><h3>Выданные заказы отстуствуют.</h3></center></div>

{/if}

</div>

$(document).ready(function(){

$(".steps").hide();

$(".tiketCaption").click(function(){

activeStep = $(this).parent().find('.steps');

if($(activeStep).css("display") == "none"){

$(activeStep).show("slow");

}else{

$(activeStep).hide(1000);

}

});

jQuery("a.fancybox").fancybox();

$(".statusBar").each(function(i){

$(this).attr('style', getTableColColor($(this).attr('statusID')));

});

</script>

<style>

@media screen and (max-width: 1367px){

142

.MainTitle{

font-size: 22px !important;

}

.complete_title{

font-size: 21px !important;

}

.statusBar{

height: 14px;

padding: 0 !important;

}

.complete_title{

padding: 6px 20px 5px 20px;

font-size: 24px;

color: #0055A6;

line-height: 30px;

font-family: Roboto, sans-serif;

letter-spacing: 1px;

}

.complete_title>p{

color: #737373;

font-size: 16px;

}

.n_act{

position: absolute;

font-size: 24px;

right: 5%;

top: 34%;

color: #737373;

}

.waiting{

padding: 0px 20px 5px 20px;

color: #737373;

}

.steps{

padding: 0px 20px 0px 20px

}

.steps>.step>.steps_title{

font-size: 20px;

}

.steps>.step>.steps_description{

font-size: 15px;

color: #737373;

}

.steps>.step>.steps_date{

font-size: 17px;

color: #737373;

}

.during_title{

padding: 15px 20px 5px 20px;

143

font-size: 24px;

color: #0055A6;

line-height: 30px;

font-family: Roboto, sans-serif;

letter-spacing: 1px;

border-bottom: 14px solid;

}

.during_title>p{

color: #737373;

font-size: 16px;

}

.archiv_title{

padding: 15px 20px 5px 20px;

font-size: 24px;

color: #0055A6;

line-height: 30px;

font-family: Roboto, sans-serif;

letter-spacing: 1px;

border-bottom: 14px solid;

}

.archiv_title>p{

color: #737373;

font-size: 16px;

}

/*

/STATUS

*/

</style>

Смотрите также:

"Автоматизация обработки заявок ООО "Проектно-Строительная Компания"
"Автоматизация процесса аттестации персонала для ООО "Нэт Бай Нэт Холдинг"
"Анализ интернет-активности конкурентов ( на примере конкурентов "Газпром нефть")
"Бухгалтерский учёт и аудит расчётов с подотчётними лицами в организации на примере ООО "ЛОЦ 10""
«Психологическое сопровождение персонала в организации на примере ООО «Крокус»
Cовершенствование деловой оценки персонала в организации (на примере ООО "Даймонд кейтеринг развитие")
IPO - инструмент финансирования деятельности организации. На примере ПАО «Нефтяная компания «Лукойл»
PR как средство продвижения организации (на примере ПАО "Тамбовский завод "Комсомолец им. Н.С. Артемова")
PR-коммуникации в сфере общественного питания (на примере кафе-кондитерской «Cream Cheese»)
SMM как средство повышения эффективности работы учреждений социокультурной сферы (на примере Малого театра)