编辑页面

修改后将从当前时间重新计算过期时间
`; } }, taskSupervision: { title: '任务监管', description: '监管平台任务执行情况，包含超时预警、强制回收、批量审核等功能', render: function() { return `

${this.description}

12
已超时任务
28
即将超时
156
进行中任务
89
待验收

超时预警任务

任务信息 剩余时间 接单员 操作
视频剪辑任务 #2024 已超时 2小时 李明
Logo设计任务 #2025 剩余 30分钟 王芳
文案撰写任务 #2027 剩余 1小时 张伟

待审核成果

任务名称 提交时间 接单员 操作
App界面设计 #2026 2024-01-15 14:30 张伟
已选择 0 项
`; } }, contentReview: { title: '内容审核', description: '审核平台内容，包含三方内容合规识别、短视频审核、AI图片核验等功能', render: function() { return `

${this.description}

待复审：15 条
提交内容 用户 AI检测结果 提交时间 操作
用户发布的文案内容...
ID: 286
 王小明 合规 2024-01-15 14:30
视频作品片段...
ID: 285
 李华 疑似违规 2024-01-15 14:20
图片作品...
ID: 284
 张伟 违规 2024-01-15 14:10
`; } }, reviewProcess: { title: '审核流程管理', description: '管理任务审核流程，包含审核流程配置、审核记录等功能', render: function() { return `

${this.description}

默认审核流程

📝
提交审核
→
👤
主管初审
可配置
→
👑
超管终审
超级管理员
→
✓
审核完成
主管初审节点
超管终审节点
超级管理员
`; } }, financialManagement: { title: '财务管理', description: '管理平台财务相关功能，包含账单管理、提现审核、分佣配置等', render: function() { return `

${this.description}

¥258,460
平台总收入
↑ 15.2%
¥38,769
平台抽佣
↑ 12.3%
¥89,250
待提现金额
↑ 8.5%
¥15,680
已驳回金额
待处理：8 笔
用户信息 提现金额 账户信息 申请时间 状态 操作
李
李明
等级：资深
 ¥2,500 支付宝 · ****1234 2024-01-15 14:30 待审核
王
王芳
等级：骨干
 ¥1,800 银行卡 · ****5678 2024-01-15 13:45 待审核
张
张伟
等级：熟练
 ¥850 微信 · ****9012 2024-01-15 11:20 已通过
`; } }, billManagement: { title: '账单管理', description: '管理平台账单，生成账单、导出Excel、工资分红发放清零', render: function() { return `

${this.description}

团队/小组 成员数 总任务量 账单金额 状态 操作
技术部 45人 1,256单 ¥156,800 已发放
运营部 28人 896单 ¥89,600 待发放
`; } }, commissionDistribution: { title: '抽成分账', description: '配置平台分账规则，包含三级分账、阶梯式抽成等功能', render: function() { return `

${this.description}

三级分账配置

%
%
%

团队月流水分级抽成

月流水范围 平台抽成 团队抽成 操作
0 - 5万 15% 25%
5万 - 10万 12% 28%
10万以上 10% 30%
`; } }, workMarketManagement: { title: '作品市场管理', description: '管理作品市场，包含作品发布审核、交易管理、下架管理等功能', render: function() { return `

${this.description}

待审核：28 个作品
🎨
企业Logo设计
作者：陈小明 · ¥500
待审核
📱
App界面设计
作者：赵丽 · ¥2,000
已通过
`; } }, adManagement: { title: '广告管理', description: '管理平台广告位', features: [ 'Banner广告管理：首页Banner广告位配置，设置跳转链接、排序、有效期', '插屏广告管理：任务列表插屏广告位配置，设置展示频率和内容', '个人中心广告管理：个人中心广告位配置', '广告点击统计：各广告位点击量、曝光量统计报表' ] }, levelManagement: { title: '等级管理', description: '配置平台等级规则，包含个人等级、项目等级、升级规则等', render: function() { return `

${this.description}

新手
0-99 经验
员工数：156人
学徒
100-299 经验
员工数：89人
熟练
300-599 经验
员工数：45人
骨干
600-999 经验
员工数：23人
资深
1000+ 经验
员工数：12人

降级规则

连续 天无接单触发降级
`; } }, teamSettings: { title: '团队设置', description: '配置团队相关规则，包含团队分红、小组升降级、团队等级等', render: function() { return `

${this.description}

团队等级配置

创业团队
0-5万
成长团队
5-15万
骨干团队
15-30万
精英团队
30-50万
卓越团队
50-100万
传奇团队
100万+

团队/小组分红比例

%
%
`; } }, creditSettings: { title: '信誉分设置', description: '配置信誉分规则，包含扣分规则、处罚设置等', render: function() { return `

${this.description}

信誉分规则配置

分/次
分/次

处罚规则

分
分
`; } }, depositSettings: { title: '保证金设置', description: '配置保证金规则，包含保证金比例、免押金设置等', render: function() { return `

${this.description}

保证金比例设置

接单保证金比例： % （比任务金额多10%）

免押金设置

（免押金则不消耗余额仅记录）

弃单扣款规则

接单后弃单扣除： % 保证金 + 信誉分
`; } }, signInConfig: { title: '签到配置', description: '配置签到规则，管理签到奖励和补签功能', render: function() { return `

