【修改】 用户服务协议与 个人隐私
This commit is contained in:
fengachen
File diff suppressed because one or more lines are too long
@@ -1,6 +1,8 @@
|
||||
// pages/addCompany/addCompany.js
|
||||
|
||||
import signUpApi from '../../assets/js/http/signUp'
|
||||
import {appletName} from "../../assets/js/project.config"
|
||||
import {userServicesAgreementText,perrsonalProtectionPolicyText} from '../../assets/js/acceptProtocolInfo'
|
||||
import {
|
||||
dutyCode,
|
||||
postcode
|
||||
@@ -13,7 +15,38 @@ Page({
|
||||
data: {
|
||||
// 是否是国际研讨会报名的选择
|
||||
prepage: '',
|
||||
flag: false
|
||||
flag: false,
|
||||
appletName:appletName,
|
||||
content:'',// 用户服务与个人隐私 显示的内容
|
||||
showModal:false // 控制弹窗显示隐藏
|
||||
},
|
||||
// 打开用户服务协议与个人信息的弹窗
|
||||
openPanel(e){
|
||||
console.log(e);
|
||||
let type = e.currentTarget.dataset.type
|
||||
if(type === '1'){
|
||||
this.setData({
|
||||
content:userServicesAgreementText
|
||||
})
|
||||
}else{
|
||||
this.setData({
|
||||
content:perrsonalProtectionPolicyText
|
||||
})
|
||||
}
|
||||
this.setData({
|
||||
showModal:true
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 隐藏模态对话框
|
||||
*/
|
||||
hideModal: function () {
|
||||
const that = this
|
||||
that.setData({
|
||||
showModal: false,
|
||||
content: '',
|
||||
});
|
||||
|
||||
},
|
||||
// 返回选择单位
|
||||
backCompanyList() {
|
||||
@@ -73,7 +106,7 @@ Page({
|
||||
return
|
||||
}
|
||||
// 同意授权
|
||||
if (!formData.agree) {
|
||||
if (formData.agree.length === 0) {
|
||||
wx.showToast({
|
||||
title: '请先同意授权',
|
||||
icon: 'none',
|
||||
|
||||
@@ -69,14 +69,13 @@
|
||||
</view>
|
||||
|
||||
<view class="wx-form-item">
|
||||
<view class="wx-form-label validate">同意授权</view>
|
||||
<view class="wx-form-value">
|
||||
<radio-group name='agree' >
|
||||
<checkbox-group name='agree' >
|
||||
<label>
|
||||
<radio class="radio-scale" value="1" color="#069F99"/>
|
||||
<checkbox value="agree"/>
|
||||
我同意{{appletName}}使用我所提供的信息用于注册企业，查看<text style="color:#069f99" bindtap="openPanel" data-type="1">《用户服务协议》</text>及<text style="color:#069f99" bindtap="openPanel" data-type="2">《个人信息保护政策》</text>
|
||||
</label>
|
||||
同意授权注册(将严格保证用户信息的隐私性)
|
||||
</radio-group>
|
||||
</checkbox-group>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -86,3 +85,19 @@
|
||||
|
||||
</form>
|
||||
</view>
|
||||
|
||||
<!-- 用户服务协议 弹窗 及个人信息保护政策 弹窗 -->
|
||||
<view class="modal-mask" bindtap="hideModal" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view>
|
||||
<view class="modal-dialog" wx:if="{{showModal}}">
|
||||
<view class="modal-content">
|
||||
<!-- {{content}} -->
|
||||
<!-- rich-text 会解析html模板中的html标签 -->
|
||||
<view> <rich-text nodes="{{content}}"></rich-text></view>
|
||||
</view>
|
||||
<!-- 普通消息的显示 -->
|
||||
<view class="modal-footer" wx:if="{{!signUpBool}}">
|
||||
<view class="btn-cancel" bindtap="hideModal" data-status="cancel">我知道了</view>
|
||||
<!-- <image src="../../assets/images/close.png" class="close-img" bindtap="hideModal"></image> -->
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
@@ -60,3 +60,91 @@ page {
|
||||
position: absolute;
|
||||
left: 25rpx;
|
||||
}
|
||||
|
||||
|
||||
.modal-mask {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: #000;
|
||||
opacity: 0.5;
|
||||
overflow: hidden;
|
||||
z-index: 9000;
|
||||
color: #fff;
|
||||
}
|
||||
.modal-dialog {
|
||||
width: 540rpx;
|
||||
/* overflow: hidden; */
|
||||
position: fixed;
|
||||
top: 35%;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
background: #f9f9f9;
|
||||
margin: -180rpx 105rpx;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
.modal-content {
|
||||
position: relative;
|
||||
padding: 50rpx;
|
||||
margin-top: 40rpx;
|
||||
height: 500rpx;
|
||||
overflow-y: scroll;
|
||||
|
||||
color: #666
|
||||
}
|
||||
.modal-content .title {
|
||||
text-align: center;
|
||||
color: #069F99;
|
||||
font-family: PingFang-SC-Bold;
|
||||
font-size: 16pt;
|
||||
font-size: 700;
|
||||
padding: 40rpx 0 15rpx 0;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
position: relative;
|
||||
height: 70rpx;
|
||||
/* border-top: 1px solid #dedede; */
|
||||
padding: 20rpx;
|
||||
font-size: 32rpx;
|
||||
line-height: 70rpx;
|
||||
}
|
||||
.modal-footer .close-img {
|
||||
position: absolute;
|
||||
bottom: -20rpx;
|
||||
left: 50%;
|
||||
transform: translate(-50%,100%);
|
||||
height: 40rpx;
|
||||
width: 40rpx;
|
||||
}
|
||||
.btn-cancel {
|
||||
width: 100%;
|
||||
color: #fff;
|
||||
border-radius: 10rpx;
|
||||
background: #069F99;
|
||||
text-align: center;
|
||||
border-right: 1px solid #dedede;
|
||||
}
|
||||
.btn-cancel-meeting {
|
||||
width: 45%;
|
||||
color: #fff;
|
||||
border-radius: 10rpx;
|
||||
background: #069F99;
|
||||
text-align: center;
|
||||
float: left;
|
||||
border-right: 1px solid #dedede;
|
||||
}
|
||||
.sing-up-meeting {
|
||||
width: 45%;
|
||||
color: #000;
|
||||
border-radius: 10rpx;
|
||||
/* background: #069F99; */
|
||||
float: right;
|
||||
text-align: center;
|
||||
border: 1px solid #dedede;
|
||||
}
|
||||
.modal-img {
|
||||
position: relative;
|
||||
}
|
||||
@@ -1,6 +1,13 @@
|
||||
// pages/addPerson/addPerson.js
|
||||
|
||||
import signUpApi from '../../assets/js/http/signUp'
|
||||
import {
|
||||
appletName
|
||||
} from "../../assets/js/project.config"
|
||||
import {
|
||||
userServicesAgreementText,
|
||||
perrsonalProtectionPolicyText
|
||||
} from '../../assets/js/acceptProtocolInfo'
|
||||
import {
|
||||
isEmail,
|
||||
phoneReg,
|
||||
@@ -16,7 +23,38 @@ Page({
|
||||
selectedCompany: {},
|
||||
// 是否是国际研讨会的选择
|
||||
prepage: "",
|
||||
data: false
|
||||
data: false,
|
||||
appletName: appletName,
|
||||
content: '', // 用户服务与个人隐私 显示的内容
|
||||
showModal: false // 控制弹窗显示隐藏
|
||||
},
|
||||
// 打开用户服务协议与个人信息的弹窗
|
||||
openPanel(e) {
|
||||
console.log(e);
|
||||
let type = e.currentTarget.dataset.type
|
||||
if (type === '1') {
|
||||
this.setData({
|
||||
content: userServicesAgreementText
|
||||
})
|
||||
} else {
|
||||
this.setData({
|
||||
content: perrsonalProtectionPolicyText
|
||||
})
|
||||
}
|
||||
this.setData({
|
||||
showModal: true
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 隐藏模态对话框
|
||||
*/
|
||||
hideModal: function () {
|
||||
const that = this
|
||||
that.setData({
|
||||
showModal: false,
|
||||
content: '',
|
||||
});
|
||||
|
||||
},
|
||||
// 返回联系人列表
|
||||
backPersonList() {
|
||||
@@ -194,6 +232,15 @@ Page({
|
||||
})
|
||||
return
|
||||
}
|
||||
// 同意授权
|
||||
if (formData.agree.length === 0) {
|
||||
wx.showToast({
|
||||
title: '请先同意授权',
|
||||
icon: 'none',
|
||||
duration: 800
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
// 参数需要传入公司id
|
||||
formData.companyId = this.data.selectedCompany.id
|
||||
@@ -285,4 +332,4 @@ Page({
|
||||
onShareAppMessage: function () {
|
||||
|
||||
}
|
||||
})
|
||||
})
|
||||
@@ -73,9 +73,39 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="wx-form-item">
|
||||
<view class="wx-form-value">
|
||||
<checkbox-group name='agree' >
|
||||
<label>
|
||||
<checkbox value="agree"/>
|
||||
我同意{{appletName}}使用我所提供的信息用于注册企业，查看<text style="color:#069f99" bindtap="openPanel" data-type="1">《用户服务协议》</text>及<text style="color:#069f99" bindtap="openPanel" data-type="2">《个人信息保护政策》</text>
|
||||
</label>
|
||||
</checkbox-group>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="wx-form-item">
|
||||
<button class="btn-ok" formType="submit">确定</button>
|
||||
</view>
|
||||
|
||||
</form>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<!-- 用户服务协议 弹窗 及个人信息保护政策 弹窗 -->
|
||||
<view class="modal-mask" bindtap="hideModal" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view>
|
||||
<view class="modal-dialog" wx:if="{{showModal}}">
|
||||
<view class="modal-content">
|
||||
<!-- {{content}} -->
|
||||
<!-- rich-text 会解析html模板中的html标签 -->
|
||||
<view> <rich-text nodes="{{content}}"></rich-text></view>
|
||||
</view>
|
||||
<!-- 普通消息的显示 -->
|
||||
<view class="modal-footer" wx:if="{{!signUpBool}}">
|
||||
<view class="btn-cancel" bindtap="hideModal" data-status="cancel">我知道了</view>
|
||||
<!-- <image src="../../assets/images/close.png" class="close-img" bindtap="hideModal"></image> -->
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@@ -61,3 +61,89 @@ page {
|
||||
position: absolute;
|
||||
left: 25rpx;
|
||||
}
|
||||
.modal-mask {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: #000;
|
||||
opacity: 0.5;
|
||||
overflow: hidden;
|
||||
z-index: 9000;
|
||||
color: #fff;
|
||||
}
|
||||
.modal-dialog {
|
||||
width: 540rpx;
|
||||
/* overflow: hidden; */
|
||||
position: fixed;
|
||||
top: 35%;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
background: #f9f9f9;
|
||||
margin: -180rpx 105rpx;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
.modal-content {
|
||||
position: relative;
|
||||
padding: 50rpx;
|
||||
margin-top: 40rpx;
|
||||
height: 500rpx;
|
||||
overflow-y: scroll;
|
||||
|
||||
color: #666
|
||||
}
|
||||
.modal-content .title {
|
||||
text-align: center;
|
||||
color: #069F99;
|
||||
font-family: PingFang-SC-Bold;
|
||||
font-size: 16pt;
|
||||
font-size: 700;
|
||||
padding: 40rpx 0 15rpx 0;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
position: relative;
|
||||
height: 70rpx;
|
||||
/* border-top: 1px solid #dedede; */
|
||||
padding: 20rpx;
|
||||
font-size: 32rpx;
|
||||
line-height: 70rpx;
|
||||
}
|
||||
.modal-footer .close-img {
|
||||
position: absolute;
|
||||
bottom: -20rpx;
|
||||
left: 50%;
|
||||
transform: translate(-50%,100%);
|
||||
height: 40rpx;
|
||||
width: 40rpx;
|
||||
}
|
||||
.btn-cancel {
|
||||
width: 100%;
|
||||
color: #fff;
|
||||
border-radius: 10rpx;
|
||||
background: #069F99;
|
||||
text-align: center;
|
||||
border-right: 1px solid #dedede;
|
||||
}
|
||||
.btn-cancel-meeting {
|
||||
width: 45%;
|
||||
color: #fff;
|
||||
border-radius: 10rpx;
|
||||
background: #069F99;
|
||||
text-align: center;
|
||||
float: left;
|
||||
border-right: 1px solid #dedede;
|
||||
}
|
||||
.sing-up-meeting {
|
||||
width: 45%;
|
||||
color: #000;
|
||||
border-radius: 10rpx;
|
||||
/* background: #069F99; */
|
||||
float: right;
|
||||
text-align: center;
|
||||
border: 1px solid #dedede;
|
||||
}
|
||||
.modal-img {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user