椰子云验证码助手
// ==UserScript==
// @name 椰子云验证码助手
// @namespace http://tampermonkey.net/
// @version 0.3
// @description 通过椰子云API获取手机验证码
// @author You
// @match *://*/*
// @grant GM_xmlhttpRequest
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_registerMenuCommand
// @grant GM_addStyle
// ==/UserScript==
(function() {
'use strict';
// 检测当前页面是否包含'验证码'字样
if (!document.body.innerText.includes('验证码')) {
console.log('当前页面未检测到验证码字样，脚本停止执行');
return;
}
// 配置信息
let config = {
username: GM_getValue('username', ''),
password: GM_getValue('password', ''),
token: GM_getValue('token', ''),
apiDomain: GM_getValue('apiDomain', 'http://api.sqhyw.net:90'), // 默认主域名
projectId: GM_getValue('projectId', ''), // 默认项目ID
special: '0', // 不使用专属号码
currentMobile: '', // 当前使用的手机号
floatingButton: GM_getValue('floatingButton', true), // 是否显示悬浮按钮
projects: [], // 项目列表缓存
autoGetSms: GM_getValue('autoGetSms', true), // 自动获取短信
smsPollingTimer: null, // 短信轮询定时器
smsPollingCount: 0 // 短信轮询次数
};
// 统计'验证码'字样出现的次数
const verificationCodeCount = (document.body.innerText.match(/验证码/g) || []).length;
// 如果'验证码'字样出现超过2次，则停止执行
if (verificationCodeCount > 2) {
console.log('当前页面检测到验证码字样超过2次，脚本停止执行');
return;
}
// 添加CSS样式
GM_addStyle(`
#yz-float-btn {
position: fixed;
top: 140px;
left: 140px;
width: 50px;
height: 50px;
border-radius: 50%;
background: #3498db;
color: white;
text-align: center;
line-height: 50px;
cursor: pointer;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
z-index: 9998;
font-size: 20px;
user-select: none;
}
#yz-float-btn:hover {
background: #2980b9;
}
`);
// 创建UI界面
function createUI() {
// 创建插件面板
const panel = document.createElement('div');
panel.id = 'yz-panel';
panel.style.cssText = `
position: fixed;
width: 300px;
background: #fff;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
z-index: 9999;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
font-family: Arial, sans-serif;
display: none;
`;
// 添加标题
const title = document.createElement('div');
title.textContent = '椰子云验证码助手';
title.style.cssText = 'font-weight: bold; margin-bottom: 10px; font-size: 14px; text-align: center;';
panel.appendChild(title);
// 添加内容容器
const content = document.createElement('div');
content.id = 'yz-content';
panel.appendChild(content);
// 创建配置界面
const configHtml = `
<div style="margin-bottom: 10px;">
<div style="margin-bottom: 5px;">用户名:</div>
<input id="yz-username" type="text" value="${config.username}" style="width: 100%; padding: 5px; box-sizing: border-box;">
</div>
<div style="margin-bottom: 10px;">
<div style="margin-bottom: 5px;">密码:</div>
<input id="yz-password" type="password" value="${config.password}" style="width: 100%; padding: 5px; box-sizing: border-box;">
</div>
<div style="margin-bottom: 10px;">
<div style="margin-bottom: 5px;">接口域名:</div>
<select id="yz-domain" style="width: 100%; padding: 5px; box-sizing: border-box;">
<option value="http://api.sqhyw.net:90" ${config.apiDomain === 'http://api.sqhyw.net:90' ? 'selected' : ''}>主域名</option>
<option value="http://api.nnanx.com:90" ${config.apiDomain === 'http://api.nnanx.com:90' ? 'selected' : ''}>备用域名</option>
</select>
</div>
<div style="margin-bottom: 10px;">
<div style="margin-bottom: 5px;">项目ID/对接码:</div>
<div style="display: flex;">
<input id="yz-project-id" type="text" value="${config.projectId}" style="flex: 1; padding: 5px; box-sizing: border-box; margin-right: 5px;">
<button id="yz-search-project" style="padding: 5px 10px;">搜索项目</button>
</div>
</div>
<div style="margin-bottom: 10px;">
<label>
<input id="yz-floating-btn" type="checkbox" ${config.floatingButton ? 'checked' : ''}>
显示悬浮按钮
</label>
</div>
<div style="margin-bottom: 10px;">
<label>
<input id="yz-auto-sms-config" type="checkbox" ${config.autoGetSms ? 'checked' : ''}>
自动获取验证码
</label>
</div>
<div style="display: flex; justify-content: space-between;">
<button id="yz-save" style="padding: 5px 10px;">保存配置</button>
<button id="yz-login" style="padding: 5px 10px;">登录</button>
<button id="yz-cancel" style="padding: 5px 10px;">取消</button>
</div>
`;
content.innerHTML = configHtml;
// 添加面板到页面
document.body.appendChild(panel);
// 创建悬浮按钮
if (config.floatingButton) {
createFloatingButton();
}
// 添加事件监听
document.getElementById('yz-save').addEventListener('click', saveConfig);
document.getElementById('yz-login').addEventListener('click', login);
document.getElementById('yz-cancel').addEventListener('click', togglePanel);
document.getElementById('yz-search-project').addEventListener('click', searchProjects);
// 注册菜单命令
GM_registerMenuCommand('椰子云验证码助手', togglePanel);
}
// 创建悬浮按钮
function createFloatingButton() {
// 如果已经存在，先移除
const existingButton = document.getElementById('yz-float-btn');
if (existingButton) {
existingButton.remove();
}
if (!config.floatingButton) {
return;
}
const floatBtn = document.createElement('div');
floatBtn.id = 'yz-float-btn';
floatBtn.textContent = '验';
floatBtn.title = '椰子云验证码助手';
floatBtn.addEventListener('click', togglePanel);
document.body.appendChild(floatBtn);
// Add event listeners to make the icon draggable
const icon = document.getElementById('yz-float-btn');
let isDragging = false;
let offsetX, offsetY;
// Restore icon position from localStorage
const savedPosition = localStorage.getItem('iconPosition');
if (savedPosition) {
const { left, top } = JSON.parse(savedPosition);
icon.style.left = `${left}px`;
icon.style.top = `${top}px`;
} else {
// Set default position if no saved position
icon.style.left = '140px';
icon.style.top = '140px';
}
icon.addEventListener('mousedown', (e) => {
isDragging = true;
offsetX = e.clientX - icon.getBoundingClientRect().left;
offsetY = e.clientY - icon.getBoundingClientRect().top;
});
window.addEventListener('mousemove', (e) => {
if (isDragging) {
const left = e.clientX - offsetX;
const top = e.clientY - offsetY;
icon.style.left = `${left}px`;
icon.style.top = `${top}px`;
// Store icon position in localStorage
localStorage.setItem('iconPosition', JSON.stringify({ left, top }));
// Update window position based on icon position
const windowElement = document.getElementById('yz-panel');
windowElement.style.left = `${left + 50}px`; // Adjust the offset as needed
windowElement.style.top = `${top + 50}px`; // Adjust the offset as needed
}
});
window.addEventListener('mouseup', () => {
isDragging = false;
});
}
// 切换到操作界面
function switchToOperation() {
const content = document.getElementById('yz-content');
content.innerHTML = `
<div>
<div style="margin-bottom: 5px;">余额: <span id="yz-balance">0</span></div>
<div style="margin-bottom: 10px;">当前号码: <span id="yz-mobile">无</span></div>
<div style="display: flex; margin-bottom: 10px;">
<button id="yz-get-mobile" style="flex: 1; margin-right: 5px; padding: 5px;">获取号码</button>
<button id="yz-get-sms" style="flex: 1; margin-right: 5px; padding: 5px;">获取短信</button>
<button id="yz-free-mobile" style="flex: 1; padding: 5px;">释放号码</button>
</div>
<div style="display: flex; margin-bottom: 10px;">
<div style="flex: 1; margin-right: 5px;">项目ID:</div>
<input id="yz-main-project-id" type="text" value="${config.projectId}" style="flex: 2; padding: 5px; box-sizing: border-box;">
</div>
<div style="margin-bottom: 10px;">
<div style="display: flex; align-items: center; margin-bottom: 5px;">
<label style="display: flex; align-items: center; margin-right: 10px;" title="自动获取验证码">
<input id="yz-auto-sms" type="checkbox" ${config.autoGetSms ? 'checked' : ''} style="margin-right: 0;">
</label>
<div>验证码: <span id="yz-sms-status"></span></div>
</div>
<div id="yz-sms-content" style="padding: 5px; background: #f5f5f5; min-height: 50px; word-break: break-all;"></div>
</div>
<div style="display: flex; justify-content: space-between;">
<button id="yz-settings" style="padding: 5px 10px;">设置</button>
<button id="yz-close" style="padding: 5px 10px;">关闭</button>
</div>
</div>
`;
// 添加操作界面的事件监听
document.getElementById('yz-get-mobile').addEventListener('click', getMobile);
document.getElementById('yz-get-sms').addEventListener('click', getSms);
document.getElementById('yz-free-mobile').addEventListener('click', freeMobile);
document.getElementById('yz-settings').addEventListener('click', switchToConfig);
document.getElementById('yz-close').addEventListener('click', togglePanel);
// 项目ID更改时自动保存
document.getElementById('yz-main-project-id').addEventListener('change', function() {
const newProjectId = this.value.trim();
config.projectId = newProjectId;
GM_setValue('projectId', newProjectId);
showMessage('项目ID已更新');
});
// 自动获取短信选项变更
document.getElementById('yz-auto-sms').addEventListener('change', function() {
config.autoGetSms = this.checked;
GM_setValue('autoGetSms', config.autoGetSms);
showMessage(config.autoGetSms ? '已开启自动获取验证码' : '已关闭自动获取验证码');
});
// 获取余额信息
getBalance();
}
// 切换到配置界面
function switchToConfig() {
const content = document.getElementById('yz-content');
content.innerHTML = `
<div style="margin-bottom: 10px;">
<div style="margin-bottom: 5px;">用户名:</div>
<input id="yz-username" type="text" value="${config.username}" style="width: 100%; padding: 5px; box-sizing: border-box;">
</div>
<div style="margin-bottom: 10px;">
<div style="margin-bottom: 5px;">密码:</div>
<input id="yz-password" type="password" value="${config.password}" style="width: 100%; padding: 5px; box-sizing: border-box;">
</div>
<div style="margin-bottom: 10px;">
<div style="margin-bottom: 5px;">接口域名:</div>
<select id="yz-domain" style="width: 100%; padding: 5px; box-sizing: border-box;">
<option value="http://api.sqhyw.net:90" ${config.apiDomain === 'http://api.sqhyw.net:90' ? 'selected' : ''}>主域名</option>
<option value="http://api.nnanx.com:90" ${config.apiDomain === 'http://api.nnanx.com:90' ? 'selected' : ''}>备用域名</option>
</select>
</div>
<div style="margin-bottom: 10px;">
<div style="margin-bottom: 5px;">项目ID/对接码:</div>
<input id="yz-project-id" type="text" value="${config.projectId}" style="width: 100%; padding: 5px; box-sizing: border-box;">
</div>
<div style="margin-bottom: 10px;">
<label>
<input id="yz-floating-btn" type="checkbox" ${config.floatingButton ? 'checked' : ''}>
显示悬浮按钮
</label>
</div>
<div style="margin-bottom: 10px;">
<label>
<input id="yz-auto-sms-config" type="checkbox" ${config.autoGetSms ? 'checked' : ''}>
自动获取验证码
</label>
</div>
<div style="display: flex; justify-content: space-between;">
<button id="yz-save" style="padding: 5px 10px;">保存配置</button>
<button id="yz-login" style="padding: 5px 10px;">登录</button>
<button id="yz-cancel" style="padding: 5px 10px;">取消</button>
</div>
`;
// 添加配置界面的事件监听
document.getElementById('yz-save').addEventListener('click', saveConfig);
document.getElementById('yz-login').addEventListener('click', login);
document.getElementById('yz-cancel').addEventListener('click', togglePanel);
}
// 保存配置
function saveConfig() {
config.username = document.getElementById('yz-username').value;
config.password = document.getElementById('yz-password').value;
config.apiDomain = document.getElementById('yz-domain').value;
config.projectId = document.getElementById('yz-project-id').value;
config.floatingButton = document.getElementById('yz-floating-btn').checked;
config.autoGetSms = document.getElementById('yz-auto-sms-config').checked;
GM_setValue('username', config.username);
GM_setValue('password', config.password);
GM_setValue('apiDomain', config.apiDomain);
GM_setValue('projectId', config.projectId);
GM_setValue('floatingButton', config.floatingButton);
GM_setValue('autoGetSms', config.autoGetSms);
// 更新悬浮按钮状态
createFloatingButton();
showMessage('配置已保存');
// 切换到操作界面
switchToOperation();
}
// 登录
function login() {
if (!config.username || !config.password) {
showMessage('请输入用户名和密码');
return;
}
const url = `${config.apiDomain}/api/logins?username=${encodeURIComponent(config.username)}&password=${encodeURIComponent(config.password)}`;
GM_xmlhttpRequest({
method: 'GET',
url: url,
onload: function(response) {
try {
const data = JSON.parse(response.responseText);
if (data.token) {
config.token = data.token;
GM_setValue('token', config.token);
showMessage('登录成功');
// 登录成功后获取项目列表
getProjects();
switchToOperation();
} else {
showMessage('登录失败: ' + (data.message || '未知错误'));
}
} catch (e) {
showMessage('解析响应失败: ' + e.message);
}
},
onerror: function(error) {
showMessage('请求错误: ' + error.statusText);
}
});
}
// 获取余额
function getBalance() {
if (!config.token) {
showMessage('请先登录');
return;
}
const url = `${config.apiDomain}/api/get_myinfo?token=${encodeURIComponent(config.token)}`;
GM_xmlhttpRequest({
method: 'GET',
url: url,
onload: function(response) {
try {
const data = JSON.parse(response.responseText);
if (data.message === 'ok' && data.data && data.data.length > 0) {
document.getElementById('yz-balance').textContent = data.data[0].money;
} else {
showMessage('获取余额失败: ' + (data.message || '未知错误'));
}
} catch (e) {
showMessage('解析响应失败: ' + e.message);
}
},
onerror: function(error) {
showMessage('请求错误: ' + error.statusText);
}
});
}
// 获取手机号
function getMobile() {
if (!config.token) {
showMessage('请先登录');
return;
}
if (!config.projectId) {
showMessage('请设置项目ID');
return;
}
// 停止之前的轮询
stopSmsPolling();
let url = `${config.apiDomain}/api/get_mobile?token=${encodeURIComponent(config.token)}&project_id=${encodeURIComponent(config.projectId)}`;
GM_xmlhttpRequest({
method: 'GET',
url: url,
onload: function(response) {
try {
const data = JSON.parse(response.responseText);
if (data.message === 'ok' && data.mobile) {
config.currentMobile = data.mobile;
document.getElementById('yz-mobile').textContent = data.mobile;
// 复制到剪贴板
copyToClipboard(data.mobile);
showMessage('获取号码成功，已复制到剪贴板');
// 清空之前的验证码
document.getElementById('yz-sms-content').textContent = '';
// 如果开启了自动获取验证码，启动轮询
if (config.autoGetSms) {
startSmsPolling();
}
} else {
showMessage('获取号码失败: ' + (data.message || '未知错误'));
}
} catch (e) {
showMessage('解析响应失败: ' + e.message);
}
},
onerror: function(error) {
showMessage('请求错误: ' + error.statusText);
}
});
}
// 复制文本到剪贴板
function copyToClipboard(text) {
try {
// 使用现代剪贴板API
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(text)
.then(() => {
console.log('文本已成功复制到剪贴板');
})
.catch(err => {
console.error('复制到剪贴板失败: ', err);
// 如果现代API失败，回退到传统方法
fallbackCopyToClipboard(text);
});
} else {
// 回退到传统方法
fallbackCopyToClipboard(text);
}
} catch (e) {
console.error('复制到剪贴板出错: ', e);
// 最终回退方法
fallbackCopyToClipboard(text);
}
}
// 传统的复制到剪贴板方法
function fallbackCopyToClipboard(text) {
const textarea = document.createElement('textarea');
textarea.value = text;
textarea.setAttribute('readonly', '');
textarea.style.position = 'absolute';
textarea.style.left = '-9999px';
document.body.appendChild(textarea);
// 保存当前选中的内容
const selected =
document.getSelection().rangeCount > 0
? document.getSelection().getRangeAt(0)
: false;
textarea.select();
textarea.setSelectionRange(0, textarea.value.length);
let success = false;
try {
success = document.execCommand('copy');
if (!success) {
console.error('复制文本失败');
// 显示提示给用户
showMessage('无法自动复制验证码，请手动复制: ' + text);
}
} catch (err) {
console.error('复制命令出错: ', err);
// 显示提示给用户
showMessage('无法自动复制验证码，请手动复制: ' + text);
}
document.body.removeChild(textarea);
// 恢复之前的选中内容
if (selected) {
document.getSelection().removeAllRanges();
document.getSelection().addRange(selected);
}
return success;
}
// 获取短信
function getSms() {
if (!config.token) {
showMessage('请先登录');
return;
}
if (!config.projectId) {
showMessage('请设置项目ID');
return;
}
if (!config.currentMobile) {
showMessage('请先获取手机号');
return;
}
// 更新状态为等待中
updateSmsStatus('等待中');
let url = `${config.apiDomain}/api/get_message?token=${encodeURIComponent(config.token)}&project_id=${encodeURIComponent(config.projectId)}&phone_num=${encodeURIComponent(config.currentMobile)}`;
GM_xmlhttpRequest({
method: 'GET',
url: url,
onload: function(response) {
try {
const data = JSON.parse(response.responseText);
if (data.message === 'ok') {
// 直接检查短信内容
if (data.data && data.data.length > 0 && data.data[0].content) {
const smsContent = data.data[0].content;
const smsContentElem = document.getElementById('yz-sms-content');
smsContentElem.textContent = smsContent;
// 尝试从短信内容提取验证码
let verificationCode = extractVerificationCode(smsContent);
if (verificationCode) {
// 显示提取到的验证码
smsContentElem.innerHTML = `<strong style="color:#f00;">${verificationCode}</strong> - ${smsContent}`;
// 复制验证码到剪贴板
copyToClipboard(verificationCode);
showMessage(`验证码 ${verificationCode} 已复制到剪贴板`);
updateSmsStatus('已获取');
// 停止轮询
stopSmsPolling();
} else if (data.code) {
// 如果API返回了code字段，也使用它
smsContentElem.innerHTML = `<strong style="color:#f00;">${data.code}</strong> - ${smsContent}`;
copyToClipboard(data.code);
showMessage(`验证码 ${data.code} 已复制到剪贴板`);
updateSmsStatus('已获取');
// 停止轮询
stopSmsPolling();
} else {
updateSmsStatus('等待中');
if (!config.smsPollingTimer) { // 只在非轮询模式下显示
showMessage('短信已到达但未能提取验证码，请手动查看');
}
}
} else if (data.code) {
// 如果API直接提供了验证码
const smsContent = document.getElementById('yz-sms-content');
smsContent.innerHTML = `<strong style="color:#f00;">${data.code}</strong> - ${(data.data && data.data.length > 0 ? data.data[0].modle : '')}`;
// 复制验证码到剪贴板
copyToClipboard(data.code);
showMessage(`验证码 ${data.code} 已复制到剪贴板`);
updateSmsStatus('已获取');
// 停止轮询
stopSmsPolling();
} else {
updateSmsStatus('等待中');
if (!config.smsPollingTimer) { // 只在非轮询模式下显示
showMessage('短信未到达，请稍后再试');
}
}
} else {
// 不再显示获取失败提示
updateSmsStatus('等待中');
}
} catch (e) {
// 不再显示解析失败提示
updateSmsStatus('等待中');
console.error('解析响应失败: ' + e.message);
}
},
onerror: function(error) {
// 不再显示请求错误提示
updateSmsStatus('等待中');
console.error('请求错误: ' + error.statusText);
}
});
}
// 从短信内容提取验证码
function extractVerificationCode(content) {
if (!content) return null;
// 记录找到的验证码，用于调试
console.log('尝试从内容中提取验证码: ', content);
// 尝试多种匹配模式
// 1. 匹配"验证码为：123456"或"验证码是123456"格式
let match = content.match(/验证码为[：:]\s*([0-9]{4,6})/);
if (match) {
console.log('匹配到验证码为格式: ', match[1]);
return match[1];
}
match = content.match(/验证码是\s*([0-9]{4,6})/);
if (match) {
console.log('匹配到验证码是格式: ', match[1]);
return match[1];
}
// 2. 匹配"[动态码|验证码|校验码|码|code]：123456"格式
match = content.match(/(?:动态码|验证码|校验码|码|code)[：:]\s*([0-9]{4,6})/i);
if (match) {
console.log('匹配到各种码格式: ', match[1]);
return match[1];
}
// 3. 匹配开头可能有数字-文字的格式，提取开头的数字
match = content.match(/^([0-9]{4,6})-/);
if (match) {
console.log('匹配到开头数字-: ', match[1]);
return match[1];
}
// 4. 直接匹配4-6位数字
match = content.match(/[^0-9]([0-9]{4,6})[^0-9]/);
if (match) {
console.log('匹配到4-6位数字: ', match[1]);
return match[1];
}
// 5. 最后尝试匹配任意独立的4-6位数字
match = content.match(/\b([0-9]{4,6})\b/);
if (match) {
console.log('匹配到独立数字: ', match[1]);
return match[1];
}
console.log('未能匹配到验证码');
return null;
}
// 开始轮询获取短信
function startSmsPolling() {
// 先停止之前的轮询
stopSmsPolling();
// 更新状态
updateSmsStatus('等待中 (自动)');
// 重置计数
config.smsPollingCount = 0;
// 启动轮询
config.smsPollingTimer = setInterval(() => {
config.smsPollingCount++;
// 最多轮询24次（2分钟）
if (config.smsPollingCount > 24) {
updateSmsStatus('超时');
showMessage('自动获取验证码超时，请手动获取或重试');
stopSmsPolling();
return;
}
// 更新状态
updateSmsStatus(`等待中 (自动 ${config.smsPollingCount}/24)`);
// 获取短信
getSms();
}, 5000); // 每5秒查询一次
}
// 停止轮询获取短信
function stopSmsPolling() {
if (config.smsPollingTimer) {
clearInterval(config.smsPollingTimer);
config.smsPollingTimer = null;
}
}
// 更新短信状态
function updateSmsStatus(status) {
const statusElem = document.getElementById('yz-sms-status');
if (statusElem) {
statusElem.textContent = status;
}
}
// 释放号码
function freeMobile() {
if (!config.token) {
showMessage('请先登录');
return;
}
if (!config.currentMobile) {
showMessage('没有需要释放的号码');
return;
}
// 停止轮询
stopSmsPolling();
let url = `${config.apiDomain}/api/free_mobile?token=${encodeURIComponent(config.token)}&phone_num=${encodeURIComponent(config.currentMobile)}`;
if (config.projectId) {
url += `&project_id=${encodeURIComponent(config.projectId)}`;
}
GM_xmlhttpRequest({
method: 'GET',
url: url,
onload: function(response) {
try {
const data = JSON.parse(response.responseText);
if (data.message === 'ok') {
config.currentMobile = '';
document.getElementById('yz-mobile').textContent = '无';
document.getElementById('yz-sms-content').textContent = '';
updateSmsStatus('');
showMessage('释放号码成功');
} else {
showMessage('释放号码失败: ' + (data.message || '未知错误'));
}
} catch (e) {
showMessage('解析响应失败: ' + e.message);
}
},
onerror: function(error) {
showMessage('请求错误: ' + error.statusText);
}
});
}
// 显示/隐藏面板
function togglePanel() {
const panel = document.getElementById('yz-panel');
if (panel.style.display === 'none' || !panel.style.display) {
panel.style.display = 'block';
// 如果已登录，显示操作界面
if (config.token) {
switchToOperation();
// 检查是否有保存的手机号，并显示
if (config.currentMobile) {
document.getElementById('yz-mobile').textContent = config.currentMobile;
}
}
} else {
// 关闭面板前停止轮询
stopSmsPolling();
panel.style.display = 'none';
}
}
// 显示消息
function showMessage(message) {
const messageDiv = document.createElement('div');
messageDiv.textContent = message;
messageDiv.style.cssText = `
position: fixed;
top: 10px;
left: 50%;
transform: translateX(-50%);
background: rgba(0, 0, 0, 0.7);
color: white;
padding: 10px 20px;
border-radius: 5px;
z-index: 10000;
`;
document.body.appendChild(messageDiv);
setTimeout(() => {
document.body.removeChild(messageDiv);
}, 3000);
}
// 获取项目列表
function getProjects() {
if (!config.token) {
showMessage('请先登录');
return Promise.reject('未登录');
}
return new Promise((resolve, reject) => {
const url = `${config.apiDomain}/api/get_projects?token=${encodeURIComponent(config.token)}`;
GM_xmlhttpRequest({
method: 'GET',
url: url,
onload: function(response) {
try {
const data = JSON.parse(response.responseText);
if (data.message === 'ok' && data.data) {
config.projects = data.data;
resolve(data.data);
} else {
showMessage('获取项目列表失败: ' + (data.message || '未知错误'));
reject('获取失败');
}
} catch (e) {
showMessage('解析响应失败: ' + e.message);
reject(e);
}
},
onerror: function(error) {
showMessage('请求错误: ' + error.statusText);
reject(error);
}
});
});
}
// 搜索项目
function searchProjects() {
if (!config.token) {
showMessage('请先登录');
return;
}
// 获取项目列表
const loadingDiv = document.createElement('div');
loadingDiv.id = 'yz-loading';
loadingDiv.textContent = '正在加载项目列表...';
loadingDiv.style.cssText = `
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
color: white;
display: flex;
justify-content: center;
align-items: center;
z-index: 10001;
`;
document.body.appendChild(loadingDiv);
const searchProject = () => {
// 创建项目搜索面板
const projectPanel = document.createElement('div');
projectPanel.id = 'yz-project-panel';
projectPanel.style.cssText = `
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
max-width: 500px;
max-height: 80vh;
background: #fff;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
z-index: 10002;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
display: flex;
flex-direction: column;
overflow: hidden;
`;
projectPanel.innerHTML = `
<div style="font-weight: bold; margin-bottom: 10px; text-align: center;">搜索项目</div>
<div style="margin-bottom: 10px; display: flex;">
<input id="yz-project-search" type="text" placeholder="输入关键词搜索项目" style="flex: 1; padding: 5px; margin-right: 5px;">
<button id="yz-search-btn" style="padding: 5px 10px;">搜索</button>
</div>
<div id="yz-project-list" style="flex: 1; overflow-y: auto; max-height: 60vh;"></div>
<div style="margin-top: 10px; text-align: right;">
<button id="yz-project-cancel" style="padding: 5px 10px;">取消</button>
</div>
`;
document.body.appendChild(projectPanel);
// 添加搜索事件
document.getElementById('yz-search-btn').addEventListener('click', () => {
const keyword = document.getElementById('yz-project-search').value.toLowerCase();
displayProjectList(keyword);
});
// 添加回车键搜索
document.getElementById('yz-project-search').addEventListener('keypress', (e) => {
if (e.key === 'Enter') {
const keyword = document.getElementById('yz-project-search').value.toLowerCase();
displayProjectList(keyword);
}
});
// 关闭面板
document.getElementById('yz-project-cancel').addEventListener('click', () => {
document.body.removeChild(projectPanel);
document.body.removeChild(loadingDiv);
});
// 显示项目列表
function displayProjectList(keyword = '') {
const filteredProjects = config.projects.filter(project => {
// 包含关键词的项目
return project.name.toLowerCase().includes(keyword) ||
project.id.toString().includes(keyword) ||
(project.remark && project.remark.toLowerCase().includes(keyword));
});
const projectListDiv = document.getElementById('yz-project-list');
projectListDiv.innerHTML = '';
if (filteredProjects.length === 0) {
projectListDiv.innerHTML = '<div style="text-align: center; padding: 20px;">没有找到匹配的项目</div>';
return;
}
// 创建项目列表
filteredProjects.forEach(project => {
const projectItem = document.createElement('div');
projectItem.style.cssText = `
padding: 10px;
border-bottom: 1px solid #eee;
cursor: pointer;
`;
projectItem.innerHTML = `
<div style="font-weight: bold;">${project.name}</div>
<div>ID: ${project.id}</div>
<div>价格: ${project.price}</div>
${project.remark ? `<div>备注: ${project.remark}</div>` : ''}
`;
projectItem.addEventListener('click', () => {
document.getElementById('yz-project-id').value = project.id;
document.body.removeChild(projectPanel);
document.body.removeChild(loadingDiv);
});
projectListDiv.appendChild(projectItem);
});
}
// 初始显示所有项目
displayProjectList();
};
// 如果已有项目列表缓存，直接显示
if (config.projects.length > 0) {
searchProject();
document.body.removeChild(loadingDiv);
} else {
// 否则先获取项目列表
getProjects()
.then(() => {
searchProject();
document.body.removeChild(loadingDiv);
})
.catch(() => {
document.body.removeChild(loadingDiv);
});
}
}
// 快速搜索项目
function quickSearchProject() {
const keyword = document.getElementById('yz-quick-search').value.trim();
if (!keyword) {
showMessage('请输入搜索关键词');
return;
}
if (!config.token) {
showMessage('请先登录');
return;
}
// 显示加载中
const loadingDiv = document.createElement('div');
loadingDiv.id = 'yz-loading';
loadingDiv.textContent = '正在搜索项目...';
loadingDiv.style.cssText = `
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
color: white;
display: flex;
justify-content: center;
align-items: center;
z-index: 10001;
`;
document.body.appendChild(loadingDiv);
// 如果已有项目列表缓存，直接搜索
if (config.projects.length > 0) {
showQuickSearchResults(keyword);
document.body.removeChild(loadingDiv);
} else {
// 否则先获取项目列表
getProjects()
.then(() => {
showQuickSearchResults(keyword);
document.body.removeChild(loadingDiv);
})
.catch(() => {
document.body.removeChild(loadingDiv);
});
}
}
// 显示快速搜索结果
function showQuickSearchResults(keyword) {
// 过滤项目
const filteredProjects = config.projects.filter(project => {
return project.name.toLowerCase().includes(keyword.toLowerCase()) ||
project.id.toString().includes(keyword) ||
(project.remark && project.remark.toLowerCase().includes(keyword.toLowerCase()));
});
if (filteredProjects.length === 0) {
showMessage('没有找到匹配的项目');
return;
}
// 如果只有一个结果，直接选择
if (filteredProjects.length === 1) {
selectProject(filteredProjects[0]);
return;
}
// 创建结果选择面板
const resultPanel = document.createElement('div');
resultPanel.id = 'yz-quick-result';
resultPanel.style.cssText = `
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
max-width: 500px;
max-height: 80vh;
background: #fff;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
z-index: 10002;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
display: flex;
flex-direction: column;
overflow: hidden;
`;
resultPanel.innerHTML = `
<div style="font-weight: bold; margin-bottom: 10px; text-align: center;">搜索结果 - 找到 ${filteredProjects.length} 个项目</div>
<div id="yz-result-list" style="flex: 1; overflow-y: auto; max-height: 60vh;"></div>
<div style="margin-top: 10px; text-align: right;">
<button id="yz-result-cancel" style="padding: 5px 10px;">取消</button>
</div>
`;
document.body.appendChild(resultPanel);
// 添加结果列表
const resultList = document.getElementById('yz-result-list');
filteredProjects.forEach(project => {
const item = document.createElement('div');
item.style.cssText = `
padding: 10px;
border-bottom: 1px solid #eee;
cursor: pointer;
`;
item.innerHTML = `
<div style="font-weight: bold;">${project.name}</div>
<div>ID: ${project.id}</div>
<div>价格: ${project.price}</div>
${project.remark ? `<div>备注: ${project.remark}</div>` : ''}
`;
item.addEventListener('click', () => {
selectProject(project);
document.body.removeChild(resultPanel);
});
resultList.appendChild(item);
});
// 添加取消按钮事件
document.getElementById('yz-result-cancel').addEventListener('click', () => {
document.body.removeChild(resultPanel);
});
}
// 选择项目
function selectProject(project) {
config.projectId = project.id.toString();
GM_setValue('projectId', config.projectId);
// 更新配置界面和操作界面的显示
const currentProjectElem = document.getElementById('yz-current-project');
if (currentProjectElem) {
currentProjectElem.textContent = config.projectId;
}
showMessage(`已选择项目: ${project.name}`);
}
// 初始化
function init() {
createUI();
}
// 启动脚本
window.addEventListener('load', init);
})();