${this.description}

1,256
今日签到人数
89%
签到率
45
补签次数

连续签到经验值规则

第1天
经验
第2天
经验
第3天
经验
第4天
经验
第5天
经验
第6天
经验
第7天(奖励)
经验

补签功能配置

金币/次
次
`; } }, coinConfig: { title: '金币配置', description: '配置金币与积分兑换规则、分销佣金和充值提现规则', render: function() { return `

${this.description}

金币兑换比例

1 元 = 金币

积分兑换金币比例

100 积分 = 金币

金币充值提现规则

¥
%

作品交易抽佣配置

平台抽佣比例： %
`; } }, rankingConfig: { title: '排名配置', description: '配置排名规则和优秀用户推荐展示', render: function() { return `

${this.description}

排名规则设置

名次平台设置，前几名获得平台奖励

🥇
第1名奖励
金币
🥈
第2名奖励
金币
🥉
第3名奖励
金币
🏅
4-10名奖励
金币
排行榜周期：

优秀用户推荐配置

配置优秀用户推荐展示规则

`; } }, acceptanceConfig: { title: '验收配置', description: '配置任务验收超时和争议处理规则', render: function() { return `

${this.description}

验收超时设置

规定时间确认任务结果，未及时验收则自动通过

小时
小时
小时前发送提醒

争议处理配置

平台介入审核，规定时间内完成审核

小时
天内可提交
争议判定选项
`; } }, systemConfig: { title: '系统配置', description: '配置系统全局设置，包括全局配置、认证收费、协议管理等', render: function() { return `

${this.description}

平台全局配置

搜索配置

ID前两个字段后台客户自定义

前缀
`; } }, logManagement: { title: '日志管理', description: '查看系统操作日志，后台操作日志留痕', render: function() { return `

${this.description}

12,568
今日日志
89%
登录日志
156
操作日志
3
异常日志
至
操作时间 操作人 操作类型 操作内容 IP地址 操作
2024-01-15 14:35:22
管
管理员
登录 管理员登录系统 192.168.1.100
2024-01-15 14:32:10
张
张三
操作 审核通过雇主认证：李明 192.168.1.101
2024-01-15 14:28:45
系
系统
异常 用户李华登录异常，IP地址异常 103.52.1.88
2024-01-15 14:25:30
张
张三
操作 配置系统参数：签到经验值规则 192.168.1.101
`; } }, messageManagement: { title: '消息管理', description: '管理平台消息、聊天监控、通知推送配置', render: function() { return `

${this.description}

违规监控：5 条
对话双方 任务关联 最后消息 时间 状态 操作
李
李明
雇主
 视频剪辑任务 #108 好的，我明天给您发初稿... 14:30 正常
广
广告推销
疑似违规
 - 加我微信xxxx，有优惠... 14:25 违规
`; } }, adManagement: { title: '广告管理', description: '管理平台广告投放，包括广告位管理、广告素材管理等功能', render: function() { return `

${this.description}

广告名称广告位曝光量状态操作
新年活动banner首页轮播图125,680投放中
限时优惠弹窗首页弹窗45,230投放中
`; } }, externalInterfaces: { title: '外部接口', description: '配置外部对接接口，管理系统API对接配置', render: function() { return `

${this.description}

官方支付

对接平台官方支付通道

腾讯云慧眼

实人认证、人脸识别API对接

腾讯IM

聊天消息实时推送

法大大

对接法大大电子签章平台

微信订阅消息

发送审核/逾期等提醒通知

腾讯地图

附近门店导航功能

`; } } }; // 等待DOM加载完成后绑定事件 document.addEventListener('DOMContentLoaded', function() { // 登录表单提交 document.getElementById('loginForm').addEventListener('submit', function(e) { e.preventDefault(); const username = document.getElementById('username').value; if (username) { // 隐藏登录页面，显示主框架 document.getElementById('loginPage').style.display = 'none'; document.getElementById('mainContainer').classList.add('active'); } else { alert('请输入管理员账号'); } }); // 导航菜单点击 document.querySelectorAll('.nav-item, .module-item').forEach(item => { item.addEventListener('click', function() { const page = this.dataset.page; if (page) { showPage(page); } }); }); // 显示指定页面 function showPage(pageName) { // 如果是首页，直接显示仪表盘 if (pageName === 'dashboard') { document.getElementById('dashboardSection').style.display = 'block'; document.getElementById('dynamicSection').style.display = 'none'; // 更新导航高亮 document.querySelectorAll('.nav-item').forEach(item => { item.classList.remove('active'); if (item.dataset.page === 'dashboard') { item.classList.add('active'); } }); return; } const data = pageContentData[pageName]; if (!data) return; // 更新导航高亮 document.querySelectorAll('.nav-item').forEach(item => { item.classList.remove('active'); if (item.dataset.page === pageName) { item.classList.add('active'); } }); // 显示动态内容区域 document.getElementById('dashboardSection').style.display = 'none'; document.getElementById('dynamicSection').style.display = 'block'; // 更新页面标题 document.getElementById('pageTitle').textContent = data.title; document.getElementById('breadcrumbName').textContent = data.title; // 如果有render函数，直接调用render函数渲染 if (data.render && typeof data.render === 'function') { document.getElementById('pageContent').innerHTML = data.render(document.getElementById('pageContent')); } else if (data.submodules && data.submodules.length > 0) { let submodulesHtml = data.submodules.map((sub, index) => `
${sub.name}
${sub.desc}
`).join(''); document.getElementById('pageContent').innerHTML = `

