---
uuid: "24e184f0-ee88-477c-b474-4821c159e234"
type: "scenario"
title: "人员管理系统应用方案"
sidebar_position: 6
sidebar_label: "应用方案"
sidebar_class_name: sidebar-item-hidden
displayed_sidebar: null
description: "人员管理系统是基于一人一码的人员信息数字化方案：给每个人生成专属二维码，印在安全帽贴、工牌、工作服胸卡或身份牌上，扫码查看身份、工种、资质证件与安全教育，信息后台随时更新、不用重新制卡。适用于建筑施工、能源采矿等施工人员实名进场，也用于员工工牌、教育家政等人员资历展示。"
keywords:
  - 人员管理系统
  - 人员管理二维码
  - 一人一码人员管理
  - 施工人员实名二维码
  - 安全帽贴二维码
  - 人员工牌二维码
toc_cta:
  desc: "覆盖人员管理各场景的现成模板\n可快速修改复用"
  buttonWidth: "60%"
  buttons:
    - text: "选择模板生码"
      url: "https://cli.im/template/category/24"
---

import { useState } from 'react';
import { IdCard, ShieldCheck, RefreshCw, Archive, ImageIcon } from 'lucide-react';

export const PreviewTabs = ({ defaultActiveKey, items }) => {
  const [activeKey, setActiveKey] = useState(defaultActiveKey);
  return (
    <div className="preview-tabs">
      <div className="preview-tabs__nav" role="tablist">
        {items.map((item) => (
          <button
            key={item.key}
            type="button"
            role="tab"
            aria-selected={item.key === activeKey}
            className={`preview-tabs__tab${item.key === activeKey ? ' is-active' : ''}`}
            onClick={() => setActiveKey(item.key)}
          >
            {item.label}
          </button>
        ))}
      </div>
      <div className="preview-tabs__content">
        {items.map((item) => (
          <div
            key={item.key}
            role="tabpanel"
            aria-hidden={item.key !== activeKey}
            style={{ display: item.key === activeKey ? 'flex' : 'none', flexDirection: 'column', justifyContent: 'center', minHeight: 380 }}
          >
            {item.children}
          </div>
        ))}
      </div>
    </div>
  );
};

export const previewRow = { display: 'flex', alignItems: 'stretch', gap: 4 };
export const previewCol = { flex: '1 1 0', minWidth: 0, display: 'flex', flexDirection: 'column' };
export const stepTitle = { fontSize: 16, fontWeight: 600, marginBottom: 6, textAlign: 'center', color: 'var(--ifm-color-emphasis-900)' };
export const stepNum = { marginRight: 8, fontWeight: 700, color: '#166bc7' };
export const stepDesc = { color: 'var(--ifm-color-emphasis-700)', fontSize: 13, marginBottom: 16, textAlign: 'center', whiteSpace: 'nowrap' };
export const imageWrap = { flex: 1, display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: 0 };
export const stepImg = { maxWidth: 220, maxHeight: 320, borderRadius: 4, display: 'block', margin: '0 auto' };
export const chevronStyle = { alignSelf: 'center', color: 'var(--ifm-color-emphasis-500)', flex: '0 0 auto', padding: '0 8px', display: 'flex', alignItems: 'center' };

export const Step = ({ num, title, desc, src, alt, imgStyle }) => (
  <div style={previewCol}>
    <div style={stepTitle}><span style={stepNum}>{num}</span>{title}</div>
    <div style={stepDesc}>{desc}</div>
    <div style={imageWrap}>
      <img src={src} alt={alt} style={{ ...stepImg, ...imgStyle }} />
    </div>
  </div>
);

