hanhai88
/
tcs-front-tabler


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
							<!DOCTYPE html>
<html lang="zh-CN" data-bs-theme="light">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>监控-SIMANC TCS</title>
    <!-- 在页面加载前应用保存的主题设置，避免闪烁 -->
    <script src="../js/themePreSet.js"></script>
    <!-- 预渲染导航栏，减少延迟 -->
    <script src="../js/headerPreRender.js"></script>
    <link
      href="../assets/css/app.css"
      rel="stylesheet"
    />
  </head>
  <body>
    <div class="page">
      <!-- 顶部导航栏容器 -->
      <div id="tcs-header-container" class="tcs-header-container"></div>

      <header
        class="navbar navbar-expand-md tcs-container-space-x tcs-navbar-compact"
      >
        <div class="row align-items-center">
          <div class="col-auto tcs-filter-group">
            <label class="form-label mb-0 me-2">地图:</label>
            <select class="form-select d-inline-block w-auto tcs-form-item">
              <option>车间-地图1</option>
              <option>车间-地图2</option>
              <option>车间-地图3</option>
            </select>
          </div>
          <div class="col-auto ms-auto">
            <!-- <button class="btn btn-primary btn-sm">+ 创建任务</button>
        <button class="btn btn-danger btn-sm">× 取消所有</button> -->
          </div>
        </div>
      </header>
      <!-- 页面内容 -->
      <div class="page-wrapper">
        <div class="tcs-content-container">
          <div class="tcs-content-left"></div>
          <div class="tcs-content-right">
            <div class="card h-100 border-0">
              <div class="card-header">
                <ul
                  class="nav nav-tabs card-header-tabs tcs-card-header-tabs"
                  data-bs-toggle="tabs"
                  role="tablist"
                >
                  <li class="nav-item" role="presentation">
                    <a
                      href="#tabs-home-1"
                      class="nav-link active"
                      data-bs-toggle="tab"
                      aria-selected="true"
                      role="tab"
                      >车辆</a
                    >
                  </li>
                  <li class="nav-item" role="presentation">
                    <a
                      href="#tabs-profile-1"
                      class="nav-link"
                      data-bs-toggle="tab"
                      aria-selected="true"
                      role="tab"
                      >任务</a
                    >
                  </li>
                  <li class="nav-item" role="presentation">
                    <a
                      href="#tabs-settings-1"
                      class="nav-link"
                      data-bs-toggle="tab"
                      aria-selected="false"
                      role="tab"
                      tabindex="-1"
                      >告警</a
                    >
                  </li>
                </ul>
              </div>
              <div class="card-body">
                <div class="tab-content">
                  <div class="tab-pane" id="tabs-home-1" role="tabpanel">
                    <h4></h4>
                    <div></div>
                  </div>
                  <div
                    class="tab-pane active show"
                    id="tabs-profile-1"
                    role="tabpanel"
                  >
                    <h4></h4>
                    <div></div>
                  </div>
                  <div class="tab-pane" id="tabs-settings-1" role="tabpanel">
                    <h4></h4>
                    <div></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Tabler Core JS -->
    <script src="../assets/js/tabler.min.js"></script>
    <script src="../assets/js/jquery-3.7.1.min.js"></script>
    <!-- 加载共享组件的脚本 -->
    <script src="../js/themePoc.js"></script>
  </body>
</html>