${data.description}

功能模块（点击展开详情）

${submodulesHtml}
`; } else { // 生成功能列表HTML let featuresHtml = data.features.map(feature => `
${feature}
`).join(''); document.getElementById('pageContent').innerHTML = `

${data.description}

功能列表

${featuresHtml}
`; } } // 切换员工管理标签页 function switchEmpTab(btn, tabId) { // 切换按钮样式 document.querySelectorAll('.tab-btn').forEach(b => { b.classList.remove('active'); b.style.background = '#f5f7fa'; b.style.color = '#666'; }); btn.classList.add('active'); btn.style.background = '#667eea'; btn.style.color = '#fff'; // 切换内容 document.querySelectorAll('.emp-tab-content').forEach(content => { content.style.display = 'none'; }); document.getElementById('emp-' + tabId).style.display = 'block'; } // 打开审核弹窗 function openVerifyModal(type, name, phone, certInfo) { document.getElementById('modalContent') && (document.getElementById('modalContent').innerHTML = `

认证信息

认证类型：${type}

姓名：${name}

手机号：${phone}

证件信息：${certInfo}

审核意见

`); document.getElementById('modalActions') && (document.getElementById('modalActions').innerHTML = ` `); document.getElementById('verifyModal').classList.add('show'); } // 提交审核 function submitVerify(action) { const opinion = document.getElementById('verifyOpinion').value; if (action === '通过' || opinion.trim()) { alert('审核' + action + '成功！'); closeModal('verifyModal'); } else { alert('请输入审核意见'); } } // 打开编辑角色弹窗 function openEditRoleModal(name, role) { document.getElementById('modalContent') && (document.getElementById('modalContent').innerHTML = `

员工：${name}

`); document.getElementById('modalActions') && (document.getElementById('modalActions').innerHTML = ` `); document.getElementById('verifyModal').classList.add('show'); } // 保存角色 function saveRole() { alert('角色保存成功！'); closeModal('verifyModal'); } // 切换封禁状态 function toggleBanStatus(btn, action) { if (btn.textContent === '封禁') { btn.textContent = '解封'; btn.style.background = '#27ae60'; alert('账号已封禁！'); } else { btn.textContent = '封禁'; btn.style.background = '#ff4757'; alert('账号已解封！'); } } // 打开添加员工弹窗 function openAddEmployeeModal() { document.getElementById('modalContent') && (document.getElementById('modalContent').innerHTML = `
`); document.getElementById('modalActions') && (document.getElementById('modalActions').innerHTML = ` `); document.getElementById('verifyModal').classList.add('show'); } // 添加员工 function addEmployee() { const name = document.getElementById('empName').value; const phone = document.getElementById('empPhone').value; if (name && phone) { alert('员工添加成功！'); closeModal('verifyModal'); } else { alert('请填写完整信息'); } } // 打开调整等级弹窗 function openAdjustLevelModal(name, level, exp) { document.getElementById('modalContent') && (document.getElementById('modalContent').innerHTML = `

员工：${name}

当前等级：${level}

经验值：${exp}

`); document.getElementById('modalActions') && (document.getElementById('modalActions').innerHTML = ` `); document.getElementById('verifyModal').classList.add('show'); } // 保存等级 function saveLevel() { alert('等级调整成功！'); closeModal('verifyModal'); } // 打开调整信誉分弹窗 function openAdjustCreditModal(name, credit) { document.getElementById('modalContent') && (document.getElementById('modalContent').innerHTML = `

员工：${name}

当前信誉分：${credit}分

`); document.getElementById('modalActions') && (document.getElementById('modalActions').innerHTML = ` `); document.getElementById('verifyModal').classList.add('show'); } // 修改信誉分 function changeCredit(delta) { const input = document.getElementById('creditInput'); let val = parseInt(input.value) + delta; if (val < 0) val = 0; if (val > 100) val = 100; input.value = val; } // 保存信誉分 function saveCredit() { alert('信誉分保存成功！'); closeModal('verifyModal'); } // 打开等级规则设置弹窗 function openLevelRuleModal() { document.getElementById('modalContent') && (document.getElementById('modalContent').innerHTML = `

降级规则设置

连续 天无接单触发降级

升级规则

• 完成合格单：+10经验

• 连续签到：每天+2额外经验

• 被雇主评价：+5经验

`); document.getElementById('modalActions') && (document.getElementById('modalActions').innerHTML = ` `); document.getElementById('verifyModal').classList.add('show'); } // 保存等级规则 function saveLevelRule() { alert('等级规则保存成功！'); closeModal('verifyModal'); } // 打开组织架构设置弹窗 function openOrgSettingModal() { document.getElementById('modalContent') && (document.getElementById('modalContent').innerHTML = `
`); document.getElementById('modalActions') && (document.getElementById('modalActions').innerHTML = ` `); document.getElementById('verifyModal').classList.add('show'); } // 添加部门 function addDepartment() { alert('部门添加成功！'); closeModal('verifyModal'); } // 切换雇主管理标签页 function switchEmployerTab(btn, tabId) { document.querySelectorAll('#pageContent .tab-btn').forEach(b => { b.classList.remove('active'); b.style.background = '#f5f7fa'; b.style.color = '#666'; }); btn.classList.add('active'); btn.style.background = '#667eea'; btn.style.color = '#fff'; document.querySelectorAll('.emp-tab-content').forEach(content => { content.style.display = 'none'; }); document.getElementById('employer-' + tabId).style.display = 'block'; } // 打开雇主审核弹窗 function openEmployerReviewModal(company, contact, phone, certs) { document.getElementById('modalTitle').textContent = '企业入驻审核'; document.getElementById('modalContent').innerHTML = `