export const ledgerWrap = { border: '1px solid var(--ifm-color-emphasis-200)', borderRadius: 8, overflow: 'hidden', background: 'var(--ifm-background-surface-color)' };
export const ledgerBar = { display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '12px 16px', borderBottom: '1px solid var(--ifm-color-emphasis-200)', fontSize: 14 };
export const ledgerTable = { width: '100%', borderCollapse: 'collapse', fontSize: 13 };
export const ledgerTh = { textAlign: 'left', padding: '10px 14px', color: 'var(--ifm-color-emphasis-700)', fontWeight: 600, background: 'var(--ifm-color-emphasis-100)', whiteSpace: 'nowrap', borderBottom: '1px solid var(--ifm-color-emphasis-200)' };
export const ledgerTd = { padding: '10px 14px', color: 'var(--ifm-color-emphasis-800)', borderBottom: '1px solid var(--ifm-color-emphasis-200)', whiteSpace: 'nowrap' };
export const avatarCircle = { display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: 26, height: 26, borderRadius: '50%', background: '#dde9f7', color: '#166bc7', fontSize: 12, fontWeight: 600, marginRight: 8, verticalAlign: 'middle' };
export const passBadge = { display: 'inline-block', padding: '2px 8px', background: '#e6f7ef', color: '#0e7c3a', borderRadius: 10, fontSize: 12, fontWeight: 500 };
export const photoCell = { display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: 28, height: 28, borderRadius: '50%', background: 'var(--ifm-color-emphasis-200)', color: 'var(--ifm-color-emphasis-600)' };
export const PEOPLE = [
  { no: 'SG-A01', code: 'M549-Z1', name: '张建国', role: '电工', team: '桩基班', date: '2023-11-22', idn: '330***********0013', phone: '138****0011', edu: '通过', n: 21 },
  { no: 'SG-A02', code: 'M549-Z2', name: '李伟', role: '焊工', team: '钢筋班', date: '2023-11-22', idn: '330***********0027', phone: '139****0022', edu: '通过', n: 21 },
  { no: 'SG-B05', code: 'M549-Z3', name: '王海', role: '叉车工', team: '模板班', date: '2022-03-10', idn: '340***********1539', phone: '137****0033', edu: '通过', n: 8 },
  { no: 'SG-B06', code: 'M549-Z4', name: '赵强', role: '架子工', team: '钢筋班', date: '2023-01-20', idn: '130***********0816', phone: '136****0044', edu: '通过', n: 19 },
  { no: 'SG-C03', code: 'M549-Z5', name: '陈明', role: '安全员', team: '桩基班', date: '2023-11-22', idn: '330***********0055', phone: '135****0055', edu: '通过', n: 24 },
  { no: 'SG-D02', code: 'M549-Z6', name: '刘伟', role: '普工', team: '模板班', date: '2022-12-01', idn: '510***********7012', phone: '134****0066', edu: '未通过', n: 22 },
  { no: 'SG-E01', code: 'M549-Z7', name: '孙磊', role: '信号工', team: '桩基班', date: '2023-05-09', idn: '370***********0077', phone: '133****0077', edu: '通过', n: 12 },
];
export const consoleWrap = { display: 'flex', border: '1px solid var(--ifm-color-emphasis-200)', borderRadius: 8, overflow: 'hidden', background: 'var(--ifm-background-surface-color)' };
export const treePanel = { flex: '0 0 132px', borderRight: '1px solid var(--ifm-color-emphasis-200)', padding: '12px 0', background: 'var(--ifm-color-emphasis-100)', fontSize: 13 };
export const treeTitle = { padding: '0 14px 8px', color: 'var(--ifm-color-emphasis-600)', fontSize: 12 };
export const treeItem = { padding: '8px 14px', color: 'var(--ifm-color-emphasis-800)' };
export const treeItemActive = { padding: '8px 14px', background: '#e8f1fb', color: '#166bc7', fontWeight: 600, borderRight: '2px solid #166bc7' };
export const consolePanel = { flex: 1, minWidth: 0, display: 'flex', flexDirection: 'column' };
export const consoleBar = { display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '12px 14px', borderBottom: '1px solid var(--ifm-color-emphasis-200)', fontSize: 14, gap: 12, flexWrap: 'wrap' };
export const consoleActions = { display: 'flex', alignItems: 'center', gap: 10, fontSize: 13 };
export const consoleBtn = { color: 'var(--ifm-color-primary)' };

export const cardFig = { margin: 0, display: 'flex', flexDirection: 'column', alignItems: 'center' };
export const cardImg = { width: '100%', borderRadius: 6, border: '1px solid var(--ifm-color-emphasis-200)', display: 'block', aspectRatio: '3 / 2', objectFit: 'cover' };
export const cardCap = { marginTop: 8, fontSize: 13, color: 'var(--ifm-color-emphasis-700)' };

export const Chev = () => (
  <div style={chevronStyle} aria-hidden="true">
    <svg width="18" height="32" viewBox="0 0 18 32" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M5 8 L13 16 L5 24" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
    </svg>
  </div>
);

