后台管理 - 双碳科创与竞赛协会

👥

0

协会成员

🏆

0

竞赛获奖

📅

0

活动举办

🔬

0

科研成果

快捷操作

Logo 图标

Logo 文字

导航项1

导航项2

导航项3

导航项4

导航项5

顶部标签

标题第一行

标题第二行

副标题描述

主按钮文字

次按钮文字

成员数

获奖数

活动数

科研成果数

关于标题

描述第一段

描述第二段

描述第三段

标签（逗号分隔）

页脚Logo文字

版权信息

预览	标题	分类	日期	操作

类型	标题	大小	日期	操作

封面	标题	日期	状态	操作

项目层级结构

项目列表

项目名称	指导老师	负责人	状态	进度	操作

姓名	角色	所属项目	联系方式	操作

项目进度流程

操作记录

时间	操作人	操作	备注

基本信息

协会名称

成立年份

协会简介

数据管理

标题

分类

日期

图片

描述

</div>
    </div>
    <div class="modal-footer">
      <button class="btn btn-o" onclick="closeModal('galleryModal')">取消</button>
      <button class="btn btn-g" onclick="saveGallery()">保存</button>
    </div>
  </div>
</div>

<div class="modal-overlay" id="docModal">
  <div class="modal">
    <div class="modal-header">
      <span class="modal-title" id="docModalTitle">上传文档</span>
      <button class="modal-close" onclick="closeModal('docModal')">×</button>
    </div>
    <div class="modal-body">
      <input type="hidden" id="docId"/>
      <div class="form-group"><label class="form-label">标题</label><input class="form-input" id="docTitle"/></div>
      <div class="form-row">
        <div class="form-group"><label class="form-label">类型</label>
          <select class="form-select" id="docType">
            <option value="ppt">PPT</option>
            <option value="pdf">PDF</option>
            <option value="word">Word</option>
            <option value="excel">Excel</option>
          </select>
        </div>
        <div class="form-group"><label class="form-label">日期</label><input class="form-input" id="docDate" type="date"/></div>
      </div>
      <div class="form-group"><label class="form-label">文件</label><input class="form-input" id="docFile" type="file"/></div>
      <div class="form-group"><label class="form-label">描述</label><textarea class="form-textarea" id="docDesc"/></div>
    </div>
    <div class="modal-footer">
      <button class="btn btn-o" onclick="closeModal('docModal')">取消</button>
      <button class="btn btn-g" onclick="saveDoc()">保存</button>
    </div>
  </div>
</div>

<div class="modal-overlay" id="activityModal">
  <div class="modal">
    <div class="modal-header">
      <span class="modal-title" id="activityModalTitle">发布活动</span>
      <button class="modal-close" onclick="closeModal('activityModal')">×</button>
    </div>
    <div class="modal-body">
      <input type="hidden" id="activityId"/>
      <div class="form-group"><label class="form-label">标题</label><input class="form-input" id="activityTitle"/></div>
      <div class="form-row">
        <div class="form-group"><label class="form-label">日期</label><input class="form-input" id="activityDate" type="date"/></div>
        <div class="form-group"><label class="form-label">状态标签</label><input class="form-input" id="activityTag" placeholder="如：报名中、即将开始"/></div>
      </div>
      <div class="form-group"><label class="form-label">封面图片</label><input class="form-input" id="activityImg" type="file" accept="image/*"/></div>
      <div class="form-group"><label class="form-label">描述</label><textarea class="form-textarea" id="activityDesc"/></div>
    </div>
    <div class="modal-footer">
      <button class="btn btn-o" onclick="closeModal('activityModal')">取消</button>
      <button class="btn btn-g" onclick="saveActivity()">保存</button>
    </div>
  </div>
</div>