企业基本信息

企业名称：${company}

联系人：${contact}

联系电话：${phone}

资质证明文件

📄 营业执照.jpg 预览

📄 法人身份证.jpg 预览

📋 资质类型：${certs}

✓ 企业四要素核验通过

审核意见

`; document.getElementById('modalActions').innerHTML = ` `; document.getElementById('verifyModal').classList.add('show'); } // 提交雇主审核 function submitEmployerVerify(action) { const opinion = document.getElementById('employerVerifyOpinion').value; if (action === '通过' || opinion.trim()) { alert('企业入驻审核' + action + '成功！'); closeModal('verifyModal'); } else { alert('请输入驳回原因'); } } // 打开雇主详情弹窗 function openEmployerDetailModal(company) { document.getElementById('modalTitle').textContent = '企业详情'; document.getElementById('modalContent').innerHTML = `

基本信息

企业名称：${company}

统一社会信用代码：91440300MA5D***

注册地址：广东省深圳市南山区科技园南路88号

法定代表人：王总监

成立日期：2020-06-15

资质证明

📄
营业执照
有效期至 2025-08-15
📄
经营许可证
有效期至 2025-12-31
📄
开户许可证
有效期至 2026-03-20

联系信息

联系人：王总监

手机号：137****9012

邮箱：wang@example.com

地址：广东省深圳市南山区xxx大厦12层

`; document.getElementById('modalActions').innerHTML = ` `; document.getElementById('verifyModal').classList.add('show'); } // 导出雇主名单 function exportEmployerList() { alert('正在导出雇主名单...'); } // 切换雇主封禁状态 function toggleEmployerBan(btn) { if (btn.textContent === '封禁') { btn.textContent = '解封'; btn.style.background = '#27ae60'; alert('雇主账号已封禁！'); } else { btn.textContent = '封禁'; btn.style.background = '#ff4757'; alert('雇主账号已解封！'); } } // 切换审核流程标签页 function switchReviewTab(btn, tabId) { document.querySelectorAll('#pageContent .tab-btn').forEach(b => { b.classList.remove('active'); b.style.background = '#f5f7fa'; b.style.color = '#666'; }); btn.classList.add('active'); btn.style.background = '#667eea'; btn.style.color = '#fff'; document.querySelectorAll('.emp-tab-content').forEach(content => { content.style.display = 'none'; }); document.getElementById('review-' + tabId).style.display = 'block'; } // 切换内容审核标签页 function switchContentTab(btn, tabId) { document.querySelectorAll('#pageContent .tab-btn').forEach(b => { b.classList.remove('active'); b.style.background = '#f5f7fa'; b.style.color = '#666'; }); btn.classList.add('active'); btn.style.background = '#667eea'; btn.style.color = '#fff'; document.querySelectorAll('.emp-tab-content').forEach(content => { content.style.display = 'none'; }); document.getElementById('content-' + tabId).style.display = 'block'; } // 打开流程设置弹窗 function openFlowSettingModal() { document.getElementById('modalTitle').textContent = '添加审核流程'; document.getElementById('modalContent').innerHTML = `
节点1：提交审核
节点2：
`; document.getElementById('modalActions').innerHTML = ` `; document.getElementById('verifyModal').classList.add('show'); } // 添加流程节点 function addFlowNode() { const nodes = document.getElementById('flowNodes'); const nodeCount = nodes.children.length + 1; const div = document.createElement('div'); div.style.display = 'flex'; div.style.gap = '12px'; div.style.alignItems = 'center'; div.innerHTML = ` 节点${nodeCount}： `; nodes.appendChild(div); } // 删除流程节点 function removeFlowNode(btn) { btn.parentElement.remove(); } // 保存流程配置 function saveFlow() { alert('流程配置保存成功！'); closeModal('verifyModal'); } // 保存流程图配置 function saveFlowConfig() { alert('流程配置保存成功！'); } // 导出审核记录 function exportReviewRecords() { alert('正在导出审核记录...'); } // 打开作品审核弹窗 function openWorkReviewModal(title, author) { document.getElementById('modalTitle').textContent = '作品审核'; document.getElementById('modalContent').innerHTML = `
🎬

作品名称：${title}

作者：${author}

上传时间：2024-01-15 14:30

合规检测结果

✓ 三方内容合规识别通过

审核意见