export const caseGrid = { display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(300px, 1fr))', gap: 16, margin: '16px 0' };
export const caseCardStyle = { display: 'flex', flexDirection: 'column', padding: 20, border: '1px solid var(--ifm-color-emphasis-200)', borderRadius: 8, textDecoration: 'none', color: 'inherit', background: 'var(--ifm-background-surface-color)' };
export const chipStyle = { alignSelf: 'flex-start', padding: '2px 10px', background: '#eaf1f9', color: '#4a6da3', fontSize: 12, borderRadius: 10, lineHeight: 1.6 };
export const caseName = { fontWeight: 700, fontSize: 17, marginTop: 12 };
export const caseMeta = { color: 'var(--ifm-color-emphasis-700)', fontSize: 13, marginTop: 4, marginBottom: 12 };
export const caseBody = { lineHeight: 1.7, fontSize: 14, marginBottom: 12, flex: 1 };
export const caseLink = { color: 'var(--ifm-color-primary)', fontSize: 14, fontWeight: 500 };

export const CaseCard = ({ industry, name, meta, body, url }) => (
  <a href={url} target="_blank" rel="noopener noreferrer" className="cl-hover-card" style={caseCardStyle}>
    <span style={chipStyle}>{industry}</span>
    <div style={caseName}>{name}</div>
    <div style={caseMeta}>{meta}</div>
    <p style={caseBody}>{body}</p>
    <div style={caseLink}>查看完整案例 →</div>
  </a>
);

export const LinkCard = ({ title, body, linkText, url }) => (
  <a href={url} target="_blank" rel="noopener noreferrer" className="cl-hover-card" style={caseCardStyle}>
    <div style={{ ...caseName, marginTop: 0 }}>{title}</div>
    <p style={{ ...caseBody, marginTop: 10 }}>{body}</p>
    <div style={caseLink}>{linkText}</div>
  </a>
);

export const excelCard = { border: '1px solid #d0d7de', borderRadius: 6, overflow: 'hidden', background: '#fff' };
export const excelHeader = { display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '10px 14px', background: '#eaf3fb', borderBottom: '1px solid #d0d7de', fontSize: 13, color: '#111827' };
export const excelIcon = { display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: 18, height: 18, background: '#107c41', color: '#fff', fontSize: 11, fontWeight: 700, borderRadius: 2 };
export const excelTable = { width: '100%', borderCollapse: 'collapse', fontSize: 12, background: '#fff', tableLayout: 'auto' };
export const cornerCell = { width: 28, padding: 4, background: '#f3f5f8', border: '1px solid #d0d7de' };
export const letterCell = { padding: '4px 6px', background: '#f3f5f8', border: '1px solid #d0d7de', color: '#6b7280', fontWeight: 500, textAlign: 'center' };
export const rowNumCell = { padding: '4px 8px', background: '#f3f5f8', border: '1px solid #d0d7de', color: '#6b7280', textAlign: 'center', fontWeight: 500, whiteSpace: 'nowrap' };
export const headerCell = { padding: '8px 10px', background: '#dde9f7', border: '1px solid #d0d7de', color: '#166bc7', fontWeight: 600, textAlign: 'center', whiteSpace: 'nowrap' };
export const dataCell = { padding: '8px 10px', border: '1px solid #e5e7eb', color: '#374151', textAlign: 'center', whiteSpace: 'nowrap' };
export const resultOK = { display: 'inline-block', padding: '2px 8px', background: '#e6f7ef', color: '#0e7c3a', borderRadius: 3, fontSize: 11, fontWeight: 500 };
export const sheetTabsRow = { display: 'flex', gap: 2, padding: '6px 14px 0', background: '#f3f5f8', borderTop: '1px solid #d0d7de' };
export const sheetTab = { padding: '4px 14px', fontSize: 12, color: '#6b7280', borderRadius: '4px 4px 0 0' };
export const sheetTabActive = { background: '#fff', color: '#111827', border: '1px solid #d0d7de', borderBottom: '1px solid #fff', marginBottom: -1, fontWeight: 500 };
export const excelCaption = { textAlign: 'center', marginTop: 16, marginBottom: 0, color: 'var(--ifm-color-emphasis-700)', fontSize: 13 };

export const priceTable = { width: '100%', borderCollapse: 'collapse', fontSize: 14, margin: '16px 0', border: '1px solid var(--ifm-color-emphasis-100)', tableLayout: 'fixed' };
export const priceHeadNeed = { padding: '12px 14px', background: 'var(--ifm-color-emphasis-100)', color: 'var(--ifm-color-emphasis-900)', fontWeight: 600, textAlign: 'left' };
export const priceHeadFree = { padding: '12px 12px', background: '#eceef1', color: 'var(--ifm-color-emphasis-800)', fontWeight: 600, textAlign: 'center' };
export const priceHeadPaid = { padding: '12px 12px', background: '#e6f5ec', color: '#0e7c3a', fontWeight: 600, textAlign: 'center' };
export const priceCellFirst = { padding: '10px 14px', textAlign: 'left', borderBottom: '1px solid var(--ifm-color-emphasis-100)', color: 'var(--ifm-color-emphasis-900)', fontWeight: 500 };
export const priceCell = { padding: '10px 12px', textAlign: 'center', borderBottom: '1px solid var(--ifm-color-emphasis-100)', color: 'var(--ifm-color-emphasis-800)' };
export const ck = { color: '#16a06a', fontWeight: 700 };
export const dash = { color: 'var(--ifm-color-emphasis-400)' };

