|
@@ -0,0 +1,1476 @@
|
|
|
|
|
+<!DOCTYPE html>
|
|
|
|
|
+<html lang="zh-CN">
|
|
|
|
|
+<head>
|
|
|
|
|
+ <meta charset="UTF-8">
|
|
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
+ <title>江西省文化和旅游研究推广协会 - 会员服务智能化升级</title>
|
|
|
|
|
+ <style>
|
|
|
|
|
+ /* 全局样式 */
|
|
|
|
|
+ * {
|
|
|
|
|
+ margin: 0;
|
|
|
|
|
+ padding: 0;
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
+ font-family: "阿里巴巴普惠体", sans-serif;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ body {
|
|
|
|
|
+ background-color: #f8f4e8;
|
|
|
|
|
+ background-image: url('paper-texture.png');
|
|
|
|
|
+ color: #333;
|
|
|
|
|
+ line-height: 1.6;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ min-height: 100vh;
|
|
|
|
|
+ padding: 20px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ /* 自定义字体 */
|
|
|
|
|
+ @font-face {
|
|
|
|
|
+ font-family: "赣锋体";
|
|
|
|
|
+ src: url('ganfeng.ttf');
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ /* 主色调定义 */
|
|
|
|
|
+ :root {
|
|
|
|
|
+ --primary-blue: #2F7DAD; /* 天青瓷 */
|
|
|
|
|
+ --primary-green: #5B8C5A; /* 香樟绿 */
|
|
|
|
|
+ --primary-gold: #D4B16A; /* 庐金 */
|
|
|
|
|
+ --secondary-gray: #6D6D6D; /* 婺源黛瓦灰 */
|
|
|
|
|
+ --secondary-red: #C53D43; /* 井冈山鹃红 */
|
|
|
|
|
+ --secondary-white: #F0F0F0; /* 鄱阳湖银白 */
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ /* PPT容器 */
|
|
|
|
|
+ .ppt-container {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ max-width: 1400px;
|
|
|
|
|
+ background-color: white;
|
|
|
|
|
+ border-radius: 12px;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ box-shadow: 0 10px 30px rgba(0,0,0,0.1);
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ min-height: 800px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ /* 顶部导航栏 */
|
|
|
|
|
+ .ppt-header {
|
|
|
|
|
+ background: linear-gradient(90deg, var(--primary-blue), var(--primary-green));
|
|
|
|
|
+ height: 100px;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ padding: 0 40px;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .ppt-header::before {
|
|
|
|
|
+ content: "";
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ top: 0;
|
|
|
|
|
+ left: 0;
|
|
|
|
|
+ right: 0;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ background: url('mountain-silhouette.png') bottom center repeat-x;
|
|
|
|
|
+ opacity: 0.2;
|
|
|
|
|
+ z-index: 1;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .ppt-title {
|
|
|
|
|
+ font-family: "赣锋体", serif;
|
|
|
|
|
+ font-size: 2.5rem;
|
|
|
|
|
+ color: white;
|
|
|
|
|
+ text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
|
|
|
|
|
+ z-index: 2;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ /* 主要内容区域 */
|
|
|
|
|
+ .ppt-main {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex: 1;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ /* 左侧目录 */
|
|
|
|
|
+ .sidebar {
|
|
|
|
|
+ width: 280px;
|
|
|
|
|
+ background-color: #f9f9f9;
|
|
|
|
|
+ border-right: 1px solid #eee;
|
|
|
|
|
+ padding: 30px 20px;
|
|
|
|
|
+ overflow-y: auto;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .sidebar-title {
|
|
|
|
|
+ font-family: "赣锋体", serif;
|
|
|
|
|
+ font-size: 1.5rem;
|
|
|
|
|
+ color: var(--primary-blue);
|
|
|
|
|
+ margin-bottom: 25px;
|
|
|
|
|
+ padding-bottom: 10px;
|
|
|
|
|
+ border-bottom: 2px solid var(--primary-blue);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .sidebar-menu {
|
|
|
|
|
+ list-style: none;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .sidebar-item {
|
|
|
|
|
+ margin-bottom: 15px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .sidebar-link {
|
|
|
|
|
+ display: block;
|
|
|
|
|
+ padding: 10px 15px;
|
|
|
|
|
+ color: var(--secondary-gray);
|
|
|
|
|
+ text-decoration: none;
|
|
|
|
|
+ border-radius: 6px;
|
|
|
|
|
+ transition: all 0.3s ease;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ font-size: 1.05rem;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .sidebar-link:hover {
|
|
|
|
|
+ background-color: rgba(47, 125, 173, 0.08);
|
|
|
|
|
+ color: var(--primary-blue);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .sidebar-link.active {
|
|
|
|
|
+ background-color: rgba(47, 125, 173, 0.15);
|
|
|
|
|
+ color: var(--primary-blue);
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .sidebar-link.active::before {
|
|
|
|
|
+ content: "";
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ left: 0;
|
|
|
|
|
+ top: 50%;
|
|
|
|
|
+ transform: translateY(-50%);
|
|
|
|
|
+ width: 4px;
|
|
|
|
|
+ height: 70%;
|
|
|
|
|
+ background-color: var(--primary-gold);
|
|
|
|
|
+ border-radius: 0 2px 2px 0;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ /* 子菜单 */
|
|
|
|
|
+ .submenu {
|
|
|
|
|
+ list-style: none;
|
|
|
|
|
+ margin-left: 25px;
|
|
|
|
|
+ margin-top: 10px;
|
|
|
|
|
+ display: none;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .submenu.active {
|
|
|
|
|
+ display: block;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .submenu-item {
|
|
|
|
|
+ margin-bottom: 8px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .submenu-link {
|
|
|
|
|
+ display: block;
|
|
|
|
|
+ padding: 8px 10px;
|
|
|
|
|
+ color: var(--secondary-gray);
|
|
|
|
|
+ text-decoration: none;
|
|
|
|
|
+ border-radius: 4px;
|
|
|
|
|
+ transition: all 0.3s ease;
|
|
|
|
|
+ font-size: 0.95rem;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .submenu-link:hover {
|
|
|
|
|
+ background-color: rgba(47, 125, 173, 0.05);
|
|
|
|
|
+ color: var(--primary-blue);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .submenu-link.active {
|
|
|
|
|
+ background-color: rgba(47, 125, 173, 0.1);
|
|
|
|
|
+ color: var(--primary-blue);
|
|
|
|
|
+ font-weight: 500;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ /* 内容区域 */
|
|
|
|
|
+ .content-area {
|
|
|
|
|
+ flex: 1;
|
|
|
|
|
+ padding: 40px 50px;
|
|
|
|
|
+ overflow-y: auto;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .section-header {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ margin-bottom: 30px;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .section-number {
|
|
|
|
|
+ font-family: "赣锋体", serif;
|
|
|
|
|
+ font-size: 3rem;
|
|
|
|
|
+ color: var(--primary-blue);
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ margin-right: 20px;
|
|
|
|
|
+ line-height: 1;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .section-title {
|
|
|
|
|
+ font-family: "赣锋体", serif;
|
|
|
|
|
+ font-size: 2.2rem;
|
|
|
|
|
+ color: var(--primary-blue);
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ padding-bottom: 10px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .section-title::after {
|
|
|
|
|
+ content: "";
|
|
|
|
|
+ display: block;
|
|
|
|
|
+ width: 60px;
|
|
|
|
|
+ height: 3px;
|
|
|
|
|
+ background: linear-gradient(to right, var(--primary-blue), var(--primary-green));
|
|
|
|
|
+ margin-top: 10px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .section-desc {
|
|
|
|
|
+ color: var(--secondary-gray);
|
|
|
|
|
+ margin-bottom: 40px;
|
|
|
|
|
+ max-width: 900px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ /* 统计卡片 */
|
|
|
|
|
+ .stats-container {
|
|
|
|
|
+ display: grid;
|
|
|
|
|
+ grid-template-columns: repeat(4, 1fr);
|
|
|
|
|
+ gap: 20px;
|
|
|
|
|
+ margin-bottom: 50px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .stats-card {
|
|
|
|
|
+ background-color: white;
|
|
|
|
|
+ border-radius: 8px;
|
|
|
|
|
+ padding: 20px;
|
|
|
|
|
+ box-shadow: 0 4px 12px rgba(0,0,0,0.08);
|
|
|
|
|
+ border-left: 4px solid var(--primary-blue);
|
|
|
|
|
+ transition: all 0.3s ease;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .stats-card:hover {
|
|
|
|
|
+ transform: translateY(-5px);
|
|
|
|
|
+ box-shadow: 0 8px 20px rgba(0,0,0,0.12);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .stats-value {
|
|
|
|
|
+ font-family: "赣锋体", serif;
|
|
|
|
|
+ font-size: 2.2rem;
|
|
|
|
|
+ color: var(--primary-blue);
|
|
|
|
|
+ margin-bottom: 5px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .stats-label {
|
|
|
|
|
+ color: var(--secondary-gray);
|
|
|
|
|
+ font-size: 0.95rem;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ /* 内容区块 */
|
|
|
|
|
+ .content-block {
|
|
|
|
|
+ display: none;
|
|
|
|
|
+ animation: fadeIn 0.5s ease-in-out;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .content-block.active {
|
|
|
|
|
+ display: block;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ @keyframes fadeIn {
|
|
|
|
|
+ from { opacity: 0; transform: translateY(10px); }
|
|
|
|
|
+ to { opacity: 1; transform: translateY(0); }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .block-title {
|
|
|
|
|
+ font-size: 1.8rem;
|
|
|
|
|
+ color: var(--primary-blue);
|
|
|
|
|
+ margin-bottom: 25px;
|
|
|
|
|
+ padding-bottom: 10px;
|
|
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .block-title::after {
|
|
|
|
|
+ content: "";
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ bottom: -1px;
|
|
|
|
|
+ left: 0;
|
|
|
|
|
+ width: 50px;
|
|
|
|
|
+ height: 2px;
|
|
|
|
|
+ background-color: var(--primary-gold);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ /* 功能卡片 */
|
|
|
|
|
+ .feature-grid {
|
|
|
|
|
+ display: grid;
|
|
|
|
|
+ grid-template-columns: repeat(3, 1fr);
|
|
|
|
|
+ gap: 25px;
|
|
|
|
|
+ margin-top: 30px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ @media (max-width: 1200px) {
|
|
|
|
|
+ .feature-grid {
|
|
|
|
|
+ grid-template-columns: repeat(2, 1fr);
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ @media (max-width: 768px) {
|
|
|
|
|
+ .feature-grid {
|
|
|
|
|
+ grid-template-columns: 1fr;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .feature-card {
|
|
|
|
|
+ background-color: white;
|
|
|
|
|
+ border-radius: 8px;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ box-shadow: 0 4px 12px rgba(0,0,0,0.08);
|
|
|
|
|
+ transition: all 0.3s ease;
|
|
|
|
|
+ border-top: 4px solid var(--primary-blue);
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .feature-card:hover {
|
|
|
|
|
+ transform: translateY(-5px);
|
|
|
|
|
+ box-shadow: 0 12px 24px rgba(0,0,0,0.12);
|
|
|
|
|
+ border-top-color: var(--primary-gold);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .card-header {
|
|
|
|
|
+ padding: 25px;
|
|
|
|
|
+ background-color: rgba(47, 125, 173, 0.03);
|
|
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .card-icon {
|
|
|
|
|
+ font-size: 2.5rem;
|
|
|
|
|
+ color: var(--primary-gold);
|
|
|
|
|
+ margin-bottom: 15px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .card-title {
|
|
|
|
|
+ font-size: 1.3rem;
|
|
|
|
|
+ color: var(--primary-blue);
|
|
|
|
|
+ margin-bottom: 5px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .card-content {
|
|
|
|
|
+ padding: 25px;
|
|
|
|
|
+ flex: 1;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .card-desc {
|
|
|
|
|
+ color: var(--secondary-gray);
|
|
|
|
|
+ font-size: 0.95rem;
|
|
|
|
|
+ line-height: 1.6;
|
|
|
|
|
+ margin-bottom: 15px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .card-list {
|
|
|
|
|
+ list-style: none;
|
|
|
|
|
+ margin-top: 10px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .card-list li {
|
|
|
|
|
+ margin-bottom: 8px;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .card-list li::before {
|
|
|
|
|
+ content: "•";
|
|
|
|
|
+ color: var(--primary-gold);
|
|
|
|
|
+ margin-right: 10px;
|
|
|
|
|
+ font-size: 1.2rem;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .card-footer {
|
|
|
|
|
+ padding: 15px 25px;
|
|
|
|
|
+ border-top: 1px solid #eee;
|
|
|
|
|
+ background-color: rgba(47, 125, 173, 0.03);
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .card-link {
|
|
|
|
|
+ color: var(--primary-blue);
|
|
|
|
|
+ text-decoration: none;
|
|
|
|
|
+ font-weight: 500;
|
|
|
|
|
+ transition: all 0.3s ease;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .card-link:hover {
|
|
|
|
|
+ color: var(--primary-gold);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .card-link i {
|
|
|
|
|
+ margin-left: 5px;
|
|
|
|
|
+ transition: all 0.3s ease;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .card-link:hover i {
|
|
|
|
|
+ transform: translateX(3px);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .card-status {
|
|
|
|
|
+ font-size: 0.9rem;
|
|
|
|
|
+ padding: 3px 8px;
|
|
|
|
|
+ border-radius: 4px;
|
|
|
|
|
+ background-color: rgba(91, 140, 90, 0.1);
|
|
|
|
|
+ color: var(--primary-green);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ /* 流程图 */
|
|
|
|
|
+ .flow-chart {
|
|
|
|
|
+ margin: 40px 0;
|
|
|
|
|
+ padding: 30px;
|
|
|
|
|
+ background-color: white;
|
|
|
|
|
+ border-radius: 8px;
|
|
|
|
|
+ box-shadow: 0 4px 12px rgba(0,0,0,0.08);
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .flow-title {
|
|
|
|
|
+ font-size: 1.3rem;
|
|
|
|
|
+ color: var(--primary-blue);
|
|
|
|
|
+ margin-bottom: 25px;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .flow-steps {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .flow-steps::before {
|
|
|
|
|
+ content: "";
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ top: 50%;
|
|
|
|
|
+ left: 0;
|
|
|
|
|
+ right: 0;
|
|
|
|
|
+ height: 2px;
|
|
|
|
|
+ background-color: #eee;
|
|
|
|
|
+ transform: translateY(-50%);
|
|
|
|
|
+ z-index: 1;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .flow-step {
|
|
|
|
|
+ width: 100px;
|
|
|
|
|
+ height: 100px;
|
|
|
|
|
+ border-radius: 50%;
|
|
|
|
|
+ background-color: white;
|
|
|
|
|
+ border: 2px solid var(--primary-blue);
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ z-index: 2;
|
|
|
|
|
+ transition: all 0.3s ease;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .flow-step:hover {
|
|
|
|
|
+ background-color: rgba(47, 125, 173, 0.05);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .step-number {
|
|
|
|
|
+ font-family: "赣锋体", serif;
|
|
|
|
|
+ font-size: 1.5rem;
|
|
|
|
|
+ color: var(--primary-blue);
|
|
|
|
|
+ margin-bottom: 5px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .step-label {
|
|
|
|
|
+ font-size: 0.9rem;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ color: var(--secondary-gray);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ /* 案例展示 */
|
|
|
|
|
+ .case-studies {
|
|
|
|
|
+ margin-top: 40px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .case-title {
|
|
|
|
|
+ font-size: 1.5rem;
|
|
|
|
|
+ color: var(--primary-blue);
|
|
|
|
|
+ margin-bottom: 20px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .case-grid {
|
|
|
|
|
+ display: grid;
|
|
|
|
|
+ grid-template-columns: repeat(2, 1fr);
|
|
|
|
|
+ gap: 25px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .case-card {
|
|
|
|
|
+ background-color: white;
|
|
|
|
|
+ border-radius: 8px;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ box-shadow: 0 4px 12px rgba(0,0,0,0.08);
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ transition: all 0.3s ease;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .case-card:hover {
|
|
|
|
|
+ transform: translateY(-5px);
|
|
|
|
|
+ box-shadow: 0 12px 24px rgba(0,0,0,0.12);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .case-image {
|
|
|
|
|
+ width: 35%;
|
|
|
|
|
+ background-size: cover;
|
|
|
|
|
+ background-position: center;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .case-content {
|
|
|
|
|
+ width: 65%;
|
|
|
|
|
+ padding: 20px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .case-name {
|
|
|
|
|
+ font-size: 1.2rem;
|
|
|
|
|
+ color: var(--primary-blue);
|
|
|
|
|
+ margin-bottom: 10px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .case-desc {
|
|
|
|
|
+ color: var(--secondary-gray);
|
|
|
|
|
+ font-size: 0.9rem;
|
|
|
|
|
+ margin-bottom: 15px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .case-meta {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
|
+ gap: 10px;
|
|
|
|
|
+ font-size: 0.85rem;
|
|
|
|
|
+ color: var(--secondary-gray);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .case-tag {
|
|
|
|
|
+ padding: 2px 8px;
|
|
|
|
|
+ background-color: rgba(47, 125, 173, 0.1);
|
|
|
|
|
+ border-radius: 4px;
|
|
|
|
|
+ color: var(--primary-blue);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ /* 数据统计图表 */
|
|
|
|
|
+ .chart-container {
|
|
|
|
|
+ margin: 40px 0;
|
|
|
|
|
+ padding: 30px;
|
|
|
|
|
+ background-color: white;
|
|
|
|
|
+ border-radius: 8px;
|
|
|
|
|
+ box-shadow: 0 4px 12px rgba(0,0,0,0.08);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .chart-title {
|
|
|
|
|
+ font-size: 1.5rem;
|
|
|
|
|
+ color: var(--primary-blue);
|
|
|
|
|
+ margin-bottom: 20px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ /* 实施计划时间线 */
|
|
|
|
|
+ .timeline {
|
|
|
|
|
+ margin: 40px 0;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .timeline::before {
|
|
|
|
|
+ content: "";
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ top: 0;
|
|
|
|
|
+ bottom: 0;
|
|
|
|
|
+ left: 19px;
|
|
|
|
|
+ width: 2px;
|
|
|
|
|
+ background-color: var(--primary-blue);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .timeline-item {
|
|
|
|
|
+ margin-bottom: 30px;
|
|
|
|
|
+ padding-left: 50px;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .timeline-marker {
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ left: 0;
|
|
|
|
|
+ top: 0;
|
|
|
|
|
+ width: 40px;
|
|
|
|
|
+ height: 40px;
|
|
|
|
|
+ border-radius: 50%;
|
|
|
|
|
+ background-color: var(--primary-blue);
|
|
|
|
|
+ color: white;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ z-index: 1;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .timeline-content {
|
|
|
|
|
+ background-color: white;
|
|
|
|
|
+ border-radius: 8px;
|
|
|
|
|
+ padding: 20px;
|
|
|
|
|
+ box-shadow: 0 4px 12px rgba(0,0,0,0.08);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .timeline-title {
|
|
|
|
|
+ font-size: 1.2rem;
|
|
|
|
|
+ color: var(--primary-blue);
|
|
|
|
|
+ margin-bottom: 10px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .timeline-date {
|
|
|
|
|
+ font-size: 0.9rem;
|
|
|
|
|
+ color: var(--secondary-gray);
|
|
|
|
|
+ margin-bottom: 15px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .timeline-desc {
|
|
|
|
|
+ color: var(--secondary-gray);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ /* 底部导航 */
|
|
|
|
|
+ .ppt-footer {
|
|
|
|
|
+ background-color: #f9f9f9;
|
|
|
|
|
+ border-top: 1px solid #eee;
|
|
|
|
|
+ padding: 20px 40px;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .footer-nav {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ gap: 15px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .footer-btn {
|
|
|
|
|
+ display: inline-block;
|
|
|
|
|
+ width: 35px;
|
|
|
|
|
+ height: 35px;
|
|
|
|
|
+ border-radius: 50%;
|
|
|
|
|
+ background-color: var(--primary-blue);
|
|
|
|
|
+ color: white;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ text-decoration: none;
|
|
|
|
|
+ transition: all 0.3s ease;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .footer-btn:hover {
|
|
|
|
|
+ background-color: var(--primary-gold);
|
|
|
|
|
+ transform: translateY(-2px);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .footer-btn.prev {
|
|
|
|
|
+ background-color: #6D6D6D;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .footer-btn.prev:hover {
|
|
|
|
|
+ background-color: #555;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .footer-info {
|
|
|
|
|
+ color: var(--secondary-gray);
|
|
|
|
|
+ font-size: 0.9rem;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ /* 响应式设计 */
|
|
|
|
|
+ @media (max-width: 1024px) {
|
|
|
|
|
+ .ppt-main {
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .sidebar {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ border-right: none;
|
|
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .content-area {
|
|
|
|
|
+ padding: 30px 25px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .stats-container {
|
|
|
|
|
+ grid-template-columns: repeat(2, 1fr);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .flow-steps {
|
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ gap: 30px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .flow-steps::before {
|
|
|
|
|
+ display: none;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .case-grid {
|
|
|
|
|
+ grid-template-columns: 1fr;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ @media (max-width: 768px) {
|
|
|
|
|
+ .ppt-header {
|
|
|
|
|
+ padding: 0 25px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .ppt-title {
|
|
|
|
|
+ font-size: 2rem;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .section-number {
|
|
|
|
|
+ font-size: 2.5rem;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .section-title {
|
|
|
|
|
+ font-size: 1.8rem;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .stats-container {
|
|
|
|
|
+ grid-template-columns: 1fr;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .case-card {
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .case-image {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 150px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .case-content {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .ppt-footer {
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ gap: 15px;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ </style>
|
|
|
|
|
+</head>
|
|
|
|
|
+<body>
|
|
|
|
|
+ <div class="ppt-container">
|
|
|
|
|
+ <!-- PPT头部 -->
|
|
|
|
|
+ <div class="ppt-header">
|
|
|
|
|
+ <h1 class="ppt-title">会员服务智能化升级</h1>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 主要内容区域 -->
|
|
|
|
|
+ <div class="ppt-main">
|
|
|
|
|
+ <!-- 左侧目录 -->
|
|
|
|
|
+ <div class="sidebar">
|
|
|
|
|
+ <h3 class="sidebar-title">内容导航</h3>
|
|
|
|
|
+ <ul class="sidebar-menu">
|
|
|
|
|
+ <li class="sidebar-item">
|
|
|
|
|
+ <a href="#" class="sidebar-link active" data-target="4.1">
|
|
|
|
|
+ <i class="fas fa-user-circle mr-2"></i>4.1 会员门户
|
|
|
|
|
+ </a>
|
|
|
|
|
+ <ul class="submenu active" id="submenu-4.1">
|
|
|
|
|
+ <li class="submenu-item">
|
|
|
|
|
+ <a href="#" class="submenu-link active" data-target="4.1.1">智能注册</a>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="submenu-item">
|
|
|
|
|
+ <a href="#" class="submenu-link" data-target="4.1.2">会员风采</a>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="submenu-item">
|
|
|
|
|
+ <a href="#" class="submenu-link" data-target="4.1.3">单位对接</a>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="sidebar-item">
|
|
|
|
|
+ <a href="#" class="sidebar-link" data-target="4.2">
|
|
|
|
|
+ <i class="fas fa-users mr-2"></i>4.2 共创空间
|
|
|
|
|
+ </a>
|
|
|
|
|
+ <ul class="submenu" id="submenu-4.2">
|
|
|
|
|
+ <li class="submenu-item">
|
|
|
|
|
+ <a href="#" class="submenu-link" data-target="4.2.1">项目众包</a>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="submenu-item">
|
|
|
|
|
+ <a href="#" class="submenu-link" data-target="4.2.2">资源交易</a>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="submenu-item">
|
|
|
|
|
+ <a href="#" class="submenu-link" data-target="4.2.3">协同创作</a>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="sidebar-item">
|
|
|
|
|
+ <a href="#" class="sidebar-link" data-target="4.3">
|
|
|
|
|
+ <i class="fas fa-trophy mr-2"></i>4.3 奖励体系
|
|
|
|
|
+ </a>
|
|
|
|
|
+ <ul class="submenu" id="submenu-4.3">
|
|
|
|
|
+ <li class="submenu-item">
|
|
|
|
|
+ <a href="#" class="submenu-link" data-target="4.3.1">奖项申报</a>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="submenu-item">
|
|
|
|
|
+ <a href="#" class="submenu-link" data-target="4.3.2">成果展示</a>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="sidebar-item">
|
|
|
|
|
+ <a href="#" class="sidebar-link" data-target="4.4">
|
|
|
|
|
+ <i class="fas fa-chart-line mr-2"></i>4.4 数据统计
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="sidebar-item">
|
|
|
|
|
+ <a href="#" class="sidebar-link" data-target="4.5">
|
|
|
|
|
+ <i class="fas fa-calendar-alt mr-2"></i>4.5 实施计划
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 内容区域 -->
|
|
|
|
|
+ <div class="content-area">
|
|
|
|
|
+ <div class="section-header">
|
|
|
|
|
+ <div class="section-number">4</div>
|
|
|
|
|
+ <h2 class="section-title">会员服务（智能化升级）</h2>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <p class="section-desc">
|
|
|
|
|
+ 江西省文化和旅游研究推广协会致力于为会员单位提供全方位、智能化的服务体系。本章节将详细介绍协会在会员服务智能化升级方面的核心内容，包括会员门户、共创空间、奖励体系等模块的建设情况与功能特点。
|
|
|
|
|
+ </p>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 统计卡片 -->
|
|
|
|
|
+ <div class="stats-container">
|
|
|
|
|
+ <div class="stats-card">
|
|
|
|
|
+ <div class="stats-value">300+</div>
|
|
|
|
|
+ <div class="stats-label">活跃会员单位</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="stats-card">
|
|
|
|
|
+ <div class="stats-value">2000+</div>
|
|
|
|
|
+ <div class="stats-label">文化资源项目</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="stats-card">
|
|
|
|
|
+ <div class="stats-value">85%</div>
|
|
|
|
|
+ <div class="stats-label">会员满意度</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="stats-card">
|
|
|
|
|
+ <div class="stats-value">50+</div>
|
|
|
|
|
+ <div class="stats-label">合作机构</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 4.1 会员门户 -->
|
|
|
|
|
+ <div class="content-block active" id="4.1">
|
|
|
|
|
+ <h3 class="block-title">4.1 会员门户</h3>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="flow-chart">
|
|
|
|
|
+ <h4 class="flow-title">会员门户服务流程</h4>
|
|
|
|
|
+ <div class="flow-steps">
|
|
|
|
|
+ <div class="flow-step">
|
|
|
|
|
+ <div class="step-number">1</div>
|
|
|
|
|
+ <div class="step-label">智能注册</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="flow-step">
|
|
|
|
|
+ <div class="step-number">2</div>
|
|
|
|
|
+ <div class="step-label">资料审核</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="flow-step">
|
|
|
|
|
+ <div class="step-number">3</div>
|
|
|
|
|
+ <div class="step-label">会员认证</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="flow-step">
|
|
|
|
|
+ <div class="step-number">4</div>
|
|
|
|
|
+ <div class="step-label">平台服务</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="flow-step">
|
|
|
|
|
+ <div class="step-number">5</div>
|
|
|
|
|
+ <div class="step-label">持续成长</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="feature-grid">
|
|
|
|
|
+ <div class="feature-card" id="4.1.1">
|
|
|
|
|
+ <div class="card-header">
|
|
|
|
|
+ <div class="card-icon">📝</div>
|
|
|
|
|
+ <h4 class="card-title">智能注册（OCR证件识别）</h4>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="card-content">
|
|
|
|
|
+ <p class="card-desc">
|
|
|
|
|
+ 通过OCR光学字符识别技术，自动读取身份证、营业执照等证件信息，实现30秒快速注册，减少手动录入错误，提升注册效率。
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <ul class="card-list">
|
|
|
|
|
+ <li>身份证、营业执照自动识别</li>
|
|
|
|
|
+ <li>30秒完成基础信息录入</li>
|
|
|
|
|
+ <li>智能信息核验与纠错</li>
|
|
|
|
|
+ <li>多维度安全验证机制</li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="card-footer">
|
|
|
|
|
+ <a href="#" class="card-link">
|
|
|
|
|
+ 查看详情 <i class="fas fa-arrow-right"></i>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ <span class="card-status">已上线</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="feature-card" id="4.1.2">
|
|
|
|
|
+ <div class="card-header">
|
|
|
|
|
+ <div class="card-icon">🎥</div>
|
|
|
|
|
+ <h4 class="card-title">会员风采（VR展厅）</h4>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="card-content">
|
|
|
|
|
+ <p class="card-desc">
|
|
|
|
|
+ 搭建虚拟 reality 展厅，360°展示会员单位成就、特色项目与文化理念，支持在线导览与互动交流，提升会员单位品牌影响力。
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <ul class="card-list">
|
|
|
|
|
+ <li>3D虚拟展厅环境</li>
|
|
|
|
|
+ <li>交互式内容展示</li>
|
|
|
|
|
+ <li>在线导览与讲解</li>
|
|
|
|
|
+ <li>数据统计与分析</li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="card-footer">
|
|
|
|
|
+ <a href="#" class="card-link">
|
|
|
|
|
+ 查看详情 <i class="fas fa-arrow-right"></i>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ <span class="card-status">测试中</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="feature-card" id="4.1.3">
|
|
|
|
|
+ <div class="card-header">
|
|
|
|
|
+ <div class="card-icon">🤝</div>
|
|
|
|
|
+ <h4 class="card-title">单位对接（智能匹配系统）</h4>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="card-content">
|
|
|
|
|
+ <p class="card-desc">
|
|
|
|
|
+ 基于大数据分析的智能匹配系统，根据会员单位业务领域、资源需求等维度，精准推荐合作对象，促进会员之间的资源整合与协同发展。
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <ul class="card-list">
|
|
|
|
|
+ <li>多维度智能匹配算法</li>
|
|
|
|
|
+ <li>精准推荐合作对象</li>
|
|
|
|
|
+ <li>合作意向在线沟通</li>
|
|
|
|
|
+ <li>合作项目全流程管理</li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="card-footer">
|
|
|
|
|
+ <a href="#" class="card-link">
|
|
|
|
|
+ 查看详情 <i class="fas fa-arrow-right"></i>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ <span class="card-status">开发中</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 案例展示 -->
|
|
|
|
|
+ <div class="case-studies">
|
|
|
|
|
+ <h4 class="case-title">成功案例</h4>
|
|
|
|
|
+ <div class="case-grid">
|
|
|
|
|
+ <div class="case-card">
|
|
|
|
|
+ <div class="case-image" style="background-image: url('https://picsum.photos/seed/case1/400/300');"></div>
|
|
|
|
|
+ <div class="case-content">
|
|
|
|
|
+ <h5 class="case-name">滕王阁文化数字博物馆</h5>
|
|
|
|
|
+ <p class="case-desc">通过VR展厅技术，全面展示滕王阁历史文化与现代价值，吸引了超过10万人次在线参观，提升了会员单位的品牌影响力。</p>
|
|
|
|
|
+ <div class="case-meta">
|
|
|
|
|
+ <span class="case-tag">VR展厅</span>
|
|
|
|
|
+ <span class="case-tag">文化传播</span>
|
|
|
|
|
+ <span class="case-tag">会员服务</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="case-card">
|
|
|
|
|
+ <div class="case-image" style="background-image: url('https://picsum.photos/seed/case2/400/300');"></div>
|
|
|
|
|
+ <div class="case-content">
|
|
|
|
|
+ <h5 class="case-name">景德镇陶瓷企业智能对接</h5>
|
|
|
|
|
+ <p class="case-desc">通过智能匹配系统，成功促成景德镇陶瓷企业与设计机构的合作，共同开发出多款文创产品，实现了双方的互利共赢。</p>
|
|
|
|
|
+ <div class="case-meta">
|
|
|
|
|
+ <span class="case-tag">智能匹配</span>
|
|
|
|
|
+ <span class="case-tag">产业合作</span>
|
|
|
|
|
+ <span class="case-tag">文创产品</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 4.2 共创空间 -->
|
|
|
|
|
+ <div class="content-block" id="4.2">
|
|
|
|
|
+ <h3 class="block-title">4.2 共创空间</h3>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="feature-grid">
|
|
|
|
|
+ <div class="feature-card" id="4.2.1">
|
|
|
|
|
+ <div class="card-header">
|
|
|
|
|
+ <div class="card-icon">👥</div>
|
|
|
|
|
+ <h4 class="card-title">项目众包（传记撰写/IP设计接单）</h4>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="card-content">
|
|
|
|
|
+ <p class="card-desc">
|
|
|
|
|
+ 开放众包平台，会员可发布文化传记撰写、文旅IP设计等任务，整合行业智慧，降低创作成本，提高项目质量与效率。
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <ul class="card-list">
|
|
|
|
|
+ <li>任务发布与管理</li>
|
|
|
|
|
+ <li>创作者招募与筛选</li>
|
|
|
|
|
+ <li>在线协作与沟通</li>
|
|
|
|
|
+ <li>项目验收与结算</li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="card-footer">
|
|
|
|
|
+ <a href="#" class="card-link">
|
|
|
|
|
+ 查看详情 <i class="fas fa-arrow-right"></i>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ <span class="card-status">已上线</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="feature-card" id="4.2.2">
|
|
|
|
|
+ <div class="card-header">
|
|
|
|
|
+ <div class="card-icon">💱</div>
|
|
|
|
|
+ <h4 class="card-title">资源交易（文化数据确权交易）</h4>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="card-content">
|
|
|
|
|
+ <p class="card-desc">
|
|
|
|
|
+ 建立文化数据确权交易平台，支持会员单位将原创文化素材、研究数据等进行确权并市场化交易，促进文化资源的有效流动与价值转化。
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <ul class="card-list">
|
|
|
|
|
+ <li>文化资源数字化确权</li>
|
|
|
|
|
+ <li>版权管理与保护</li>
|
|
|
|
|
+ <li>在线交易与结算</li>
|
|
|
|
|
+ <li>数据分析与评估</li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="card-footer">
|
|
|
|
|
+ <a href="#" class="card-link">
|
|
|
|
|
+ 查看详情 <i class="fas fa-arrow-right"></i>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ <span class="card-status">开发中</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="feature-card" id="4.2.3">
|
|
|
|
|
+ <div class="card-header">
|
|
|
|
|
+ <div class="card-icon">🎨</div>
|
|
|
|
|
+ <h4 class="card-title">协同创作（文化内容共创平台）</h4>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="card-content">
|
|
|
|
|
+ <p class="card-desc">
|
|
|
|
|
+ 提供实时协作工具，支持多名创作者共同完成文化内容创作，实现资源共享、优势互补，提升文化产品的创作效率与质量。
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <ul class="card-list">
|
|
|
|
|
+ <li>实时多人协作编辑</li>
|
|
|
|
|
+ <li>版本控制与历史记录</li>
|
|
|
|
|
+ <li>资源共享与管理</li>
|
|
|
|
|
+ <li>创作过程可视化</li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="card-footer">
|
|
|
|
|
+ <a href="#" class="card-link">
|
|
|
|
|
+ 查看详情 <i class="fas fa-arrow-right"></i>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ <span class="card-status">规划中</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 流程图 -->
|
|
|
|
|
+ <div class="flow-chart">
|
|
|
|
|
+ <h4 class="flow-title">共创空间运作流程</h4>
|
|
|
|
|
+ <div class="flow-steps">
|
|
|
|
|
+ <div class="flow-step">
|
|
|
|
|
+ <div class="step-number">1</div>
|
|
|
|
|
+ <div class="step-label">需求发布</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="flow-step">
|
|
|
|
|
+ <div class="step-number">2</div>
|
|
|
|
|
+ <div class="step-label">资源匹配</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="flow-step">
|
|
|
|
|
+ <div class="step-number">3</div>
|
|
|
|
|
+ <div class="step-label">合作达成</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="flow-step">
|
|
|
|
|
+ <div class="step-number">4</div>
|
|
|
|
|
+ <div class="step-label">协同创作</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="flow-step">
|
|
|
|
|
+ <div class="step-number">5</div>
|
|
|
|
|
+ <div class="step-label">成果交付</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 案例展示 -->
|
|
|
|
|
+ <div class="case-studies">
|
|
|
|
|
+ <h4 class="case-title">成功案例</h4>
|
|
|
|
|
+ <div class="case-grid">
|
|
|
|
|
+ <div class="case-card">
|
|
|
|
|
+ <div class="case-image" style="background-image: url('https://picsum.photos/seed/case3/400/300');"></div>
|
|
|
|
|
+ <div class="case-content">
|
|
|
|
|
+ <h5 class="case-name">江西茶文化系列传记项目</h5>
|
|
|
|
|
+ <p class="case-desc">通过项目众包平台，集结了省内多位茶文化专家与作家，共同撰写《江西茶文化通史》，项目周期缩短40%，内容质量显著提升。</p>
|
|
|
|
|
+ <div class="case-meta">
|
|
|
|
|
+ <span class="case-tag">项目众包</span>
|
|
|
|
|
+ <span class="case-tag">文化研究</span>
|
|
|
|
|
+ <span class="case-tag">协同创作</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="case-card">
|
|
|
|
|
+ <div class="case-image" style="background-image: url('https://picsum.photos/seed/case4/400/300');"></div>
|
|
|
|
|
+ <div class="case-content">
|
|
|
|
|
+ <h5 class="case-name">红色旅游IP设计大赛</h5>
|
|
|
|
|
+ <p class="case-desc">利用共创空间平台举办红色旅游IP设计大赛，吸引了全国200余位设计师参与，征集作品500余件，为江西红色旅游发展注入了新活力。</p>
|
|
|
|
|
+ <div class="case-meta">
|
|
|
|
|
+ <span class="case-tag">IP设计</span>
|
|
|
|
|
+ <span class="case-tag">红色旅游</span>
|
|
|
|
|
+ <span class="case-tag">文化创意</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 4.3 奖励体系 -->
|
|
|
|
|
+ <div class="content-block" id="4.3">
|
|
|
|
|
+ <h3 class="block-title">4.3 奖励体系</h3>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="feature-grid">
|
|
|
|
|
+ <div class="feature-card" id="4.3.1">
|
|
|
|
|
+ <div class="card-header">
|
|
|
|
|
+ <div class="card-icon">🏆</div>
|
|
|
|
|
+ <h4 class="card-title">奖项申报（线上申报评审系统）</h4>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="card-content">
|
|
|
|
|
+ <p class="card-desc">
|
|
|
|
|
+ 构建线上奖项申报与评审系统，实现申报材料电子化提交、专家在线评审、评审过程透明化，提升奖项评选的公正性与效率。
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <ul class="card-list">
|
|
|
|
|
+ <li>多类型奖项设置</li>
|
|
|
|
|
+ <li>在线材料提交与管理</li>
|
|
|
|
|
+ <li>专家智能匹配与分配</li>
|
|
|
|
|
+ <li>评审过程全程记录</li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="card-footer">
|
|
|
|
|
+ <a href="#" class="card-link">
|
|
|
|
|
+ 查看详情 <i class="fas fa-arrow-right"></i>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ <span class="card-status">已上线</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="feature-card" id="4.3.2">
|
|
|
|
|
+ <div class="card-header">
|
|
|
|
|
+ <div class="card-icon">🌟</div>
|
|
|
|
|
+ <h4 class="card-title">成果展示（文化成果数字展厅）</h4>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="card-content">
|
|
|
|
|
+ <p class="card-desc">
|
|
|
|
|
+ 搭建数字化成果展示平台，集中展示会员单位优秀文化成果，包括学术著作、文创产品、研究报告等，促进文化成果的传播与转化。
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <ul class="card-list">
|
|
|
|
|
+ <li>多维度成果分类展示</li>
|
|
|
|
|
+ <li>在线浏览与下载</li>
|
|
|
|
|
+ <li>成果数据统计分析</li>
|
|
|
|
|
+ <li>成果转化对接服务</li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="card-footer">
|
|
|
|
|
+ <a href="#" class="card-link">
|
|
|
|
|
+ 查看详情 <i class="fas fa-arrow-right"></i>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ <span class="card-status">已上线</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 统计图表 -->
|
|
|
|
|
+ <div class="chart-container">
|
|
|
|
|
+ <h4 class="chart-title">近五年获奖情况统计</h4>
|
|
|
|
|
+ <div class="chart" style="height: 300px; width: 100%; background-color: #f9f9f9; border-radius: 8px; display: flex; justify-content: center; align-items: center;">
|
|
|
|
|
+ <!-- 图表将在这里显示 -->
|
|
|
|
|
+ <div class="placeholder-text">近五年获奖情况统计图表</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 案例展示 -->
|
|
|
|
|
+ <div class="case-studies">
|
|
|
|
|
+ <h4 class="case-title">奖励体系案例</h4>
|
|
|
|
|
+ <div class="case-grid">
|
|
|
|
|
+ <div class="case-card">
|
|
|
|
|
+ <div class="case-image" style="background-image: url('https://picsum.photos/seed/case5/400/300');"></div>
|
|
|
|
|
+ <div class="case-content">
|
|
|
|
|
+ <h5 class="case-name">江西省优秀文旅研究成果奖</h5>
|
|
|
|
|
+ <p class="case-desc">通过线上申报评审系统，成功评选出50项优秀文旅研究成果，涵盖规划设计、市场营销、文化保护等多个领域，推动了文旅行业的学术研究与实践创新。</p>
|
|
|
|
|
+ <div class="case-meta">
|
|
|
|
|
+ <span class="case-tag">奖项评选</span>
|
|
|
|
|
+ <span class="case-tag">文旅研究</span>
|
|
|
|
|
+ <span class="case-tag">成果转化</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="case-card">
|
|
|
|
|
+ <div class="case-image" style="background-image: url('https://picsum.photos/seed/case6/400/300');"></div>
|
|
|
|
|
+ <div class="case-content">
|
|
|
|
|
+ <h5 class="case-name">江西文化创新成果展</h5>
|
|
|
|
|
+ <p class="case-desc">利用成果展示平台，集中展示了100余项江西文化创新成果，吸引了超过20万人次在线参观，促成了30余项成果转化合作，产生经济效益超过5000万元。</p>
|
|
|
|
|
+ <div class="case-meta">
|
|
|
|
|
+ <span class="case-tag">成果展示</span>
|
|
|
|
|
+ <span class="case-tag">文化创新</span>
|
|
|
|
|
+ <span class="case-tag">产业合作</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 4.4 数据统计 -->
|
|
|
|
|
+ <div class="content-block" id="4.4">
|
|
|
|
|
+ <h3 class="block-title">4.4 数据统计</h3>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="chart-container">
|
|
|
|
|
+ <h4 class="chart-title">会员活跃度分析</h4>
|
|
|
|
|
+ <div class="chart" style="height: 350px; width: 100%; background-color: #f9f9f9; border-radius: 8px; display: flex; justify-content: center; align-items: center;">
|
|
|
|
|
+ <!-- 图表将在这里显示 -->
|
|
|
|
|
+ <div class="placeholder-text">会员活跃度分析图表</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="chart-container">
|
|
|
|
|
+ <h4 class="chart-title">服务使用情况统计</h4>
|
|
|
|
|
+ <div class="chart" style="height: 350px; width: 100%; background-color: #f9f9f9; border-radius: 8px; display: flex; justify-content: center; align-items: center;">
|
|
|
|
|
+ <!-- 图表将在这里显示 -->
|
|
|
|
|
+ <div class="placeholder-text">服务使用情况统计图表</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="chart-container">
|
|
|
|
|
+ <h4 class="chart-title">资源交易数据分析</h4>
|
|
|
|
|
+ <div class="chart" style="height: 350px; width: 100%; background-color: #f9f9f9; border-radius: 8px; display: flex; justify-content: center; align-items: center;">
|
|
|
|
|
+ <!-- 图表将在这里显示 -->
|
|
|
|
|
+ <div class="placeholder-text">资源交易数据分析图表</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 4.5 实施计划 -->
|
|
|
|
|
+ <div class="content-block" id="4.5">
|
|
|
|
|
+ <h3 class="block-title">4.5 实施计划</h3>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="timeline">
|
|
|
|
|
+ <div class="timeline-item">
|
|
|
|
|
+ <div class="timeline-marker">Q1</div>
|
|
|
|
|
+ <div class="timeline-content">
|
|
|
|
|
+ <h4 class="timeline-title">系统需求分析与设计</h4>
|
|
|
|
|
+ <p class="timeline-date">2025年第一季度</p>
|
|
|
|
|
+ <p class="timeline-desc">完成会员服务智能化升级系统的需求调研、分析与设计工作，确定系统架构、功能模块与技术方案。</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="timeline-item">
|
|
|
|
|
+ <div class="timeline-marker">Q2</div>
|
|
|
|
|
+ <div class="timeline-content">
|
|
|
|
|
+ <h4 class="timeline-title">系统开发与测试</h4>
|
|
|
|
|
+ <p class="timeline-date">2025年第二季度</p>
|
|
|
|
|
+ <p class="timeline-desc">按照设计方案进行系统开发工作，完成主要功能模块的编码与单元测试，开展集成测试与系统测试。</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="timeline-item">
|
|
|
|
|
+ <div class="timeline-marker">Q3</div>
|
|
|
|
|
+ <div class="timeline-content">
|
|
|
|
|
+ <h4 class="timeline-title">试点运行与优化</h4>
|
|
|
|
|
+ <p class="timeline-date">2025年第三季度</p>
|
|
|
|
|
+ <p class="timeline-desc">选择部分会员单位进行试点运行，收集反馈意见，对系统进行优化调整，完善系统功能与性能。</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="timeline-item">
|
|
|
|
|
+ <div class="timeline-marker">Q4</div>
|
|
|
|
|
+ <div class="timeline-content">
|
|
|
|
|
+ <h4 class="timeline-title">全面推广与应用</h4>
|
|
|
|
|
+ <p class="timeline-date">2025年第四季度</p>
|
|
|
|
|
+ <p class="timeline-desc">在全体会员单位中全面推广会员服务智能化升级系统，开展培训与技术支持，确保系统顺利运行与应用。</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 实施计划表格 -->
|
|
|
|
|
+ <div class="chart-container">
|
|
|
|
|
+ <h4 class="chart-title">项目实施进度表</h4>
|
|
|
|
|
+ <table class="table" style="width: 100%; border-collapse: collapse;">
|
|
|
|
|
+ <thead>
|
|
|
|
|
+ <tr style="background-color: #f9f9f9;">
|
|
|
|
|
+ <th style="padding: 15px; border: 1px solid #eee; text-align: left;">阶段</th>
|
|
|
|
|
+ <th style="padding: 15px; border: 1px solid #eee; text-align: left;">时间</th>
|
|
|
|
|
+ <th style="padding: 15px; border: 1px solid #eee; text-align: left;">主要任务</th>
|
|
|
|
|
+ <th style="padding: 15px; border: 1px solid #eee; text-align: left;">负责人</th>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ </thead>
|
|
|
|
|
+ <tbody>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">需求分析</td>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">2025.1-2025.2</td>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">需求调研、分析与确认</td>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">技术部</td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">系统设计</td>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">2025.3-2025.4</td>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">架构设计、数据库设计、界面设计</td>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">技术部</td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">系统开发</td>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">2025.5-2025.7</td>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">编码实现、单元测试</td>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">开发团队</td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">系统测试</td>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">2025.8-2025.9</td>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">集成测试、系统测试、性能测试</td>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">测试团队</td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">试点运行</td>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">2025.10-2025.11</td>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">部分会员单位试点、反馈优化</td>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">技术部、会员服务部</td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">全面推广</td>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">2025.12-2026.1</td>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">系统全面上线、培训支持</td>
|
|
|
|
|
+ <td style="padding: 15px; border: 1px solid #eee;">会员服务部、技术部</td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ </tbody>
|
|
|
|
|
+ </table>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 底部导航 -->
|
|
|
|
|
+ <div class="ppt-footer">
|
|
|
|
|
+ <div class="footer-nav">
|
|
|
|
|
+ <a href="#" class="footer-btn prev" disabled>
|
|
|
|
|
+ <i class="fas fa-arrow-left"></i>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ <a href="#" class="footer-btn next">
|
|
|
|
|
+ <i class="fas fa-arrow-right"></i>
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="footer-info">
|
|
|
|
|
+ 江西省文化和旅游研究推广协会 © 2025 | 会员服务智能化升级方案
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- JavaScript -->
|
|
|
|
|
+ <script src="https://cdn.tailwindcss.com"></script>
|
|
|
|
|
+ <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
|
|
|
|
|
+ <script>
|
|
|
|
|
+ // 导航菜单交互
|
|
|
|
|
+ document.addEventListener('DOMContentLoaded', function() {
|
|
|
|
|
+ // 侧边栏菜单点击事件
|
|
|
|
|
+ const sidebarLinks = document.querySelectorAll('.sidebar-link');
|
|
|
|
|
+ const submenuLinks = document.querySelectorAll('.submenu-link');
|
|
|
|
|
+ const contentBlocks = document.querySelectorAll('.content-block');
|
|
|
|
|
+
|
|
|
|
|
+ // 初始化子菜单状态
|
|
|
|
|
+ sidebarLinks.forEach(link => {
|
|
|
|
|
+ link.addEventListener('click', function(e) {
|
|
|
|
|
+ e.preventDefault();
|
|
|
|
|
+
|
|
|
|
|
+ // 移除所有侧边栏链接的活动状态
|
|
|
|
|
+ sidebarLinks.forEach(l => l.classList.remove('active'));
|
|
|
|
|
+
|
|
|
|
|
+ // 添加当前链接的活动状态
|
|
|
|
|
+ this.classList.add('active');
|
|
|
|
|
+
|
|
|
|
|
+ // 获取目标内容块ID
|
|
|
|
|
+ const target = this.getAttribute('data-target');
|
|
|
|
|
+
|
|
|
|
|
+ // 隐藏所有内容块
|
|
|
|
|
+ contentBlocks.forEach(block => {
|
|
|
|
|
+ block.classList.remove('active');
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 显示目标内容块
|
|
|
|
|
+ document.getElementById(target).classList.add('active');
|
|
|
|
|
+
|
|
|
|
|
+ // 处理子菜单显示/隐藏
|
|
|
|
|
+ const submenuId = 'submenu-' + target;
|
|
|
|
|
+ const submenu = document.getElementById(submenuId);
|
|
|
|
|
+
|
|
|
|
|
+ // 隐藏所有子菜单
|
|
|
|
|
+ document.querySelectorAll('.submenu').forEach(sm => {
|
|
|
|
|
+ sm.classList.remove('active');
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 如果有子菜单，则显示
|
|
|
|
|
+ if (submenu) {
|
|
|
|
|
+ submenu.classList.add('active');
|
|
|
|
|
+
|
|
|
|
|
+ // 如果子菜单有链接，激活第一个
|
|
|
|
|
+ const firstSubmenuLink = submenu.querySelector('.submenu-link');
|
|
|
|
|
+ if (firstSubmenuLink) {
|
|
|
|
|
+ submenuLinks.forEach(l => l.classList.remove('active'));
|
|
|
|
|
+ firstSubmenuLink.classList.add('active');
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 子菜单链接点击事件
|
|
|
|
|
+ submenuLinks.forEach(link => {
|
|
|
|
|
+ link.addEventListener('click', function(e) {
|
|
|
|
|
+ e.preventDefault();
|
|
|
|
|
+
|
|
|
|
|
+ // 移除所有子菜单链接的活动状态
|
|
|
|
|
+ submenuLinks.forEach(l => l.classList.remove('active'));
|
|
|
|
|
+
|
|
|
|
|
+ // 添加当前链接的活动状态
|
|
|
|
|
+ this.classList.add('active');
|
|
|
|
|
+
|
|
|
|
|
+ // 获取目标内容块ID
|
|
|
|
|
+ const target = this.getAttribute('data-target');
|
|
|
|
|
+
|
|
|
|
|
+ // 隐藏所有内容块
|
|
|
|
|
+ contentBlocks.forEach(block => {
|
|
|
|
|
+ block.classList.remove('active');
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 显示目标内容块
|
|
|
|
|
+ document.getElementById(target).classList.add('active');
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 底部导航按钮点击事件
|
|
|
|
|
+ const prevBtn = document.querySelector('.footer-btn.prev');
|
|
|
|
|
+ const nextBtn = document.querySelector('.footer-btn.next');
|
|
|
|
|
+
|
|
|
|
|
+ prevBtn.addEventListener('click', function(e) {
|
|
|
|
|
+ e.preventDefault();
|
|
|
|
|
+ // 上一页逻辑
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ nextBtn.addEventListener('click', function(e) {
|
|
|
|
|
+ e.preventDefault();
|
|
|
|
|
+ // 下一页逻辑
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+ </script>
|
|
|
|
|
+</body>
|
|
|
|
|
+</html>
|