`; document.getElementById('modalActions').innerHTML = ` `; document.getElementById('verifyModal').classList.add('show'); } // 提交作品审核 function submitWorkReview(action) { const opinion = document.querySelector('#verifyModal textarea').value; if (action === '通过' || opinion.trim()) { alert('作品审核' + action + '成功！'); closeModal('verifyModal'); } else { alert('请输入驳回原因'); } } // 添加抽佣阶梯规则 function addCommissionRule() { alert('添加阶梯抽佣规则'); } // 保存抽佣配置 function saveCommissionConfig() { const rate = document.getElementById('commissionRate').value; alert('抽佣配置保存成功！平台抽佣比例：' + rate + '%'); } // 切换任务管理标签页 function switchTaskTab(btn, tabId) { document.querySelectorAll('#pageContent .tab-btn').forEach(b => { b.classList.remove('active'); b.style.background = '#f5f7fa'; b.style.color = '#666'; }); btn.classList.add('active'); btn.style.background = '#667eea'; btn.style.color = '#fff'; document.querySelectorAll('.emp-tab-content').forEach(content => { content.style.display = 'none'; }); document.getElementById('task-' + tabId).style.display = 'block'; } // 导出任务列表 function exportTaskList() { alert('正在导出任务列表...'); } // 打开任务详情弹窗 function openTaskDetailModal(taskName) { document.getElementById('modalTitle').textContent = '任务详情'; document.getElementById('modalContent').innerHTML = `

基本信息

任务名称：${taskName}

任务类型：视频剪辑

任务金额：¥500

发布雇主：深圳未来视界科技

发布时间：2024-01-15 10:00

任务状态流转

待接单 → 已接单 → 进行中 → 待验收 → 已完成

接单员信息

接单员：李明

等级：资深

信誉分：95分

已完成单数：128单

`; document.getElementById('modalActions').innerHTML = ` `; document.getElementById('verifyModal').classList.add('show'); } // 强制回收任务 function forceRecoverTask(taskName) { if (confirm('确定要强制回收任务【' + taskName + '】吗？回收后任务将重新放回待接单列表。')) { alert('任务强制回收成功！'); } } // 打开任务指派弹窗 function openTaskAssignModal(taskName) { document.getElementById('modalTitle').textContent = '任务指派'; document.getElementById('modalContent').innerHTML = `

任务名称：${taskName}

任务金额：¥150

`; document.getElementById('modalActions').innerHTML = ` `; document.getElementById('verifyModal').classList.add('show'); } // 确认指派任务 function confirmAssignTask() { alert('任务指派成功！'); closeModal('verifyModal'); } // 发布任务 function publishTask() { alert('任务发布成功！'); } // 指派任务 function assignTask() { alert('任务指派成功！'); } // 批量回收任务 function batchRecoverTask() { const checked = document.querySelectorAll('input[type="checkbox"]:checked'); if (checked.length === 0) { alert('请选择要回收的任务'); return; } if (confirm('确定要批量回收选中的 ' + checked.length + ' 个任务吗？')) { alert('批量回收成功！'); } } // 审核成果 function reviewWorkResult(taskName) { document.getElementById('modalTitle').textContent = '审核任务成果'; document.getElementById('modalContent').innerHTML = `

成果预览

📁

任务名称：${taskName}

提交时间：2024-01-15 14:30

审核意见

`; document.getElementById('modalActions').innerHTML = ` `; document.getElementById('verifyModal').classList.add('show'); } // 提交成果审核 function submitWorkResult(action) { alert('成果审核' + action + '成功！'); closeModal('verifyModal'); } // 批量审核 function batchReview() { document.getElementById('modalTitle').textContent = '批量审核内容'; document.getElementById('modalContent').innerHTML = `

已选择的内容（3条）

ID:286 - 用户王小明
ID:285 - 用户李华
ID:284 - 用户张伟

批量处理方式

审核意见

`; document.getElementById('modalActions').innerHTML = ` `; document.getElementById('verifyModal').classList.add('show'); } // 执行批量审核 function executeBatchReview() { const action = document.querySelector('input[name="batchAction"]:checked').value; const opinion = document.getElementById('batchReviewOpinion').value; const actionName = action === 'pass' ? '通过' : action === 'warn' ? '警告' : '封禁'; alert('已批量' + actionName + '3条内容！'); closeModal('verifyModal'); } // 触发文件上传 function triggerUpload() { document.getElementById('uploadInput').click(); } // 处理文件上传 function handleFileUpload(input) { const file = input.files[0]; if (!file) return; // 检查文件类型 if (!file.type.startsWith('image/')) { alert('请上传图片文件！'); return; } // 检查文件大小（10MB） if (file.size > 10 * 1024 * 1024) { alert('图片大小不能超过10MB！'); return; } // 显示预览 const reader = new FileReader(); reader.onload = function(e) { const uploadArea = document.getElementById('uploadArea'); uploadArea.innerHTML = ` `; uploadArea.style.borderColor = '#27ae60'; }; reader.readAsDataURL(file); } // 开始AI核验 function startAIDetect() { const uploadArea = document.getElementById('uploadArea'); const img = uploadArea.querySelector('img'); if (!img) { alert('请先上传待检测图片！'); return; } const detectType = document.getElementById('aiDetectType').value; const detectTypeNames = { fake: 'AI假图检测', copy: '盗图检测', quality: '图片质量检测' }; // 显示加载状态 const detectResult = document.getElementById('detectResult'); detectResult.innerHTML = `
⏳
正在进行${detectTypeNames[detectType]}...
预计耗时3-5秒
`; // 模拟AI检测 setTimeout(function() { // 随机生成检测结果 const isFake = Math.random() > 0.5; detectResult.innerHTML = `
${isFake ? '⚠️' : '✅'}
${isFake ? '疑似异常图片' : '图片检测通过'}
置信度：${Math.floor(Math.random() * 30 + 70)}%
${isFake ? '建议人工复核' : '未检测到异常'}
`; if (isFake) { detectResult.style.border = '2px solid #ffa500'; } else { detectResult.style.border = '2px solid #27ae60'; } alert(`${detectTypeNames[detectType]}完成！`); }, 2000); } // 重置AI核验 function resetAIDetect() { const uploadArea = document.getElementById('uploadArea'); uploadArea.innerHTML = ` 📷 点击或拖拽上传图片 支持 JPG/PNG，最大 10MB `; uploadArea.style.borderColor = '#e0e0e0'; uploadArea.style.background = '#fff'; const detectResult = document.getElementById('detectResult'); detectResult.innerHTML = ` 🔍 等待上传图片... `; detectResult.style.border = '1px solid #e0e0e0'; document.getElementById('uploadInput').value = ''; } // 查看核验详情 function viewDetectDetail(detectId) { document.getElementById('modalTitle').textContent = '核验详情 - ' + detectId; document.getElementById('modalContent').innerHTML = `
待检测图片
📷
核验结果
⚠️
疑似AI生成图片
置信度：78%

