jiaxiaoqiang
/
JG-ADMIN-TEMP


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
							<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link href="/logo.png" rel="icon" />
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta
      content="Vue3 + Vite5 + TypeScript5 + Element-Plus 的后台管理模板，配套接口文档和后端源码，vue-element-admin 的 Vue3 版本"
      name="description"
    />
    <meta
      content="vue,element-plus,typescript,vue-element-admin,vue3-element-admin"
      name="keywords"
    />
    <script src="/sortable.js"></script>
    <title>生产线综合管控采集平台</title>
    <link rel="stylesheet" href="/LuckExcel/pluginsCss.css" />
    <link rel="stylesheet" href="/LuckExcel/plugins.css" />
    <link rel="stylesheet" href="/LuckExcel/luckysheet.css" />
    <link rel="stylesheet" href="/LuckExcel/iconfont.css" />
    <script src="/LuckExcel/plugin.js"></script>
    <script src="/LuckExcel/luckysheet.umd.js"></script>
  </head>

  <body>
    <div id="app">
      <div class="loader"></div>
    </div>
  </body>
  <script src="/src/main.ts" type="module"></script>

  <style>
    html,
    body,
    #app {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
    }

    /* 甘特图样式控制 */
    .gantt_task_line {
      border-radius: 20px !important;
      border: 0px solid black;
    }

    .gantt_tooltip {
      font-size: 15px;
      font-weight: 300;
    }

    .gantt_tree_content {
      font-size: 15px !important;
    }

    .gantt_grid_data {
      background-color: rgba(0, 0, 0, 0.1);

      .gantt_row_task {
        background-color: rgba(0, 0, 0, 0.1) !important;
      }

      .odd {
        background-color: rgba(0, 0, 0, 0.2) !important;
      }

      .gantt_row:hover {
        background-color: rgba(0, 0, 0, 0.4) !important;
      }

      .gantt_selected {
        background-color: rgb(123, 123, 123) !important;
      }
    }

    .gantt_task {
      .gantt_selected {
        background-color: rgb(123, 123, 123);

        .gantt_task_cell {
          border-color: white;
        }
      }
    }

    .gantt_data_area {
      background-color: rgba(0, 0, 0, 0.1);

      .gantt_task_cell {
        background-color: rgba(0, 0, 0, 0.1);
        border-color: white;
      }
    }

    .year {
      background: #ffcc00;
      color: #fff !important;
      font-size: 16px;
    }

    .month {
      background: #66ccff;
      color: #fff !important;
      font-size: 16px;
    }

    .day {
      background: #abe4ff;
      color: #fff !important;
      font-size: 16px;
    }

    .hour {
      background: #0bb051;
      color: #fff !important;
      font-size: 16px;
    }

    .gantt_grid_head_cell {
      font-size: 16px;
      color: white !important;
      font-weight: 600;
      border: 1px solid rgb(206, 206, 206);
      background-color: rgb(48, 65, 86, 0.6);
    }

    /* 滚动条样式 */
    ::-webkit-scrollbar {
      width: 6px !important; /* 设置滚动条的宽度 */
    }

    ::-webkit-scrollbar-track {
      background-color: #f0f2f5; /* 滚动条轨道的背景色 */
    }

    ::-webkit-scrollbar-thumb {
      background-color: #90939960; /* 滚动条的颜色 */
      border-radius: 8px !important; /* 滚动条的圆角 */
    }

    ::-webkit-scrollbar-thumb:hover {
      background-color: #5a5e66; /* 滚动条hover时的颜色 */
    }

    @keyframes l19 {
      100% {
        transform: rotate(360deg);
      }
    }
  </style>
</html>