<div class="modal-overlay" id="projectModal">
  <div class="modal modal-lg">
    <div class="modal-header">
      <span class="modal-title" id="projectModalTitle">新建项目</span>
      <button class="modal-close" onclick="closeModal('projectModal')">×</button>
    </div>
    <div class="modal-body">
      <input type="hidden" id="projectId"/>
      <div class="form-row">
        <div class="form-group"><label class="form-label">项目名称</label><input class="form-input" id="projectName"/></div>
        <div class="form-group"><label class="form-label">状态</label>
          <select class="form-select" id="projectStatus">
            <option value="筹备中">筹备中</option>
            <option value="进行中">进行中</option>
            <option value="已完成">已完成</option>
            <option value="已暂停">已暂停</option>
          </select>
        </div>
      </div>
      <div class="form-row">
        <div class="form-group"><label class="form-label">指导老师</label>
          <select class="form-select" id="projectTeacher"><option value="">-- 请选择 --</option></select>
        </div>
        <div class="form-group"><label class="form-label">协会会长</label>
          <select class="form-select" id="projectPresident"><option value="">-- 请选择 --</option></select>
        </div>
      </div>
      <div class="form-row">
        <div class="form-group"><label class="form-label">项目负责人</label>
          <select class="form-select" id="projectLeader"><option value="">-- 请选择 --</option></select>
        </div>
        <div class="form-group"><label class="form-label">进度 (%)</label><input class="form-input" id="projectProgress" type="number" min="0" max="100" value="0"/></div>
      </div>
      <div class="form-group"><label class="form-label">项目成员（多选）</label>
        <div id="projectMembersList" style="max-height:120px;overflow-y:auto;background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:.5rem"></div>
      </div>
      <div class="form-group"><label class="form-label">项目描述</label><textarea class="form-textarea" id="projectDesc"/></div>
    </div>
    <div class="modal-footer">
      <button class="btn btn-o" onclick="closeModal('projectModal')">取消</button>
      <button class="btn btn-g" onclick="saveProject()">保存</button>
    </div>
  </div>
</div>

<div class="modal-overlay" id="memberModal">
  <div class="modal">
    <div class="modal-header">
      <span class="modal-title" id="memberModalTitle">添加人员</span>
      <button class="modal-close" onclick="closeModal('memberModal')">×</button>
    </div>
    <div class="modal-body">
      <input type="hidden" id="memberId"/>
      <div class="form-row">
        <div class="form-group"><label class="form-label">姓名</label><input class="form-input" id="memberName"/></div>
        <div class="form-group"><label class="form-label">角色</label>
          <select class="form-select" id="memberRole">
            <option value="teacher">指导老师</option>
            <option value="president">协会会长</option>
            <option value="leader">项目负责人</option>
            <option value="member">项目成员</option>
          </select>
        </div>
      </div>
      <div class="form-row">
        <div class="form-group"><label class="form-label">所属项目</label>
          <select class="form-select" id="memberProject"><option value="">-- 无 --</option></select>
        </div>
        <div class="form-group"><label class="form-label">联系方式</label><input class="form-input" id="memberContact"/></div>
      </div>
      <div class="form-group"><label class="form-label">备注</label><textarea class="form-textarea" id="memberNote"/></div>
    </div>
    <div class="modal-footer">
      <button class="btn btn-o" onclick="closeModal('memberModal')">取消</button>
      <button class="btn btn-g" onclick="saveMember()">保存</button>
    </div>
  </div>
</div>

<script>
// ========== DATA STORE ==========
function getData(){
  try{ return JSON.parse(localStorage.getItem('dcst_admin')) || getDefaultData(); }
  catch(e){ return getDefaultData(); }
}
function saveData(d){ localStorage.setItem('dcst_admin', JSON.stringify(d)); }