核验信息

核验类型：AI假图检测

提交时间：2024-01-15 14:25:30

提交人：管理员 张伟

状态：待处理

检测详情

`; document.getElementById('modalActions').innerHTML = ` `; document.getElementById('verifyModal').classList.add('show'); } // AI图片核验 function aiDetect() { document.getElementById('modalTitle').textContent = 'AI图片核验结果'; document.getElementById('modalContent').innerHTML = `
上传的图片
📷
核验结果
⚠️
疑似AI生成图片
置信度：78%
建议人工复核

核验详情

`; document.getElementById('modalActions').innerHTML = ` `; document.getElementById('verifyModal').classList.add('show'); } // 提交AI核验结果 function submitAIDetect(action) { alert('AI核验结果已处理：' + action); closeModal('verifyModal'); } // 切换内容审核标签页 function switchContentTab(btn, tabId) { document.querySelectorAll('#pageContent .tab-btn').forEach(b => { b.classList.remove('active'); b.style.background = '#f5f7fa'; b.style.color = '#666'; }); btn.classList.add('active'); btn.style.background = '#667eea'; btn.style.color = '#fff'; document.querySelectorAll('.emp-tab-content').forEach(content => { content.style.display = 'none'; }); document.getElementById('content-' + tabId).style.display = 'block'; } // 复审内容 function reviewContent(content, user) { document.getElementById('modalTitle').textContent = '内容复审'; document.getElementById('modalContent').innerHTML = `
📄

内容：${content}

用户：${user}

提交时间：2024-01-15 14:20

AI检测详情

⚠️ 疑似包含广告宣传内容，建议人工复审

处理意见

`; document.getElementById('modalActions').innerHTML = ` `; document.getElementById('verifyModal').classList.add('show'); } // 提交内容复审 function submitContentReview(action) { alert('内容处理完成：' + action); closeModal('verifyModal'); } // 审核短视频 function reviewShortVideo(title) { document.getElementById('modalTitle').textContent = '短视频审核 - ' + title; document.getElementById('modalContent').innerHTML = `
▶

AI检测结果

✓ 内容合规检测通过
✓ 音频版权检测通过
✓ 无敏感内容

审核意见

`; document.getElementById('modalActions').innerHTML = ` `; document.getElementById('verifyModal').classList.add('show'); } // 提交视频审核 function submitVideoReview(action) { alert('视频审核' + action + '成功！'); closeModal('verifyModal'); } // AI图片核验 function aiDetect() { alert('AI图片核验功能已启动，请上传待检测图片'); } // 打开添加角色弹窗 function openAddRoleModal() { document.getElementById('modalTitle').textContent = '添加角色'; document.getElementById('modalContent').innerHTML = `
`; document.getElementById('modalActions').innerHTML = ` `; document.getElementById('verifyModal').classList.add('show'); } // 保存新角色 function saveNewRole() { const roleName = document.getElementById('roleName').value; if (!roleName) { alert('请输入角色名称'); return; } alert('角色【' + roleName + '】添加成功！'); closeModal('verifyModal'); } // 编辑角色权限 function editRole(roleName) { document.getElementById('modalTitle').textContent = '编辑权限 - ' + roleName; document.getElementById('modalContent').innerHTML = `

模块权限配置

功能按钮权限

