hookehuyr

✨ feat: 上传作品前活动说明内容修改

1 <template> 1 <template>
2 <div class="privacy-notice-page"> 2 <div class="privacy-notice-page">
3 - <p class="title">个人信息保护政策</p> 3 + <p class="title">活动说明</p>
4 + <mui-video :item="videoInfo" type="video" />
4 <div class="content"> 5 <div class="content">
5 <p> 6 <p>
6 - 欢迎您参与童声无界-声音漂流记!童声无界(以下也称“我们”)深知个人信息对您的重要性,因此我们非常重视保护您的隐私和个人信息。我们将按照法律法规要求并通过《童声无界个人信息保护政策》(以下简称“本政策”)向您说明我们在您使用本平台的产品/服务时如何处理您的个人信息,以及我们为您提供的访问、更新、删除和保护这些信息的方式。 7 + 普通话实现了不同地区的有效交流,增加了文化自信和归属感。方言和普通话相辅相成,作为文化载体之一丰富了传统文化。如今,上海很多小朋友面对沪语只能听不会讲,我们深知方言传承的重要性。此项活动是希望上海和少数民族地区的小朋友都用普通话和家乡话阅读,让彼此可以不见面也能听到远方小朋友的声音。
7 - </p>
8 - <p style="font-weight: bold;">为了向您提供我们产品/服务的基本功能,您需要授权我们收集、使用必要信息的情形。如您拒绝提供前述必要信息,您将无法正常使用我们的产品/服务;</p>
9 - <p>
10 - 为了向您提供我们产品/服务的附加功能,您可以选择授权我们收集、使用信息的情形。如您拒绝提供前述信息,您将无法正常使用相关附加功能或无法实现我们拟达到的功能效果,但并不会影响您正常使用我们产品/服务的基本功能。
11 - 请您注意,因我们向您提供的产品和服务种类众多,我们将根据您选择使用的具体产品/服务范围,遵循“合理、正当、必要”原则收集和使用您的个人信息。除此之外,您理解并同意,基于向您提供更好的产品和服务的目的,我们可能会不时推出新的或优化后的功能,可能增加或变更收集和使用个人信息的目的、范围和方式。对此,我们将通过更新本政策、弹窗或站内信等通知方式另行向您说明收集和使用对应信息的目的、范围和方式,并为您提供同意与否的选项,且在征得您的明示同意后收集、使用对应信息。在此过程中,如您有任何疑问、意见或建议,您可通过本政策第九条提供的联系方式与我们联系。
12 </p> 8 </p>
13 </div> 9 </div>
14 - <div style="height: 5rem;"></div> 10 + <van-image fit="contain" :src="graphical" />
11 + <div style="height: 5rem;" />
15 <div class="control-bar"> 12 <div class="control-bar">
16 <div class="button"> 13 <div class="button">
17 - <my-button @on-click="disagree" type="plain">不同意</my-button> 14 + <my-button type="plain" @on-click="disagree">不同意</my-button>
18 </div> 15 </div>
19 <div class="button"> 16 <div class="button">
20 - <my-button @on-click="agree" type="primary">同意</my-button> 17 + <my-button type="primary" @on-click="agree">同意</my-button>
21 </div> 18 </div>
22 </div> 19 </div>
23 </div> 20 </div>
...@@ -30,13 +27,12 @@ ...@@ -30,13 +27,12 @@
30 </template> 27 </template>
31 28
32 <script setup> 29 <script setup>
30 +import graphical from '@/assets/images/graphical.png'
33 import Cookies from 'js-cookie' 31 import Cookies from 'js-cookie'
34 import MyButton from '@/components/MyButton/index.vue' 32 import MyButton from '@/components/MyButton/index.vue'
35 -import { ref, reactive, onMounted } from 'vue' 33 +import { ref } from 'vue'
36 import { useRoute, useRouter } from 'vue-router' 34 import { useRoute, useRouter } from 'vue-router'
37 -import axios from '@/utils/axios'; 35 +import MuiVideo from '@/components/MuiVideo/index';
38 -import $ from 'jquery'
39 -import { Toast } from 'vant';
40 36
41 import { JSJ_FORM_C } from '@/constant' 37 import { JSJ_FORM_C } from '@/constant'
42 38
...@@ -50,14 +46,19 @@ const disagree = () => { ...@@ -50,14 +46,19 @@ const disagree = () => {
50 const show = ref(false); // 跳转等待提示 46 const show = ref(false); // 跳转等待提示
51 47
52 const agree = () => { 48 const agree = () => {
53 - show.value = true; 49 + // show.value = true;
54 Cookies.set('privacy_notice', '1'); 50 Cookies.set('privacy_notice', '1');
55 // x_field_1 是金数据表单传入的参数,家长上传的格式为:user_id-book_id-perf_id,perf_id是当前缺省的儿童id 51 // x_field_1 是金数据表单传入的参数,家长上传的格式为:user_id-book_id-perf_id,perf_id是当前缺省的儿童id
56 location.href = `${JSJ_FORM_C}?x_field_1=${$route.query.str}`; 52 location.href = `${JSJ_FORM_C}?x_field_1=${$route.query.str}`;
57 // BUG: 关闭loading临时处理 53 // BUG: 关闭loading临时处理
58 - setTimeout(() => { 54 + // setTimeout(() => {
59 - show.value = false; 55 + // show.value = false;
60 - }, 2000); 56 + // }, 2000);
57 +}
58 +
59 +const videoInfo = {
60 + id: '999',
61 + video: 'http://gyzs.onwall.cn/%E7%AB%A5%E5%A3%B0%E6%97%A0%E7%95%8Clogo%E6%9C%80%E7%BB%88%E7%89%88.mp4'
61 } 62 }
62 </script> 63 </script>
63 64
......