function getDefaultData(){
  return {
    stats:{members:128,awards:56,activities:42,research:23},
    gallery:[
      {id:1,title:'2024年节能减排大赛现场',cat:'competition',date:'2024-11-15',img:'',desc:'全国大学生节能减排竞赛省级选拔赛'},
      {id:2,title:'协会年度颁奖典礼',cat:'award',date:'2024-12-20',img:'',desc:'表彰优秀会员与杰出贡献奖'},
      {id:3,title:'碳中和主题研讨会',cat:'activity',date:'2024-10-08',img:'',desc:'邀请业界专家分享双碳前沿进展'},
    ],
    docs:[
      {id:1,title:'2024年节能减排竞赛参赛指南',type:'ppt',size:'8.2MB',date:'2024-11-01',desc:'包含竞赛规则、评分标准'},
      {id:2,title:'双碳政策解读与实践路径',type:'pdf',size:'3.5MB',date:'2024-10-15',desc:'深入解读国家双碳战略政策'},
    ],
    activities:[
      {id:1,title:'2025年春季节能减排竞赛培训营',date:'2025-03-15',tag:'报名中',img:'',desc:'面向全校同学开放报名'},
    ],
    projects:[
      {id:1,name:'校园碳足迹监测系统',teacher:'',president:'',leader:'',members:[],status:'进行中',progress:45,desc:''},
    ],
    members:[
      {id:1,name:'张教授',role:'teacher',project:'',contact:'zhang@edu.cn',note:'环境学院'},
      {id:2,name:'李明',role:'president',project:'',contact:'liming@stu.edu',note:'协会会长'},
    ],
    workflow:{},
    settings:{name:'双碳科创与竞赛协会',year:'2022',desc:'致力于响应国家"双碳"战略'}
  };
}

let data = getData();

// ========== PAGE NAVIGATION ==========
function showPage(name){
  document.querySelectorAll('.page').forEach(p=>p.classList.remove('active'));
  document.querySelectorAll('.sb-link').forEach(l=>l.classList.remove('active'));
  document.getElementById('page-'+name).classList.add('active');
  document.querySelector('.sb-link[data-page="'+name+'"]').classList.add('active');
  
  // Load data
  if(name==='dashboard') renderDashboard();
  if(name==='gallery') renderGallery();
  if(name==='docs') renderDocs();
  if(name==='activities') renderActivities();
  if(name==='projects') renderProjects();
  if(name==='members') renderMembers();
  if(name==='workflow') renderWorkflowPage();
}

document.querySelectorAll('.sb-link').forEach(link=>{
  link.addEventListener('click',e=>{e.preventDefault();showPage(link.dataset.page);});
});

// Sidebar toggle
document.getElementById('sbToggle').addEventListener('click',()=>{
  document.getElementById('sidebar').classList.toggle('open');
});

// ========== TABS ==========
document.querySelectorAll('.tabs').forEach(tabContainer=>{
  tabContainer.querySelectorAll('.tab').forEach(tab=>{
    tab.addEventListener('click',()=>{
      tabContainer.querySelectorAll('.tab').forEach(t=>t.classList.remove('active'));
      tab.classList.add('active');
      const container = tabContainer.nextElementSibling || tabContainer.parentElement;
      container.querySelectorAll('.tab-content').forEach(c=>c.style.display='none');
      const target = document.getElementById(tab.dataset.tab);
      if(target) target.style.display='block';
    });
  });
});

// ========== MODAL ==========
function closeModal(id){ document.getElementById(id).classList.remove('open'); }
function openModal(id){ document.getElementById(id).classList.add('open'); }

// ========== DASHBOARD ==========
function renderDashboard(){
  const s=data.stats;
  document.getElementById('statMembers').textContent=s.members;
  document.getElementById('statAwards').textContent=s.awards;
  document.getElementById('statActivities').textContent=s.activities;
  document.getElementById('statResearch').textContent=s.research;
}

