286 lines
15 KiB
HTML
286 lines
15 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>可信数据空间门户</title>
|
|
<link href="vendor/bootstrap/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
|
<link href="assets/css/styles.css" rel="stylesheet">
|
|
</head>
|
|
<body class="d-flex flex-column min-vh-100">
|
|
<!-- Header -->
|
|
<div id="header"></div>
|
|
|
|
<!-- 主要内容区域 -->
|
|
<div class="container my-5 flex-grow-1">
|
|
<!-- 功能模块标题 -->
|
|
<div class="row mb-4">
|
|
<div class="col-12">
|
|
<h3 class="text-center">功能模块</h3>
|
|
<p class="text-center text-muted">可信数据空间四大核心功能模块</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 功能模块卡片 -->
|
|
<div class="row g-4 mb-5">
|
|
<!-- 数据资产登记卡片 -->
|
|
<div class="col-md-3">
|
|
<div class="card h-100 shadow-sm">
|
|
<div class="card-body d-flex flex-column">
|
|
<div class="d-flex align-items-center mb-3">
|
|
<i class="bi bi-journal-check fs-2 text-primary me-2"></i>
|
|
<h5 class="card-title mb-0">数据资产登记</h5>
|
|
</div>
|
|
<p class="card-text mb-4">专业的数据资产登记服务，助力企业完成数据确权和入表。</p>
|
|
<div class="mt-auto">
|
|
<a href="http://demo.sutedt.com:3060" target="_blank" class="btn btn-primary w-100">立即体验</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 数据治理服务卡片 -->
|
|
<div class="col-md-3">
|
|
<div class="card h-100 shadow-sm">
|
|
<div class="card-body d-flex flex-column">
|
|
<div class="d-flex align-items-center mb-3">
|
|
<i class="bi bi-diagram-3 fs-2 text-success me-2"></i>
|
|
<h5 class="card-title mb-0">数据治理服务</h5>
|
|
</div>
|
|
<p class="card-text mb-4">全面的数据治理能力，提供数据标准化、质量管理等服务。</p>
|
|
<div class="mt-auto">
|
|
<a href="http://120.55.83.177/" target="_blank" class="btn btn-success w-100">了解更多</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 可信数据环境卡片 -->
|
|
<div class="col-md-3">
|
|
<div class="card h-100 shadow-sm">
|
|
<div class="card-body d-flex flex-column">
|
|
<div class="d-flex align-items-center mb-3">
|
|
<i class="bi bi-shield-lock fs-2 text-info me-2"></i>
|
|
<h5 class="card-title mb-0">可信数据环境</h5>
|
|
</div>
|
|
<p class="card-text mb-4">安全可信的数据环境，支持数据沙箱和隐私计算。</p>
|
|
<div class="mt-auto">
|
|
<a href="http://demo.sutedt.com:8100/#/login/admin" target="_blank" class="btn btn-info w-100 text-white">进入环境</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 数据运营服务卡片 -->
|
|
<div class="col-md-3">
|
|
<div class="card h-100 shadow-sm">
|
|
<div class="card-body d-flex flex-column">
|
|
<div class="d-flex align-items-center mb-3">
|
|
<i class="bi bi-graph-up fs-2 text-warning me-2"></i>
|
|
<h5 class="card-title mb-0">数据运营服务</h5>
|
|
</div>
|
|
<p class="card-text mb-4">专业的数据运营服务，助力企业挖掘数据价值。</p>
|
|
<div class="mt-auto">
|
|
<a href="pages/data-market.html" class="btn btn-warning w-100 text-white">进入数据市场</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 核心技术 -->
|
|
<div class="row mt-5 mb-4">
|
|
<div class="col-12">
|
|
<h3 class="text-center">核心技术</h3>
|
|
<p class="text-center text-muted">基于隐私计算的可信数据环境</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 技术轮播图 -->
|
|
<div class="row mb-5">
|
|
<div class="col-12">
|
|
<div id="techCarousel" class="carousel slide" data-bs-ride="carousel">
|
|
<div class="carousel-indicators">
|
|
<button type="button" data-bs-target="#techCarousel" data-bs-slide-to="0" class="active"></button>
|
|
<button type="button" data-bs-target="#techCarousel" data-bs-slide-to="1"></button>
|
|
<button type="button" data-bs-target="#techCarousel" data-bs-slide-to="2"></button>
|
|
<button type="button" data-bs-target="#techCarousel" data-bs-slide-to="3"></button>
|
|
</div>
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<img src="assets/images/政务数据.png" class="d-block w-100 cursor-pointer" alt="政务数据协同" onclick="showImageModal(this)">
|
|
<div class="carousel-caption d-none d-md-block">
|
|
<h5>政务数据协同</h5>
|
|
<p>打破数据孤岛，实现跨部门数据安全共享</p>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<img src="assets/images/政企联合风控.png" class="d-block w-100 cursor-pointer" alt="政企联合风控" onclick="showImageModal(this)">
|
|
<div class="carousel-caption d-none d-md-block">
|
|
<h5>政企联合风控</h5>
|
|
<p>多方数据联合建模，提升风控效果</p>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<img src="assets/images/金融联合营销.png" class="d-block w-100 cursor-pointer" alt="金融联合营销" onclick="showImageModal(this)">
|
|
<div class="carousel-caption d-none d-md-block">
|
|
<h5>金融联合营销</h5>
|
|
<p>数据驱动精准营销，提升转化效率</p>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<img src="assets/images/使能数据交易.png" class="d-block w-100 cursor-pointer" alt="使能数据交易" onclick="showImageModal(this)">
|
|
<div class="carousel-caption d-none d-md-block">
|
|
<h5>使能数据交易</h5>
|
|
<p>安全合规的数据交易环境</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button class="carousel-control-prev" type="button" data-bs-target="#techCarousel" data-bs-slide="prev">
|
|
<span class="carousel-control-prev-icon"></span>
|
|
<span class="visually-hidden">上一个</span>
|
|
</button>
|
|
<button class="carousel-control-next" type="button" data-bs-target="#techCarousel" data-bs-slide="next">
|
|
<span class="carousel-control-next-icon"></span>
|
|
<span class="visually-hidden">下一个</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 应用场景标题 -->
|
|
<div class="row mt-5 mb-4">
|
|
<div class="col-12">
|
|
<h3 class="text-center">应用场景</h3>
|
|
<p class="text-center text-muted">丰富的行业应用场景演示</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 应用场景卡片 -->
|
|
<div class="row g-4">
|
|
<!-- 供应链金融企业信用评级卡片 -->
|
|
<div class="col-md-4">
|
|
<div class="card h-100 shadow-sm">
|
|
<div class="card-body d-flex flex-column">
|
|
<div class="d-flex align-items-center mb-3">
|
|
<i class="bi bi-bank fs-2 text-purple me-2"></i>
|
|
<h5 class="card-title mb-0">供应链金融企业信用评级</h5>
|
|
</div>
|
|
<p class="card-text mb-4">基于多方数据的企业信用评估模型，助力供应链金融风控。</p>
|
|
<div class="mt-auto">
|
|
<ul class="list-unstyled mb-4">
|
|
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>多维度数据分析</li>
|
|
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>实时风险预警</li>
|
|
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>信用评分模型</li>
|
|
</ul>
|
|
<a href="#" class="btn btn-purple w-100">查看详情</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 行业研究数据服务卡片 -->
|
|
<div class="col-md-4">
|
|
<div class="card h-100 shadow-sm">
|
|
<div class="card-body d-flex flex-column">
|
|
<div class="d-flex align-items-center mb-3">
|
|
<i class="bi bi-graph-up-arrow fs-2 text-danger me-2"></i>
|
|
<h5 class="card-title mb-0">行业研究数据服务</h5>
|
|
</div>
|
|
<p class="card-text mb-4">整合多源行业数据，提供深度分析和研究报告服务。</p>
|
|
<div class="mt-auto">
|
|
<ul class="list-unstyled mb-4">
|
|
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>行业趋势分析</li>
|
|
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>市场洞察</li>
|
|
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>竞争情报</li>
|
|
</ul>
|
|
<a href="#" class="btn btn-danger w-100">了解更多</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 工业互联网大模型卡片 -->
|
|
<div class="col-md-4">
|
|
<div class="card h-100 shadow-sm">
|
|
<div class="card-body d-flex flex-column">
|
|
<div class="d-flex align-items-center mb-3">
|
|
<i class="bi bi-cpu fs-2 text-orange me-2"></i>
|
|
<h5 class="card-title mb-0">工业互联网大模型</h5>
|
|
</div>
|
|
<p class="card-text mb-4">基于海量工业数据训练的专业大模型，赋能智能制造。</p>
|
|
<div class="mt-auto">
|
|
<ul class="list-unstyled mb-4">
|
|
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>设备预测性维护</li>
|
|
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>生产优化</li>
|
|
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>质量控制</li>
|
|
</ul>
|
|
<a href="#" class="btn btn-orange w-100">体验演示</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 平台优势 -->
|
|
<div class="row mt-5">
|
|
<div class="col-12">
|
|
<h3 class="text-center mb-4">平台优势</h3>
|
|
<div class="row g-4">
|
|
<div class="col-md-3">
|
|
<div class="text-center">
|
|
<i class="bi bi-shield-check fs-1 text-primary"></i>
|
|
<h5 class="mt-2">安全可靠</h5>
|
|
<p class="text-muted">多重安全防护，确保数据安全</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="text-center">
|
|
<i class="bi bi-lightning fs-1 text-warning"></i>
|
|
<h5 class="mt-2">高效便捷</h5>
|
|
<p class="text-muted">快速接入，便捷管理</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="text-center">
|
|
<i class="bi bi-gear fs-1 text-success"></i>
|
|
<h5 class="mt-2">功能强大</h5>
|
|
<p class="text-muted">全方位数据资产管理</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="text-center">
|
|
<i class="bi bi-graph-up-arrow fs-1 text-info"></i>
|
|
<h5 class="mt-2">价值提升</h5>
|
|
<p class="text-muted">数据价值深度挖掘</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<div id="footer"></div>
|
|
|
|
<!-- 添加图片查看模态框 -->
|
|
<div class="modal fade" id="imageModal" tabindex="-1" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered modal-xl">
|
|
<div class="modal-content bg-transparent border-0">
|
|
<div class="modal-header border-0">
|
|
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body text-center p-0">
|
|
<img src="" id="modalImage" class="img-fluid" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="vendor/bootstrap/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/js/components.js"></script>
|
|
<script src="assets/js/script.js"></script>
|
|
</body>
|
|
</html>
|