export const featureGrid = { display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(300px, 1fr))', gap: 16, margin: '16px 0' };
export const featureCardStyle = { padding: 24, border: '1px solid var(--ifm-color-emphasis-200)', borderRadius: 8, background: 'var(--ifm-background-surface-color)' };
export const featureTitleRow = { display: 'flex', alignItems: 'center', gap: 12, marginBottom: 10 };
export const featureIconWrap = { display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: 38, height: 38, borderRadius: 8, background: '#eaf3fb', color: '#166bc7', flex: '0 0 auto' };
export const featureTitle = { fontWeight: 700, fontSize: 17, color: 'var(--ifm-color-emphasis-900)' };
export const featureDesc = { color: 'var(--ifm-color-emphasis-700)', fontSize: 14, lineHeight: 1.7, margin: 0 };

export const FeatureCard = ({ icon, title, desc }) => (
  <div style={featureCardStyle}>
    <div style={featureTitleRow}>
      <span style={featureIconWrap}>{icon}</span>
      <span style={featureTitle}>{title}</span>
    </div>
    <p style={featureDesc}>{desc}</p>
  </div>
);

人员管理系统是一套基于"一人一码"的人员信息数字化管理方案。通过为每位人员生成专属二维码，并印在工牌、胸卡、安全帽等载体上，实现人员身份、资质证件、联系方式等信息的展示。它主要解决传统人员管理中纸质档案难查询、人员信息更新不及时、证件资料易丢失、现场核验不方便等问题。

该方案适用于**建筑施工、生产制造、消防救援、物业后勤**等需要管理人员身份、资质和在岗信息的场景，也可用于**企业员工工牌、临时访客准入**等轻量化管理需求。它更适合人员档案、资质展示和进场核验，不适用于需要薪酬绩效、劳动合同、复杂审批等深度人事管理功能的场景。

## 一、方案预览

