feat: add privacy policy page and implement agreement checkbox in login form

pages.json

@@ -19,6 +19,14 @@
 			}
 		},
 		{
+			"path": "pages/privacy/index",
+			"style": {
+				"navigationBarTitleText": "隐私政策",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+		},
+		{
 			"path": "pages/configuration/index",
 			"style": {
 				"navigationBarTitleText": "",

pages/login/index.vue

@@ -18,6 +18,15 @@
 							<u-checkbox :label="'记住密码'" :name="'remember'"></u-checkbox>
 						</u-checkbox-group>
 					</u-form-item>
+					<u-form-item label="" prop="agreePrivacy" class="inputFormWrap agree_form_item">
+						<view class="agree_row">
+							<u-checkbox-group v-model="agreePrivacyList" placement="row" @change="onAgreeChange">
+								<u-checkbox :name="'agree'"></u-checkbox>
+							</u-checkbox-group>
+							<text class="agree_text">我已阅读并同意</text>
+							<text class="agree_link" @click="toPrivacy">《隐私政策》</text>
+						</view>
+					</u-form-item>
 					<u-form-item>
 						<u-button type="primary" text="登录" shape="circle" @click="handleLogin"></u-button>
 					</u-form-item>
@@ -55,9 +64,11 @@
 					clientFlag: "2",
 					// username: "huihui",
 					code: "996007qa.code",
-					uuid: "123"
+					uuid: "123",
+					agreePrivacy: false
 				},
 				checkboxs: [],
+				agreePrivacyList: [],
 				rules: {
 					username: {
 						type: 'string',
@@ -70,6 +81,18 @@
 						required: true,
 						message: '请输入密码',
 						trigger: []
+					},
+					agreePrivacy: {
+						required: true,
+						message: '请阅读并同意《隐私政策》',
+						trigger: [],
+						validator: (rule, value, callback) => {
+							if (this.form.agreePrivacy === true) {
+								callback();
+							} else {
+								callback(new Error('请阅读并同意《隐私政策》'));
+							}
+						}
 					}
 				},
 				// mac: getMacAddress(),
@@ -98,6 +121,12 @@
 			this.firstLoginState = shiYuWxLogin;
 		},
 		methods: {
+			onAgreeChange(list) {
+				this.form.agreePrivacy = (list || []).indexOf('agree') >= 0;
+			},
+			toPrivacy() {
+				uni.navigateTo({ url: '/pages/privacy/index' });
+			},
 			changeRemember(value){
 				if (value.length > 0) {
 					uni.setStorageSync('username', this.form.username);
@@ -323,6 +352,27 @@
 		}
 	}
 
+	.agree_form_item {
+		::v-deep .u-form-item__body__right {
+			flex: 1;
+		}
+	}
+	.agree_row {
+		display: flex;
+		align-items: center;
+		flex-wrap: wrap;
+	}
+	.agree_text {
+		font-size: 26rpx;
+		color: #606266;
+		margin-left: 8rpx;
+	}
+	.agree_link {
+		font-size: 26rpx;
+		color: #108cff;
+		margin-left: 4rpx;
+	}
+
 	.max {
 		width: 500rpx;
 		height: 500rpx;

pages/privacy/index.vue

@@ -0,0 +1,128 @@
+<template>
+	<view class="privacy_wrap">
+		<u-navbar title="隐私政策" :autoBack="true" :placeholder="true" v-hideNav></u-navbar>
+		<scroll-view scroll-y class="privacy_content">
+			<view class="privacy_body">
+				<!-- 一、隐私政策导言 -->
+				<view class="section">
+					<text class="section_title">一、隐私政策导言</text>
+					<text class="section_text">本应用由【小葫芦（深圳）互联网有限公司】（以下简称“我们”）运营。</text>
+					<text class="section_text">本隐私政策适用于【小葫芦CRM系统】及其相关客户端、网页、小程序等全部产品与服务。请您在使用我们的产品与服务前仔细阅读并理解本政策。</text>
+				</view>
+				<!-- 二、我们如何收集和使用您的个人信息 -->
+				<view class="section">
+					<text class="section_title">二、我们如何收集和使用您的个人信息</text>
+					<text class="section_text">我们仅会出于以下目的、在对应业务功能中收集以下类型的个人信息，且以下类型中标注为“必需”的为特定业务功能所必需，未提供将无法使用该功能。</text>
+					<text class="section_text p">1. 账号注册与登录：收集您的手机号码、账号名称、密码（加密存储），用于创建账号与身份验证。其中手机号码、密码为必需。</text>
+					<text class="section_text p">2. 客户关系管理及业务跟进：收集您的姓名、电话号码、工作单位/公司名称、职位、电子邮箱、沟通记录，用于线索管理、跟进记录与合同/订单相关服务。其中姓名、电话号码为开展上述业务所必需。</text>
+					<text class="section_text p">3. 设备与日志信息：收集设备型号、操作系统版本、唯一设备标识符、IP 地址、应用内操作日志，用于保障账号安全、排查故障与改进服务。此类信息为服务安全与运行所必需。</text>
+					<text class="section_text p">【若收集身份证、护照、驾照等法定证件或个人生物识别信息】我们会在收集前单独提醒您此次收集涉及的信息类型，并明确说明处理目的与规则，仅在您同意后收集。</text>
+					<text class="section_text p">个人信息涉及的地理区域：我们将在中华人民共和国境内对您的个人信息进行存储与备份；如存在跨境传输，我们会单独列出并取得您的同意。</text>
+					<text class="section_text p">保留期限：账号存续期间我们持续保留为提供服务所必需的信息；日志类信息保留【1】年；【其他类型请按实际填写】。您注销账号后，我们将在【30】日内删除或匿名化您的个人信息。若确需改变收集与使用的目的，我们会再次征得您的同意。</text>
+				</view>
+				<!-- 三、我们如何使用 Cookie 和同类技术 -->
+				<!-- <view class="section">
+					<text class="section_title">三、我们如何使用 Cookie 和同类技术</text>
+					<text class="section_text">我们及授权第三方可能使用 Cookie、本地存储器、脚本、Web 信标等自动数据收集工具，用于登录状态保持、安全验证、统计与优化体验。</text>
+					<text class="section_text p">您可通过浏览器或设备设置限制、清除 Cookie 及本地存储，或通过应用内“隐私设置”关闭部分非必需收集。具体操作路径：【请根据实际产品补充，如：设置-隐私-清除缓存/关闭统计】。关闭后可能影响部分功能使用。</text>
+				</view> -->
+				<!-- 四、我们如何共享、转让、公开披露用户的个人信息 -->
+				<view class="section">
+					<text class="section_title">四、我们如何共享、转让、公开披露您的个人信息</text>
+					<text class="section_text">共享与转让：我们不会与第三方共享或转让您的个人信息，除非（1）事先获得您的同意；（2）根据法律法规或政府、司法机关要求；（3）与我们的关联公司、授权服务商共享（如云存储、客服系统），且我们仅会共享业务所必需的信息，并通过协议约束其保护义务与使用目的。</text>
+					<text class="section_text p">公开披露：我们不会公开披露您的个人信息，除非获得您的明确同意或基于法律强制要求。若因法律要求需披露，我们会尽可能提前告知并限定披露范围。</text>
+					<text class="section_text p">未经您同意的例外情形：响应执法机关、政府机构依法提出的要求；进行个人信息安全审计；为保护您或他人人身、财产安全所必需等法律法规规定的情形。</text>
+					<text class="section_text p">【若为平台类服务】您在上传、交流、发布信息时，可能被其他用户或第三方看到。请谨慎发布敏感信息，我们会对平台内信息采取【请填写具体安全措施】以降低风险。</text>
+				</view>
+				<!-- 五、我们如何保护您的信息 -->
+				<view class="section">
+					<text class="section_title">五、我们如何保护您的信息</text>
+					<text class="section_text">我们采取数据加密、访问控制、安全审计、权限最小化等技术与管理措施保护您的个人信息，对传输与存储环节进行加密，并建立保留与删除机制。</text>
+					<text class="section_text p">我们遵循《中华人民共和国个人信息保护法》等国内相关法律法规。</text>
+					<text class="section_text p">请您妥善保管账号与密码，勿向他人泄露。提供个人信息即表示您知悉可能存在被非法获取、篡改或泄露的风险，我们将尽力降低该风险。若发生个人信息安全事件，我们将依法承担相应责任，并会及时通过应用内通知、短信等方式告知您事件概况与应对建议。</text>
+				</view>
+				<!-- 六、信息的存储 -->
+				<view class="section">
+					<text class="section_title">六、信息的存储</text>
+					<text class="section_text">您的个人信息将存储在中华人民共和国境内。存储期限见本政策第二条“保留期限”部分。法律法规另有要求或您另行同意的，从其规定。</text>
+				</view>
+				<!-- 七、您如何管理个人信息 -->
+				<view class="section">
+					<text class="section_title">七、您如何管理您的个人信息（用户权利）</text>
+					<text class="section_text">您享有以下权利：查询、更正、补充您的个人信息；删除您的个人信息（法律法规另有规定的除外）；撤回同意；注销账号；获取您的个人信息副本等。</text>
+					<text class="section_text p">操作方式：您可通过【应用内“我的”-“账号与安全”/“隐私设置”】进行访问、更正、删除及撤回同意；注销账号可通过【请填写具体路径，如：设置-账号与安全-注销账号】或联系客服办理。</text>
+					<text class="section_text p">我们将在收到您请求后【30】个工作日内响应；如需较长时间，我们会告知原因与预计时间。如需验证身份，我们会通过【请填写方式】进行验证并采取措施保护验证过程中的信息安全。若我们拒绝您的请求，会说明理由与依据。</text>
+				</view>
+				<!-- 八、未成年人保护 -->
+				<view class="section">
+					<text class="section_title">八、未成年人保护</text>
+					<text class="section_text">本应用【年龄分级：18+】。若用户为未成年人，我们会在收集其个人信息前取得监护人同意，并仅在不违反法律法规的前提下收集必要信息。监护人有权查阅、更正、删除未成年人个人信息。若发现我们在未获监护人同意的情况下收集了未成年人信息，请通过本政策第九条联系方式告知我们，我们将尽快删除。</text>
+				</view>
+				<!-- 九、如何联系我们 -->
+				<view class="section">
+					<text class="section_title">九、如何联系我们</text>
+					<text class="section_text">如您对个人信息处理有疑问、投诉或建议，请联系：</text>
+					<!-- <text class="section_text p">个人信息安全责任部门：【请填写部门名称】</text> -->
+					<text class="section_text p">联系地址：江苏省南京市江宁区天元东路228号莱茵量子国际3楼312办公室</text>
+					<!-- <text class="section_text p">电子邮箱：【请填写邮箱】</text> -->
+					<text class="section_text p">客服/反馈渠道：13268211521</text>
+					<text class="section_text p">我们将在收到反馈后【30】个工作日内回复。</text>
+					<!-- <text class="section_text p">若无法协商解决争议，您可向【运营主体】所在地有管辖权的法院提起诉讼，或联系【行业自律协会/政府相关管理机构等，请按实际填写】寻求解决。</text> -->
+				</view>
+				<!-- 十、隐私政策变更 -->
+				<view class="section">
+					<text class="section_title">十、隐私政策变更</text>
+					<text class="section_text">我们可能适时修订本隐私政策。重大变更时，我们将通过应用内弹窗、推送通知、登录页提示、短信或邮件等方式及时告知您，并再次征得同意（法律法规另有规定除外）。请您定期查阅本页最新版本。若您继续使用我们的服务，即表示接受更新后的政策。</text>
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {};
+		}
+	};
+</script>
+
+<style lang="scss" scoped>
+	.privacy_wrap {
+		min-height: 100vh;
+		background: #fff;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.privacy_content {
+		flex: 1;
+		height: calc(100vh - 44px);
+	}
+
+	.privacy_body {
+		padding: 24rpx 30rpx 60rpx;
+	}
+
+	.section {
+		margin-bottom: 32rpx;
+	}
+
+	.section_title {
+		display: block;
+		font-size: 30rpx;
+		font-weight: 600;
+		color: #303133;
+		margin-bottom: 16rpx;
+	}
+
+	.section_text {
+		display: block;
+		font-size: 28rpx;
+		color: #606266;
+		line-height: 1.6;
+	}
+	.section_text.p {
+		margin-top: 12rpx;
+	}
+</style>