61 lines
1.9 KiB
JavaScript
61 lines
1.9 KiB
JavaScript
|
// AI资源工坊页面交互逻辑
|
|||
|
|
layui.use(['form', 'laydate'], function() {
|
|||
|
|
var form = layui.form;
|
|||
|
|
var laydate = layui.laydate;
|
|||
|
|
|
|||
|
|
// 初始化表单
|
|||
|
|
form.render();
|
|||
|
|
|
|||
|
|
// 生成按钮点击事件
|
|||
|
|
document.querySelector('.generate-btn').addEventListener('click', function() {
|
|||
|
|
// 显示加载动画
|
|||
|
|
this.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 生成中...';
|
|||
|
|
this.disabled = true;
|
|||
|
|
|
|||
|
|
// 模拟生成过程
|
|||
|
|
setTimeout(() => {
|
|||
|
|
// 生成成功后跳转或显示结果
|
|||
|
|
window.location.href = 'resource-preview.html';
|
|||
|
|
}, 2000);
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* AI资源工坊页面专属脚本
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|||
|
|
// 资源搜索功能
|
|||
|
|
const searchInput = document.querySelector('.search-box input');
|
|||
|
|
const searchBtn = document.querySelector('.search-box .search-btn');
|
|||
|
|
|
|||
|
|
if (searchBtn && searchInput) {
|
|||
|
|
searchBtn.addEventListener('click', performSearch);
|
|||
|
|
searchInput.addEventListener('keypress', function(e) {
|
|||
|
|
if (e.key === 'Enter') performSearch();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 资源排序功能
|
|||
|
|
const sortSelect = document.querySelector('.resource-filters select');
|
|||
|
|
if (sortSelect) {
|
|||
|
|
sortSelect.addEventListener('change', function() {
|
|||
|
|
alert(`已切换排序方式为: ${this.options[this.selectedIndex].text}`);
|
|||
|
|
// 在实际项目中，这里会发起AJAX请求获取排序后的资源
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 执行搜索功能
|
|||
|
|
*/
|
|||
|
|
function performSearch() {
|
|||
|
|
const keyword = searchInput.value.trim();
|
|||
|
|
if (keyword) {
|
|||
|
|
alert(`搜索资源: ${keyword}`);
|
|||
|
|
// 在实际项目中，这里会发起AJAX请求获取搜索结果
|
|||
|
|
} else {
|
|||
|
|
alert('请输入搜索关键词');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|