<PreviewTabs
  defaultActiveKey="profile"
  items={[
    {
      key: 'profile',
      label: '扫码查档',
      forceRender: true,
      children: (
        <div style={previewRow}>
          <Step num="01" title="二维码标签" desc="印成安全帽贴 / 工牌 / 胸卡" src="https://gstatic.clewm.net/cl-cms/260622/041bed_wcmfwzj5.png" alt="人员二维码标签" imgStyle={{ maxWidth: 150 }} />
          <Chev />
          <Step num="02" title="扫码查看人员档案" desc="身份、工种、资质、安全教育一屏看全" src="https://gstatic.clewm.net/cl-cms/260622/041bed_ulp56sbu.png" alt="扫码后人员档案内容" />
        </div>
      ),
    },
    {
      key: 'registry',
      label: '人员台账',
      forceRender: true,
      children: (
        <div>
          <div style={consoleWrap}>
            <div style={treePanel}>
              <div style={treeTitle}>子码所在目录</div>
              <div style={treeItemActive}>全部人员</div>
              <div style={treeItem}>桩基班</div>
              <div style={treeItem}>钢筋班</div>
              <div style={treeItem}>模板班</div>
            </div>
            <div style={consolePanel}>
              <div style={consoleBar}>
                <span><strong>全部人员</strong> <span style={{ color: 'var(--ifm-color-emphasis-500)' }}>共 86 人</span></span>
                <span style={consoleActions}>
                  <span style={consoleBtn}>导出数据</span>
                  <span style={consoleBtn}>批量修改</span>
                </span>
              </div>
              <div style={{ overflowX: 'auto' }}>
                <table style={ledgerTable}>
                  <thead>
                    <tr>
                      <th style={ledgerTh}></th>
                      <th style={ledgerTh}>姓名</th>
                      <th style={ledgerTh}>子码编号</th>
                      <th style={ledgerTh}>工种</th>
                      <th style={ledgerTh}>班组</th>
                      <th style={ledgerTh}>进场日期</th>
                      <th style={ledgerTh}>身份证号</th>
                      <th style={ledgerTh}>联系电话</th>
                      <th style={ledgerTh}>安全教育</th>
                      <th style={ledgerTh}>最新动态</th>
                      <th style={ledgerTh}>照片</th>
                    </tr>
                  </thead>
                  <tbody>
                    {PEOPLE.map((r, i) => {
                      const edu = r.edu === '通过' ? { bg: '#e6f7ef', fg: '#0e7c3a' } : { bg: '#fde7e7', fg: '#c5343e' };
                      return (
                        <tr key={i}>
                          <td style={ledgerTd}><input type="checkbox" disabled /></td>
                          <td style={ledgerTd}>{r.name}</td>
                          <td style={ledgerTd}>{r.code}</td>
                          <td style={ledgerTd}>{r.role}</td>
                          <td style={ledgerTd}>{r.team}</td>
                          <td style={ledgerTd}>{r.date}</td>
                          <td style={ledgerTd}>{r.idn}</td>
                          <td style={ledgerTd}>{r.phone}</td>
                          <td style={ledgerTd}><span style={{ display: 'inline-block', padding: '2px 8px', borderRadius: 10, fontSize: 12, fontWeight: 500, background: edu.bg, color: edu.fg }}>{r.edu}</span></td>
                          <td style={ledgerTd}><span style={{ color: 'var(--ifm-color-primary)' }}>共 {r.n} 条</span></td>
                          <td style={ledgerTd}><span style={photoCell}><ImageIcon size={15} /></span></td>
                        </tr>
                      );
                    })}
                  </tbody>
                </table>
              </div>
            </div>
          </div>
          <p style={{ marginTop: 16, marginBottom: 0, color: 'var(--ifm-color-emphasis-700)', fontSize: 13, textAlign: 'center' }}>每位人员一人一档，后台可按班组目录浏览、筛选、批量管理。</p>
        </div>
      ),
    },
    {
      key: 'export',
      label: '信息导出',
      children: (
        <div>
          <div style={excelCard}>
            <div style={excelHeader}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
                <span style={excelIcon}>X</span>
                <span style={{ fontWeight: 500 }}>人员花名册-2025年9月.xlsx</span>
              </div>
              <span style={{ color: '#6b7280' }}>共 86 人</span>
            </div>
            <div style={{ overflowX: 'auto' }}>
              <table style={excelTable}>
                <thead>
                  <tr>
                    <th style={cornerCell}></th>
                    <th style={letterCell}>A</th>
                    <th style={letterCell}>B</th>
                    <th style={letterCell}>C</th>
                    <th style={letterCell}>D</th>
                    <th style={letterCell}>E</th>
                    <th style={letterCell}>F</th>
                    <th style={letterCell}>G</th>
                    <th style={letterCell}>H</th>
                    <th style={letterCell}>I</th>
                    <th style={letterCell}>J</th>
                  </tr>
                  <tr>
                    <td style={rowNumCell}>1</td>
                    <td style={headerCell}>工号</td>
                    <td style={headerCell}>姓名</td>
                    <td style={headerCell}>工种</td>
                    <td style={headerCell}>班组</td>
                    <td style={headerCell}>进场日期</td>
                    <td style={headerCell}>身份证号</td>
                    <td style={headerCell}>联系电话</td>
                    <td style={headerCell}>安全教育</td>
                    <td style={headerCell}>最新动态</td>
                    <td style={headerCell}>照片</td>
                  </tr>
                </thead>
                <tbody>
                  {PEOPLE.map((row, i) => {
                    const edu = row.edu === '通过' ? { bg: '#e6f7ef', fg: '#0e7c3a' } : { bg: '#fde7e7', fg: '#c5343e' };
                    return (
                      <tr key={i}>
                        <td style={rowNumCell}>{i + 2}</td>
                        <td style={dataCell}>{row.no}</td>
                        <td style={dataCell}>{row.name}</td>
                        <td style={dataCell}>{row.role}</td>
                        <td style={dataCell}>{row.team}</td>
                        <td style={dataCell}>{row.date}</td>
                        <td style={dataCell}>{row.idn}</td>
                        <td style={dataCell}>{row.phone}</td>
                        <td style={dataCell}><span style={{ display: 'inline-block', padding: '2px 8px', borderRadius: 3, fontSize: 11, fontWeight: 500, background: edu.bg, color: edu.fg }}>{row.edu}</span></td>
                        <td style={dataCell}>共 {row.n} 条</td>
                        <td style={dataCell}><span style={photoCell}><ImageIcon size={15} /></span></td>
                      </tr>
                    );
                  })}
                </tbody>
              </table>
            </div>
            <div style={sheetTabsRow}>
              <span style={{ ...sheetTab, ...sheetTabActive }}>人员花名册</span>
              <span style={sheetTab}>进场登记</span>
              <span style={sheetTab}>培训记录</span>
            </div>
          </div>
          <p style={excelCaption}>全员信息、进场记录、安全教育都可以按条件一键导出 Excel，便于存档、报送与现场核验。</p>
        </div>
      ),
    },
    {
      key: 'cards',
      label: '卡证样式',
      forceRender: true,
      children: (
        <div>
          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, minmax(0, 1fr))', gap: 12 }}>
            <figure style={cardFig}>
              <img src="https://gstatic.clewm.net/cl-cms/260622/041bed_usv2wrf9.jpg" alt="安全帽贴" style={cardImg} />
              <figcaption style={cardCap}>安全帽贴</figcaption>
            </figure>
            <figure style={cardFig}>
              <img src="https://gstatic.clewm.net/cl-cms/260622/041bed_qb2acu5z.png" alt="工作服胸卡" style={cardImg} />
              <figcaption style={cardCap}>工作服胸卡</figcaption>
            </figure>
            <figure style={cardFig}>
              <img src="https://gstatic.clewm.net/cl-cms/260622/041bed_3f2n86fh.jpg" alt="工牌" style={cardImg} />
              <figcaption style={cardCap}>工牌</figcaption>
            </figure>
          </div>
          <p style={{ marginTop: 16, marginBottom: 0, color: 'var(--ifm-color-emphasis-700)', fontSize: 13, textAlign: 'center' }}>同一份档案可印成安全帽贴、工作服胸卡或工牌，适配不同使用场景。</p>
        </div>
      ),
    },
  ]}
