{extend name="../../base/view/common/base" /}
<!-- 主体 -->
{block name="breadcrumb"}
<span class="layui-breadcrumb">
    <a href="http://www.meteteme.com/" target="_blank">江苏美天科技</a>
    <a><cite>项目分类</cite></a>
</span>
{/block}
{block name="body"}
<div class="table-content p-3">
    <div class="container">
        <!-- 项目管理 -->
        <div class="category">
          <h2 class="category-title">项目管理</h2>
          <div class="card-row">
            <!-- 单个卡片 -->
            <div class="card" id="xmgl">
              <div class="card-icon">
                <i class="fas fa-project-diagram"></i>
              </div>
              <h3 class="card-title">项目管理</h3>
              <p class="card-description">添加真实业务项目</p>
            </div>

            <!-- 单个卡片 -->
            <div class="card" id="dmgl">
                <div class="card-icon">
                    <i class="fas fa-tasks"></i>
                </div>
                <h3 class="card-title">内部Demo管理</h3>
                <p class="card-description">企业内部Demo管理</p>
              </div>

          </div>
        </div>
    
      </div>
    <!-- <div class="layui-form-bar border-t border-x"
        style="display: flex; justify-content: center; align-items: center; height: 94vh !important;">
        <div class="btn_list">
            <div class="btns xmjhgl">
                <button class="layui-btn diy-button layui-bg-blue">
                    <svg t="1722242789918" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="8135" width="100" height="100">
                        <path
                            d="M449.408 896H192a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h576a64 64 0 0 1 64 64v219.008c23.04 10.112 44.096 23.424 64 38.464V192a128 128 0 0 0-128-128H192a128 128 0 0 0-128 128v640a128 128 0 0 0 128 128h321.728a322.432 322.432 0 0 1-64.32-64z"
                            fill="#ffffff" p-id="8136"></path>
                        <path
                            d="M704 448a256 256 0 1 0 0 512 256 256 0 0 0 0-512z m0 447.872a191.872 191.872 0 1 1 0-383.808 191.872 191.872 0 0 1 0 383.808z"
                            fill="#ffffff" p-id="8137"></path>
                        <path
                            d="M800 672h-64V640a32 32 0 0 0-64 0v64a32 32 0 0 0 32 32h96a32 32 0 0 0 0-64zM438.848 265.216a31.808 31.808 0 0 0-44.992 0L287.232 371.84l-42.688-42.688a30.72 30.72 0 1 0-43.456 43.456l59.584 59.584c1.344 2.304 2.432 4.672 4.416 6.656 6.656 6.592 15.36 9.408 23.936 9.088a30.848 30.848 0 0 0 21.824-9.024c0.704-0.704 1.024-1.6 1.6-2.432l126.4-126.336a31.744 31.744 0 0 0 0-44.928zM544 320a32 32 0 0 0 0 64h192a32 32 0 0 0 0-64h-192zM393.856 489.216L287.232 595.84l-42.688-42.688a30.72 30.72 0 1 0-43.456 43.456l59.584 59.584c1.344 2.304 2.432 4.672 4.416 6.656 6.656 6.592 15.36 9.408 23.936 9.088a30.848 30.848 0 0 0 21.824-9.024c0.704-0.704 1.024-1.6 1.6-2.432l126.4-126.336a31.872 31.872 0 0 0-44.992-44.928z"
                            fill="#ffffff" p-id="8138"></path>
                    </svg>
                    <strong>项目计划管理</strong>
                    <p>管理项目开发计划</p>
                </button>
            </div>
            <div class="btns xmgl">
                <button class="layui-btn diy-button">
                    <svg t="1713799963992" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="8224" width="100" height="100">
                        <path
                            d="M410.67 544H133.33A69.33 69.33 0 0 0 64 613.33v277.34A69.33 69.33 0 0 0 133.33 960h277.34A69.33 69.33 0 0 0 480 890.67V613.33A69.33 69.33 0 0 0 410.67 544zM402 842a40 40 0 0 1-40 40H182a40 40 0 0 1-40-40V662a40 40 0 0 1 40-40h180a40 40 0 0 1 40 40z m488.67-298H613.33A69.33 69.33 0 0 0 544 613.33v277.34A69.33 69.33 0 0 0 613.33 960h277.34A69.33 69.33 0 0 0 960 890.67V613.33A69.33 69.33 0 0 0 890.67 544zM882 842a40 40 0 0 1-40 40H662a40 40 0 0 1-40-40V662a40 40 0 0 1 40-40h180a40 40 0 0 1 40 40zM410.67 64H133.33A69.33 69.33 0 0 0 64 133.33v277.34A69.33 69.33 0 0 0 133.33 480h277.34A69.33 69.33 0 0 0 480 410.67V133.33A69.33 69.33 0 0 0 410.67 64zM402 362a40 40 0 0 1-40 40H182a40 40 0 0 1-40-40V182a40 40 0 0 1 40-40h180a40 40 0 0 1 40 40z m292.49 94.18a81.35 81.35 0 0 0 115 0l126.69-126.67a81.35 81.35 0 0 0 0-115L809.51 87.82a81.35 81.35 0 0 0-115 0L567.82 214.49a81.35 81.35 0 0 0 0 115z"
                            fill="#ffffff" p-id="8225"></path>
                    </svg>
                    <strong>项目管理</strong>
                    <p>添加真实业务项目</p>
                </button>
            </div>
            <div class="btns dmgl">
                <button class="layui-btn diy-button layui-bg-purple">
                    <svg t="1713800009771" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="10099" width="100" height="100">
                        <path
                            d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0z m256 460.101818a152.203636 152.203636 0 0 1-87.272727 65.861818 80.058182 80.058182 0 0 1-24.436364 3.956364 29.090909 29.090909 0 1 1 0-57.949091 14.661818 14.661818 0 0 0 6.283636-1.396364 93.090909 93.090909 0 0 0 56.087273-40.96 76.101818 76.101818 0 0 0 10.938182-39.563636 89.832727 89.832727 0 0 0-94.254545-83.781818 106.123636 106.123636 0 0 0-51.2 13.265454 81.92 81.92 0 0 0-43.752728 69.818182v244.829091a139.636364 139.636364 0 0 1-72.610909 120.552727 159.883636 159.883636 0 0 1-79.825454 20.48 148.247273 148.247273 0 0 1-153.6-141.963636 135.68 135.68 0 0 1 19.781818-69.818182 151.04 151.04 0 0 1 87.272727-65.629091 86.807273 86.807273 0 0 1 24.436364-4.189091 29.090909 29.090909 0 0 1 25.367272 14.661819 29.090909 29.090909 0 0 1-25.367272 43.52 16.523636 16.523636 0 0 0-6.516364 1.396363 95.418182 95.418182 0 0 0-55.854545 40.96 74.007273 74.007273 0 0 0-10.938182 39.563637 90.065455 90.065455 0 0 0 94.952727 83.781818 106.821818 106.821818 0 0 0 51.2-13.265455 82.385455 82.385455 0 0 0 43.52-69.818182V390.283636a139.636364 139.636364 0 0 1 72.843636-120.552727 152.436364 152.436364 0 0 1 79.127273-21.410909 148.247273 148.247273 0 0 1 153.6 141.963636 136.378182 136.378182 0 0 1-19.781818 69.818182z"
                            fill="#ffffff" p-id="10100"></path>
                    </svg>
                    <strong>内部Demo管理</strong>
                    <p>企业内部Demo管理</p>
                </button>
            </div>
        </div>
    </div> -->
