hanhai88
/
tcs-front-tabler


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
							<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>工作台-SMC TCS</title>
    <!-- Tabler Core CSS -->
    <link
      href="../assets/css/app.css"
      rel="stylesheet"
    />
    <style>
      .tcs-container-space-x {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
      }
      .tcs-user-dropdown {
        width: 84px;
        min-width: 84px;
      }
    </style>
    <style>
      html, body {
        height: 100%;
        margin: 0;
        overflow: hidden;
      }
      .page {
        min-height: 100vh;
        overflow: hidden;
      }
    </style>
    <style>
      .tcs-nav-dashboard {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        min-height: 2.5rem !important;
      }
      .tcs-hero-section {
        background: linear-gradient(
          45deg,
          rgb(2, 0, 49) 0px,
          rgb(109, 51, 83) 100%
        );
        color: white;
        padding: 3rem 0;
        text-align: center;
      }
      .tcs-hero-title {
        font-size: 4rem;
        font-weight: bold;
        margin-bottom: 1rem;
      }
      .tcs-hero-subtitle {
        font-size: 1.2rem;
      }
      .tcs-project-card {
        transition: transform 0.3s;
        width: 280px;
        background-color: var(--tblr-bg-surface);
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      }
      /* .tcs-project-card:hover {
        transform: translateY(-5px);
      } */
      .tcs-card-body {
        padding: 12px;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .tcs-image-container {
        height: 180px;
        width: 100%;
        margin-bottom: 16px;
        background-color: rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: background-color 0.3s ease;
      }
      [data-bs-theme="dark"] .tcs-image-container {
        background-color: rgba(255, 255, 255, 0.05);
      }
      .tcs-card-title {
        font-size: 20px;
        margin-bottom: 16px;
        text-align: center;
      }
      .tcs-card-actions {
        display: flex;
        width: 100%;
        gap: 8px;
        justify-content: center;
      }
      .tcs-card-actions .btn {
        flex: 1;
        padding: 6px 8px;
        font-size: 14px;
      }
      .tcs-footer {
        text-align: center;
        padding: 0.4rem 0;
      }
    </style>
  </head>
  <body>
    <div class="page">
      <!-- 顶部导航栏 -->
      <header
        class="navbar navbar-expand-md tcs-container-space-x tcs-nav-dashboard"
      >
        <!-- 用户菜单 -->
        <div class="nav-item dropdown">
          <a
            href="#"
            class="nav-link d-flex lh-1 text-reset p-0"
            data-bs-toggle="dropdown"
            aria-label="打开用户菜单"
          >
          <span class="text-muted fw-semibold ms-2">Admin</span>
          </a>
          <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow tcs-user-dropdown">
            <a href="#" class="dropdown-item" id="theme-toggle">
              <span id="theme-text">深色主题</span>
            </a>
            <div class="dropdown-divider"></div>
            <a href="../index.html" class="dropdown-item">退出登录</a>
          </div>
        </div>
      </header>

      <!-- 英雄区域 -->
      <section class="tcs-hero-section">
        <div class="container">
          <div class="tcs-hero-title">SMC TCS</div>
          <div class="tcs-hero-subtitle">
            简洁、直观、强悍AGV调度系统。配合SMC 地图编辑，快速定制您的AGV应用。
          </div>
        </div>
      </section>

      <!-- 项目卡片区域 -->
      <div class="page-body">
        <div class="container-xl py-4">
          <div class="row row-cards d-flex justify-content-center">
            <div class="col-md-6 col-lg-3">
              <div class="card tcs-project-card">
                <div class="card-body tcs-card-body">
                  <div class="tcs-image-container">
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="v-2" width="100%" height="100%"><defs id="v-4"><marker id="v-22142555970" orient="auto" overflow="visible" markerUnits="userSpaceOnUse"><path id="v-50" stroke="none" fill="#8f8f8f" d="M 0 0 0 0"></path></marker><marker id="v-2-1582156197" orient="auto" overflow="visible" markerUnits="userSpaceOnUse"><path id="v-52" stroke="none" fill="#8f8f8f" transform="rotate(180)" d="M 0 -4 -8 0 0 4 z"></path></marker></defs><g id="v-3" class="joint-viewport" transform="matrix(0.3,0,0,0.3,0,0)"><g model-id="63d559a2-21c2-4efc-97d9-10956cab8385" id="j_12" class="joint-cell joint-type-st joint-type-st-stcrossx joint-element joint-theme-default" data-type="st.StCrossX" data-tooltip="站点" data-tooltip-position="left" data-tooltip-position-selector=".joint-stencil" transform="translate(230,240)"><rect joint-selector="body" id="v-44" cursor="hand" fill="transparent" stroke="#FE854F" stroke-width="2" stroke-dasharray="4" height="21" width="30" transform="matrix(1,0,0,1,0,4.5)"></rect><rect joint-selector="top" id="v-45" fill="0" stroke="#505050" stroke-width="2" stroke-dasharray="0" width="30" height="0.6" transform="matrix(1,0,0,1,0,4.5)"></rect><rect joint-selector="bottom" id="v-46" fill="0" stroke="#505050" stroke-width="2" stroke-dasharray="0" width="30" height="0.6" transform="matrix(1,0,0,1,0,25.5)"></rect><text joint-selector="label" id="v-47" font-size="10" xml:space="preserve" fill="#FE854F" font-family="Roboto Condensed" font-weight="Normal" stroke-width="0" text-anchor="middle" transform="matrix(1,0,0,1,15,15)"><tspan dy="0.3em" class="v-line">ST001</tspan></text></g><g model-id="8bbf43a5-45c2-4753-b899-b19b8f962396" id="j_11" class="joint-cell joint-type-st joint-type-st-stcrossx joint-element joint-theme-default" data-type="st.StCrossX" data-tooltip="站点" data-tooltip-position="left" data-tooltip-position-selector=".joint-stencil" transform="translate(388,240)"><rect joint-selector="body" id="v-40" cursor="hand" fill="transparent" stroke="#FE854F" stroke-width="2" stroke-dasharray="4" height="21" width="30" transform="matrix(1,0,0,1,0,4.5)"></rect><rect joint-selector="top" id="v-41" fill="0" stroke="#505050" stroke-width="2" stroke-dasharray="0" width="30" height="0.6" transform="matrix(1,0,0,1,0,4.5)"></rect><rect joint-selector="bottom" id="v-42" fill="0" stroke="#505050" stroke-width="2" stroke-dasharray="0" width="30" height="0.6" transform="matrix(1,0,0,1,0,25.5)"></rect><text joint-selector="label" id="v-43" font-size="10" xml:space="preserve" fill="#FE854F" font-family="Roboto Condensed" font-weight="Normal" stroke-width="0" text-anchor="middle" transform="matrix(1,0,0,1,15,15)"><tspan dy="0.3em" class="v-line">ST001</tspan></text></g><g model-id="e40086a6-2267-4c94-ab8e-7a6d50c6b62f" id="j_10" class="joint-cell joint-type-st joint-type-st-stcrossx joint-element joint-theme-default" data-type="st.StCrossX" data-tooltip="站点" data-tooltip-position="left" data-tooltip-position-selector=".joint-stencil" transform="translate(513,240)"><rect joint-selector="body" id="v-36" cursor="hand" fill="transparent" stroke="#FE854F" stroke-width="2" stroke-dasharray="4" height="21" width="30" transform="matrix(1,0,0,1,0,4.5)"></rect><rect joint-selector="top" id="v-37" fill="0" stroke="#505050" stroke-width="2" stroke-dasharray="0" width="30" height="0.6" transform="matrix(1,0,0,1,0,4.5)"></rect><rect joint-selector="bottom" id="v-38" fill="0" stroke="#505050" stroke-width="2" stroke-dasharray="0" width="30" height="0.6" transform="matrix(1,0,0,1,0,25.5)"></rect><text joint-selector="label" id="v-39" font-size="10" xml:space="preserve" fill="#FE854F" font-family="Roboto Condensed" font-weight="Normal" stroke-width="0" text-anchor="middle" transform="matrix(1,0,0,1,15,15)"><tspan dy="0.3em" class="v-line">ST001</tspan></text></g><g model-id="74f2905f-3426-4a12-a513-4957058940a9" id="j_9" class="joint-cell joint-type-st joint-type-st-stcrossx joint-element joint-theme-default" data-type="st.StCrossX" data-tooltip="站点" data-tooltip-position="left" data-tooltip-position-selector=".joint-stencil" transform="translate(686,240)"><rect joint-selector="body" id="v-32" cursor="hand" fill="transparent" stroke="#FE854F" stroke-width="2" stroke-dasharray="4" height="21" width="30" transform="matrix(1,0,0,1,0,4.5)"></rect><rect joint-selector="top" id="v-33" fill="0" stroke="#505050" stroke-width="2" stroke-dasharray="0" width="30" height="0.6" transform="matrix(1,0,0,1,0,4.5)"></rect><rect joint-selector="bottom" id="v-34" fill="0" stroke="#505050" stroke-width="2" stroke-dasharray="0" width="30" height="0.6" transform="matrix(1,0,0,1,0,25.5)"></rect><text joint-selector="label" id="v-35" font-size="10" xml:space="preserve" fill="#FE854F" font-family="Roboto Condensed" font-weight="Normal" stroke-width="0" text-anchor="middle" transform="matrix(1,0,0,1,15,15)"><tspan dy="0.3em" class="v-line">ST001</tspan></text></g><g model-id="5ee0e18f-e312-49e4-9327-08f21ebc6757" id="j_8" class="joint-cell joint-type-st joint-type-st-stcrossy joint-element joint-theme-default" data-type="st.StCrossY" data-tooltip="站点" data-tooltip-position="left" data-tooltip-position-selector=".joint-stencil" transform="translate(686,379)"><rect joint-selector="body" id="v-28" cursor="hand" fill="transparent" stroke="#FE854F" stroke-width="2" stroke-dasharray="4" height="30" width="21" transform="matrix(1,0,0,1,4.5,0)"></rect><rect joint-selector="left" id="v-29" fill="0" stroke="#505050" stroke-width="2" stroke-dasharray="0" height="30" width="0.6" transform="matrix(1,0,0,1,4.5,0)"></rect><rect joint-selector="right" id="v-30" fill="0" stroke="#505050" stroke-width="2" stroke-dasharray="0" width="0.6" height="30" transform="matrix(1,0,0,1,25.5,0)"></rect><text joint-selector="label" id="v-31" font-size="10" xml:space="preserve" fill="#FE854F" font-family="Roboto Condensed" font-weight="Normal" stroke-width="0" text-anchor="middle" transform="matrix(1,0,0,1,15,15)"><tspan dy="0.3em" class="v-line">ST001</tspan></text></g><g model-id="0ede96e6-efeb-464e-9ead-275a0491e40e" id="j_7" class="joint-cell joint-type-st joint-type-st-charge joint-element joint-theme-default" data-type="st.Charge" data-tooltip="充电站" data-tooltip-position="left" data-tooltip-position-selector=".joint-stencil" transform="translate(686,494)"><rect joint-selector="body" id="v-26" cursor="hand" rx="2" ry="2" height="24" width="30" fill="transparent" stroke="#fe854f" stroke-width="2" stroke-dasharray="0" transform="matrix(1,0,0,1,0,3)"></rect><text joint-selector="label" id="v-27" font-size="12" xml:space="preserve" fill="#fe854f" font-family="Roboto Condensed" font-weight="Normal" stroke-width="0" text-anchor="middle" transform="matrix(1,0,0,1,15,15)"><tspan dy="0.3em" class="v-line">充电</tspan></text></g><g model-id="7bc5137f-415b-4209-8349-476cebed24f7" id="j_6" class="joint-cell joint-type-st joint-type-st-standby joint-element joint-theme-default" data-type="st.StandBy" data-tooltip="待命" data-tooltip-position="left" data-tooltip-position-selector=".joint-stencil" transform="translate(388,494)"><rect joint-selector="body" id="v-24" cursor="hand" rx="2" ry="2" height="24" width="30" fill="transparent" stroke="#fe854f" stroke-width="2" stroke-dasharray="5" transform="matrix(1,0,0,1,0,3)"></rect><text joint-selector="label" id="v-25" font-size="12" xml:space="preserve" fill="#fe854f" font-family="Roboto Condensed" font-weight="Normal" stroke-width="0" text-anchor="middle" transform="matrix(1,0,0,1,15,15)"><tspan dy="0.3em" class="v-line">待命</tspan></text></g><g model-id="694ce8ea-830a-4584-b9f3-b80c11b69fe8" id="j_5" class="joint-cell joint-type-pt joint-type-pt-road joint-element joint-theme-default" data-type="pt.Road" data-tooltip="路点" data-tooltip-position="left" data-tooltip-position-selector=".joint-stencil" transform="translate(160,240)"><circle joint-selector="body" id="v-21" cursor="default" fill="transparent" stroke="#7c68fc" stroke-width="2" stroke-dasharray="0" r="9" width="30" height="30" transform="matrix(1,0,0,1,15,15)"></circle><circle joint-selector="in" id="v-22" font-size="11" xml:space="preserve" fill="transparent" font-family="Roboto Condensed" font-weight="Normal" stroke-width="0" text-anchor="middle" r="18" transform="matrix(1,0,0,1,15,15)"><tspan dy="0.3em" class="v-line">0</tspan></circle><text joint-selector="label" id="v-23" font-size="8" xml:space="preserve" fill="#7c68fc" font-family="Roboto Condensed" font-weight="Normal" stroke-width="0" text-anchor="middle" transform="matrix(1,0,0,1,15,15)"><tspan dy="0.3em" class="v-line">0</tspan></text></g><g model-id="0cbbafe8-b205-4906-854a-71c32060e275" id="j_4" class="joint-cell joint-type-pt joint-type-pt-road joint-element joint-theme-default" data-type="pt.Road" data-tooltip="路点" data-tooltip-position="left" data-tooltip-position-selector=".joint-stencil" transform="translate(315,240)"><circle joint-selector="body" id="v-18" cursor="default" fill="transparent" stroke="#7c68fc" stroke-width="2" stroke-dasharray="0" r="9" width="30" height="30" transform="matrix(1,0,0,1,15,15)"></circle><circle joint-selector="in" id="v-19" font-size="11" xml:space="preserve" fill="transparent" font-family="Roboto Condensed" font-weight="Normal" stroke-width="0" text-anchor="middle" r="18" transform="matrix(1,0,0,1,15,15)"><tspan dy="0.3em" class="v-line">0</tspan></circle><text joint-selector="label" id="v-20" font-size="8" xml:space="preserve" fill="#7c68fc" font-family="Roboto Condensed" font-weight="Normal" stroke-width="0" text-anchor="middle" transform="matrix(1,0,0,1,15,15)"><tspan dy="0.3em" class="v-line">0</tspan></text></g><g model-id="c4554fc4-06e0-4a3b-9bd6-92124c7af117" id="j_3" class="joint-cell joint-type-pt joint-type-pt-road joint-element joint-theme-default" data-type="pt.Road" data-tooltip="路点" data-tooltip-position="left" data-tooltip-position-selector=".joint-stencil" transform="translate(453,240)"><circle joint-selector="body" id="v-15" cursor="default" fill="transparent" stroke="#7c68fc" stroke-width="2" stroke-dasharray="0" r="9" width="30" height="30" transform="matrix(1,0,0,1,15,15)"></circle><circle joint-selector="in" id="v-16" font-size="11" xml:space="preserve" fill="transparent" font-family="Roboto Condensed" font-weight="Normal" stroke-width="0" text-anchor="middle" r="18" transform="matrix(1,0,0,1,15,15)"><tspan dy="0.3em" class="v-line">0</tspan></circle><text joint-selector="label" id="v-17" font-size="8" xml:space="preserve" fill="#7c68fc" font-family="Roboto Condensed" font-weight="Normal" stroke-width="0" text-anchor="middle" transform="matrix(1,0,0,1,15,15)"><tspan dy="0.3em" class="v-line">0</tspan></text></g><g model-id="1b5d2d3d-738e-4495-90f9-5679b69a9fa0" id="j_2" class="joint-cell joint-type-pt joint-type-pt-road joint-element joint-theme-default" data-type="pt.Road" data-tooltip="路点" data-tooltip-position="left" data-tooltip-position-selector=".joint-stencil" transform="translate(600,240)"><circle joint-selector="body" id="v-12" cursor="default" fill="transparent" stroke="#7c68fc" stroke-width="2" stroke-dasharray="0" r="9" width="30" height="30" transform="matrix(1,0,0,1,15,15)"></circle><circle joint-selector="in" id="v-13" font-size="11" xml:space="preserve" fill="transparent" font-family="Roboto Condensed" font-weight="Normal" stroke-width="0" text-anchor="middle" r="18" transform="matrix(1,0,0,1,15,15)"><tspan dy="0.3em" class="v-line">0</tspan></circle><text joint-selector="label" id="v-14" font-size="8" xml:space="preserve" fill="#7c68fc" font-family="Roboto Condensed" font-weight="Normal" stroke-width="0" text-anchor="middle" transform="matrix(1,0,0,1,15,15)"><tspan dy="0.3em" class="v-line">0</tspan></text></g><g model-id="1883c9e3-65d1-45e1-966a-37b4c33131d0" id="j_13" class="joint-cell joint-type-app joint-type-app-link joint-link joint-theme-default" data-type="app.Link"><path fill="none" cursor="pointer" stroke="transparent" joint-selector="wrapper" id="v-49" stroke-width="10" stroke-linejoin="round" d="M 193 255.08 L 227.29 255.23"></path><path fill="none" pointer-events="none" joint-selector="line" id="v-48" stroke="#8f8f8f" stroke-dasharray="0" stroke-width="2" stroke-linejoin="round" marker-start="url(#v-22142555970)" marker-end="url(#v-2-1582156197)" d="M 193 255.08 L 227.29 255.23"></path></g><g model-id="63106728-48a5-4097-af0a-eb6fecf25a22" id="j_14" class="joint-cell joint-type-app joint-type-app-link joint-link joint-theme-default" data-type="app.Link"><path fill="none" cursor="pointer" stroke="transparent" joint-selector="wrapper" id="v-55" stroke-width="10" stroke-linejoin="round" d="M 260.42 255.24 L 312 255.06"></path><path fill="none" pointer-events="none" joint-selector="line" id="v-54" stroke="#8f8f8f" stroke-dasharray="0" stroke-width="2" stroke-linejoin="round" marker-start="url(#v-22142555970)" marker-end="url(#v-2-1582156197)" d="M 260.42 255.24 L 312 255.06"></path></g><g model-id="268d9462-55d2-4d68-8c66-47185434bae5" id="j_15" class="joint-cell joint-type-app joint-type-app-link joint-link joint-theme-default" data-type="app.Link"><path fill="none" cursor="pointer" stroke="transparent" joint-selector="wrapper" id="v-57" stroke-width="10" stroke-linejoin="round" d="M 348 255.08 L 385.29 255.23"></path><path fill="none" pointer-events="none" joint-selector="line" id="v-56" stroke="#8f8f8f" stroke-dasharray="0" stroke-width="2" stroke-linejoin="round" marker-start="url(#v-22142555970)" marker-end="url(#v-2-1582156197)" d="M 348 255.08 L 385.29 255.23"></path></g><g model-id="06620ae1-b9fe-45df-b2ce-ebd200862d57" id="j_16" class="joint-cell joint-type-app joint-type-app-link joint-link joint-theme-default" data-type="app.Link"><path fill="none" cursor="pointer" stroke="transparent" joint-selector="wrapper" id="v-59" stroke-width="10" stroke-linejoin="round" d="M 418.42 255.22 L 450 255.08"></path><path fill="none" pointer-events="none" joint-selector="line" id="v-58" stroke="#8f8f8f" stroke-dasharray="0" stroke-width="2" stroke-linejoin="round" marker-start="url(#v-22142555970)" marker-end="url(#v-2-1582156197)" d="M 418.42 255.22 L 450 255.08"></path></g><g model-id="7d61aa14-564a-4106-9e3e-465c64cbe392" id="j_17" class="joint-cell joint-type-app joint-type-app-link joint-link joint-theme-default" data-type="app.Link"><path fill="none" cursor="pointer" stroke="transparent" joint-selector="wrapper" id="v-61" stroke-width="10" stroke-linejoin="round" d="M 486 255.09 L 510.29 255.22"></path><path fill="none" pointer-events="none" joint-selector="line" id="v-60" stroke="#8f8f8f" stroke-dasharray="0" stroke-width="2" stroke-linejoin="round" marker-start="url(#v-22142555970)" marker-end="url(#v-2-1582156197)" d="M 486 255.09 L 510.29 255.22"></path></g><g model-id="fdd4a4e6-b176-4aaf-89ab-d025e6881121" id="j_18" class="joint-cell joint-type-app joint-type-app-link joint-link joint-theme-default" data-type="app.Link"><path fill="none" cursor="pointer" stroke="transparent" joint-selector="wrapper" id="v-63" stroke-width="10" stroke-linejoin="round" d="M 543.42 255.31 L 597 255.35"></path><path fill="none" pointer-events="none" joint-selector="line" id="v-62" stroke="#8f8f8f" stroke-dasharray="0" stroke-width="2" stroke-linejoin="round" marker-start="url(#v-22142555970)" marker-end="url(#v-2-1582156197)" d="M 543.42 255.31 L 597 255.35"></path></g><g model-id="7ae1b029-9f4e-4a04-837c-5257c4c00f8d" id="j_19" class="joint-cell joint-type-app joint-type-app-link joint-link joint-theme-default" data-type="app.Link"><path fill="none" cursor="pointer" stroke="transparent" joint-selector="wrapper" id="v-65" stroke-width="10" stroke-linejoin="round" d="M 633 255.06 L 683.29 255.24"></path><path fill="none" pointer-events="none" joint-selector="line" id="v-64" stroke="#8f8f8f" stroke-dasharray="0" stroke-width="2" stroke-linejoin="round" marker-start="url(#v-22142555970)" marker-end="url(#v-2-1582156197)" d="M 633 255.06 L 683.29 255.24"></path></g><g model-id="d3e00462-99a3-4be5-bb32-acbe18ff8ca0" id="j_20" class="joint-cell joint-type-app joint-type-app-link joint-link joint-theme-default" data-type="app.Link"><path fill="none" cursor="pointer" stroke="transparent" joint-selector="wrapper" id="v-67" stroke-width="10" stroke-linejoin="round" d="M 699.86 266.1 L 699.86 379"></path><path fill="none" pointer-events="none" joint-selector="line" id="v-66" stroke="#8f8f8f" stroke-dasharray="0" stroke-width="2" stroke-linejoin="round" marker-start="url(#v-22142555970)" marker-end="url(#v-2-1582156197)" d="M 699.86 266.1 L 699.86 379"></path></g><g model-id="8c5e6ce9-010e-454c-af66-c2f2ae5e89b1" id="j_21" class="joint-cell joint-type-app joint-type-app-link joint-link joint-theme-default" data-type="app.Link"><path fill="none" cursor="pointer" stroke="transparent" joint-selector="wrapper" id="v-69" stroke-width="10" stroke-linejoin="round" d="M 700.09 409 L 701.47 497"></path><path fill="none" pointer-events="none" joint-selector="line" id="v-68" stroke="#8f8f8f" stroke-dasharray="0" stroke-width="2" stroke-linejoin="round" marker-start="url(#v-22142555970)" marker-end="url(#v-2-1582156197)" d="M 700.09 409 L 701.47 497"></path></g><g model-id="6167c52c-c5fc-4b52-a6ed-328ebd80164d" id="j_22" class="joint-cell joint-type-app joint-type-app-link joint-link joint-theme-default" data-type="app.Link"><path fill="none" cursor="pointer" stroke="transparent" joint-selector="wrapper" id="v-71" stroke-width="10" stroke-linejoin="round" d="M 685.66 509.06 L 420 510"></path><path fill="none" pointer-events="none" joint-selector="line" id="v-70" stroke="#8f8f8f" stroke-dasharray="0" stroke-width="2" stroke-linejoin="round" marker-start="url(#v-22142555970)" marker-end="url(#v-2-1582156197)" d="M 685.66 509.06 L 420 510"></path></g><g model-id="0" id="j_1" class="joint-cell joint-type-agv joint-type-agv-diff joint-element joint-theme-default" data-type="agv.Diff" data-tooltip-position="left" data-tooltip-position-selector=".joint-stencil" magnet="false" transform="translate(690,310)"><rect joint-selector="front" id="v-6" rx="1" ry="1" fill="gray" stroke="gray" stroke-width="2" stroke-dasharray="0" width="6" height="15" transform="matrix(1,0,0,1,19.5,7.5)"></rect><rect joint-selector="rear" id="v-7" rx="1" ry="1" fill="gray" stroke="gray" stroke-width="2" stroke-dasharray="0" width="6" height="15" transform="matrix(1,0,0,1,4.5,7.5)"></rect><rect joint-selector="body" id="v-8" cursor="hand" rx="2" ry="2" fill="#fec450" stroke="#FE854F" stroke-width="1" stroke-dasharray="0" width="27" height="12" transform="matrix(1,0,0,1,1.5,9)"></rect><rect joint-selector="cargo" id="v-9" rx="1" ry="1" r="35%" fill="transparent" stroke="transparent" stroke-width="2" stroke-dasharray="0" width="12" height="9" transform="matrix(1,0,0,1,9,10.5)"></rect><rect joint-selector="light" id="v-10" rx="1" ry="1" fill="green" stroke="gray" stroke-width="1" stroke-dasharray="0" width="1.5" height="3.5999999999999996" transform="matrix(1,0,0,1,28.5,13.2)"></rect><text joint-selector="label" id="v-11" font-size="8" xml:space="preserve" fill="black" font-family="Roboto Condensed" font-weight="Normal" stroke-width="0" text-anchor="middle" transform="matrix(1,0,0,1,15,30)"><tspan dy="0.3em" class="v-line">AGV1</tspan></text></g><g model-id="381bd3f1-70b7-445f-99c4-1d966277781b" id="j_23" class="joint-cell joint-type-app joint-type-app-link joint-link joint-theme-default" data-type="app.Link"><path fill="none" cursor="pointer" stroke="transparent" joint-selector="wrapper" id="v-73" stroke-width="10" stroke-linejoin="round" d="M 419.66 509.61 L 430 510"></path><path fill="none" pointer-events="none" joint-selector="line" id="v-72" stroke="#8f8f8f" stroke-dasharray="0" stroke-width="2" stroke-linejoin="round" marker-start="url(#v-22142555970)" marker-end="url(#v-2-1582156197)" d="M 419.66 509.61 L 430 510"></path></g><g model-id="4bb9ecaa-f787-4342-98ec-9c445bbcf872" id="j_24" class="joint-cell joint-type-app joint-type-app-link joint-link joint-theme-default" data-type="app.Link"><path fill="none" cursor="pointer" stroke="transparent" joint-selector="wrapper" id="v-75" stroke-width="10" stroke-linejoin="round" d="M 419.66 509.61 L 430 510"></path><path fill="none" pointer-events="none" joint-selector="line" id="v-74" stroke="#8f8f8f" stroke-dasharray="0" stroke-width="2" stroke-linejoin="round" marker-start="url(#v-22142555970)" marker-end="url(#v-2-1582156197)" d="M 419.66 509.61 L 430 510"></path></g><g model-id="fdd04631-507b-49b8-ad17-a8b8b2f221b4" id="j_25" class="joint-cell joint-type-app joint-type-app-link joint-link joint-theme-default" data-type="app.Link"><path fill="none" cursor="pointer" stroke="transparent" joint-selector="wrapper" id="v-77" stroke-width="10" stroke-linejoin="round" d="M 193 258.6 L 200 260"></path><path fill="none" pointer-events="none" joint-selector="line" id="v-76" stroke="#8f8f8f" stroke-dasharray="0" stroke-width="2" stroke-linejoin="round" marker-start="url(#v-22142555970)" marker-end="url(#v-2-1582156197)" d="M 193 258.6 L 200 260"></path></g></g><g id="v-5" class="joint-tools-container" transform="matrix(0.3,0,0,0.3,0,0)"></g></svg>
                  </div>
                  <h3 class="tcs-card-title">测试</h3>
                  <div class="tcs-card-actions">
                    <a href="monitor.html" class="btn btn-primary">查看</a>
                    <a href="monitor.html" class="btn btn-outline-secondary">编辑</a>
                    <a href="monitor.html" class="btn btn-outline-danger">删除</a>
                  </div>
                </div>
              </div>
            </div>
            <!-- 可以添加更多项目卡片 -->
          </div>
        </div>
      </div>

      <!-- 页脚 -->
      <footer class="footer tcs-footer">
        Copyright © 华为机电SIMANC
      </footer>
    </div>

    <!-- Tabler Core JS -->
    <script src="../assets/js/tabler.min.js"></script>
    <script src="../assets/js/jquery-3.7.1.min.js"></script>
    <!-- 主题切换脚本 -->
    <script>
      document.addEventListener("DOMContentLoaded", function () {
        const themeToggle = document.getElementById("theme-toggle");
        const htmlElement = document.documentElement;
        const themeText = document.getElementById("theme-text");

        // 检查本地存储中的主题设置
        const savedTheme = localStorage.getItem("theme");
        if (savedTheme) {
          htmlElement.setAttribute("data-bs-theme", savedTheme);
          updateText(savedTheme);
        }

        // 切换主题
        themeToggle.addEventListener("click", function (e) {
          e.preventDefault();

          const currentTheme = htmlElement.getAttribute("data-bs-theme");
          const newTheme = currentTheme === "dark" ? "light" : "dark";

          htmlElement.setAttribute("data-bs-theme", newTheme);
          localStorage.setItem("theme", newTheme);

          updateText(newTheme);
        });

        // 更新文字
        function updateText(theme) {
          if (theme === "dark") {
            themeText.textContent = "浅色主题";
          } else {
            themeText.textContent = "深色主题";
          }
        }
      });
    </script>
  </body>
</html>