GreatQiu
91104e58cf
- New fastadmin/chathub/ (11 files, 204K): user-facing FastAdmin ThinkPHP 5 addon
- _markOrderPaid() now calls _provisionAsync() on empty embed_code (closes 'paid but no code' gap)
- New reprovision() action — user-initiated resource rebuild
- payReturn() smart redirect: 3 branches (just_paid / provisioning / pending / fallback)
- status badge updated with 'provisioning' state (blue)
- _initialize() whitelist expanded: reprovision (user) + payNotify/payReturn (public webhook)
- 5 chathub_* tables (tenant/log/order/channel_account/gateway_log) + MIGRATIONS.md
Bugfixes during E2E:
- payNotify HTTP 500: tenant.status ENUM missing 'provisioning' value (DBA migration)
- payNotify HTTP 500: chathub_log.status='received' (not in ENUM) — changed to 'success'
- TP5 method signature: function reprovision(\$ids) does not read query string — use \$this->request->param('ids')
252 lines
10 KiB
JavaScript
252 lines
10 KiB
JavaScript
/**
|
|
* ChatHub 租户管理 JavaScript
|
|
*/
|
|
define(['jquery', 'bootstrap', 'template'], function ($, Bootstrap, Template) {
|
|
var Controller = {
|
|
index: function () {
|
|
// 初始化表格
|
|
Controller.api.initTable();
|
|
|
|
// 绑定事件
|
|
Controller.api.bindEvents();
|
|
},
|
|
|
|
add: function () {
|
|
// 初始化表单
|
|
Controller.api.initForm();
|
|
},
|
|
|
|
edit: function () {
|
|
// 初始化表单
|
|
Controller.api.initForm();
|
|
|
|
// 填充数据
|
|
Controller.api.fillFormData();
|
|
},
|
|
|
|
dashboard: function () {
|
|
// 初始化仪表盘
|
|
Controller.api.initDashboard();
|
|
},
|
|
|
|
api: {
|
|
// 初始化表格
|
|
initTable: function () {
|
|
// 加载租户列表
|
|
Controller.api.loadTenants();
|
|
|
|
// 绑定筛选事件
|
|
$('.filter-select, .filter-input').on('change', function () {
|
|
Controller.api.loadTenants(1);
|
|
});
|
|
},
|
|
|
|
// 加载租户列表
|
|
loadTenants: function (page) {
|
|
page = page || 1;
|
|
|
|
$.ajax({
|
|
url: Fast.api.fixurl('chathub/index/index'),
|
|
type: 'GET',
|
|
data: {
|
|
page: page,
|
|
filter: JSON.stringify(Controller.api.getFilters())
|
|
},
|
|
success: function (res) {
|
|
if (res.rows && res.rows.length > 0) {
|
|
Controller.api.renderTenants(res.rows);
|
|
Controller.api.renderPagination(res.total, page);
|
|
$('#empty-state').hide();
|
|
$('.table-container table').show();
|
|
$('.pagination-wrapper').show();
|
|
} else {
|
|
$('#empty-state').show();
|
|
$('.table-container table').hide();
|
|
$('.pagination-wrapper').hide();
|
|
}
|
|
}
|
|
});
|
|
},
|
|
|
|
// 获取筛选条件
|
|
getFilters: function () {
|
|
return {
|
|
status: $('.filter-select').eq(0).val(),
|
|
channel_type: $('.filter-select').eq(1).val(),
|
|
search: $('.filter-input').val()
|
|
};
|
|
},
|
|
|
|
// 渲染租户列表
|
|
renderTenants: function (tenants) {
|
|
var html = '';
|
|
tenants.forEach(function (tenant) {
|
|
var statusClass = 'status-' + tenant.status;
|
|
var channelIcon = tenant.channel_type === 'web_widget' ? 'fa-globe' : 'fa-code';
|
|
var channelText = tenant.channel_type_text || (tenant.channel_type === 'web_widget' ? '网页组件' : 'API接口');
|
|
|
|
html += '<tr>';
|
|
html += '<td>';
|
|
html += ' <div class="tenant-info">';
|
|
html += ' <div class="tenant-avatar">' + tenant.tenant_name.charAt(0).toUpperCase() + '</div>';
|
|
html += ' <div class="tenant-details">';
|
|
html += ' <h4>' + tenant.tenant_name + '</h4>';
|
|
html += ' <p>' + (tenant.agent_name || '未配置') + '</p>';
|
|
html += ' </div>';
|
|
html += ' </div>';
|
|
html += '</td>';
|
|
html += '<td>' + tenant.domain + '</td>';
|
|
html += '<td><span class="channel-tag"><i class="fa ' + channelIcon + '"></i> ' + channelText + '</span></td>';
|
|
html += '<td><span class="status-badge ' + statusClass + '">' + tenant.status_text + '</span></td>';
|
|
html += '<td>' + (tenant.provisioned_at || '-') + '</td>';
|
|
html += '<td>';
|
|
html += ' <div class="action-buttons">';
|
|
html += ' <a href="' + Fast.api.fixurl('chathub/index/edit/ids/' + tenant.id) + '" class="action-btn action-btn-edit" title="编辑"><i class="fa fa-pencil"></i></a>';
|
|
if (tenant.status !== 'active') {
|
|
html += ' <button class="action-btn action-btn-provision" title="开通" onclick="Controller.api.provisionTenant(' + tenant.id + ')"><i class="fa fa-rocket"></i></button>';
|
|
}
|
|
html += ' <button class="action-btn action-btn-delete" title="删除" onclick="Controller.api.deleteTenant(' + tenant.id + ')"><i class="fa fa-trash"></i></button>';
|
|
html += ' </div>';
|
|
html += '</td>';
|
|
html += '</tr>';
|
|
});
|
|
$('#tenant-list').html(html);
|
|
},
|
|
|
|
// 渲染分页
|
|
renderPagination: function (total, currentPage) {
|
|
var pageSize = 10;
|
|
var totalPages = Math.ceil(total / pageSize);
|
|
var html = '';
|
|
|
|
if (currentPage > 1) {
|
|
html += '<span class="page-link" onclick="Controller.api.loadTenants(' + (currentPage - 1) + ')">上一页</span>';
|
|
}
|
|
|
|
for (var i = 1; i <= totalPages; i++) {
|
|
if (i === currentPage) {
|
|
html += '<span class="page-link active">' + i + '</span>';
|
|
} else {
|
|
html += '<span class="page-link" onclick="Controller.api.loadTenants(' + i + ')">' + i + '</span>';
|
|
}
|
|
}
|
|
|
|
if (currentPage < totalPages) {
|
|
html += '<span class="page-link" onclick="Controller.api.loadTenants(' + (currentPage + 1) + ')">下一页</span>';
|
|
}
|
|
|
|
$('#pagination').html(html);
|
|
$('#pagination-info').text('显示 ' + ((currentPage-1)*pageSize+1) + '-' + Math.min(currentPage*pageSize, total) + ' 条，共 ' + total + ' 条');
|
|
},
|
|
|
|
// 开通租户
|
|
provisionTenant: function (id) {
|
|
if (confirm('确定要开通这个租户吗？')) {
|
|
Fast.api.ajax({
|
|
url: Fast.api.fixurl('chathub/index/provision/ids/' + id),
|
|
type: 'POST'
|
|
}, function (res) {
|
|
Controller.api.loadTenants();
|
|
});
|
|
}
|
|
},
|
|
|
|
// 删除租户
|
|
deleteTenant: function (id) {
|
|
if (confirm('确定要删除这个租户吗？此操作不可恢复。')) {
|
|
Fast.api.ajax({
|
|
url: Fast.api.fixurl('chathub/index/del/ids/' + id),
|
|
type: 'POST'
|
|
}, function (res) {
|
|
Controller.api.loadTenants();
|
|
});
|
|
}
|
|
},
|
|
|
|
// 初始化表单
|
|
initForm: function () {
|
|
// 通道类型选择
|
|
$('.channel-option').click(function () {
|
|
$('.channel-option').removeClass('active');
|
|
$(this).addClass('active');
|
|
$('input[name="row[channel_type]"]').val($(this).data('value'));
|
|
});
|
|
|
|
// 表单提交
|
|
$('#tenant-form').on('submit', function (e) {
|
|
e.preventDefault();
|
|
|
|
var formData = $(this).serialize();
|
|
var url = $(this).attr('action');
|
|
|
|
$.ajax({
|
|
url: url,
|
|
type: 'POST',
|
|
data: formData,
|
|
success: function (res) {
|
|
if (res.code === 1) {
|
|
Fast.api.msg('操作成功！');
|
|
setTimeout(function () {
|
|
location.href = Fast.api.fixurl('chathub/index/index');
|
|
}, 1000);
|
|
} else {
|
|
Fast.api.msg(res.msg || '操作失败', 'danger');
|
|
}
|
|
},
|
|
error: function () {
|
|
Fast.api.msg('网络错误，请重试', 'danger');
|
|
}
|
|
});
|
|
});
|
|
},
|
|
|
|
// 填充表单数据
|
|
fillFormData: function () {
|
|
// 从页面获取数据并填充
|
|
var row = window.rowData || {};
|
|
|
|
if (row.tenant_name) {
|
|
$('input[name="row[tenant_name]"]').val(row.tenant_name);
|
|
}
|
|
if (row.domain) {
|
|
$('input[name="row[domain]"]').val(row.domain);
|
|
}
|
|
if (row.agent_name) {
|
|
$('input[name="row[agent_name]"]').val(row.agent_name);
|
|
}
|
|
if (row.status) {
|
|
$('select[name="row[status]"]').val(row.status);
|
|
}
|
|
if (row.channel_type) {
|
|
$('.channel-option').removeClass('active');
|
|
$('.channel-option[data-value="' + row.channel_type + '"]').addClass('active');
|
|
$('input[name="row[channel_type]"]').val(row.channel_type);
|
|
}
|
|
},
|
|
|
|
// 初始化仪表盘
|
|
initDashboard: function () {
|
|
// 添加动画效果
|
|
$('.stat-card').each(function (index) {
|
|
$(this).css({
|
|
'opacity': '0',
|
|
'transform': 'translateY(20px)',
|
|
'animation': 'fadeInUp 0.5s ease forwards',
|
|
'animation-delay': (index * 0.1) + 's'
|
|
});
|
|
});
|
|
},
|
|
|
|
// 绑定事件
|
|
bindEvents: function () {
|
|
// 刷新按钮
|
|
$(document).on('click', '.btn-refresh', function () {
|
|
Controller.api.loadTenants();
|
|
});
|
|
}
|
|
}
|
|
};
|
|
|
|
return Controller;
|
|
});
|