182 lines
8.5 KiB
HTML
182 lines
8.5 KiB
HTML
{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}
|
|
<!-- /脚本 --> |