`; document.getElementById('modalActions').innerHTML = ` `; document.getElementById('verifyModal').classList.add('show'); } // 保存角色权限 function saveRolePermission(roleName) { alert('角色【' + roleName + '】权限已保存！'); closeModal('verifyModal'); } // 保存权限配置 function savePermission() { alert('权限配置保存成功！'); } // 重置权限配置 function resetPermission() { if (confirm('确定要重置所有权限配置吗？此操作不可撤销')) { alert('权限配置已重置为默认值'); } } // 打开添加管理员弹窗 function openAddAdminModal() { document.getElementById('modalTitle').textContent = '添加管理员'; document.getElementById('modalContent').innerHTML = `
`; document.getElementById('modalActions').innerHTML = ` `; document.getElementById('verifyModal').classList.add('show'); } // 保存新管理员 function saveNewAdmin() { const name = document.getElementById('adminName').value; const account = document.getElementById('adminAccount').value; const password = document.getElementById('adminPassword').value; if (!name || !account || !password) { alert('请填写完整信息'); return; } if (password.length < 6) { alert('密码长度不能少于6位'); return; } alert('管理员【' + name + '】添加成功！'); closeModal('verifyModal'); } // 编辑管理员 function editAdmin(name) { document.getElementById('modalTitle').textContent = '编辑管理员 - ' + name; document.getElementById('modalContent').innerHTML = `
`; document.getElementById('modalActions').innerHTML = ` `; document.getElementById('verifyModal').classList.add('show'); } // 保存编辑的管理员 function saveEditAdmin(name) { const newName = document.getElementById('editAdminName').value; const newPwd = document.getElementById('editAdminPassword').value; const resetPwd = document.getElementById('resetAdminPwd').checked; if (!newName) { alert('请输入管理员姓名'); return; } if (newPwd && newPwd.length < 6) { alert('密码长度不能少于6位'); return; } alert('管理员【' + name + '】信息已更新！'); closeModal('verifyModal'); } // 删除管理员 function deleteAdmin(name) { if (confirm('确定要删除管理员【' + name + '】吗？此操作不可撤销！')) { alert('管理员【' + name + '】已删除！'); } } // 切换管理员状态 function toggleAdminStatus(name, enabled) { const status = enabled ? '启用' : '禁用'; if (confirm('确定要' + status + '管理员【' + name + '】吗？')) { alert('管理员【' + name + '】已' + status); } else { // 恢复开关状态 location.reload(); } } // 切换管理员角色 function changeAdminRole(name, role) { const roleNames = { normal: '普通管理员', customer: '客服', reviewer: '审核员' }; alert('管理员【' + name + '】角色已更新为：' + roleNames[role]); } // 查看管理员日志 function viewAdminLog(name) { document.getElementById('modalTitle').textContent = name + ' - 操作日志'; document.getElementById('modalContent').innerHTML = `
至
操作类型 操作详情 时间
登录 管理员登录系统 2024-01-15 14:30:25
配置 修改签到奖励规则 2024-01-15 14:28:10
审核 审核任务 #T20240115001 通过 2024-01-15 14:25:33
`; document.getElementById('modalActions').innerHTML = ` `; document.getElementById('verifyModal').classList.add('show'); } // 查询Admin日志 function queryAdminLog() { const startDate = document.getElementById('adminLogStartDate').value; const endDate = document.getElementById('adminLogEndDate').value; if (!startDate || !endDate) { alert('请选择开始和结束日期'); return; } alert('查询时间范围：' + startDate + ' 至 ' + endDate); } // 导出Admin日志 function exportAdminLog() { alert('正在导出Admin操作日志，请稍候...'); } // 切换财务管理标签页 function switchFinanceTab(btn, tabId) { document.querySelectorAll('#pageContent .tab-btn').forEach(b => { b.classList.remove('active'); b.style.background = '#f5f7fa'; b.style.color = '#666'; }); btn.classList.add('active'); btn.style.background = '#667eea'; btn.style.color = '#fff'; document.querySelectorAll('.emp-tab-content').forEach(content => { content.style.display = 'none'; }); document.getElementById('finance-' + tabId).style.display = 'block'; } // 打开提现审核弹窗 function openWithdrawModal(name, amount, type) { document.getElementById('modalTitle').textContent = '提现审核'; document.getElementById('modalContent').innerHTML = `
申请提现金额
¥${amount}

用户姓名：${name}

账户类型：${type}

账户信息：****1234

申请时间：2024-01-15 14:30

账户余额：¥8,500

审核意见