// ========== GALLERY ==========
function renderGallery(){
  const tbody=document.getElementById('galleryTable');
  tbody.innerHTML=data.gallery.length?data.gallery.map(g=>`
    <tr>
      <td><div class="img-thumb" style="${g.img?'background-image:url('+g.img+')':''}"></div></td>
      <td>${g.title}</td>
      <td><span class="badge badge-b">${catLabel(g.cat)}</span></td>
      <td>${g.date}</td>
      <td class="table-actions">
        <button class="btn btn-sm btn-o" onclick="editGallery(${g.id})">编辑</button>
        <button class="btn btn-sm btn-d" onclick="deleteGallery(${g.id})">删除</button>
      </td>
    </tr>
  `).join(''):'<tr><td colspan="5" style="text-align:center;color:var(--muted)">暂无图片</td></tr>';
}
function catLabel(c){return{competition:'竞赛风采',activity:'活动现场',award:'获奖荣誉',research:'科研成果'}[c]||c;}
function openGalleryModal(id=0){
  document.getElementById('galleryModalTitle').textContent=id?'编辑图片':'添加图片';
  document.getElementById('galleryId').value=id||'';
  if(id){const g=data.gallery.find(x=>x.id===id);if(g){document.getElementById('galleryTitle').value=g.title;document.getElementById('galleryCat').value=g.cat;document.getElementById('galleryDate').value=g.date;document.getElementById('galleryDesc').value=g.desc||'';}}
  else{document.getElementById('galleryTitle').value='';document.getElementById('galleryDate').value=new Date().toISOString().slice(0,10);document.getElementById('galleryDesc').value='';}
  openModal('galleryModal');
}
function editGallery(id){openGalleryModal(id);}
async function saveGallery(){
  const id=document.getElementById('galleryId').value;
  const title=document.getElementById('galleryTitle').value.trim();
  if(!title){alert('请输入标题');return;}
  const file=document.getElementById('galleryImg').files[0];
  let img='';
  if(file){img=await toBase64(file);}
  const item={id:id?+id:Date.now(),title,cat:document.getElementById('galleryCat').value,date:document.getElementById('galleryDate').value,desc:document.getElementById('galleryDesc').value,img:img||''};
  if(id){const i=data.gallery.findIndex(x=>x.id===+id);if(i>=0)data.gallery[i]={...data.gallery[i],...item};}
  else{data.gallery.push(item);}
  saveData(data);renderGallery();closeModal('galleryModal');
}
function deleteGallery(id){if(!confirm('确认删除？'))return;data.gallery=data.gallery.filter(x=>x.id!==id);saveData(data);renderGallery();}

// ========== DOCS ==========
function renderDocs(){
  const tbody=document.getElementById('docsTable');
  tbody.innerHTML=data.docs.length?data.docs.map(d=>`
    <tr>
      <td><span class="badge ${d.type==='pdf'?'badge-r':d.type==='ppt'?'badge-o':'badge-b'}">${d.type.toUpperCase()}</span></td>
      <td>${d.title}</td>
      <td>${d.size}</td>
      <td>${d.date}</td>
      <td class="table-actions">
        <button class="btn btn-sm btn-o" onclick="editDoc(${d.id})">编辑</button>
        <button class="btn btn-sm btn-d" onclick="deleteDoc(${d.id})">删除</button>
      </td>
    </tr>
  `).join(''):'<tr><td colspan="5" style="text-align:center;color:var(--muted)">暂无文档</td></tr>';
}
function openDocModal(id=0){
  document.getElementById('docModalTitle').textContent=id?'编辑文档':'上传文档';
  document.getElementById('docId').value=id||'';
  if(id){const d=data.docs.find(x=>x.id===id);if(d){document.getElementById('docTitle').value=d.title;document.getElementById('docType').value=d.type;document.getElementById('docDate').value=d.date;document.getElementById('docDesc').value=d.desc||'';}}
  else{document.getElementById('docTitle').value='';document.getElementById('docDate').value=new Date().toISOString().slice(0,10);document.getElementById('docDesc').value='';}
  openModal('docModal');
}
function editDoc(id){openDocModal(id);}
async function saveDoc(){
  const id=document.getElementById('docId').value;
  const title=document.getElementById('docTitle').value.trim();
  if(!title){alert('请输入标题');return;}
  const file=document.getElementById('docFile').files[0];
  let fileData='',size='';
  if(file){fileData=await toBase64(file);size=formatSize(file.size);}
  const item={id:id?+id:Date.now(),title,type:document.getElementById('docType').value,date:document.getElementById('docDate').value,desc:document.getElementById('docDesc').value,size:size||'未知',fileData};
  if(id){const i=data.docs.findIndex(x=>x.id===+id);if(i>=0)data.docs[i]={...data.docs[i],...item};}
  else{data.docs.push(item);}
  saveData(data);renderDocs();closeModal('docModal');
}
function deleteDoc(id){if(!confirm('确认删除？'))return;data.docs=data.docs.filter(x=>x.id!==id);saveData(data);renderDocs();}