/>

## 二、核心功能

<div style={featureGrid}>
  <FeatureCard
    icon={<IdCard size={20} />}
    title="资料集中归档，可实时维护"
    desc="将人员基本信息、照片、岗位角色、资质证件、培训记录、联系方式等集中到个人档案中，后台统一管理。后续查找人员资料、更新证件信息、维护人员状态时，不用在纸质材料、Excel 表和聊天记录里来回翻找。"
  />
  <FeatureCard
    icon={<ShieldCheck size={20} />}
    title="扫码就能核查，现场更好管"
    desc="二维码可贴在工牌、胸卡、安全帽贴等载体上，管理人员现场扫码即可核验照片、姓名、岗位、资质证件，确认人证一致、资质达标，减少无资质上岗、冒用卡证等风险。"
  />
  <FeatureCard
    icon={<RefreshCw size={20} />}
    title="信息更新卡证不用重做"
    desc="人员换岗、证件更新、联系方式变更后，只需在线修改，扫码查看内容即同步更新；人员离场后二维码可停用，工牌、胸卡、安全帽贴等载体也可回收复用。"
  />
  <FeatureCard
    icon={<Archive size={20} />}
    title="档案长期留存，后续查用方便"
    desc="人员信息、证件资料和相关附件可长期保存在后台，人员离场或项目结束后仍可按需查询、筛选和导出，方便后续交接、复查、客户核验或内部留档。"
  />
</div>

## 三、如何用草料实现人员管理

### 1. 整理人员信息，批量生成二维码

