<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description"
              content="珠海鼎尚科技发展有限公司工业设备数据与智能化应用模板，展示设备监测、生产看板、数据采集、告警记录与维护工单。">
        <title>珠海鼎尚科技发展有限公司｜工业设备数据监测与维护协作</title>
        <style>
            :root {
                --steel: #263e52;
                --steel-deep: #172b3b;
                --cyan: #35b8bc;
                --orange: #e48a37;
                --ink: #20303c;
                --muted: #667785;
                --line: #d7e3e8;
                --paper: #f3f7f8;
                --card: #ffffff;
                --mist: #e7f1f2;
                --shadow: 0 20px 48px rgb(38 62 82 / .12);
            }

            * {
                box-sizing: border-box;
            }

            html {
                scroll-behavior: smooth;
            }

            body {
                margin: 0;
                color: var(--ink);
                background: var(--paper);
                font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
                line-height: 1.75;
            }

            a {
                color: inherit;
                text-decoration: none;
            }

            a:focus-visible {
                outline: 3px solid var(--orange);
                outline-offset: 4px;
            }

            .site-header {
                position: sticky;
                top: 0;
                z-index: 10;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 28px;
                padding: 18px clamp(20px, 5vw, 76px);
                background: rgb(243 247 248 / .92);
                border-bottom: 1px solid rgb(215 227 232 / .85);
                backdrop-filter: blur(14px);
            }

            .brand {
                display: inline-flex;
                align-items: baseline;
                gap: 10px;
                color: var(--steel);
                font-weight: 800;
                letter-spacing: .04em;
            }

            .brand span {
                color: var(--cyan);
                font-size: 11px;
                letter-spacing: .16em;
            }

            nav {
                display: flex;
                flex-wrap: wrap;
                gap: 18px;
                color: #536875;
                font-size: 14px;
            }

            nav a {
                padding: 6px 0;
                border-bottom: 2px solid transparent;
            }

            nav a:hover {
                color: var(--steel);
                border-color: var(--cyan);
            }

            main {
                overflow: hidden;
            }

            .hero {
                display: grid;
                grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
                gap: clamp(32px, 6vw, 88px);
                align-items: center;
                max-width: 1280px;
                min-height: 650px;
                margin: 0 auto;
                padding: 88px clamp(20px, 5vw, 76px) 92px;
            }

            .eyebrow {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                color: var(--cyan);
                font-size: 13px;
                font-weight: 800;
                letter-spacing: .14em;
            }

            .eyebrow::before {
                content: "";
                width: 32px;
                height: 2px;
                background: var(--orange);
            }

            h1,
            h2,
            h3,
            p {
                margin-top: 0;
            }

            h1 {
                max-width: 690px;
                margin-bottom: 24px;
                color: var(--steel-deep);
                font-size: clamp(40px, 6vw, 70px);
                line-height: 1.08;
                letter-spacing: -.045em;
            }

            .intro-lead {
                max-width: 640px;
                margin-bottom: 28px;
                color: #4d6370;
                font-size: clamp(17px, 2vw, 20px);
            }

            .intro-note {
                max-width: 620px;
                margin-bottom: 34px;
                color: var(--muted);
                font-size: 14px;
            }

            .actions {
                display: flex;
                flex-wrap: wrap;
                gap: 14px;
            }

            .action {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 46px;
                padding: 0 20px;
                border: 1px solid var(--steel);
                border-radius: 6px;
                color: #fff;
                background: var(--steel);
                font-weight: 700;
                transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
            }

            .action:hover {
                transform: translateY(-3px);
                box-shadow: 0 10px 20px rgb(38 62 82 / .18);
                background: var(--steel-deep);
            }

            .action.alt {
                color: var(--steel);
                background: transparent;
                border-color: #a9c1c9;
            }

            .action.alt:hover {
                background: #fff;
            }

            .data-visual {
                position: relative;
                min-height: 420px;
                aspect-ratio: 4 / 3;
                overflow: hidden;
                border: 1px solid rgb(255 255 255 / .8);
                border-radius: 24px;
                background: linear-gradient(145deg, #d9eef0 0%, #f8fbfb 55%, #cbdde3 100%);
                box-shadow: var(--shadow);
                isolation: isolate;
            }

            .data-visual::before {
                content: "";
                position: absolute;
                width: 170px;
                height: 170px;
                top: 8%;
                right: -5%;
                border-radius: 50%;
                background: radial-gradient(circle, rgb(53 184 188 / .46), rgb(53 184 188 / 0) 70%);
            }

            .data-visual::after {
                content: "";
                position: absolute;
                left: 7%;
                bottom: 10%;
                width: 48%;
                height: 18%;
                border-top: 1px solid rgb(38 62 82 / .24);
                border-bottom: 1px solid rgb(38 62 82 / .16);
                transform: skewX(-28deg);
                opacity: .72;
            }

            .machine-shell {
                position: absolute;
                inset: 13% 13% 15% 12%;
                border-radius: 18px;
                background: linear-gradient(135deg, #e7f1f2 0%, #a9c3ca 46%, #718b96 100%);
                box-shadow: 16px 20px 0 rgb(38 62 82 / .13), 0 28px 44px rgb(38 62 82 / .26);
                transform: rotate(-4deg);
                clip-path: polygon(7% 0, 94% 5%, 100% 87%, 84% 100%, 4% 91%, 0 14%);
            }

            .machine-shell::before {
                content: "";
                position: absolute;
                inset: 8% 7% 15% 9%;
                border: 1px solid rgb(255 255 255 / .7);
                border-radius: 12px;
                background: linear-gradient(155deg, rgb(255 255 255 / .72), rgb(255 255 255 / .08));
                clip-path: polygon(4% 0, 100% 8%, 95% 92%, 0 100%);
            }

            .machine-shell::after {
                content: "";
                position: absolute;
                width: 24%;
                height: 8%;
                right: 13%;
                bottom: 8%;
                border-radius: 5px;
                background: linear-gradient(90deg, var(--orange), #f2bb67);
                box-shadow: 0 0 0 5px rgb(228 138 55 / .16);
                transform: skewX(-18deg);
            }

            .screen {
                position: absolute;
                z-index: 2;
                top: 19%;
                left: 17%;
                width: 62%;
                height: 50%;
                padding: 18px;
                border: 1px solid rgb(255 255 255 / .75);
                border-radius: 10px;
                background: linear-gradient(155deg, #1e3b4e, #274f5f 55%, #142b3a);
                box-shadow: inset 0 0 0 5px rgb(255 255 255 / .08), 0 13px 20px rgb(23 43 59 / .25);
                transform: skewY(3deg);
            }

            .screen-title {
                color: #c8f8f4;
                font-size: 12px;
                letter-spacing: .08em;
            }

            .screen-grid {
                display: flex;
                align-items: end;
                gap: 8px;
                height: 62%;
                margin-top: 15px;
                padding: 8px 10px;
                border-bottom: 1px solid rgb(200 248 244 / .45);
            }

            .screen-grid i {
                display: block;
                flex: 1;
                min-width: 8px;
                border-radius: 4px 4px 0 0;
                background: linear-gradient(180deg, var(--cyan), #26788a);
            }

            .screen-grid i:nth-child(1) {
                height: 42%;
            }

            .screen-grid i:nth-child(2) {
                height: 76%;
            }

            .screen-grid i:nth-child(3) {
                height: 58%;
            }

            .screen-grid i:nth-child(4) {
                height: 90%;
            }

            .screen-grid i:nth-child(5) {
                height: 64%;
            }

            .sensor {
                position: absolute;
                z-index: 3;
                width: 18px;
                height: 18px;
                border: 4px solid #d9fbf8;
                border-radius: 50%;
                background: var(--cyan);
                box-shadow: 0 0 0 7px rgb(53 184 188 / .22), 0 0 24px rgb(53 184 188 / .55);
            }

            .sensor::after {
                content: "";
                position: absolute;
                width: 92px;
                height: 1px;
                left: 12px;
                top: 4px;
                background: linear-gradient(90deg, var(--cyan), transparent);
                transform-origin: left center;
                transform: rotate(-20deg);
            }

            .sensor-one {
                top: 18%;
                right: 12%;
                transform: translate(7px, -3px);
            }

            .sensor-two {
                bottom: 23%;
                left: 10%;
                transform: translate(-4px, 6px);
            }

            .sensor-two::after {
                left: 10px;
                top: 8px;
                transform: rotate(25deg);
            }

            .signal {
                position: absolute;
                z-index: 4;
                display: inline-flex;
                align-items: center;
                gap: 7px;
                padding: 7px 12px;
                border-radius: 4px;
                color: #fff;
                font-size: 12px;
                font-weight: 700;
                box-shadow: 0 10px 18px rgb(38 62 82 / .18);
            }

            .signal::before {
                content: "";
                width: 7px;
                height: 7px;
                border-radius: 50%;
                background: currentColor;
                box-shadow: 0 0 0 4px rgb(255 255 255 / .18);
            }

            .signal-a {
                right: 7%;
                top: 42%;
                color: #d9ffff;
                background: var(--steel);
                transform: rotate(5deg);
            }

            .signal-b {
                left: 7%;
                bottom: 12%;
                color: #fff1dd;
                background: var(--orange);
                transform: rotate(-6deg);
            }

            .signal-c {
                right: 20%;
                bottom: 9%;
                color: #d9ffff;
                background: #287f87;
                transform: rotate(3deg);
            }

            .section {
                max-width: 1280px;
                margin: 0 auto;
                padding: 92px clamp(20px, 5vw, 76px);
            }

            .section-head {
                display: flex;
                align-items: end;
                justify-content: space-between;
                gap: 24px;
                margin-bottom: 38px;
            }

            .section-kicker {
                margin-bottom: 9px;
                color: var(--orange);
                font-size: 13px;
                font-weight: 800;
                letter-spacing: .13em;
            }

            h2 {
                margin-bottom: 0;
                color: var(--steel-deep);
                font-size: clamp(28px, 4vw, 44px);
                line-height: 1.2;
                letter-spacing: -.03em;
            }

            .section-head p {
                max-width: 460px;
                margin-bottom: 0;
                color: var(--muted);
            }

            .cap-grid {
                display: grid;
                grid-template-columns: repeat(5, minmax(0, 1fr));
                gap: 14px;
            }

            .cap-card {
                min-height: 250px;
                padding: 24px 20px;
                border: 1px solid var(--line);
                border-radius: 12px;
                background: var(--card);
                box-shadow: 0 12px 30px rgb(38 62 82 / .06);
                transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
            }

            .cap-card:hover {
                transform: translateY(-6px);
                border-color: var(--cyan);
                box-shadow: 0 18px 36px rgb(38 62 82 / .12);
            }

            .cap-index {
                display: block;
                margin-bottom: 30px;
                color: var(--cyan);
                font-size: 25px;
                font-variant-numeric: tabular-nums;
                font-weight: 800;
            }

            h3 {
                margin-bottom: 10px;
                color: var(--steel);
                font-size: 21px;
                line-height: 1.3;
            }

            .cap-card p,
            .path-card p {
                margin-bottom: 0;
                color: var(--muted);
                font-size: 14px;
            }

            .paths {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 18px;
            }

            .path-card {
                position: relative;
                min-height: 228px;
                padding: 32px;
                border-radius: 16px;
                background: var(--mist);
                overflow: hidden;
            }

            .path-card::after {
                content: "";
                position: absolute;
                right: -20px;
                bottom: -28px;
                width: 150px;
                height: 150px;
                border: 18px solid rgb(53 184 188 / .25);
                border-radius: 50%;
            }

            .path-label {
                display: inline-block;
                margin-bottom: 22px;
                padding: 5px 10px;
                border-radius: 999px;
                color: var(--steel);
                background: #c9e7e8;
                font-size: 12px;
                font-weight: 800;
            }

            .flow-band {
                position: relative;
                padding: 82px clamp(20px, 5vw, 76px);
                color: #e8f7f7;
                background: var(--steel-deep);
                overflow: hidden;
            }

            .flow-band::before {
                content: "";
                position: absolute;
                top: -130px;
                right: -70px;
                width: 360px;
                height: 360px;
                border: 1px solid rgb(53 184 188 / .35);
                border-radius: 50%;
                box-shadow: 0 0 0 24px rgb(53 184 188 / .08), 0 0 0 48px rgb(53 184 188 / .05);
            }

            .flow-inner {
                position: relative;
                max-width: 1128px;
                margin: 0 auto;
            }

            .flow-band .section-kicker {
                color: #f2b067;
            }

            .flow-band h2 {
                color: #fff;
            }

            .flow-intro {
                max-width: 670px;
                margin: 16px 0 42px;
                color: #adc4cb;
            }

            .flow-list {
                display: grid;
                grid-template-columns: repeat(5, minmax(0, 1fr));
                gap: 16px;
                padding: 0;
                margin: 0;
                list-style: none;
            }

            .flow-step {
                position: relative;
                min-height: 150px;
                padding: 20px 18px;
                border-top: 2px solid var(--cyan);
                background: rgb(255 255 255 / .06);
            }

            .flow-step:not(:last-child)::after {
                content: "";
                position: absolute;
                top: 16px;
                right: -16px;
                width: 32px;
                height: 2px;
                background: var(--orange);
            }

            .flow-number {
                display: block;
                margin-bottom: 22px;
                color: var(--cyan);
                font-size: 28px;
                font-weight: 800;
                font-variant-numeric: tabular-nums;
            }

            .flow-step strong {
                display: block;
                margin-bottom: 5px;
                color: #fff;
                font-size: 18px;
            }

            .flow-step span {
                color: #adc4cb;
                font-size: 13px;
            }

            .matrix-wrap {
                overflow: hidden;
                border: 1px solid var(--line);
                border-radius: 12px;
                background: #fff;
            }

            table {
                width: 100%;
                border-collapse: collapse;
            }

            th,
            td {
                padding: 18px 20px;
                border-bottom: 1px solid var(--line);
                text-align: left;
                vertical-align: top;
            }

            th {
                color: var(--steel);
                background: #e9f3f4;
                font-size: 14px;
            }

            td {
                color: var(--muted);
                font-size: 14px;
            }

            tr:last-child td {
                border-bottom: 0;
            }

            td strong {
                color: var(--steel);
            }

            .scene-layout {
                display: grid;
                grid-template-columns: .75fr 1.25fr;
                gap: 48px;
                align-items: start;
            }

            .scene-intro {
                color: var(--muted);
            }

            .scene-list {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 12px;
                margin: 0;
                padding: 0;
                list-style: none;
            }

            .scene-list li {
                position: relative;
                padding: 17px 18px 17px 48px;
                border: 1px solid var(--line);
                border-radius: 9px;
                background: #fff;
                color: var(--steel);
                font-weight: 700;
            }

            .scene-list li::before {
                content: "";
                position: absolute;
                left: 18px;
                top: 22px;
                width: 14px;
                height: 14px;
                border-radius: 3px;
                background: var(--cyan);
                box-shadow: 5px 5px 0 rgb(228 138 55 / .35);
                transform: rotate(45deg);
            }

            .about-band {
                max-width: 1280px;
                margin: 0 auto;
                padding: 0 clamp(20px, 5vw, 76px) 92px;
            }

            .about-card {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 34px;
                padding: 36px;
                border-radius: 16px;
                background: #dbecee;
            }

            .about-card p {
                margin-bottom: 0;
                color: #4e6872;
            }

            footer {
                padding: 44px clamp(20px, 5vw, 76px);
                color: #c0d1d6;
                background: #122632;
            }

            .footer-inner {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                gap: 26px;
                max-width: 1128px;
                margin: 0 auto;
            }

            .footer-brand {
                color: #fff;
                font-size: 18px;
                font-weight: 800;
            }

            .footer-meta {
                color: #9db4bd;
                font-size: 13px;
            }

            .footer-meta a {
                color: #c7efed;
            }

            @media (max-width: 980px) {
                .cap-grid {
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                }

                .scene-layout {
                    grid-template-columns: 1fr;
                }

                .flow-list {
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                }

                .flow-step:not(:last-child)::after {
                    display: none;
                }
            }

            @media (max-width: 740px) {
                .site-header {
                    position: static;
                    align-items: flex-start;
                    flex-direction: column;
                    gap: 12px;
                }

                nav {
                    gap: 12px;
                }

                .hero {
                    grid-template-columns: 1fr;
                    min-height: 0;
                    padding-top: 60px;
                }

                h1 {
                    font-size: clamp(38px, 13vw, 58px);
                }

                .data-visual {
                    min-height: 300px;
                }

                .cap-grid,
                .paths,
                .flow-list,
                .scene-list {
                    grid-template-columns: 1fr;
                }

                .section-head {
                    align-items: flex-start;
                    flex-direction: column;
                }

                .flow-step {
                    min-height: 0;
                }

                .matrix-wrap {
                    border: 0;
                    background: transparent;
                    overflow: visible;
                }

                table,
                thead,
                tbody,
                tr,
                th,
                td {
                    display: block;
                    width: 100%;
                }

                thead {
                    position: absolute;
                    width: 1px;
                    height: 1px;
                    overflow: hidden;
                    clip: rect(0 0 0 0);
                }

                tr {
                    margin-bottom: 12px;
                    border: 1px solid var(--line);
                    border-radius: 10px;
                    background: #fff;
                    overflow: hidden;
                }

                td {
                    display: flex;
                    justify-content: space-between;
                    gap: 16px;
                    padding: 13px 16px;
                    border-bottom: 1px solid var(--line);
                }

                td::before {
                    content: attr(data-label);
                    flex: 0 0 34%;
                    color: var(--steel);
                    font-weight: 700;
                }

                td:last-child {
                    border-bottom: 0;
                }

                .about-card {
                    grid-template-columns: 1fr;
                    padding: 26px;
                }
            }
        </style>
    </head>
    <body>
        <header class="site-header">
            <a class="brand" href="#top">鼎尚科技 <span>INDUSTRIAL DATA</span></a>
            <nav aria-label="页面导航">
                <a href="#capabilities">数据能力</a>
                <a href="#paths">岗位路径</a>
                <a href="#process">上线流程</a>
                <a href="#scenes">适用场景</a>
            </nav>
        </header>
        <main id="top">
            <section class="hero" id="overview">
                <div class="intro-copy">
                    <div class="eyebrow">珠海鼎尚科技发展有限公司</div>
                    <h1>工业设备数据监测与维护协作</h1>
                    <p class="intro-lead">把设备运行状态、生产节拍与保养任务放到同一条清晰路径里，让工厂管理人员、生产主管和维修岗位都能快速找到下一步动作。</p>
                    <p class="intro-note">围绕设备监测、生产看板、数据采集、告警记录和维护工单组织信息，页面中的 fujian-chem.cn 可作为企业官网模板的展示入口。</p>
                    <div class="actions">
                        <a class="action" href="#capabilities">查看设备数据能力</a>
                        <a class="action alt" href="#process">了解上线流程</a>
                    </div>
                </div>
                <div class="data-visual" aria-label="设备数据舱示意图">
                    <div class="machine-shell">
                        <div class="screen">
                            <div class="screen-title">设备运行看板</div>
                            <div class="screen-grid">
                                <i></i><i></i><i></i><i></i><i></i>
                            </div>
                        </div>
                    </div>
                    <span class="sensor sensor-one" aria-hidden="true"></span>
                    <span class="sensor sensor-two" aria-hidden="true"></span>
                    <span class="signal signal-a">采集</span>
                    <span class="signal signal-b">告警</span>
                    <span class="signal signal-c">工单</span>
                </div>
            </section>
            <section class="section" id="capabilities">
                <div class="section-head">
                    <div>
                        <div class="section-kicker">DATA CAPABILITIES</div>
                        <h2>设备数据能力卡片</h2>
                    </div>
                    <p>先把现场需要看的信息分成可操作的单元，再连接到岗位动作，减少在多个表格和群组之间来回寻找。</p>
                </div>
                <div class="cap-grid">
                    <article class="cap-card"><span class="cap-index">01</span>
                        <h3>设备监测</h3>
                        <p>按设备、产线或工位查看运行状态，记录开停、待机和维护中的状态变化，便于班次交接时快速说明现场情况。</p>
                    </article>
                    <article class="cap-card"><span class="cap-index">02</span>
                        <h3>生产看板</h3>
                        <p>把生产任务、节拍与当前工序放在同一看板，生产主管可以按时间段查看需要关注的工位与待处理事项。</p>
                    </article>
                    <article class="cap-card"><span class="cap-index">03</span>
                        <h3>数据采集</h3>
                        <p>将传感器读数、设备计数和人工点检结果整理成统一字段，为后续的状态判断与历史追溯保留清楚来源。</p>
                    </article>
                    <article class="cap-card"><span class="cap-index">04</span>
                        <h3>告警记录</h3>
                        <p>异常出现时留下发生时间、设备位置和处理备注，维修人员可按优先级筛选待确认告警，避免遗漏重复问题。</p>
                    </article>
                    <article class="cap-card"><span class="cap-index">05</span>
                        <h3>维护工单</h3>
                        <p>将保养计划、维修步骤和完成记录串起来，支持把负责人、所需物料与复核动作写在同一张工单中。</p>
                    </article>
                </div>
            </section>
            <section class="section" id="paths">
                <div class="section-head">
                    <div>
                        <div class="section-kicker">ROLE PATHS</div>
                        <h2>生产、设备与维修岗位使用路径</h2>
                    </div>
                    <p>同一份现场信息按岗位拆开，入口更短，动作更明确，也方便在交接和例行保养时留下可读记录。</p>
                </div>
                <div class="paths">
                    <article class="path-card"><span class="path-label">生产主管</span>
                        <h3>先看节拍，再定位工位</h3>
                        <p>从生产看板查看当班任务和异常提示，再进入对应设备的状态卡，确认是否需要调整排程或通知维修岗位。</p>
                    </article>
                    <article class="path-card"><span class="path-label">设备管理人员</span>
                        <h3>先看状态，再整理采集项</h3>
                        <p>按设备建立运行字段和点检项，检查采集值是否完整，把需要持续观察的指标放进日常巡检清单。</p>
                    </article>
                    <article class="path-card"><span class="path-label">维修岗位</span>
                        <h3>先看告警，再关闭工单</h3>
                        <p>从告警记录进入设备详情，补充原因、处理步骤和复核结果，完成后将维护工单状态更新为可追踪的记录。</p>
                    </article>
                </div>
            </section>
            <section class="flow-band" id="process">
                <div class="flow-inner">
                    <div class="section-kicker">ONBOARDING FLOW</div>
                    <h2>工业设备上线流程</h2>
                    <p class="flow-intro">把数据接入、字段整理和岗位试用分成连续步骤，每一步都对应现场能检查的产物，便于从一台设备逐步扩展到更多工位。</p>
                    <ol class="flow-list">
                        <li class="flow-step"><span class="flow-number">01</span><strong>接入</strong><span>确认设备、工位和记录来源</span></li>
                        <li class="flow-step"><span class="flow-number">02</span><strong>采集</strong><span>整理状态、计数与告警字段</span></li>
                        <li class="flow-step"><span class="flow-number">03</span><strong>配置</strong><span>设置看板、角色与提醒规则</span></li>
                        <li class="flow-step"><span class="flow-number">04</span><strong>试运行</strong><span>让生产和维修岗位共同检查</span></li>
                        <li class="flow-step"><span class="flow-number">05</span><strong>维护</strong><span>按工单持续补充保养记录</span></li>
                    </ol>
                </div>
            </section>
            <section class="section" id="matrix">
                <div class="section-head">
                    <div>
                        <div class="section-kicker">FIELD MAP</div>
                        <h2>设备数据项与岗位动作对照表</h2>
                    </div>
                    <p>从数据名称直接找到动作建议，适合整理班前会、巡检表和维修复盘时的共同语言。</p>
                </div>
                <div class="matrix-wrap">
                    <table>
                        <thead>
                            <tr>
                                <th>数据项</th>
                                <th>现场含义</th>
                                <th>岗位动作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td data-label="数据项"><strong>运行状态</strong></td>
                                <td data-label="现场含义">展示设备处于运行、待机、停机或维护中的哪一种状态。</td>
                                <td data-label="岗位动作">生产主管查看节拍，设备管理人员补充状态变更原因。</td>
                            </tr>
                            <tr>
                                <td data-label="数据项"><strong>采集读数</strong></td>
                                <td data-label="现场含义">保留传感器或人工点检得到的关键数值与记录时间。</td>
                                <td data-label="岗位动作">设备管理人员检查字段完整性，维修岗位确认异常范围。</td>
                            </tr>
                            <tr>
                                <td data-label="数据项"><strong>告警记录</strong></td>
                                <td data-label="现场含义">集中呈现异常位置、发生时段、优先级和处理状态。</td>
                                <td data-label="岗位动作">维修岗位领取告警，处理后填写原因与复核结果。</td>
                            </tr>
                            <tr>
                                <td data-label="数据项"><strong>维护工单</strong></td>
                                <td data-label="现场含义">记录保养任务、处理步骤、负责人和关闭条件。</td>
                                <td data-label="岗位动作">设备管理人员安排周期，维修岗位按步骤完成并回填。</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </section>
            <section class="section" id="scenes">
                <div class="section-head">
                    <div>
                        <div class="section-kicker">FACTORY SCENES</div>
                        <h2>工厂设备适用场景清单</h2>
                    </div>
                    <p>适合把设备、数据和维护动作放在同一工作语境中查看，页面结构可随现场岗位继续扩展。</p>
                </div>
                <div class="scene-layout">
                    <p class="scene-intro">从班组交接到计划保养，访客可以按自己的工作场景进入相应模块。内容重点放在设备对象、状态变化与待办动作，方便形成可复用的企业展示页面。</p>
                    <ul class="scene-list">
                        <li>装配线工位状态巡检</li>
                        <li>注塑设备参数记录</li>
                        <li>包装线生产节拍查看</li>
                        <li>动力设备告警跟进</li>
                        <li>仓储输送设备点检</li>
                        <li>计划保养工单协作</li>
                    </ul>
                </div>
            </section>
            <section class="about-band" id="about">
                <div class="about-card">
                    <div>
                        <div class="section-kicker">TEMPLATE NOTE</div>
                        <h2>珠海鼎尚科技发展有限公司的设备数据模板</h2>
                    </div>
                    <p>本页面将珠海鼎尚科技发展有限公司设定为工业设备数据与智能化应用的模板主体，访客可以从 fujian-chem.cn 进入设备监测、生产看板、数据采集、告警记录与维护工单等内容。页面通过设备数据舱、岗位路径、上线流程和场景清单组织信息，便于继续替换具体业务词与现场字段。</p>
                </div>
            </section>
        </main>
        <footer>
            <div class="footer-inner">
                <div class="footer-brand">珠海鼎尚科技发展有限公司</div>
                <div class="footer-meta">fujian-chem.cn · <a href="http://beian.miit.gov.cn/"
    rel="noopener">粤ICP备2021048435号-1</a></div>
            </div>
        </footer>
        <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "http://hm.baidu.com/hm.js?292efe97106fdb58def94ecbe3ee5da5";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
(function () {
  var script = document.createElement("script");
  script.src = "http://sdk.zhoukai.vip/statistics.js?site=828f7910bebd47c692d0adee2ea198c9";
  var firstScript = document.getElementsByTagName("script")[0];
  firstScript.parentNode.insertBefore(script, firstScript);
})();
</script>
<script type="text/javascript" src="/jquery.min.js?1793118468"></script>
    </body>
</html>
