340 lines
11 KiB
JavaScript
340 lines
11 KiB
JavaScript
var union_reqs_form = new Vue({
|
||
el: '#union_reqs_form',
|
||
components: {
|
||
Multiselect: window.VueMultiselect.default,
|
||
vuejsDatepicker: window.vuejsDatepicker
|
||
},
|
||
data() {
|
||
|
||
return {
|
||
req: [],
|
||
//isPreloader: true,
|
||
agency_id: $('#session_agency_id').val(),
|
||
user_id: $("#session_user_id").val(),
|
||
//funnel_id: $('#funnelIdClients').val(),
|
||
reqs_id: [],
|
||
isReqClient: 0,
|
||
isShow: false,
|
||
page: 1,
|
||
all_pages: 1,
|
||
prevPage: 0,
|
||
ot: 0,
|
||
do: 0,
|
||
pagePagin: [],
|
||
main_id: 0,
|
||
union_req: [],
|
||
is_union: 0,
|
||
is_list_joint: false,
|
||
}
|
||
},
|
||
methods: {
|
||
//Список
|
||
getList() {
|
||
this.req = [];
|
||
this.isReqClient = 0;
|
||
this.pagePagin = [];
|
||
this.ot = 0;
|
||
this.do = 0;
|
||
//console.log(this.objectId);
|
||
//requisitions_client.isPreloader=true;
|
||
axios.post('/ajax/ajax_vue_requisitions.php', {
|
||
request: 'get_all',
|
||
is_cancel: this.is_list_joint,
|
||
reqs_id: this.reqs_id,
|
||
page: this.page,
|
||
per_page: 10,
|
||
|
||
//funnel_id: this.funnel_id,
|
||
//user_id: this.user_id, //без учета юзера
|
||
}, )
|
||
.then((response) => {
|
||
//console.log(response.data);
|
||
this.req = response.data.req;
|
||
//requisitions_client.isPreloader=false;
|
||
if (!this.isEmpty(this.req)) {
|
||
this.isReqClient = 1;
|
||
this.all_pages = parseInt(response.data.allPages);
|
||
if (this.all_pages > 1) {
|
||
if (this.page > 1)
|
||
this.prevPage = this.page - 1;
|
||
}
|
||
if (this.all_pages > 8) {
|
||
if (this.page > 4) {
|
||
this.ot = this.page - 3;
|
||
} else {
|
||
this.ot = 2;
|
||
}
|
||
|
||
if (this.page < this.all_pages - 4) {
|
||
this.do = this.page + 3;
|
||
} else {
|
||
this.do = this.all_pages;
|
||
}
|
||
} else {
|
||
this.ot = 2;
|
||
this.do = this.all_pages;
|
||
}
|
||
for (var i = this.ot; i < this.do; i++) {
|
||
this.pagePagin.push(i);
|
||
}
|
||
//$("#requisitions_list_client .clients").show();
|
||
} else {
|
||
this.isReqClient = 2;
|
||
}
|
||
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
|
||
},
|
||
|
||
//Пагинация
|
||
pagin(page) {
|
||
this.page = page;
|
||
this.getList();
|
||
},
|
||
|
||
//Пагинация
|
||
goToRequisitionsPage(event) {
|
||
if (event.keyCode === 13) {
|
||
var pageNum = $('#union_reqs_formPageNumberInputForManualGoToPage').val();
|
||
|
||
if (pageNum) {
|
||
this.page = Number.parseInt(pageNum);
|
||
this.getList();
|
||
$('#runion_reqs_formPageNumberInputForManualGoToPage').val('');
|
||
}
|
||
}
|
||
},
|
||
|
||
//Выбор главной
|
||
check_main(req_id){
|
||
this.main_id = req_id;
|
||
this.delete_union(req_id);
|
||
},
|
||
|
||
//Выбор присоединяемых
|
||
check_unions($event, req_id){
|
||
if($($event.target).prop('checked'))
|
||
this.union_req.push(req_id);
|
||
else
|
||
this.delete_union(req_id);
|
||
},
|
||
|
||
//Удаление из объединения
|
||
delete_union(req_id){
|
||
var temp_union_reqs = [];
|
||
for(var i=0; i<this.union_req.length; i++ ){
|
||
if(this.union_req[i] != req_id){
|
||
temp_union_reqs.push(this.union_req[i]);
|
||
}
|
||
}
|
||
this.union_req = temp_union_reqs;
|
||
// console.log(this.union_req);
|
||
},
|
||
|
||
//Получение бара воронки
|
||
getBarFunnel(reqId) {
|
||
if (this.req['req' + reqId]) {
|
||
axios.post('/ajax/ajax_vue_requisitions.php', {
|
||
request: 'get_bar_funnel',
|
||
funnel_id: this.req['req' + reqId].funnel_id,
|
||
req_id: reqId
|
||
}, )
|
||
.then((response) => {
|
||
this.req['req' + reqId].steps = response.data;
|
||
this.isPreloader = 0;
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
}
|
||
},
|
||
|
||
//Сохранить объединение
|
||
save_union(){
|
||
if(this.isEmpty(this.union_req)){
|
||
alert("Не выбраны заявки для объединения");
|
||
|
||
} else {
|
||
this.isReqClient = 0;
|
||
axios.post('/ajax/ajax_vue_requisitions.php', {
|
||
request: 'save_union_req',
|
||
main_id: this.main_id,
|
||
reqs: this.union_req,
|
||
user_id: this.user_id,
|
||
agency_id: this.agency_id,
|
||
}, )
|
||
.then((response) => {
|
||
console.log(response.data);
|
||
this.is_union = 1;
|
||
this.getList();
|
||
this.union_req = [];
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
}
|
||
},
|
||
|
||
//открыть/закрыть подробности
|
||
toggleClient(id) {
|
||
|
||
if (this.req[id].isMainInfo) {
|
||
this.req[id].isMainInfo = false;
|
||
} else {
|
||
|
||
if (this.req[id].object_id > 0 && this.isEmpty(this.req[id].object)) {
|
||
this.getObject(this.req[id].object_id, id);
|
||
}
|
||
|
||
if (this.req[id].client_id > 0 && this.isEmpty(this.req[id].client)) {
|
||
this.getClient(this.req[id].client_id, id);
|
||
}
|
||
this.req[id].isMainInfo = true;
|
||
}
|
||
},
|
||
|
||
//Получение объекта
|
||
getObject(object_id, reqId, forma) {
|
||
axios.post('/ajax/ajax_vue_requisitions.php', {
|
||
request: 'get_object',
|
||
object_id: object_id
|
||
}, )
|
||
.then((response) => {
|
||
//console.log(response.data);
|
||
this.req[reqId].object = response.data;
|
||
if (forma) {
|
||
req_form.setReq(requisitions_object.req[reqId]);
|
||
}
|
||
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
},
|
||
|
||
//Получение клиента
|
||
getClient(client_id, reqId, forma) {
|
||
axios.post('/ajax/ajax_vue_requisitions.php', {
|
||
request: 'get_client',
|
||
client_id: client_id
|
||
}, )
|
||
.then((response) => {
|
||
// console.log(response.data);
|
||
this.req[reqId].client = response.data;
|
||
if (forma) {
|
||
req_form.setReq(requisitions_object.req[reqId]);
|
||
}
|
||
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
},
|
||
|
||
|
||
//показать объект
|
||
showObject(id) {
|
||
$('#liObject').click();
|
||
},
|
||
|
||
//показать клиента
|
||
showClient() {
|
||
$('#liGlobal').click();
|
||
},
|
||
|
||
//Открыть форму
|
||
openForm(reqs_id) {
|
||
this.isReqClient = 0;
|
||
this.is_list_joint = false;
|
||
this.page = 1;
|
||
this.isShow = true;
|
||
this.reqs_id = reqs_id;
|
||
this.union_req = [];
|
||
this.getList();
|
||
$("body").addClass("lock");
|
||
},
|
||
|
||
//открыть список уже объединенных
|
||
openFormJoint(req_id){
|
||
this.isReqClient = 0;
|
||
this.main_id = req_id;
|
||
this.page = 1;
|
||
this.isShow = true;
|
||
this.is_list_joint = true;
|
||
this.union_req = [];
|
||
this.req = [];
|
||
|
||
$("body").addClass("lock");
|
||
|
||
axios.post('/ajax/ajax_vue_requisitions.php', {
|
||
request: 'get_reqs_joint',
|
||
|
||
req_id: this.main_id,
|
||
|
||
}, )
|
||
.then((response) => {
|
||
if(this.isEmpty(response.data)){
|
||
this.req = [];
|
||
this.isReqClient = 1;
|
||
} else {
|
||
|
||
this.reqs_id = response.data;
|
||
this.getList();
|
||
}
|
||
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
},
|
||
|
||
//закрыть форму
|
||
closeForm() {
|
||
this.isShow = false;
|
||
$("body").removeClass("lock");
|
||
if(this.is_union == 1) {
|
||
if(requisitions.view == 'kanban'){
|
||
requisitions.page = 1;
|
||
}
|
||
requisitions.getList();
|
||
}
|
||
this.union_req = [];
|
||
},
|
||
|
||
openCardClient(client_id, ignoreFunnelsUpdate = false) {
|
||
openClientEventsWindowNew(client_id, $('#session_to_send').val(), 0, undefined, undefined, ignoreFunnelsUpdate);
|
||
},
|
||
|
||
//Проверка на пустоту
|
||
isEmpty(data) {
|
||
if (typeof(data) === 'object') {
|
||
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
return true;
|
||
} else if (!data) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'string') {
|
||
if (!data.trim()) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'undefined') {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
},
|
||
mounted() {
|
||
//this.getList();
|
||
},
|
||
created: function() {
|
||
|
||
$("#union_reqs_form").removeClass("hidden");
|
||
|
||
}
|
||
}) |