171 lines
3.9 KiB
Vue
171 lines
3.9 KiB
Vue
<template>
|
|
<div class="legal-page">
|
|
<ihead></ihead>
|
|
<main>
|
|
<section class="legal-hero">
|
|
<div class="container">
|
|
<h1>{{ page.title }}</h1>
|
|
<p>{{ page.description }}</p>
|
|
</div>
|
|
</section>
|
|
<section class="legal-content">
|
|
<div class="container narrow">
|
|
<article v-for="section in page.sections" :key="section.title" class="legal-section">
|
|
<h2>{{ section.title }}</h2>
|
|
<p>{{ section.text }}</p>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<ifooter></ifooter>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import ihead from '@/components/ihead.vue'
|
|
import ifooter from '@/components/ifooter.vue'
|
|
|
|
const pages = {
|
|
privacy: {
|
|
title: '隐私政策',
|
|
description: '本页面说明我们如何处理通过官网产生的基本联系信息。',
|
|
sections: [
|
|
{
|
|
title: '信息收集',
|
|
text: '当您通过电话、邮箱或咨询入口与我们联系时，我们可能会接收姓名、联系方式、公司信息和业务需求描述。'
|
|
},
|
|
{
|
|
title: '使用目的',
|
|
text: '相关信息仅用于需求沟通、方案评估、项目联系和必要的客户服务，不用于无关用途。'
|
|
},
|
|
{
|
|
title: '信息保护',
|
|
text: '我们会采取合理的访问控制和内部管理措施，降低信息未经授权访问、披露或滥用的风险。'
|
|
}
|
|
]
|
|
},
|
|
terms: {
|
|
title: '服务条款',
|
|
description: '本页面说明官网内容和咨询服务的基本使用边界。',
|
|
sections: [
|
|
{
|
|
title: '内容说明',
|
|
text: '官网展示的案例、收益和方案说明用于介绍服务能力，具体交付范围以双方确认的项目文件为准。'
|
|
},
|
|
{
|
|
title: '咨询沟通',
|
|
text: '初步咨询用于判断业务场景与技术路径，不构成最终承诺或完整实施方案。'
|
|
},
|
|
{
|
|
title: '知识产权',
|
|
text: '官网文字、图片、标识和页面设计受相关法律保护，未经授权不得复制、改编或用于商业传播。'
|
|
}
|
|
]
|
|
},
|
|
compliance: {
|
|
title: '数据合规说明',
|
|
description: '本页面说明我们在数据处理和系统交付中的基本合规原则。',
|
|
sections: [
|
|
{
|
|
title: '最小必要',
|
|
text: '项目实施中优先使用达成目标所需的最小数据范围，并在方案设计阶段明确数据边界。'
|
|
},
|
|
{
|
|
title: '权限控制',
|
|
text: '系统集成与应用交付会结合客户现有权限体系设计访问控制、日志记录和操作留痕。'
|
|
},
|
|
{
|
|
title: '交付留痕',
|
|
text: '关键配置、接口、模型调用和运维动作尽量形成可追踪记录，便于复盘、审计和持续优化。'
|
|
}
|
|
]
|
|
}
|
|
}
|
|
|
|
export default {
|
|
name: 'LegalPage',
|
|
components: {
|
|
ihead,
|
|
ifooter
|
|
},
|
|
computed: {
|
|
page() {
|
|
return pages[this.$route.params.type] || pages.privacy
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.legal-page {
|
|
min-height: 100vh;
|
|
background: #fff;
|
|
}
|
|
|
|
.container {
|
|
max-width: 1180px;
|
|
margin: 0 auto;
|
|
padding: 0 24px;
|
|
}
|
|
|
|
.narrow {
|
|
max-width: 820px;
|
|
}
|
|
|
|
.legal-hero {
|
|
padding: 154px 0 76px;
|
|
background: #0f172a;
|
|
color: #fff;
|
|
}
|
|
|
|
.legal-hero h1 {
|
|
margin: 0 0 16px;
|
|
font-size: 44px;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.legal-hero p {
|
|
max-width: 640px;
|
|
margin: 0;
|
|
color: rgba(255, 255, 255, 0.76);
|
|
font-size: 18px;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
.legal-content {
|
|
padding: 72px 0;
|
|
}
|
|
|
|
.legal-section {
|
|
padding: 28px 0;
|
|
border-bottom: 1px solid #e4e7ec;
|
|
}
|
|
|
|
.legal-section h2 {
|
|
margin: 0 0 12px;
|
|
color: #101828;
|
|
font-size: 22px;
|
|
}
|
|
|
|
.legal-section p {
|
|
margin: 0;
|
|
color: #667085;
|
|
font-size: 16px;
|
|
line-height: 1.8;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.legal-hero {
|
|
padding: 112px 0 48px;
|
|
}
|
|
|
|
.legal-content {
|
|
padding: 48px 0;
|
|
}
|
|
|
|
.legal-section {
|
|
padding: 20px 0;
|
|
}
|
|
}
|
|
</style>
|