mp_exhibitor_miniprog/pages/disclaimer/privacy.vue

<template>
  <page-layout>
    <nav-bar title=" " transparent></nav-bar>
<!--    <view class="body">
      <text class="title">
        {{ privacyInfo.title }}
      </text>
      <text class="content">
        {{ privacyInfo.content }}
      </text>
      <text class="title">
        {{ lawInfo.title }}
      </text>
      <text class="content">
        {{ lawInfo.content }}
      </text>
    </view>-->
    <view class="body">
      <text class="title">
        隐私政策
      </text>
      <view class="content">
        <view class="title strong">原则</view>
        <view class="margin-bottom">
          慕尼黑展览（上海）有限公司感谢您访问我们的小程序，也感谢您对本公司和我们的产品感兴趣。我们非常重视保护您的个人隐私数据，希望您在访问我们的小程序时感到放心。保护您的隐私对我们而言至关重要，因此，我们一定会遵守数据保护方面的强制性法规。我们的员工也有义务确保所有信息保密，公司会为他们提供数据保护和安全方面的常规培训。下面向您简单介绍我们如何保护您的隐私数据，以及当您使用我们的在线服务时，您的数据会如何被使用。
        </view>
        <view class="title strong">数据访问</view>
        当有人访问我们的网页时，慕尼黑展览（上海）有限公司会收到访问数据，并将以保护目的将其保存下来，以便我们识别您。此类数据包括
        <view class="margin-bottom">
          • 从我们的网站下载的文件（如PDF或word文档）
        </view>
        <view class="margin-bottom">
          这些信息能够帮助我们优化服务，并能在一些条件下，例如您再次访问时，为您量身定制内容。如果您已经有数据存储在我们这里，多数情况下，新数据会被更新到已有数据中。
        </view>
        <view class="title view">个人数据</view>
        <view class="margin-bottom">
          个人数据是指能够单独或者与其他信息结合明确确定您的身份的信息。我们向您收集的个人数据包括但不限于您的用户名、姓名、称谓、公司名称、所在部门、职位、省份、通讯地址、邮编、座机号、手机号、通讯语言和电子邮件地址等。我们只在您自愿提供时才保留此类个人数据，如作为注册的一部分、调查、参加抽奖、联系人调查、新闻稿发送或在线订单处理等。此外，个人数据仅在必要时使用，且只在您许可的情况下用于合法用途。为确保您的数据传输安全，慕尼黑展览（上海）有限公司会在一些安全区域采用加密手段。也就是说，原则上第三方无法读取您的浏览器和我们的小程序之间的通信。另外，使用我们的小程序即意味着您知晓并同意慕尼黑展览（上海）有限公司收集、储存和使用您的个人数据，以及将您的个人数据提供给其境内外的集团公司与合作伙伴储存和使用。
        </view>
        <view class="title view">向第三方传递个人数据</view>
        <view class="margin-bottom">
          慕尼黑展览（上海）有限公司在一些服务中引入了一些高质量的合作伙伴。这些伙伴均遵守慕尼黑展览（上海）有限公司在数据保护中所遵守的强制性规定。我们仅在如下情况下才向该等第三方传递个人数据
        </view>
        <view>
          • 在我们通过本小程序向您提供任何服务的过程中确实需要接受来自第三方的服务，而相关服务的提供依赖于您的个人数据；在此情形下我们会向您进行明确说明，您可以予以拒绝我们向相关第三方传递您的个人数据，但您的此项拒绝将导致我们无法向您提供相关服务；
        </view>
        <view>
          • 您已经事先给予许可的一些例外情况
        </view>
        <view>
          其他信息 - 如您自愿提供的主要兴趣等 - 不会被传递给第三方。只有在有关法律法规或有权机关要求的范围内，个人数据才会被传递给相应有权机关。
        </view>
        <view class="title strong">发送商业信息</view>
        <view class="margin-bottom">
          我们可能使用您的个人信息向您推送商业信息，包括但不限于通过信件、电子邮件、短信/彩信和电话。向我们提供您的个人信息，即表示您同意并知晓我们使用该个人信息向您推送商业信息。您可以通过推送中的相关指示退订该商业信息推送。
        </view>
        <view class="title strong">删除个人数据的请求</view>
        您可以通过电子邮件等书面通知的方式向慕尼黑展览（上海）有限公司要求停止使用或删除您的个人数据。
        <view class="title strong">链接</view>
        慕尼黑展览（上海）有限公司的小程序中含有通往其他网站的链接。但是，慕尼黑展览（上海）有限公司不对网站中外部链接的任何内容承担责任。慕尼黑展览（上海）有限公司也不对链接到或提及了慕尼黑展览（上海）有限公司的小程序或网站中的任何内容负责。
        <view class="title strong">修改</view>
        慕尼黑展览（上海）有限公司保留在任何时候，在符合相关法律法规的规定的前提下，修改数据保护条款的权利。
        <view class="title strong">提问和建议:</view>
        如果您对慕尼黑展览（上海）有限公司的数据保护有任何问题或建议，请联系我们： Compliance@mm-sh.com
      </view>
    </view>
  </page-layout>
</template>

<script>
	import NavBar from '@/components/layout/nav-bar'
	import { getClauseInfo } from '@/api/exhibitor'
  import PageLayout from "@/components/layout/page-layout";
	export default {
		data() {
			return {
				privacyInfo: {},
				lawInfo: {}
			}
		},
		components: {
      PageLayout,
			NavBar
		},
		mounted() {
			this.getClauseData()
		},
		methods: {
			getClauseData() {
				getClauseInfo({ key: 'privacy_policy' }).then(res => {
					this.privacyInfo = res.data
				})
				getClauseInfo({ key: 'legal_notice' }).then(res => {
					this.lawInfo = res.data
				})
			},
		}
	}
</script>

<style lang="scss">
.body {
	padding: 50rpx;
}
.margin-bottom {
  margin-bottom: 26rpx;
}
.title {
	font-size: $fontSize4;
	color: $fontTitleColor;
	display: block;
	font-weight: bold;
}
.content {
	font-size: $fontSize2;
	color: $fontColor;
	line-height: 1.9;
	display: block;
	margin-top: 32rpx;
	margin-bottom: 42rpx;
  .title {
    font-size: $fontSize3;
    margin: $fontSize2 0;
  }
  .strong {
    font-weight: bold;
  }
}
</style>