root
524 lines
26 KiB
JavaScript
Executable File
524 lines
26 KiB
JavaScript
Executable File
define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
|
||
|
||
var Controller = {
|
||
index: function () {
|
||
Table.api.init({
|
||
extend: {
|
||
index_url: 'split.number/index' + location.search,
|
||
add_url: 'split.number/add',
|
||
edit_url: 'split.number/edit',
|
||
del_url: 'split.number/del',
|
||
multi_url: 'split.number/multi',
|
||
table: 'split_number',
|
||
}
|
||
});
|
||
|
||
var table = $("#table");
|
||
var searchSelect = Controller.api.searchSelectColumn;
|
||
var searchSelectMeta = Controller.api.searchSelectMeta;
|
||
|
||
table.bootstrapTable({
|
||
url: $.fn.bootstrapTable.defaults.extend.index_url,
|
||
pk: 'id',
|
||
sortName: 'id',
|
||
sortOrder: 'desc',
|
||
fixedColumns: true,
|
||
fixedRightNumber: 1,
|
||
searchFormVisible: true,
|
||
columns: [
|
||
[
|
||
{checkbox: true},
|
||
searchSelect('split_link_id', __('Link_url'), Config.splitLinkFilterList || {}, true),
|
||
{field: 'id', title: __('Id'), sortable: true},
|
||
{
|
||
field: 'link_url_text',
|
||
title: __('Link_url'),
|
||
operate: false,
|
||
formatter: Table.api.formatter.content
|
||
},
|
||
{field: 'ticket_name', title: __('Ticket_name'), operate: 'LIKE'},
|
||
{
|
||
field: 'number',
|
||
title: __('Number'),
|
||
operate: 'LIKE',
|
||
formatter: Controller.api.formatter.numberWithDeferred
|
||
},
|
||
$.extend(
|
||
{field: 'number_type', title: __('Number_type'), searchList: Config.numberTypeList, formatter: Table.api.formatter.normal},
|
||
searchSelectMeta(false)
|
||
),
|
||
{field: 'visit_count', title: __('Visit_count'), operate: false, sortable: true},
|
||
{field: 'inbound_count', title: __('Inbound_count'), operate: false, sortable: true},
|
||
$.extend(
|
||
{field: 'platform_status', title: __('Platform_status'), searchList: Config.platformStatusList, formatter: Controller.api.formatter.platformStatus},
|
||
searchSelectMeta(false)
|
||
),
|
||
$.extend(
|
||
{field: 'status', title: __('Status'), searchList: Config.statusList, formatter: Table.api.formatter.toggle, yes: 'normal', no: 'hidden'},
|
||
searchSelectMeta(false)
|
||
),
|
||
$.extend(
|
||
{
|
||
field: 'ratio_deferred',
|
||
title: __('Ratio_deferred'),
|
||
visible: false,
|
||
searchable: true,
|
||
operate: '=',
|
||
searchList: Config.ratioDeferredList || {}
|
||
},
|
||
searchSelectMeta(false)
|
||
),
|
||
{
|
||
field: 'createtime',
|
||
title: __('Createtime'),
|
||
operate: 'RANGE',
|
||
addclass: 'datetimerange',
|
||
autocomplete: false,
|
||
formatter: Table.api.formatter.datetime,
|
||
sortable: true
|
||
},
|
||
{
|
||
field: 'operate',
|
||
title: __('Operate'),
|
||
table: table,
|
||
events: Table.api.events.operate,
|
||
formatter: Table.api.formatter.operate
|
||
}
|
||
]
|
||
]
|
||
});
|
||
|
||
table.on('check.bs.table uncheck.bs.table check-all.bs.table uncheck-all.bs.table', function () {
|
||
var ids = Table.api.selectedids(table);
|
||
$('.btn-batch-update-status').toggleClass('btn-disabled disabled', ids.length === 0);
|
||
});
|
||
|
||
$('.btn-batch-update-status').on('click', function (e) {
|
||
e.preventDefault();
|
||
e.stopPropagation();
|
||
if ($(this).hasClass('disabled')) {
|
||
return false;
|
||
}
|
||
var ids = Table.api.selectedids(table);
|
||
if (!ids.length) {
|
||
Toastr.warning(__('Please select at least one item'));
|
||
return false;
|
||
}
|
||
Controller.api.openBatchUpdateModal(ids, table);
|
||
});
|
||
|
||
$('.btn-batch-operate').on('click', function (e) {
|
||
e.preventDefault();
|
||
e.stopPropagation();
|
||
Controller.api.openBatchOperateModal(table);
|
||
});
|
||
|
||
table.on('post-body.bs.table', function () {
|
||
table.find('[data-toggle="tooltip"]').tooltip({container: 'body'});
|
||
});
|
||
|
||
table.on('post-common-search.bs.table', function (e, tbl) {
|
||
Controller.api.initCommonSearchSelectpicker(tbl);
|
||
});
|
||
|
||
Table.api.bindevent(table);
|
||
Controller.api.bindDeferredFilter(table);
|
||
Controller.api.bindDeferredCleanup(table);
|
||
},
|
||
add: function () {
|
||
Controller.api.bindevent();
|
||
},
|
||
edit: function () {
|
||
Controller.api.bindevent();
|
||
},
|
||
api: {
|
||
searchSelectColumn: function (field, title, searchList, liveSearch) {
|
||
return {
|
||
field: field,
|
||
title: title,
|
||
visible: false,
|
||
searchList: searchList || {},
|
||
operate: '=',
|
||
addclass: 'selectpicker',
|
||
extend: Controller.api.searchSelectExtend(liveSearch !== false)
|
||
};
|
||
},
|
||
searchSelectMeta: function (liveSearch) {
|
||
return {
|
||
addclass: 'selectpicker',
|
||
extend: Controller.api.searchSelectExtend(liveSearch !== false)
|
||
};
|
||
},
|
||
searchSelectExtend: function (liveSearch) {
|
||
var text = __('Please select');
|
||
if (!text || text === 'Please select' || text === 'Please Select') {
|
||
text = '请选择';
|
||
}
|
||
var ext = 'data-none-selected-text="' + text + '" title="' + text + '"';
|
||
if (liveSearch) {
|
||
ext += ' data-live-search="true"';
|
||
}
|
||
return ext;
|
||
},
|
||
initCommonSearchSelectpicker: function (tbl) {
|
||
var $form = $('form.form-commonsearch', tbl.$container);
|
||
if ($form.length) {
|
||
Form.events.selectpicker($form);
|
||
}
|
||
},
|
||
|
||
formatter: {
|
||
platformStatus: function (value, row) {
|
||
var text = row.platform_status_text != null && row.platform_status_text !== ''
|
||
? String(row.platform_status_text)
|
||
: (Config.platformStatusList && Config.platformStatusList[value] ? Config.platformStatusList[value] : value);
|
||
var cls = value === 'online' ? 'success' : (value === 'offline' ? 'default' : 'warning');
|
||
return '<span class="text-' + cls + '">' + Fast.api.escape(text || '') + '</span>';
|
||
},
|
||
isRatioDeferred: function (row) {
|
||
return parseInt(row.ratio_deferred, 10) === 1 && String(row.status || '') === 'normal';
|
||
},
|
||
ratioDeferredTooltip: function (row) {
|
||
var streak = parseInt(row.no_inbound_click_streak, 10) || 0;
|
||
var template = __('Ratio deferred tooltip');
|
||
if (!template || template === 'Ratio deferred tooltip') {
|
||
template = '连续 %s 次访问无进线增长，已触线下号比率，选号已后置，等待同步裁决';
|
||
}
|
||
return template.indexOf('%s') >= 0 ? template.replace('%s', String(streak)) : template;
|
||
},
|
||
ratioDeferredBadgeHtml: function (tooltip) {
|
||
var label = __('Ratio deferred badge');
|
||
if (!label || label === 'Ratio deferred badge') {
|
||
label = '降权中';
|
||
}
|
||
return '<span class="label label-warning split-ratio-deferred-badge" style="margin-left:6px;font-size:11px;font-weight:500;vertical-align:middle;"'
|
||
+ ' data-toggle="tooltip" data-placement="top" title="' + Fast.api.escape(tooltip) + '">'
|
||
+ '<i class="fa fa-level-down"></i> ' + Fast.api.escape(label)
|
||
+ '</span>';
|
||
},
|
||
numberWithDeferred: function (value, row) {
|
||
var html = Fast.api.escape(String(value || ''));
|
||
if (Controller.api.formatter.isRatioDeferred(row)) {
|
||
html += Controller.api.formatter.ratioDeferredBadgeHtml(
|
||
Controller.api.formatter.ratioDeferredTooltip(row)
|
||
);
|
||
}
|
||
return html;
|
||
}
|
||
},
|
||
refreshSearchSelect: function ($field) {
|
||
if ($field.length && $field.hasClass('selectpicker') && $field.data('selectpicker')) {
|
||
$field.selectpicker('refresh');
|
||
}
|
||
},
|
||
syncStatusTabs: function (table, statusValue) {
|
||
var $tabs = table.closest('.panel-intro').find('.panel-heading [data-field="status"]');
|
||
if (!$tabs.length) {
|
||
return;
|
||
}
|
||
$tabs.find('li').removeClass('active');
|
||
$tabs.find('li a[data-value="' + (statusValue === null || statusValue === undefined ? '' : statusValue) + '"]')
|
||
.parent()
|
||
.addClass('active');
|
||
},
|
||
/**
|
||
* 工具栏「降权中」快捷筛选：与列表徽章一致（ratio_deferred=1 且 status=normal）
|
||
*/
|
||
bindDeferredFilter: function (table) {
|
||
var active = false;
|
||
var savedStatus = '';
|
||
var $btn = $('.btn-filter-ratio-deferred');
|
||
if (!$btn.length) {
|
||
return;
|
||
}
|
||
|
||
var applyFilter = function () {
|
||
var $form = table.closest('.bootstrap-table').find('form.form-commonsearch');
|
||
if (!$form.length) {
|
||
return false;
|
||
}
|
||
var $ratioField = $form.find('[name="ratio_deferred"]');
|
||
var $statusField = $form.find('[name="status"]');
|
||
|
||
if (active) {
|
||
savedStatus = $statusField.length ? String($statusField.val() || '') : '';
|
||
if ($ratioField.length) {
|
||
$ratioField.val('1');
|
||
Controller.api.refreshSearchSelect($ratioField);
|
||
}
|
||
if ($statusField.length) {
|
||
$statusField.val('normal');
|
||
Controller.api.refreshSearchSelect($statusField);
|
||
}
|
||
Controller.api.syncStatusTabs(table, 'normal');
|
||
} else {
|
||
if ($ratioField.length) {
|
||
$ratioField.val('');
|
||
Controller.api.refreshSearchSelect($ratioField);
|
||
}
|
||
if ($statusField.length) {
|
||
$statusField.val(savedStatus);
|
||
Controller.api.refreshSearchSelect($statusField);
|
||
}
|
||
Controller.api.syncStatusTabs(table, savedStatus);
|
||
savedStatus = '';
|
||
}
|
||
|
||
table.trigger('uncheckbox');
|
||
$form.trigger('submit');
|
||
return true;
|
||
};
|
||
|
||
$btn.on('click', function (e) {
|
||
e.preventDefault();
|
||
active = !active;
|
||
$btn.toggleClass('btn-warning', active).toggleClass('btn-default', !active);
|
||
if (!applyFilter()) {
|
||
active = !active;
|
||
$btn.toggleClass('btn-warning', active).toggleClass('btn-default', !active);
|
||
Toastr.warning('筛选表单未就绪，请刷新页面后重试');
|
||
}
|
||
});
|
||
},
|
||
/**
|
||
* 清理无效降权池：无落地页访问基线却标记 ratio_deferred=1 的号码
|
||
*/
|
||
bindDeferredCleanup: function (table) {
|
||
var $btn = $('.btn-cleanup-ratio-deferred');
|
||
if (!$btn.length) {
|
||
return;
|
||
}
|
||
$btn.on('click', function (e) {
|
||
e.preventDefault();
|
||
Fast.api.ajax({
|
||
url: 'split.number/cleanupdeferredpreview',
|
||
type: 'get'
|
||
}, function (data) {
|
||
var count = parseInt(data.count, 10) || 0;
|
||
if (count <= 0) {
|
||
Toastr.info(__('Ratio deferred cleanup none'));
|
||
return false;
|
||
}
|
||
var template = __('Ratio deferred cleanup confirm');
|
||
if (!template || template === 'Ratio deferred cleanup confirm') {
|
||
template = '将清除 %d 条无效降权记录。确定继续？';
|
||
}
|
||
var message = template.indexOf('%d') >= 0
|
||
? template.replace('%d', String(count))
|
||
: template;
|
||
Layer.confirm(message, {icon: 3, title: __('Warning')}, function (index) {
|
||
Layer.close(index);
|
||
Fast.api.ajax({
|
||
url: 'split.number/cleanupdeferred',
|
||
type: 'post'
|
||
}, function (data, ret) {
|
||
table.bootstrapTable('refresh');
|
||
Toastr.success(ret.msg || __('Ratio deferred cleanup success'));
|
||
});
|
||
});
|
||
return false;
|
||
});
|
||
});
|
||
},
|
||
bindevent: function () {
|
||
Form.api.bindevent($('form[role=form]'));
|
||
Controller.api.fixSelectPlaceholder();
|
||
Controller.api.bindNumberTypeToggle();
|
||
},
|
||
fixSelectPlaceholder: function () {
|
||
var text = __('Please select');
|
||
if (!text || text === 'Please select' || text === 'Please Select') {
|
||
text = '请选择';
|
||
}
|
||
$('#c-split_link_id').each(function () {
|
||
var $el = $(this);
|
||
$el.attr({'data-none-selected-text': text, 'title': text});
|
||
$el.find('option[value=""]').first().text(text);
|
||
if ($el.data('selectpicker')) {
|
||
$el.selectpicker('render');
|
||
}
|
||
});
|
||
},
|
||
bindNumberTypeToggle: function () {
|
||
var $type = $('#c-number_type');
|
||
var $wrap = $('.split-number-type-custom');
|
||
var $custom = $('#c-number_type_custom');
|
||
if (!$type.length) {
|
||
return;
|
||
}
|
||
var toggle = function () {
|
||
var val = $type.val();
|
||
if (val === 'custom') {
|
||
$wrap.removeClass('hide');
|
||
$custom.attr('data-rule', 'required');
|
||
} else {
|
||
$wrap.addClass('hide');
|
||
$custom.removeAttr('data-rule');
|
||
if (!$wrap.closest('form').attr('id') || $('#edit-form').length === 0) {
|
||
$custom.val('');
|
||
}
|
||
}
|
||
};
|
||
$type.on('changed.bs.select change', toggle);
|
||
toggle();
|
||
},
|
||
openBatchUpdateModal: function (ids, table) {
|
||
var statusHtml = '';
|
||
$.each(Config.statusList || {}, function (key, label) {
|
||
var checked = key === 'normal' ? ' checked' : '';
|
||
statusHtml += '<label class="radio-inline"><input type="radio" name="batch_status" value="' + key + '"' + checked + '> ' + label + '</label>';
|
||
});
|
||
var manualHtml = '';
|
||
$.each(Config.manualManageList || {}, function (key, label) {
|
||
var checked = key === '0' ? ' checked' : '';
|
||
manualHtml += '<label class="radio-inline"><input type="radio" name="batch_manual_manage" value="' + key + '"' + checked + '> ' + label + '</label>';
|
||
});
|
||
var html = [
|
||
'<div class="split-batch-update-modal" style="padding:18px 22px;">',
|
||
' <div class="form-group">',
|
||
' <label class="control-label">' + __('Batch selected count') + '</label>',
|
||
' <p class="form-control-static" style="font-size:18px;font-weight:600;margin:0;">' + ids.length + ' ' + __('Unit count') + '</p>',
|
||
' </div>',
|
||
' <div class="form-group">',
|
||
' <label class="control-label">' + __('Status') + '</label>',
|
||
' <div>' + statusHtml + '</div>',
|
||
' </div>',
|
||
' <div class="form-group" style="margin-bottom:0;">',
|
||
' <label class="control-label">' + __('Manual_manage') + '</label>',
|
||
' <div>' + manualHtml + '</div>',
|
||
' </div>',
|
||
'</div>'
|
||
].join('');
|
||
|
||
Layer.open({
|
||
type: 1,
|
||
title: __('Batch update title'),
|
||
area: ['420px', 'auto'],
|
||
shadeClose: false,
|
||
content: html,
|
||
btn: [__('OK'), __('Cancel')],
|
||
yes: function (index, layero) {
|
||
var status = layero.find('input[name="batch_status"]:checked').val();
|
||
var manualManage = layero.find('input[name="batch_manual_manage"]:checked').val();
|
||
if (typeof status === 'undefined' || typeof manualManage === 'undefined') {
|
||
Toastr.error(__('Invalid parameters'));
|
||
return false;
|
||
}
|
||
Fast.api.ajax({
|
||
url: 'split.number/batchupdate',
|
||
type: 'post',
|
||
data: {
|
||
ids: ids.join(','),
|
||
status: status,
|
||
manual_manage: manualManage
|
||
}
|
||
}, function () {
|
||
Layer.close(index);
|
||
table.bootstrapTable('refresh');
|
||
$('.btn-batch-update-status').addClass('btn-disabled disabled');
|
||
Toastr.success(__('Batch update success'));
|
||
});
|
||
return false;
|
||
}
|
||
});
|
||
},
|
||
openBatchOperateModal: function (table) {
|
||
var pleaseSelect = __('Please select');
|
||
if (!pleaseSelect || pleaseSelect === 'Please select' || pleaseSelect === 'Please Select') {
|
||
pleaseSelect = '请选择';
|
||
}
|
||
var linkOptions = ['<option value="">' + Fast.api.escape(pleaseSelect) + '</option>'];
|
||
$.each(Config.splitLinkSelectList || {}, function (id, label) {
|
||
linkOptions.push('<option value="' + Fast.api.escape(String(id)) + '">' + Fast.api.escape(String(label)) + '</option>');
|
||
});
|
||
var html = [
|
||
'<div class="split-batch-operate-modal" style="padding:18px 22px;">',
|
||
' <div class="form-group">',
|
||
' <label class="control-label">' + __('Link_url') + '<span class="text-danger">*</span></label>',
|
||
' <select id="batch-operate-split-link" class="form-control selectpicker" data-live-search="true" data-none-selected-text="' + pleaseSelect + '" title="' + pleaseSelect + '">',
|
||
linkOptions.join(''),
|
||
' </select>',
|
||
' </div>',
|
||
' <div class="form-group">',
|
||
' <label class="control-label">' + __('Number') + '<span class="text-danger">*</span></label>',
|
||
' <textarea id="batch-operate-numbers" class="form-control" rows="8" placeholder="' + Fast.api.escape(__('Numbers one per line')) + '"></textarea>',
|
||
' </div>',
|
||
' <div class="form-group">',
|
||
' <label class="control-label">' + __('Batch operate action') + '<span class="text-danger">*</span></label>',
|
||
' <select id="batch-operate-action" class="form-control selectpicker" data-none-selected-text="' + pleaseSelect + '" title="' + pleaseSelect + '">',
|
||
' <option value="enable">' + Fast.api.escape(__('Batch operate enable')) + '</option>',
|
||
' <option value="disable">' + Fast.api.escape(__('Batch operate disable')) + '</option>',
|
||
' <option value="delete">' + Fast.api.escape(__('Batch operate delete')) + '</option>',
|
||
' </select>',
|
||
' </div>',
|
||
' <div class="form-group" style="margin-bottom:0;text-align:right;">',
|
||
' <button type="button" class="btn btn-primary btn-batch-operate-confirm">' + __('OK') + '</button> ',
|
||
' <button type="button" class="btn btn-default btn-batch-operate-cancel">' + __('Cancel') + '</button>',
|
||
' </div>',
|
||
'</div>'
|
||
].join('');
|
||
|
||
var layerIndex = Layer.open({
|
||
type: 1,
|
||
title: __('Batch operate title'),
|
||
area: ['520px', 'auto'],
|
||
shadeClose: false,
|
||
content: html,
|
||
success: function (layero, index) {
|
||
Form.events.selectpicker(layero);
|
||
layero.find('.btn-batch-operate-cancel').on('click', function () {
|
||
Layer.close(index);
|
||
});
|
||
layero.find('.btn-batch-operate-confirm').on('click', function () {
|
||
var splitLinkId = $.trim(layero.find('#batch-operate-split-link').val());
|
||
var numbers = $.trim(layero.find('#batch-operate-numbers').val());
|
||
var action = $.trim(layero.find('#batch-operate-action').val());
|
||
|
||
if (!splitLinkId) {
|
||
Toastr.warning(__('Please select split link'));
|
||
return false;
|
||
}
|
||
if (!numbers) {
|
||
Toastr.warning(__('Please fill at least one number'));
|
||
return false;
|
||
}
|
||
if (!action) {
|
||
Toastr.error(__('Invalid batch operate action'));
|
||
return false;
|
||
}
|
||
|
||
var submit = function () {
|
||
Fast.api.ajax({
|
||
url: 'split.number/batchoperate',
|
||
type: 'post',
|
||
data: {
|
||
split_link_id: splitLinkId,
|
||
numbers: numbers,
|
||
action: action
|
||
}
|
||
}, function (data, ret) {
|
||
Layer.close(index);
|
||
table.bootstrapTable('refresh');
|
||
Toastr.success(ret.msg || __('Batch operate success'));
|
||
});
|
||
};
|
||
|
||
if (action === 'delete') {
|
||
Layer.confirm(__('Batch operate delete confirm'), {icon: 3, title: __('Warning')}, function (confirmIndex) {
|
||
Layer.close(confirmIndex);
|
||
submit();
|
||
});
|
||
return false;
|
||
}
|
||
|
||
submit();
|
||
return false;
|
||
});
|
||
}
|
||
});
|
||
}
|
||
}
|
||
};
|
||
return Controller;
|
||
});
|