草料模板库的[人员管理分类](https://cli.im/template/category/24)中包含人员安全帽贴、员工工牌、工作服胸卡等模板，已预先配置基础字段。套用模板后，根据单位实际情况简单调整即可使用，不需要从零搭建。

如果已有人员花名册 Excel，可直接批量导入；如果暂时没有名单，也可以让人员扫码自主填写信息、上传证件照片（[空码模式介绍](https://cli.im/help/empty-qr-code/empty-qr-code-guide)）。

### 2. 印制成卡证或标签

根据使用场景选择合适的二维码载体，例如不干胶贴、亚克力工牌、胸卡等。不同使用环境对标签材质、防水耐磨程度、粘贴方式要求不同，打印贴码前可参考[二维码标签印刷指南](https://cli.im/help/operation-tutorials/printing-service-material)，也可以选择[草料代印刷服务](https://cli.im/help/label-printing-guide/qr-code-printing)。

### 3. 扫码查看人员信息，随时更新资料

现场扫码即可查看人员身份、岗位工种、资质证件、安全教育、联系方式等信息。安全检查、进场核验或现场管理时，不用翻找纸质档案，也不必随身携带证件原件，扫码即可快速确认人员信息和资质情况。

当人员信息变更、岗位调整或证件更新时，只需在后台修改内容，下次扫码看到的就是最新信息，不需要重新制卡。人员离场后，二维码可[停用](https://cli.im/help/operation-tutorials/disable-and-enable-qr-code)，扫码不再展示信息，安全帽贴、工牌等载体也可回收复用。

### 4. 不只展示信息，还能追加管理记录

在人员档案基础上，可以为每个人的二维码关联记录表单。比如出现违纪时，班组长扫码登记违规情况；完成培训后，管理员补充培训记录。这些记录都会自动关联到对应人员名下，随个人档案一起留存，后续查询、导出时更方便。

培训签到、线上考试、考勤打卡等"多人参与同一事项"的场景，通常建议单独制作统一二维码，让所有人员扫码提交记录，与个人档案分开管理（[查看相关模板](https://cli.im/template/category/24)）。

### 5. 人员信息汇总与导出

后台可按班组、工种、资质类型、实名状态等条件筛选人员，并一键导出 Excel 花名册，用于内部存档、报送、甲方核查或安全检查留痕。也可以通过开放 [API](https://cli.im/help/integration-and-connection/data-api/api-data-api-feature) 与现有 HR、OA、企业微信、钉钉等系统对接，让人员档案与现有系统并行使用。

## 四、真实用户案例

<div style={caseGrid}>
  <CaseCard
    industry="建筑施工"
    name="中建三局"
    meta="全国知名建筑工程总承包企业"
    body="借助二维码管理施工现场的人员、设备、物资，施工人员资质信息一码可查，安全检查时扫码即可核实身份与资质，现场管理更透明、更高效。"
    url="https://cli.im/customers/construction/site-management"
  />
  <CaseCard
    industry="生产制造"
    name="黄河鑫业"
    meta="大型电解铝企业 · 班组透明化管理"
    body="电解分厂综合三班把人员、设备、培训都搬上二维码，每个员工的技能等级、培训情况扫码可查，隐患排查支持图文上报，实现了班组管理的透明化和精益化。"
    url="https://cli.im/customers/manufacturing/huanghe-team-transparent-management"
  />
  <CaseCard
    industry="物业管理"
    name="大悦城控股中粮物业"
    meta="全国 30+ 城市 · 多业态项目"
    body="各项目部用草料二维码按需组合功能模块，覆盖人员管理、设备巡检、安保巡更等多场景，整体采购成本仅是专业系统的零头，实现总部-城市-项目三级管控。"
    url="https://cli.im/customers/property-management/management-system-qr-code"
  />
</div>

## 五、搭建与落地

<div style={caseGrid}>
  <LinkCard
    title="搭建教程"
    body="从套用模板、批量生码到配置字段与卡面，逐步图文操作指南，按教程走就能做出一套人员信息卡。"
    linkText="查看教程 →"
    url="https://cli.im/help/tutorials/qr-code-tutorial"
  />
  <LinkCard
    title="二维码标签印刷"
    body="安全帽贴、工牌、工作服胸卡等不同载体下的标签材质选择、印刷方式与张贴指南。"
    linkText="查看指南 →"
    url="https://cli.im/help/label-printing-guide/qr-code-label-printing"
  />
</div>

## 六、常见问题

**Q：免费版可以做到什么程度，什么时候需要付费？**

免费版可以完整跑通人员管理的基础流程，包括批量生码、扫码建档、扫码查档、Excel 导入导出等；二维码数量、扫码次数、人员数量都不限。如果需要去除草料水印、长期高清展示证件照片、使用品牌专属小程序，或通过 API 与现有系统对接，可以再按需升级付费版。

<div style={{ overflowX: 'auto' }}>
  <table style={priceTable}>
    <colgroup>
      <col style={{ width: '40%' }} />
      <col style={{ width: '20%' }} />
      <col style={{ width: '20%' }} />
      <col style={{ width: '20%' }} />
    </colgroup>
    <thead>
      <tr>
        <th style={priceHeadNeed}>需求项</th>
        <th style={priceHeadFree}>免费版</th>
        <th style={priceHeadPaid}>高级版</th>
        <th style={priceHeadPaid}>旗舰版</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td style={priceCellFirst}>二维码个数、扫码次数</td>
        <td style={priceCell}>不限</td>
        <td style={priceCell}>不限</td>
        <td style={priceCell}>不限</td>
      </tr>
      <tr>
        <td style={priceCellFirst}>数据存储期限</td>
        <td style={priceCell}>长期</td>
        <td style={priceCell}>长期</td>
        <td style={priceCell}>长期</td>
      </tr>
      <tr>
        <td style={priceCellFirst}>数据导出期限</td>
        <td style={priceCell}>近 180 天</td>
        <td style={priceCell}>近 180 天</td>
        <td style={priceCell}>不限时间范围</td>
      </tr>
      <tr>
        <td style={priceCellFirst}>去除草料水印</td>
        <td style={priceCell}><span style={dash}>—</span></td>
        <td style={priceCell}><span style={ck}>✓</span></td>
        <td style={priceCell}><span style={ck}>✓</span></td>
      </tr>
      <tr>
        <td style={priceCellFirst}>证件照片高清展示</td>
        <td style={priceCell}><span style={dash}>—</span></td>
        <td style={priceCell}><span style={ck}>✓</span></td>
        <td style={priceCell}><span style={ck}>✓</span></td>
      </tr>
      <tr>
        <td style={priceCellFirst}>图文资料一键打包导出</td>
        <td style={priceCell}><span style={dash}>—</span></td>
        <td style={priceCell}><span style={dash}>—</span></td>
        <td style={priceCell}><span style={ck}>✓</span></td>
      </tr>
      <tr>
        <td style={priceCellFirst}>多部门分工管理</td>
        <td style={priceCell}><span style={dash}>—</span></td>
        <td style={priceCell}>2 个高级成员，分区不限</td>
        <td style={priceCell}>20 个高级成员，分区不限</td>
      </tr>
      <tr>
        <td style={priceCellFirst}>价格</td>
        <td style={priceCell}><strong>免费</strong></td>
        <td style={priceCell}>1280 元/年</td>
        <td style={priceCell}>2680 元/年</td>
      </tr>
    </tbody>
  </table>
</div>

详细版本对比及选购建议可查看[价格方案页](https://cli.im/price)。

**Q：人员离职、换岗或证件更新了怎么办？**

人员信息、岗位、证件资料发生变化时，可以直接在后台修改，扫码查看的内容会同步更新，不需要重新制卡。人员离场后，也可以停用对应二维码，扫码后不再展示信息，历史档案仍可在后台留存查询（[码版本追溯快照功能](https://cli.im/help/purchase-guide/paid-features/version-snapshot)）。

**Q：安全帽贴、工牌在户外使用会不会磨损扫不出？**

可以根据现场环境选择不同材质，例如 PVC、铝牌、覆膜不干胶等，适配户外、潮湿、油污、频繁摩擦等使用场景。如果二维码标签损坏，也可以重新打印补贴，原有人员档案不会丢失。具体可参考[二维码标签印刷落地指南](https://cli.im/help/label-printing-guide/qr-code-label-printing)。

**Q：如何用二维码应对现场检查？**

现场检查通常会看**人员身份是否清楚、资质证件和培训记录是否齐全、现场人员与档案是否对应**。

可将人员基本信息、照片、资质证件、安全教育记录、进场承诺等信息集中展示在二维码中。迎检时既可以直接现场扫码核验人员信息，也可以在后台快速查询和导出资料。

**Q：已经在用 HR、OA 或企业微信，还能对接吗？**

可以。草料支持通过开放 [API](https://cli.im/help/integration-and-connection/data-api/api-data-api-feature) 与 HR、OA、企业微信、钉钉等系统对接，也可以通过 Excel 导入导出与现有系统并行使用。草料不替代完整 HR 系统，更适合补充“现场扫码查档、身份核验、资质展示”这类线下管理环节。

**Q：能先免费试用吗？**

可以。免费版不限人员数量、不限扫码次数，建议先用一个班组、一支施工队或一个部门试跑，确认扫码核验、信息更新、批量制卡等流程可用后，再根据展示、品牌和对接需求决定是否升级。

## 开始搭建

<div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, minmax(0, 1fr))', gap: 16, margin: '16px 0' }}>
  <LinkCard
    title="劳务人员实名信息"
    body="一人一码建立人员信息档案，扫码可看，适合施工、外包人员实名。"
    linkText="使用模板 →"
    url="https://cli.im/template/detail/38714984"
  />
  <LinkCard
    title="人员安全帽贴"
    body="安全帽贴一人一码，扫码核验施工人员身份与作业资质。"
    linkText="使用模板 →"
    url="https://cli.im/template/detail/121462978"
  />
  <LinkCard
    title="人员工作证"
    body="扫码查看持证人资质、所属单位与联系方式，核验更方便。"
    linkText="使用模板 →"
    url="https://cli.im/template/detail/19261942"
  />
</div>

<a href="https://cli.im/template/category/24" target="_blank" rel="noopener noreferrer" className="cl-btn-outline" style={{ display: 'block', width: 'calc((100% - 32px) / 3)', boxSizing: 'border-box', marginTop: 8 }}>查看全部模板</a>