`; document.getElementById('modalActions').innerHTML = ` `; document.getElementById('verifyModal').classList.add('show'); } // 提交提现审核 function submitWithdraw(action) { const opinion = document.getElementById('withdrawOpinion').value; if (action === '通过' || opinion.trim()) { alert('提现审核' + action + '成功！'); closeModal('verifyModal'); } else { alert('请输入驳回原因'); } } // 导出收入流水 function exportIncome() { alert('正在导出收入流水...'); } // 保存抽佣配置 function saveCommissionSetting() { const rate = document.getElementById('baseCommission').value; alert('抽佣配置保存成功！基础抽佣比例：' + rate + '%'); } // 生成账单 function generateBill() { alert('账单正在生成中...'); } // 导出账单 function exportBill() { alert('正在导出账单...'); } // 清零发放 function clearBill(team) { if (confirm('确定要对【' + team + '】进行清零发放吗？')) { alert('账单已发放清零！'); } } // 添加阶梯规则 function addStepRule() { alert('添加阶梯抽成规则'); } // 保存分账配置 function saveCommissionDist() { alert('分账配置保存成功！'); } // 切换统计标签页 function switchStatisTab(btn, period) { document.querySelectorAll('.statis-tab').forEach(b => { b.classList.remove('active'); b.style.background = '#f5f7fa'; b.style.color = '#666'; }); btn.classList.add('active'); btn.style.background = '#667eea'; btn.style.color = '#fff'; // 更新数据统计 - 模拟数据切换 const periodName = period === 'day' ? '今日' : period === 'week' ? '本周' : period === 'month' ? '本月' : '本年'; alert('已切换到' + periodName + '统计数据'); } // 查询统计数据 function queryStatistics() { const startDate = document.getElementById('statisStartDate').value; const endDate = document.getElementById('statisEndDate').value; if (!startDate || !endDate) { alert('请选择开始和结束日期'); return; } alert('查询时间范围：' + startDate + ' 至 ' + endDate); } // 切换用户图表类型 function changeUserChart(type) { const typeName = type === 'register' ? '注册' : type === 'active' ? '活跃' : '增长'; alert('已切换到' + typeName + '趋势图'); } // 导出统计数据 function exportStats() { alert('正在导出统计数据报表，请稍候...'); } // 切换作品市场标签页 function switchMarketTab(btn, tabId) { document.querySelectorAll('.market-tab').forEach(b => { b.classList.remove('active'); b.style.background = '#f5f7fa'; b.style.color = '#666'; }); btn.classList.add('active'); btn.style.background = '#667eea'; btn.style.color = '#fff'; document.querySelectorAll('.market-content').forEach(content => { content.style.display = 'none'; }); document.getElementById('market-' + tabId).style.display = 'block'; } // 审核市场作品 function reviewMarketWork(title, author) { document.getElementById('modalTitle').textContent = '作品审核'; document.getElementById('modalContent').innerHTML = `
📁

作品名称：${title}

作者：${author}

价格：待定

审核意见

`; document.getElementById('modalActions').innerHTML = ` `; document.getElementById('verifyModal').classList.add('show'); } // 提交市场作品审核 function submitMarketReview(action) { alert('作品审核' + action + '成功！'); closeModal('verifyModal'); } // 导出交易记录 function exportTrade() { alert('正在导出交易记录...'); } // 添加分类 function addCategory() { document.getElementById('modalTitle').textContent = '添加分类'; document.getElementById('modalContent').innerHTML = `
`; document.getElementById('modalActions').innerHTML = ` `; document.getElementById('verifyModal').classList.add('show'); } // 保存分类 function saveCategory() { alert('分类添加成功！'); closeModal('verifyModal'); } // 切换子模块详情展开/收起 function toggleSubmoduleDetails(card) { // 关闭其他已展开的详情 document.querySelectorAll('.submodule-details').forEach(detail => { if (detail !== card.querySelector('.submodule-details')) { detail.style.display = 'none'; } }); // 切换当前卡片的详情 const detail = card.querySelector('.submodule-details'); if (detail) { detail.style.display = detail.style.display === 'none' ? 'block' : 'none'; } } // 获取图标背景色 function getIconBgColor(index) { const colors = [ 'rgba(102, 126, 234, 0.1)', 'rgba(39, 174, 96, 0.1)', 'rgba(255, 165, 0, 0.1)', 'rgba(255, 71, 87, 0.1)', 'rgba(155, 89, 182, 0.1)', 'rgba(52, 152, 219, 0.1)', 'rgba(241, 196, 15, 0.1)', 'rgba(149, 165, 166, 0.1)' ]; return colors[index % colors.length]; } // 侧边栏切换 document.getElementById('toggleSidebar').addEventListener('click', function() { document.getElementById('sidebar').classList.toggle('show'); }); // 用户信息下拉菜单 document.getElementById('userInfoBtn').addEventListener('click', function(e) { e.stopPropagation(); document.getElementById('userDropdown').classList.toggle('show'); }); document.addEventListener('click', function() { document.getElementById('userDropdown').classList.remove('show'); }); // 退出登录 document.getElementById('logoutBtn').addEventListener('click', function() { document.getElementById('mainContainer').classList.remove('active'); document.getElementById('loginPage').style.display = 'block'; document.getElementById('username').value = ''; document.getElementById('password').value = ''; }); // 通知弹窗 document.getElementById('notificationBtn').addEventListener('click', function() { document.getElementById('notificationModal').classList.add('show'); }); function closeModal(modalId) { document.getElementById(modalId).classList.remove('show'); } // 点击遮罩关闭弹窗 document.getElementById('notificationModal').addEventListener('click', function(e) { if (e.target === this) { closeModal('notificationModal'); } }); // 侧边栏分组折叠/展开 function toggleSection(titleElement) { const section = titleElement.parentElement; section.classList.toggle('collapsed'); titleElement.classList.toggle('collapsed'); } // 图表Tab切换 function switchChartTab(tabBtn, period) { // 移除所有active document.querySelectorAll('.chart-tab').forEach(tab => tab.classList.remove('active')); // 添加active到当前 tabBtn.classList.add('active'); // 更新图表数据（这里可以添加实际的数据更新逻辑） } // 快捷操作点击 document.querySelectorAll('.quick-action-item, .todo-item').forEach(item => { item.addEventListener('click', function() { const page = this.dataset.page; if (page) { showPage(page); } }); }); // 通知项目点击 document.querySelectorAll('.notification-item').forEach(item => { item.addEventListener('click', function() { const dot = this.querySelector('.notification-dot'); if (dot && !dot.classList.contains('read')) { dot.classList.add('read'); } }); }); }); // 关闭DOMContentLoaded回调 取消
访问码: bieq5ias