// ========== ACTIVITIES ==========
function renderActivities(){
  const tbody=document.getElementById('activitiesTable');
  tbody.innerHTML=data.activities.length?data.activities.map(a=>`
    <tr>
      <td><div class="img-thumb" style="${a.img?'background-image:url('+a.img+')':''}"></div></td>
      <td>${a.title}</td>
      <td>${a.date}</td>
      <td><span class="badge badge-g">${a.tag}</span></td>
      <td class="table-actions">
        <button class="btn btn-sm btn-o" onclick="editActivity(${a.id})">编辑</button>
        <button class="btn btn-sm btn-d" onclick="deleteActivity(${a.id})">删除</button>
      </td>
    </tr>
  `).join(''):'<tr><td colspan="5" style="text-align:center;color:var(--muted)">暂无活动</td></tr>';
}
function openActivityModal(id=0){
  document.getElementById('activityModalTitle').textContent=id?'编辑活动':'发布活动';
  document.getElementById('activityId').value=id||'';
  if(id){const a=data.activities.find(x=>x.id===id);if(a){document.getElementById('activityTitle').value=a.title;document.getElementById('activityDate').value=a.date;document.getElementById('activityTag').value=a.tag;document.getElementById('activityDesc').value=a.desc||'';}}
  else{document.getElementById('activityTitle').value='';document.getElementById('activityDate').value=new Date().toISOString().slice(0,10);document.getElementById('activityTag').value='报名中';document.getElementById('activityDesc').value='';}
  openModal('activityModal');
}
function editActivity(id){openActivityModal(id);}
async function saveActivity(){
  const id=document.getElementById('activityId').value;
  const title=document.getElementById('activityTitle').value.trim();
  if(!title){alert('请输入标题');return;}
  const file=document.getElementById('activityImg').files[0];
  let img='';
  if(file){img=await toBase64(file);}
  const item={id:id?+id:Date.now(),title,date:document.getElementById('activityDate').value,tag:document.getElementById('activityTag').value,desc:document.getElementById('activityDesc').value,img:img||''};
  if(id){const i=data.activities.findIndex(x=>x.id===+id);if(i>=0)data.activities[i]={...data.activities[i],...item};}
  else{data.activities.push(item);}
  saveData(data);renderActivities();closeModal('activityModal');
}
function deleteActivity(id){if(!confirm('确认删除？'))return;data.activities=data.activities.filter(x=>x.id!==id);saveData(data);renderActivities();}

