Recruitment_site/.superpowers/brainstorm/3597-1774339647/flows.html

<h2>关键业务流程</h2>
<p class="subtitle">三条核心流程的状态流转</p>

<div style="display: flex; flex-direction: column; gap: 20px; margin-top: 16px;">

  <!-- 流程1：求职者投递 -->
  <div style="background: #1e293b; border-radius: 10px; overflow: hidden; border: 1px solid #334155;">
    <div style="background: #0c4a6e; padding: 10px 16px;">
      <span style="font-weight: 700; color: #38bdf8;">流程 1：求职者投递简历</span>
    </div>
    <div style="padding: 16px; overflow-x: auto;">
      <div style="display: flex; align-items: center; gap: 0; min-width: 600px;">
        <div style="background: #0f172a; border-radius: 8px; padding: 10px 14px; text-align: center; min-width: 100px; border: 1px solid #1e3a5f;">
          <div style="font-size: 11px; color: #94a3b8; margin-bottom: 4px;">求职者</div>
          <div style="color: #e2e8f0; font-size: 13px; font-weight: 600;">浏览职位</div>
        </div>
        <div style="color: #475569; padding: 0 6px; font-size: 18px;">→</div>
        <div style="background: #0f172a; border-radius: 8px; padding: 10px 14px; text-align: center; min-width: 100px; border: 1px solid #1e3a5f;">
          <div style="font-size: 11px; color: #94a3b8; margin-bottom: 4px;">检查</div>
          <div style="color: #e2e8f0; font-size: 13px; font-weight: 600;">是否已登录</div>
          <div style="font-size: 11px; color: #fbbf24; margin-top: 4px;">未登录→跳注册</div>
        </div>
        <div style="color: #475569; padding: 0 6px; font-size: 18px;">→</div>
        <div style="background: #0f172a; border-radius: 8px; padding: 10px 14px; text-align: center; min-width: 110px; border: 1px solid #1e3a5f;">
          <div style="font-size: 11px; color: #94a3b8; margin-bottom: 4px;">检查</div>
          <div style="color: #e2e8f0; font-size: 13px; font-weight: 600;">简历是否完善</div>
          <div style="font-size: 11px; color: #fbbf24; margin-top: 4px;">未完善→提示填写</div>
        </div>
        <div style="color: #475569; padding: 0 6px; font-size: 18px;">→</div>
        <div style="background: #0f172a; border-radius: 8px; padding: 10px 14px; text-align: center; min-width: 110px; border: 1px solid #1e3a5f;">
          <div style="font-size: 11px; color: #94a3b8; margin-bottom: 4px;">确认</div>
          <div style="color: #e2e8f0; font-size: 13px; font-weight: 600;">投递弹窗</div>
          <div style="font-size: 11px; color: #94a3b8; margin-top: 4px;">选简历版本</div>
        </div>
        <div style="color: #475569; padding: 0 6px; font-size: 18px;">→</div>
        <div style="background: #14532d; border-radius: 8px; padding: 10px 14px; text-align: center; min-width: 100px; border: 1px solid #166534;">
          <div style="font-size: 11px; color: #86efac; margin-bottom: 4px;">完成</div>
          <div style="color: #4ade80; font-size: 13px; font-weight: 600;">投递成功</div>
          <div style="font-size: 11px; color: #86efac; margin-top: 4px;">状态：待查看</div>
        </div>
      </div>
    </div>
  </div>

  <!-- 流程2：投递状态流转 -->
  <div style="background: #1e293b; border-radius: 10px; overflow: hidden; border: 1px solid #334155;">
    <div style="background: #7f1d1d; padding: 10px 16px;">
      <span style="font-weight: 700; color: #fca5a5;">流程 2：HR 处理投递（状态流转）</span>
    </div>
    <div style="padding: 16px; overflow-x: auto;">
      <div style="display: flex; align-items: center; gap: 0; min-width: 640px;">
        <div style="background: #374151; border-radius: 8px; padding: 10px 16px; text-align: center; min-width: 90px; border: 1px solid #4b5563;">
          <div style="color: #9ca3af; font-size: 13px; font-weight: 600;">待查看</div>
        </div>
        <div style="color: #475569; padding: 0 8px; font-size: 18px;">→</div>
        <div style="background: #1e3a5f; border-radius: 8px; padding: 10px 16px; text-align: center; min-width: 90px; border: 1px solid #1d4ed8;">
          <div style="color: #60a5fa; font-size: 13px; font-weight: 600;">已查看</div>
          <div style="font-size: 11px; color: #94a3b8; margin-top: 3px;">HR 打开简历</div>
        </div>
        <div style="color: #475569; padding: 0 8px; font-size: 18px;">→</div>
        <div style="background: #1e293b; border-radius: 8px; padding: 10px 16px; text-align: center; min-width: 90px; border: 1px solid #7c3aed;">
          <div style="color: #a78bfa; font-size: 13px; font-weight: 600;">面试中</div>
          <div style="font-size: 11px; color: #94a3b8; margin-top: 3px;">HR 手动更新</div>
        </div>
        <div style="display: flex; flex-direction: column; gap: 6px; padding: 0 8px;">
          <div style="color: #475569; font-size: 18px;">→</div>
        </div>
        <div style="display: flex; flex-direction: column; gap: 8px;">
          <div style="background: #14532d; border-radius: 8px; padding: 8px 16px; text-align: center; min-width: 90px; border: 1px solid #166534;">
            <div style="color: #4ade80; font-size: 13px; font-weight: 600;">已录用</div>
          </div>
          <div style="background: #450a0a; border-radius: 8px; padding: 8px 16px; text-align: center; min-width: 90px; border: 1px solid #7f1d1d;">
            <div style="color: #f87171; font-size: 13px; font-weight: 600;">已拒绝</div>
          </div>
        </div>
      </div>
      <div style="margin-top: 12px; font-size: 12px; color: #64748b;">
        * 每次状态变更自动发送邮件通知求职者
      </div>
    </div>
  </div>

  <!-- 流程3：公司管理员发布职位 -->
  <div style="background: #1e293b; border-radius: 10px; overflow: hidden; border: 1px solid #334155;">
    <div style="background: #14532d; padding: 10px 16px;">
      <span style="font-weight: 700; color: #86efac;">流程 3：公司管理员发布职位</span>
    </div>
    <div style="padding: 16px; overflow-x: auto;">
      <div style="display: flex; align-items: center; gap: 0; min-width: 560px;">
        <div style="background: #0f172a; border-radius: 8px; padding: 10px 14px; text-align: center; min-width: 90px; border: 1px solid #1e3a5f;">
          <div style="color: #e2e8f0; font-size: 13px; font-weight: 600;">填写职位</div>
          <div style="font-size: 11px; color: #94a3b8; margin-top: 3px;">标题/描述/薪资等</div>
        </div>
        <div style="color: #475569; padding: 0 6px; font-size: 18px;">→</div>
        <div style="background: #374151; border-radius: 8px; padding: 10px 14px; text-align: center; min-width: 90px; border: 1px solid #4b5563;">
          <div style="color: #9ca3af; font-size: 13px; font-weight: 600;">保存草稿</div>
          <div style="font-size: 11px; color: #94a3b8; margin-top: 3px;">status: draft</div>
        </div>
        <div style="color: #475569; padding: 0 6px; font-size: 18px;">→</div>
        <div style="background: #14532d; border-radius: 8px; padding: 10px 14px; text-align: center; min-width: 90px; border: 1px solid #166534;">
          <div style="color: #4ade80; font-size: 13px; font-weight: 600;">发布上线</div>
          <div style="font-size: 11px; color: #86efac; margin-top: 3px;">status: published</div>
        </div>
        <div style="color: #475569; padding: 0 6px; font-size: 18px;">→</div>
        <div style="background: #450a0a; border-radius: 8px; padding: 10px 14px; text-align: center; min-width: 90px; border: 1px solid #7f1d1d;">
          <div style="color: #f87171; font-size: 13px; font-weight: 600;">关闭招聘</div>
          <div style="font-size: 11px; color: #fca5a5; margin-top: 3px;">status: closed</div>
        </div>
      </div>
      <div style="margin-top: 12px; font-size: 12px; color: #64748b;">
        * 管理员只能操作本公司职位；超管可查看所有公司职位但不能代发
      </div>
    </div>
  </div>

</div>