312 lines
11 KiB
JavaScript
312 lines
11 KiB
JavaScript
|
Vue.config.devtools = true;
|
|||
|
|
Vue.component('v-select', VueSelect.VueSelect)
|
|||
|
|
var t = new Vue({
|
|||
|
|
el: '#app_telofony',
|
|||
|
|
components: {
|
|||
|
|
//vueSelect: window.vueSelect,
|
|||
|
|
vuejsDatepicker: window.vuejsDatepicker
|
|||
|
|
},
|
|||
|
|
data: function() {
|
|||
|
|
return {
|
|||
|
|
list: [],
|
|||
|
|
page: 1,
|
|||
|
|
myAudio: [],
|
|||
|
|
isNewPage: true,
|
|||
|
|
limit: 15,
|
|||
|
|
isTotal: false,
|
|||
|
|
total: 0,
|
|||
|
|
period: [
|
|||
|
|
{ code: 'today', date_period: 'Сегодня' },
|
|||
|
|
{ code: 'yesterday', date_period: 'Вчера' },
|
|||
|
|
{ code: 'week', date_period: 'Неделя' },
|
|||
|
|
{ code: 'month', date_period: 'Месяц' },
|
|||
|
|
{ code: 'quarter', date_period: 'Квартал' },
|
|||
|
|
{ code: 'year', date_period: 'Год' },
|
|||
|
|
{ code: 'period', date_period: 'Период' }
|
|||
|
|
],
|
|||
|
|
selectedPeriod: 'today',
|
|||
|
|
ru: vdp_translation_ru.js,
|
|||
|
|
format: "dd.MM.yyyy",
|
|||
|
|
state: { date_from: new Date(), date_to: new Date() },
|
|||
|
|
users: [],
|
|||
|
|
selectedUser: '',
|
|||
|
|
status: [{
|
|||
|
|
code: 'all',
|
|||
|
|
name: 'Все'
|
|||
|
|
},
|
|||
|
|
{ code: 'accepted', name: 'Cостоявшийся' },
|
|||
|
|
{ code: 'skip', name: 'Пропущенный' }
|
|||
|
|
],
|
|||
|
|
duration: [
|
|||
|
|
{ code: 'all', name: 'Любая' },
|
|||
|
|
{ code: 'less', name: 'До 1 мин' },
|
|||
|
|
{ code: '1to3min', name: '1 - 3 мин' },
|
|||
|
|
{ code: '3to10min', name: '3 - 10 мин' },
|
|||
|
|
{ code: '10to30min', name: '10 - 30 мин' },
|
|||
|
|
{ code: 'more', name: 'более…' }
|
|||
|
|
],
|
|||
|
|
selectedStatus: 'all',
|
|||
|
|
selectedDuration: 'all',
|
|||
|
|
call_number: '',
|
|||
|
|
in_call_number: '',
|
|||
|
|
in_out: [{
|
|||
|
|
code: 'all',
|
|||
|
|
name: 'Все'
|
|||
|
|
},
|
|||
|
|
{ code: 'in', name: 'Входящие' },
|
|||
|
|
{ code: 'out', name: 'Исходящие' }
|
|||
|
|
],
|
|||
|
|
selectedIn_out: 'all',
|
|||
|
|
source: 'all',
|
|||
|
|
sourceArr: [{
|
|||
|
|
code: 'all',
|
|||
|
|
name: ''
|
|||
|
|
}],
|
|||
|
|
isLoad: false,
|
|||
|
|
isLoadPage: false,
|
|||
|
|
is_call_record: 0,
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
isEmpty: function(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;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
start: function() {
|
|||
|
|
//console.log('vue_telofony');
|
|||
|
|
$('#app_telofony').removeClass('hidden');
|
|||
|
|
this.get_new_telephone();
|
|||
|
|
},
|
|||
|
|
get_telephone: function() {
|
|||
|
|
if (!this.isLoadPage) {
|
|||
|
|
this.isLoadPage = true;
|
|||
|
|
var date_from = this.get_php_date(this.state.date_from);
|
|||
|
|
var date_to = this.get_php_date(this.state.date_to);
|
|||
|
|
var agencyId = $('#SesAgencyId').val();
|
|||
|
|
//console.log(this.selectedUser);
|
|||
|
|
axios.post('/ajax/ajax_telephone.php', {
|
|||
|
|
request: 'get_telephone',
|
|||
|
|
page: this.page,
|
|||
|
|
limit: this.limit,
|
|||
|
|
date_from: date_from,
|
|||
|
|
date_to: date_to,
|
|||
|
|
user: this.selectedUser,
|
|||
|
|
status: this.selectedStatus,
|
|||
|
|
duration: this.selectedDuration,
|
|||
|
|
call_number: this.call_number,
|
|||
|
|
in_call_number: this.in_call_number,
|
|||
|
|
agency_id: agencyId,
|
|||
|
|
in_out: this.selectedIn_out,
|
|||
|
|
source: this.source,
|
|||
|
|
is_call_record: this.is_call_record,
|
|||
|
|
|
|||
|
|
}).then((response) => {
|
|||
|
|
console.log(response.data);
|
|||
|
|
var agency_id = response.data.agency_id;
|
|||
|
|
this.isNewPage = false;
|
|||
|
|
this.total = response.data.total;
|
|||
|
|
if (this.page == 1) {
|
|||
|
|
this.users = response.data.users;
|
|||
|
|
}
|
|||
|
|
if (response.data.list.length < this.limit) {
|
|||
|
|
this.isTotal = true;
|
|||
|
|
};
|
|||
|
|
for (var i = 0; i < response.data.list.length; i++) {
|
|||
|
|
this.list.push(response.data.list[i]);
|
|||
|
|
|
|||
|
|
var item = response.data.list[i];
|
|||
|
|
|
|||
|
|
|
|||
|
|
if (!this.isEmpty(item.records)) {
|
|||
|
|
|
|||
|
|
for (var r = 0; r < item.records.length; r++) {
|
|||
|
|
//app.$set(app.progressUoload[index], 'progress', pr);
|
|||
|
|
var rec = { 'rec': new Audio(), 'src': item.records[r], play: false };
|
|||
|
|
|
|||
|
|
this.$set(this.myAudio, item.records[r], rec);
|
|||
|
|
//this.myAudio[item.records[r]] = {'rec': new Audio(), 'src': '/server/mango/'+item.records[r]+'.mp3', play: false};
|
|||
|
|
//this.list[i].audio.push({'rec': new Audio(), 'src': '/server/mango/'+item.records[r]+'.mp3', play: false});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
this.isLoadPage = false;
|
|||
|
|
//console.log(this.myAudio);
|
|||
|
|
//console.log(response.data);
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
.catch(function(error) {
|
|||
|
|
console.log(error);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
get_new_telephone: function() {
|
|||
|
|
this.list = [];
|
|||
|
|
this.page = 1;
|
|||
|
|
this.myAudio = [];
|
|||
|
|
this.isNewPage = true;
|
|||
|
|
this.isTotal = false;
|
|||
|
|
this.get_telephone();
|
|||
|
|
},
|
|||
|
|
play_record: function(record, index) {
|
|||
|
|
|
|||
|
|
for (var j in this.myAudio) {
|
|||
|
|
if (j != record && this.myAudio[j].rec && !this.isEmpty(this.myAudio[j].rec.src)) {
|
|||
|
|
this.myAudio[j].rec.pause();
|
|||
|
|
this.myAudio[j].play = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (this.myAudio[record].play) {
|
|||
|
|
|
|||
|
|
this.myAudio[record].rec.pause();
|
|||
|
|
this.myAudio[record].play = false;
|
|||
|
|
} else {
|
|||
|
|
if (this.isEmpty(this.myAudio[record].rec.src)) {
|
|||
|
|
this.myAudio[record].rec.src = this.myAudio[record].src;
|
|||
|
|
}
|
|||
|
|
this.myAudio[record].rec.play();
|
|||
|
|
this.myAudio[record].play = true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
next_page: function() {
|
|||
|
|
this.page++;
|
|||
|
|
this.isNewPage = true;
|
|||
|
|
this.get_telephone();
|
|||
|
|
},
|
|||
|
|
change_period: function(value) {
|
|||
|
|
console.log(value);
|
|||
|
|
var date = new Date();
|
|||
|
|
var date_to = new Date();
|
|||
|
|
switch (value) {
|
|||
|
|
case "today":
|
|||
|
|
{
|
|||
|
|
this.state.date_from = date;
|
|||
|
|
this.state.date_to = date_to;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
case "yesterday":
|
|||
|
|
{
|
|||
|
|
date.setDate(date.getDate() - 1);
|
|||
|
|
this.state.date_from = date;
|
|||
|
|
date_to.setDate(date_to.getDate() - 1);
|
|||
|
|
this.state.date_to = date_to;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
case "week":
|
|||
|
|
{
|
|||
|
|
this.state.date_to = date_to;
|
|||
|
|
date.setDate(date.getDate() - 7);
|
|||
|
|
this.state.date_from = date;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
case "month":
|
|||
|
|
{
|
|||
|
|
this.state.date_to = date_to;
|
|||
|
|
date.setDate(date.getDate() - 30);
|
|||
|
|
this.state.date_from = date;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
case "quarter":
|
|||
|
|
{
|
|||
|
|
this.state.date_to = date_to;
|
|||
|
|
date.setDate(date.getDate() - 90);
|
|||
|
|
this.state.date_from = date;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
case "year":
|
|||
|
|
{
|
|||
|
|
this.state.date_to = date_to;
|
|||
|
|
date.setDate(date.getDate() - 365);
|
|||
|
|
this.state.date_from = date;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
case "period":
|
|||
|
|
{
|
|||
|
|
this.state.date_to = date_to;
|
|||
|
|
this.state.date_from = date;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
default:
|
|||
|
|
{
|
|||
|
|
this.state.date_from = date_to;
|
|||
|
|
this.state.date_to = date;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
get_php_date: function(date) {
|
|||
|
|
var day = date.getDate();
|
|||
|
|
//console.log(day);
|
|||
|
|
var month = date.getMonth();
|
|||
|
|
//console.log(month);
|
|||
|
|
var year = date.getFullYear();
|
|||
|
|
//console.log(year);
|
|||
|
|
//console.log(day+'.'+(month+1)+'.'+year);
|
|||
|
|
return day + '.' + (month + 1) + '.' + year;
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
exportExcel: function() {
|
|||
|
|
|
|||
|
|
if (!this.isLoad) {
|
|||
|
|
var agencyId = $('#SesAgencyId').val();
|
|||
|
|
if (agencyId > 0) {
|
|||
|
|
this.isLoad = true;
|
|||
|
|
$.post("/ajax/export_excel_calls.php", {
|
|||
|
|
agency_id: agencyId,
|
|||
|
|
}, function(data) {
|
|||
|
|
t.isLoad = false;
|
|||
|
|
// $(that).data('state', 'ready');
|
|||
|
|
// $("#export_objects_loader").hide();
|
|||
|
|
console.log(data);
|
|||
|
|
let res = JSON.parse(data);
|
|||
|
|
if (res.result == 'ok') {
|
|||
|
|
let $a = $("<a />");
|
|||
|
|
$a.attr("href", res.file);
|
|||
|
|
$("body").append($a);
|
|||
|
|
$a.attr("download", res.name);
|
|||
|
|
$a[0].click();
|
|||
|
|
$a.remove();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
mounted: function() {
|
|||
|
|
axios.post('/ajax/ajax_telephone.php', {
|
|||
|
|
request: 'get_source',
|
|||
|
|
|
|||
|
|
|
|||
|
|
}).then((response) => {
|
|||
|
|
//console.log(response.data);
|
|||
|
|
this.sourceArr = response.data;
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
.catch(function(error) {
|
|||
|
|
console.log(error);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|