// ========== PROJECTS ==========
function renderProjects(){
  // Tree
  const tree=document.getElementById('projectTree');
  const teachers=data.members.filter(m=>m.role==='teacher');
  const presidents=data.members.filter(m=>m.role==='president');
  tree.innerHTML=data.projects.map(p=>{
    const teacher=data.members.find(m=>m.id===p.teacher);
    const leader=data.members.find(m=>m.id===p.leader);
    const members=(p.members||[]).map(mid=>data.members.find(m=>m.id===mid)).filter(Boolean);
    return`
      <div class="tree-node level-0">
        <div class="node-info"><div class="node-icon" style="background:rgba(62,207,106,.15)">📁</div><div><div class="node-name">${p.name}</div><div class="node-role">${p.status} · ${p.progress}%</div></div></div>
        <div class="node-actions"><button class="btn btn-sm btn-o" onclick="editProject(${p.id})">编辑</button><button class="btn btn-sm btn-d" onclick="deleteProject(${p.id})">删除</button></div>
      </div>
      ${teacher?`<div class="tree-node level-1"><div class="node-info"><div class="node-icon" style="background:rgba(201,168,76,.15)">👨‍🏫</div><div><div class="node-name">${teacher.name}</div><div class="node-role">指导老师</div></div></div></div>`:''}
      ${leader?`<div class="tree-node level-1"><div class="node-info"><div class="node-icon" style="background:rgba(80,144,224,.15)">👤</div><div><div class="node-name">${leader.name}</div><div class="node-role">项目负责人</div></div></div></div>`:''}
      ${members.map(m=>`<div class="tree-node level-2"><div class="node-info"><div class="node-icon" style="background:rgba(130,130,130,.15)">👥</div><div><div class="node-name">${m.name}</div><div class="node-role">成员</div></div></div></div>`).join('')}
    `;
  }).join('')||'<div style="text-align:center;color:var(--muted);padding:2rem">暂无项目</div>';
  
  // Table
  const tbody=document.getElementById('projectsTable');
  tbody.innerHTML=data.projects.length?data.projects.map(p=>{
    const teacher=data.members.find(m=>m.id===p.teacher);
    const leader=data.members.find(m=>m.id===p.leader);
    return`
      <tr>
        <td>${p.name}</td>
        <td>${teacher?teacher.name:'-'}</td>
        <td>${leader?leader.name:'-'}</td>
        <td><span class="badge ${p.status==='已完成'?'badge-g':p.status==='进行中'?'badge-b':'badge-o'}">${p.status}</span></td>
        <td><div class="progress-bar"><div class="progress-fill" style="width:${p.progress}%"></div></div> ${p.progress}%</td>
        <td class="table-actions">
          <button class="btn btn-sm btn-o" onclick="editProject(${p.id})">编辑</button>
          <button class="btn btn-sm btn-d" onclick="deleteProject(${p.id})">删除</button>
        </td>
      </tr>
    `;
  }).join(''):'<tr><td colspan="6" style="text-align:center;color:var(--muted)">暂无项目</td></tr>';
}

function openProjectModal(id=0){
  document.getElementById('projectModalTitle').textContent=id?'编辑项目':'新建项目';
  document.getElementById('projectId').value=id||'';
  
  // Fill selects
  const teachers=data.members.filter(m=>m.role==='teacher');
  const presidents=data.members.filter(m=>m.role==='president');
  const leaders=data.members.filter(m=>m.role==='leader');
  const members=data.members.filter(m=>m.role==='member');
  
  document.getElementById('projectTeacher').innerHTML='<option value="">-- 请选择 --</option>'+teachers.map(m=>`<option value="${m.id}">${m.name}</option>`).join('');
  document.getElementById('projectPresident').innerHTML='<option value="">-- 请选择 --</option>'+presidents.map(m=>`<option value="${m.id}">${m.name}</option>`).join('');
  document.getElementById('projectLeader').innerHTML='<option value="">-- 请选择 --</option>'+leaders.map(m=>`<option value="${m.id}">${m.name}</option>`).join('');
  document.getElementById('projectMembersList').innerHTML=members.map(m=>`<label style="display:block;padding:.3rem 0"><input type="checkbox" value="${m.id}" class="project-member-cb"/> ${m.name}</label>`).join('')||'<span style="color:var(--muted)">暂无项目成员可选</span>';
  
  if(id){
    const p=data.projects.find(x=>x.id===id);
    if(p){
      document.getElementById('projectName').value=p.name;
      document.getElementById('projectStatus').value=p.status;
      document.getElementById('projectTeacher').value=p.teacher||'';
      document.getElementById('projectPresident').value=p.president||'';
      document.getElementById('projectLeader').value=p.leader||'';
      document.getElementById('projectProgress').value=p.progress;
      document.getElementById('projectDesc').value=p.desc||'';
      (p.members||[]).forEach(mid=>{const cb=document.querySelector('.project-member-cb[value="'+mid+'"]');if(cb)cb.checked=true;});
    }
  }else{
    document.getElementById('projectName').value='';
    document.getElementById('projectStatus').value='筹备中';
    document.getElementById('projectProgress').value=0;
    document.getElementById('projectDesc').value='';
  }
  openModal('projectModal');
}
function editProject(id){openProjectModal(id);}
function saveProject(){
  const id=document.getElementById('projectId').value;
  const name=document.getElementById('projectName').value.trim();
  if(!name){alert('请输入项目名称');return;}
  const memberCbs=document.querySelectorAll('.project-member-cb:checked');
  const members=Array.from(memberCbs).map(cb=>+cb.value);
  const item={id:id?+id:Date.now(),name,status:document.getElementById('projectStatus').value,teacher:document.getElementById('projectTeacher').value,president:document.getElementById('projectPresident').value,leader:document.getElementById('projectLeader').value,progress:+document.getElementById('projectProgress').value,desc:document.getElementById('projectDesc').value,members};
  if(id){const i=data.projects.findIndex(x=>x.id===+id);if(i>=0)data.projects[i]={...data.projects[i],...item};}
  else{data.projects.push(item);}
  saveData(data);renderProjects();closeModal('projectModal');
}
function deleteProject(id){if(!confirm('确认删除该项目？'))return;data.projects=data.projects.filter(x=>x.id!==id);saveData(data);renderProjects();}

