refactor: 前端JS拆分为8个模块（base/list/monitor/editor/tasks/tools/apps/admin，按依赖顺序加载）+ 删除废弃文件（start_web.bat/main.py/fix_web.bat/cleanup.py，web已全覆盖）+ 文档同步 + 修复/api/summary缺导入
This commit is contained in:
@@ -0,0 +1,264 @@
|
||||
// 工具 Tab-应用管理：APK 上传/安装/删除 + 设备已装应用
|
||||
// ================== Tab: 应用 ==================
|
||||
let _apksCache=[];
|
||||
let _installTimer=null;
|
||||
let _devAppsData=[];
|
||||
|
||||
function fmtSize(b){
|
||||
if(!b)return '0 B';
|
||||
if(b<1024)return b+' B';
|
||||
if(b<1048576)return (b/1024).toFixed(1)+' KB';
|
||||
return (b/1048576).toFixed(1)+' MB';
|
||||
}
|
||||
|
||||
async function loadApks(){
|
||||
const r=await apiGet('/api/apks');if(!r||!r.ok)return;
|
||||
const apks=r.apks||[];
|
||||
_apksCache=apks;
|
||||
document.getElementById('apk-hint').textContent='共 '+apks.length+' 个应用';
|
||||
setListPager('apks',{
|
||||
data:()=>apks,
|
||||
sortValue:(a,k)=>{ if(k==='size')return a.size||0; if(k==='upload_time')return a.upload_time||''; if(k==='package_name')return a.package_name||''; if(k==='version_name')return a.version_name||''; return a.display_name||''; },
|
||||
filter:(a,kw)=>((a.display_name||'').toLowerCase().includes(kw)||(a.package_name||'').toLowerCase().includes(kw)),
|
||||
render:renderApkRow,
|
||||
tbody:'tb-apks',pager:'pager-apks',pageSize:10,
|
||||
empty:'<tr><td colspan="6" class="empty">暂无APK，点击"上传APK"上传</td></tr>'
|
||||
});
|
||||
applyListPager('apks');
|
||||
initListSearch('apks','search-apks');
|
||||
await fillAppsDeviceList();
|
||||
}
|
||||
function renderApkRow(a){
|
||||
return '<tr>'+
|
||||
'<td><strong>'+esc(a.display_name||'(未命名)')+'</strong></td>'+
|
||||
'<td style="font-family:monospace;font-size:12px;color:#64748b">'+esc(a.package_name||'-')+'</td>'+
|
||||
'<td>'+(a.version_name?esc(a.version_name):'-')+'</td>'+
|
||||
'<td>'+fmtSize(a.size)+'</td>'+
|
||||
'<td style="font-size:12px;color:#94a3b8">'+esc(a.upload_time)+'</td>'+
|
||||
'<td>'+
|
||||
'<button class="btn btn-primary btn-xs" onclick="openInstallModal(\''+a.id+'\')">安装</button> '+
|
||||
'<button class="btn btn-danger btn-xs" onclick="deleteApk(\''+a.id+'\')">删除</button>'+
|
||||
'</td>'+
|
||||
'</tr>';
|
||||
}
|
||||
|
||||
// 填充"设备已装应用"的设备下拉（保留当前选择）
|
||||
async function fillAppsDeviceList(){
|
||||
const sr=await apiGet('/api/status');if(!sr||!sr.ok)return;
|
||||
const sel=document.getElementById('apps-device');
|
||||
if(!sel)return;
|
||||
const cur=sel.value;
|
||||
const devices=(sr.devices||[]).filter(d=>d.present);
|
||||
sel.innerHTML='<option value="">选择设备...</option>'+devices.map(d=>
|
||||
'<option value="'+esc(d.serial)+'">'+esc((d.serial||'').replace(/:5555$/,'')+' ('+(d.device_name||d.model||'未知设备')+')')+'</option>'
|
||||
).join('');
|
||||
if(cur)sel.value=cur;
|
||||
}
|
||||
|
||||
// 查看指定设备已安装应用
|
||||
async function loadDeviceApps(){
|
||||
const sel=document.getElementById('apps-device');
|
||||
const serial=sel.value;
|
||||
if(!serial){showToast('请先选择设备','error');return;}
|
||||
const hint=document.getElementById('apps-hint');
|
||||
const tb=document.getElementById('tb-device-apps');
|
||||
hint.textContent='加载中...';
|
||||
const r=await apiGet('/api/devices/'+encodeURIComponent(serial)+'/apps');
|
||||
hint.textContent='';
|
||||
if(!r||!r.ok){
|
||||
tb.innerHTML='<tr><td colspan="4" class="empty">'+(r&&r.error?esc(r.error):'获取失败')+'</td></tr>';
|
||||
showToast('获取失败','error');return;
|
||||
}
|
||||
const apps=r.apps||[];
|
||||
if(!apps.length){tb.innerHTML='<tr><td colspan="4" class="empty">无应用</td></tr>';return;}
|
||||
const userApps=apps.filter(a=>/^\/data\//.test(a.path||'')).length;
|
||||
hint.textContent='共 '+apps.length+' 个应用（用户安装 '+userApps+'）';
|
||||
_devAppsData=apps;
|
||||
setListPager('devapps',{
|
||||
data:()=>_devAppsData||[],
|
||||
filter:(a,kw)=>((a.label||a.package||'').toLowerCase().includes(kw)||(a.package||'').toLowerCase().includes(kw)||(a.path||'').toLowerCase().includes(kw)),
|
||||
sortValue:(a,k)=>{ if(k==='version_code')return parseInt(a.version_code)||0; if(k==='version_name')return a.version_name||''; if(k==='label')return (a.label||a.package||''); return a[k]||''; },
|
||||
render:renderDevAppRow,
|
||||
tbody:'tb-device-apps',pager:'pager-devapps',pageSize:20,
|
||||
empty:'<tr><td colspan="4" class="empty">无应用</td></tr>'
|
||||
});
|
||||
applyListPager('devapps');
|
||||
initListSearch('devapps','search-devapps');
|
||||
}
|
||||
function renderDevAppRow(a){
|
||||
return '<tr>'+
|
||||
'<td><strong>'+esc(a.label||a.package)+'</strong>'+(a.label?' <span style="font-size:11px;color:#94a3b8;font-family:monospace">'+esc(a.package)+'</span>':'')+'</td>'+
|
||||
'<td>'+(a.version_name?esc(a.version_name):'-')+'</td>'+
|
||||
'<td style="font-size:12px;color:#94a3b8">'+(a.version_code!=null?esc(a.version_code):'-')+'</td>'+
|
||||
'<td style="font-size:11px;color:#94a3b8;word-break:break-all">'+esc(a.path||'-')+'</td>'+
|
||||
'</tr>';
|
||||
}
|
||||
|
||||
async function uploadApk(input){
|
||||
if(!input.files||!input.files[0])return;
|
||||
const file=input.files[0];
|
||||
if(!file.name.toLowerCase().endsWith('.apk')){
|
||||
showToast('请选择 .apk 文件','error');return;
|
||||
}
|
||||
const hint=document.getElementById('apk-hint');
|
||||
const fd=new FormData();
|
||||
fd.append('file',file);
|
||||
// 用 XMLHttpRequest 才能拿到上传进度（fetch 不支持上传进度事件）
|
||||
const xhr=new XMLHttpRequest();
|
||||
xhr.open('POST','/api/apks/upload');
|
||||
if(_csrfToken)xhr.setRequestHeader('X-CSRF-Token',_csrfToken);
|
||||
xhr.upload.onprogress=function(e){
|
||||
if(e.lengthComputable){
|
||||
const pct=Math.round(e.loaded*100/e.total);
|
||||
const loaded=(e.loaded/1048576).toFixed(1);
|
||||
const total=(e.total/1048576).toFixed(1);
|
||||
hint.innerHTML='<span style="color:#f59e0b">正在上传 '+esc(file.name)+' '+pct+'% ('+loaded+'/'+total+' MB)</span>'+
|
||||
'<div class="progress" style="width:200px;height:6px;margin-top:4px"><div class="progress-bar" style="width:'+pct+'%"></div></div>';
|
||||
}
|
||||
};
|
||||
xhr.onload=function(){
|
||||
if(xhr.status===401){window.location='/login';return;}
|
||||
try{
|
||||
const data=JSON.parse(xhr.responseText);
|
||||
if(data.ok){
|
||||
showToast(data.msg||'上传成功','success');
|
||||
loadApks();
|
||||
}else{
|
||||
showToast(data.error||'上传失败','error');
|
||||
hint.textContent='';
|
||||
}
|
||||
}catch(e){
|
||||
showToast('解析响应失败','error');
|
||||
hint.textContent='';
|
||||
}
|
||||
};
|
||||
xhr.onerror=function(){
|
||||
showToast('上传失败：网络错误','error');
|
||||
hint.textContent='';
|
||||
};
|
||||
xhr.send(fd);
|
||||
input.value='';
|
||||
}
|
||||
|
||||
async function deleteApk(id){
|
||||
if(!confirm('确认删除此APK文件？'))return;
|
||||
const r=await apiDelete('/api/apks/'+id);
|
||||
handleResult(r,loadApks);
|
||||
}
|
||||
|
||||
async function openInstallModal(apkId){
|
||||
const apk=_apksCache.find(a=>a.id===apkId);
|
||||
const apkName=apk?(apk.display_name||'APK'):'APK';
|
||||
const r=await apiGet('/api/apks/install/devices');
|
||||
const online=(r&&r.ok)?(r.devices||[]):[];
|
||||
if(!online.length){
|
||||
showToast('没有可用设备（STF 池或本机 adb 均无）','error');return;
|
||||
}
|
||||
const body=
|
||||
'<div style="margin-bottom:12px">'+
|
||||
'<strong>安装应用：</strong><span class="label label-primary">'+esc(apkName)+'</span>'+
|
||||
' <span style="font-size:12px;color:#94a3b8">运行中设备将自动跳过</span>'+
|
||||
'</div>'+
|
||||
'<div style="margin-bottom:8px">'+
|
||||
'<button class="btn btn-sm" onclick="document.querySelectorAll(\'#install-dev-list input[type=checkbox]\').forEach(c=>c.checked=true)">全选</button> '+
|
||||
'<button class="btn btn-sm" onclick="document.querySelectorAll(\'#install-dev-list input[type=checkbox]\').forEach(c=>c.checked=false)">全不选</button> '+
|
||||
'<button class="btn btn-sm btn-primary" onclick="selectIdleForInstall()">全选空闲</button>'+
|
||||
'</div>'+
|
||||
'<div id="install-dev-list" class="device-list">'+
|
||||
online.map(d=>{
|
||||
const isUsb=d.source==='usb';
|
||||
const st='<span class="label label-'+(isUsb?'primary':'default')+'" style="margin-left:6px">'+(isUsb?'本地USB':(d.source==='stf'?'STF':'adb'))+'</span>';
|
||||
// serial 唯一，显示 IP + 型号便于区分同型号设备
|
||||
const label=(d.serial||'').replace(/:5555$/,'')+' · '+(d.model||(isUsb?'USB 有线设备':'设备'));
|
||||
return '<label><input type="checkbox" value="'+esc(d.serial)+'" checked>'+esc(label)+st+'</label>';
|
||||
}).join('')+
|
||||
'</div>';
|
||||
|
||||
document.getElementById('modal-title').textContent='安装应用到设备';
|
||||
document.getElementById('modal-body').innerHTML=body;
|
||||
document.getElementById('modal-footer').innerHTML=
|
||||
'<button class="btn" onclick="closeModal()">取消</button>'+
|
||||
'<button class="btn btn-primary" onclick="startInstall(\''+apkId+'\')">开始安装</button>';
|
||||
document.getElementById('modal-overlay').classList.add('show');
|
||||
}
|
||||
|
||||
function selectIdleForInstall(){
|
||||
document.querySelectorAll('#install-dev-list label').forEach(lbl=>{
|
||||
const cb=lbl.querySelector('input[type=checkbox]');
|
||||
const isRunning=lbl.querySelector('.label-success');
|
||||
cb.checked=!isRunning;
|
||||
});
|
||||
}
|
||||
|
||||
async function startInstall(apkId){
|
||||
const checked=document.querySelectorAll('#install-dev-list input[type=checkbox]:checked');
|
||||
const serials=Array.from(checked).map(c=>c.value);
|
||||
if(!serials.length){
|
||||
showToast('请至少选择一台设备','error');return;
|
||||
}
|
||||
const r=await apiPost('/api/apks/install',{apk_id:apkId,serials:serials});
|
||||
if(!r||!r.ok){showToast(r?r.error:'请求失败','error');return;}
|
||||
showToast(r.msg||'安装已启动','success');
|
||||
showInstallProgress();
|
||||
}
|
||||
|
||||
function showInstallProgress(){
|
||||
document.getElementById('modal-title').textContent='安装进度';
|
||||
document.getElementById('modal-body').innerHTML=
|
||||
'<div id="install-progress" style="min-height:200px"><p class="text-muted">加载中...</p></div>';
|
||||
document.getElementById('modal-footer').innerHTML=
|
||||
'<button class="btn" onclick="closeInstallModal()" id="install-close-btn" style="display:none">关闭</button>';
|
||||
pollInstallStatus();
|
||||
if(_installTimer)clearInterval(_installTimer);
|
||||
_installTimer=setInterval(pollInstallStatus,3000);
|
||||
}
|
||||
|
||||
async function pollInstallStatus(){
|
||||
const r=await apiGet('/api/apks/install/status');
|
||||
if(!r||!r.ok)return;
|
||||
const st=r.status;
|
||||
if(!st){
|
||||
document.getElementById('install-progress').innerHTML='<p class="text-muted">无安装任务</p>';
|
||||
if(_installTimer){clearInterval(_installTimer);_installTimer=null;}
|
||||
return;
|
||||
}
|
||||
const SS={pending:{t:'等待',c:'default'},installing:{t:'安装中',c:'warning'},success:{t:'成功',c:'success'},failed:{t:'失败',c:'danger'},skipped:{t:'跳过',c:'default'}};
|
||||
const items=st.items||{};
|
||||
const itemRows=Object.entries(items).map(([serial,info])=>{
|
||||
const s=SS[info.status]||{t:info.status,c:'default'};
|
||||
return '<tr><td>'+esc(info.name||serial)+'</td>'+
|
||||
'<td style="font-family:monospace;font-size:11px;color:#94a3b8">'+esc(serial)+'</td>'+
|
||||
'<td><span class="label label-'+s.c+'">'+s.t+'</span></td>'+
|
||||
'<td style="font-size:12px;color:#64748b">'+esc(info.msg||'')+'</td></tr>';
|
||||
}).join('');
|
||||
|
||||
const pct=st.total>0?Math.round((st.success+st.failed+st.skipped)*100/st.total):0;
|
||||
const summary=
|
||||
'<div style="margin-bottom:12px">'+
|
||||
'<div style="display:flex;gap:8px;margin-bottom:8px;font-size:13px;flex-wrap:wrap">'+
|
||||
'<span>应用：<strong>'+esc(st.apk_name)+'</strong></span>'+
|
||||
'<span class="label label-success">成功 '+st.success+'</span>'+
|
||||
'<span class="label label-danger">失败 '+st.failed+'</span>'+
|
||||
'<span class="label label-default">跳过 '+st.skipped+'</span>'+
|
||||
'<span class="label label-warning">安装中 '+st.installing+'</span>'+
|
||||
'<span class="label label-default">等待 '+st.pending+'</span>'+
|
||||
'</div>'+
|
||||
'<div class="progress" style="width:100%;height:8px"><div class="progress-bar" style="width:'+pct+'%"></div></div>'+
|
||||
'</div>';
|
||||
|
||||
document.getElementById('install-progress').innerHTML=
|
||||
summary+'<table class="table" style="margin-bottom:0"><thead><tr><th>设备</th><th>Serial</th><th>状态</th><th>详情</th></tr></thead><tbody>'+itemRows+'</tbody></table>';
|
||||
|
||||
if(st.finished){
|
||||
if(_installTimer){clearInterval(_installTimer);_installTimer=null;}
|
||||
document.getElementById('install-close-btn').style.display='';
|
||||
showToast('安装完成：成功'+st.success+' 失败'+st.failed+' 跳过'+st.skipped,'success');
|
||||
}
|
||||
}
|
||||
|
||||
function closeInstallModal(){
|
||||
if(_installTimer){clearInterval(_installTimer);_installTimer=null;}
|
||||
closeModal();
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user