</div>
{/block}
<!-- /主体 -->
<!-- 脚本 -->
{block name="script"}
<script>
    //跳转项目计划管理
    $('#xmjhgl').click(function () {
        window.location.href = '/project/plan/index';
    });

    //跳转项目管理
    $('#xmgl').click(function () {
        window.location.href = '/project/index/index';
    });

    //跳转Demos管理
    $('#dmgl').click(function () {
        window.location.href = '/project/demo/index';
    });
</script>

<style>
    .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 20px;
      font-family: "Microsoft YaHei", sans-serif;
    }
  
    .category {
      margin-bottom: 40px;
    }
  
    .category-title {
      font-size: 20px;
      color: #2196f3;
      margin-bottom: 25px;
      padding-bottom: 12px;
      border-bottom: 1px solid #2196f3;
      font-weight: 600;
    }
  
    .card-row {
      display: flex;
      justify-content: flex-start;
      gap: 2.5%;
      margin-bottom: 30px;
      flex-wrap: wrap;
    }
  
    .card {
      width: 18%;
      background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
      border-radius: 12px;
      padding: 20px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease;
      cursor: pointer;
      margin-bottom: 25px;
    }
  
    .card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    }
  
    .card-icon {
      width: 50px;
      height: 50px;
      margin-bottom: 15px;
      background: linear-gradient(135deg, #2196f3 0%, #1976d2 100%);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    .card-icon i {
      color: white;
      font-size: 24px;
    }
  
    .card-title {
      font-size: 18px;
      color: #2196f3;
      margin-bottom: 10px;
      font-weight: 600;
    }
  
    .card-description {
      font-size: 14px;
      color: #666;
      line-height: 1.5;
    }
  </style>
{/block}
<!-- /脚本 -->