// ========== MEMBERS ==========
function renderMembers(){
  const tbody=document.getElementById('membersTable');
  tbody.innerHTML=data.members.length?data.members.map(m=>{
    const proj=data.projects.find(p=>p.id===m.project);
    return`
      <tr>
        <td>${m.name}</td>
        <td><span class="badge ${m.role==='teacher'?'badge-o':m.role==='president'?'badge-g':m.role==='leader'?'badge-b':'badge-r'}">${roleLabel(m.role)}</span></td>
        <td>${proj?proj.name:'-'}</td>
        <td>${m.contact||'-'}</td>
        <td class="table-actions">
          <button class="btn btn-sm btn-o" onclick="editMember(${m.id})">编辑</button>
          <button class="btn btn-sm btn-d" onclick="deleteMember(${m.id})">删除</button>
        </td>
      </tr>
    `;
  }).join(''):'<tr><td colspan="5" style="text-align:center;color:var(--muted)">暂无人员</td></tr>';
}
function roleLabel(r){return{teacher:'指导老师',president:'协会会长',leader:'项目负责人',member:'项目成员'}[r]||r;}
function openMemberModal(id=0){
  document.getElementById('memberModalTitle').textContent=id?'编辑人员':'添加人员';
  document.getElementById('memberId').value=id||'';
  document.getElementById('memberProject').innerHTML='<option value="">-- 无 --</option>'+data.projects.map(p=>`<option value="${p.id}">${p.name}</option>`).join('');
  if(id){
    const m=data.members.find(x=>x.id===id);
    if(m){
      document.getElementById('memberName').value=m.name;
      document.getElementById('memberRole').value=m.role;
      document.getElementById('memberProject').value=m.project||'';
      document.getElementById('memberContact').value=m.contact||'';
      document.getElementById('memberNote').value=m.note||'';
    }
  }else{
    document.getElementById('memberName').value='';
    document.getElementById('memberContact').value='';
    document.getElementById('memberNote').value='';
  }
  openModal('memberModal');
}
function editMember(id){openMemberModal(id);}
function saveMember(){
  const id=document.getElementById('memberId').value;
  const name=document.getElementById('memberName').value.trim();
  if(!name){alert('请输入姓名');return;}
  const item={id:id?+id:Date.now(),name,role:document.getElementById('memberRole').value,project:document.getElementById('memberProject').value,contact:document.getElementById('memberContact').value,note:document.getElementById('memberNote').value};
  if(id){const i=data.members.findIndex(x=>x.id===+id);if(i>=0)data.members[i]={...data.members[i],...item};}
  else{data.members.push(item);}
  saveData(data);renderMembers();closeModal('memberModal');
}
function deleteMember(id){if(!confirm('确认删除？'))return;data.members=data.members.filter(x=>x.id!==id);saveData(data);renderMembers();}

// ========== WORKFLOW ==========
function renderWorkflowPage(){
  const sel=document.getElementById('workflowProjectSelect');
  sel.innerHTML='<option value="">-- 请选择项目 --</option>'+data.projects.map(p=>`<option value="${p.id}">${p.name}</option>`).join('');
  renderWorkflow();
}
function renderWorkflow(){
  const pid=+document.getElementById('workflowProjectSelect').value;
  const stepsDiv=document.getElementById('workflowSteps');
  const logDiv=document.getElementById('workflowLog');
  if(!pid){stepsDiv.innerHTML='<div style="text-align:center;color:var(--muted);padding:2rem">请选择项目</div>';logDiv.innerHTML='';return;}
  const p=data.projects.find(x=>x.id===pid);
  const steps=[
    {name:'项目立项',desc:'确定项目目标与范围',icon:'📋'},
    {name:'团队组建',desc:'分配指导老师与负责人',icon:'👥'},
    {name:'方案设计',desc:'制定技术路线与计划',icon:'📐'},
    {name:'实施执行',desc:'按计划推进项目',icon:'⚙️'},
    {name:'成果验收',desc:'评估项目成果',icon:'✅'},
  ];
  const progress=p.progress;
  stepsDiv.innerHTML=steps.map((s,i)=>{
    const stepProgress=(i+1)*20;
    const completed=progress>=stepProgress;
    const current=!completed&&progress>=stepProgress-20;
    return`
      <div class="workflow-step ${completed?'completed':current?'current':'pending'}">
        <div class="step-icon" style="background:${completed?'rgba(62,207,106,.15)':current?'rgba(80,144,224,.15)':'rgba(224,160,64,.15)'}">${s.icon}</div>
        <div class="step-content">
          <div class="step-title">${s.name}</div>
          <div class="step-desc">${s.desc}</div>
          ${completed?`<div class="step-time">✓ 已完成</div>`:current?`<div class="step-time">进行中...</div>`:''}
        </div>
      </div>
    `;
  }).join('');
  logDiv.innerHTML=`<tr><td>${new Date().toLocaleString()}</td><td>系统</td><td>查看项目进度</td><td>当前进度 ${progress}%</td></tr>`;
}

// ========== SETTINGS ==========
function saveTextSettings(){
  data.stats.members=+document.getElementById('textStatMembers').value||0;
  data.stats.awards=+document.getElementById('textStatAwards').value||0;
  data.stats.activities=+document.getElementById('textStatActivities').value||0;
  data.stats.research=+document.getElementById('textStatResearch').value||0;
  saveData(data);
  alert('文字设置已保存！前台页面将显示更新后的内容。');
}
function saveSettings(){
  data.settings.name=document.getElementById('settingName').value;
  data.settings.year=document.getElementById('settingYear').value;
  data.settings.desc=document.getElementById('settingDesc').value;
  saveData(data);
  alert('设置已保存！');
}

// ========== DATA IMPORT/EXPORT ==========
function exportAllData(){
  const blob=new Blob([JSON.stringify(data,null,2)],{type:'application/json'});
  const a=document.createElement('a');
  a.href=URL.createObjectURL(blob);
  a.download='dcst_data_'+new Date().toISOString().slice(0,10)+'.json';
  a.click();
}
function importData(e){
  const file=e.target.files[0];
  if(!file)return;
  const reader=new FileReader();
  reader.onload=ev=>{
    try{
      const imported=JSON.parse(ev.target.result);
      if(confirm('确认导入？这将覆盖现有数据。')){data=imported;saveData(data);alert('导入成功！');location.reload();}
    }catch(err){alert('导入失败：文件格式错误');}
  };
  reader.readAsText(file);
  e.target.value='';
}
function clearAllData(){
  if(!confirm('⚠️ 确认清空所有数据？此操作不可恢复！'))return;
  if(!confirm('🔴 再次确认：清空后数据将永久丢失！'))return;
  localStorage.removeItem('dcst_admin');
  data=getDefaultData();
  alert('数据已清空！');
  location.reload();
}

// ========== HELPERS ==========
function toBase64(file){
  return new Promise((resolve,reject)=>{
    const reader=new FileReader();
    reader.onload=e=>resolve(e.target.result);
    reader.onerror=reject;
    reader.readAsDataURL(file);
  });
}
function formatSize(bytes){
  if(bytes<1024)return bytes+'B';
  if(bytes<1024*1024)return (bytes/1024).toFixed(1)+'KB';
  return (bytes/1024/1024).toFixed(1)+'MB';
}

// ========== INIT ==========
renderDashboard();
</script>
</body>
</html>