<template>
	<view>
		<cu-custom bgColor="bg-blue" :isBack="true">
			<block slot="backText">基本资料</block>
			<block slot="content"></block>
			<block slot="right">
				<view class="flex justify-center">
					<button @click="save()" class="cu-btn round line-blue text-white" style="width: 160rpx;height: 66rpx;padding: 0;">保存</button>
				</view>
			</block>
		</cu-custom>
		<form class="cu-list menu shadow-lg">
			<view class="cu-form-group_top">
				<view style="font-size: 30rpx;color: #101010;">
					头像
				</view>
				<view class="cu-form-group_top_right">
					<view v-for="(item,index) in imgList" :key="index" @tap="ChooseImage" :data-url="imgList[index]">
						<image style="width: 120rpx;height: 120rpx;border-radius: 50%;" :src="imgList[index]" mode="aspectFill"></image>
						<!-- <view class="cu-tag bg-red"  :data-index="index">
		    				<text class='cuIcon-close'></text>
		    			</view> -->
					</view>
					<view @tap="ChooseImage" v-if="imgList.length<1">
						<image mode="aspectFill" style="width: 120rpx;height: 120rpx;border-radius: 50%;" src="/static/information/defaultAvatar.png"></image>
					</view>
					<view>
						<image style="height: 44rpx;width: 44rpx;margin-left: 20rpx;" src="/static/user/show-gray.png"></image>
					</view>
				</view>
			</view>
			<view class="cu-form-group_1" style="margin-top: 20rpx;">
				<view class="title">登录账户</view>
				<input placeholder="登录账户" placeholder-style="color:#AEAEAE;font-size:30rpx" disabled="true" v-model="userInfo.account"
				 name="input"></input>
			</view>
			<view class="cu-form-group_1">
				<view class="title">用户姓名</view>
				<input placeholder="用户姓名" placeholder-style="color:#AEAEAE;font-size:30rpx" disabled="true" v-model="userInfo.userName"
				 name="input"></input>
			</view>
			<view class="cu-form-group_1">
				<view class="title">用户类型</view>
				<input placeholder="用户类型" placeholder-style="color:#AEAEAE;font-size:30rpx" v-model="role" name="input" disabled=""></input>
			</view>
			<view class="cu-form-group_1" style="margin-top: 20rpx;">
				<view class="title">邮箱</view>
				<input placeholder="邮箱" placeholder-style="color:#AEAEAE;font-size:30rpx" v-model="userInfo.email" name="input"></input>
			</view>
			<view class="cu-form-group_2">
				<view class="title">通讯地址</view>
				<textarea maxlength="-1" placeholder-style="color:#AEAEAE;font-size:30rpx" v-model="userInfo.address"></textarea>
			</view>
			
			<!-- <view class="cu-form-group_1"  @tap="$refs.popup1.open();" style="margin-top: 20rpx;">
				<view class="title">隐私政策</view>
			</view> -->
			<uni-popup ref="popup1" type="dialog">
				<scroll-view scroll-y class="padding-top radius bg-white" style="width: 660rpx;height: 800rpx;padding: 20rpx;white-space: pre-wrap;">
  本应用app为工程大数据，是广西华正创展信息技术有限公司开发的一款专业的工程档案管理软件。本应用非常重视用户隐私政策并严格遵守相关的法律规定。请您仔细阅读《隐私政策》后再继续使用。如果您继续使用我们的服务，表示您已经充分阅读和理解我们协议的全部内容。
							
  本app尊重并保护所有使用服务用户的个人隐私权。为了给您提供更准确、更优质的服务，本应用会按照本隐私权政策的规定使用和披露您的个人信息。除本隐私权政策另有规定外，在未征得您事先许可的情况下，本应用不会将这些信息对外披露或向第三方提供。本应用会不时更新本隐私权政策。 您在同意本应用服务使用协议之时，即视为您已经同意本隐私权政策全部内容。
							
  1. 适用范围
							
  (a) 在您注册本应用app帐号时，您根据app要求提供的个人注册信息；
							
  (b) 在您使用本应用网络服务，或访问本应用平台网页时，本应用自动接收并记录的您的浏览器和计算机上的信息，包括但不限于您的IP地址、浏览器的类型、使用的语言、访问日期和时间、软硬件特征信息及您需求的网页记录等数据；
							
  (c) 本应用通过合法途径从商业伙伴处取得的用户个人数据。
							
  (d)本应用严禁用户发布不良信息，如裸露、色情和亵渎内容，发布的内容我们会进行审核，一经发现不良信息，会禁用该用户的所有权限，予以封号处理。
							
  2. 信息使用
							
  (a)本应用不会向任何无关第三方提供、出售、出租、分享或交易您的个人登录信息。如果我们存储发生维修或升级，我们会事先发出推送消息来通知您，请您提前允许本应用消息通知。
							
  (b) 本应用亦不允许任何第三方以任何手段收集、编辑、出售或者无偿传播您的个人信息。任何本应用平台用户如从事上述活动，一经发现，本应用有权立即终止与该用户的服务协议。
							
  (c) 为服务用户的目的，本应用可能通过使用您的个人信息，向您提供您感兴趣的信息，包括但不限于向您发出产品和服务信息，或者与本应用合作伙伴共享信息以便他们向您发送有关其产品和服务的信息（后者需要您的事先同意）。
							
  3. 信息披露
							
  在如下情况下，本应用将依据您的个人意愿或法律的规定全部或部分的披露您的个人信息：
							
  (a) 未经您事先同意，我们不会向第三方披露；
							
  (b)为提供您所要求的产品和服务，而必须和第三方分享您的个人信息；
							
  (c) 根据法律的有关规定，或者行政或司法机构的要求，向第三方或者行政、司法机构披露；
							
  (d) 如您出现违反中国有关法律、法规或者本应用服务协议或相关规则的情况，需要向第三方披露；
							
  (e) 如您是适格的知识产权投诉人并已提起投诉，应被投诉人要求，向被投诉人披露，以便双方处理可能的权利纠纷；
							
  4. 信息存储和交换
							
  本应用收集的有关您的信息和资料将保存在本应用及（或）其关联公司的服务器上，这些信息和资料可能传送至您所在国家、地区或本应用收集信息和资料所在地的境外并在境外被访问、存储和展示。
							
  5. Cookie的使用
							
  (a) 在您未拒绝接受cookies的情况下，本应用会在您的计算机上设定或取用cookies ，以便您能登录或使用依赖于cookies的本应用平台服务或功能。本应用使用cookies可为您提供更加周到的个性化服务，包括推广服务。
							
  (b) 您有权选择接受或拒绝接受cookies。您可以通过修改浏览器设置的方式拒绝接受cookies。但如果您选择拒绝接受cookies，则您可能无法登录或使用依赖于cookies的本应用网络服务或功能。
							
  (c) 通过本应用所设cookies所取得的有关信息，将适用本政策。
							
  6.本隐私政策的更改
							
  (a)如果决定更改隐私政策，我们会在本政策中、本公司网站中以及我们认为适当的位置发布这些更改，以便您了解我们如何收集、使用您的个人信息，哪些人可以访问这些信息，以及在什么情况下我们会透露这些信息。
							
  (b)本公司保留随时修改本政策的权利，因此请经常查看。如对本政策作出重大更改，本公司会通过网站通知的形式告知。
							
  方披露自己的个人信息，如联络方式或者邮政地址。请您妥善保护自己的个人信息，仅在必要的情形下向他人提供。如您发现自己的个人信息泄密，尤其是本应用用户名及密码发生泄露，请您立即联络本应用客服，以便本应用采取相应措施。
							
  感谢您花时间了解我们的隐私政策！我们将尽全力保护您的个人信息和合法权益，再次感谢您的信任！
						</scroll-view>
					</uni-popup>
		</form>
	</view>
</template>

<script>
	import config from "../../../core/api.js"
	export default {
		data() {
			return {
				imgList: [],
				userInfo: "",
				role: "",
				rules: [{
						name: 'email',
						required: false,
						type: 'email',
						errmsg: '请输入正确的邮箱'
					},
					{
						name: 'account',
						required: true,
						type: 'required',
						errmsg: '请输入登录账户'
					}
				]
			};
		},
		onLoad() {
			var userInfo = uni.getStorageSync("userInfo")
			this.role = uni.getStorageSync("porject"+"_"+uni.getStorageSync("userInfo").id).roleName;
			if (userInfo != null) {
				if (userInfo.portrait != 'null' && userInfo.portrait != null) {
					this.imgList.push(userInfo.portrait)
				}
				if (userInfo.address == 'null' || userInfo.address == null) {
					userInfo.address = ""
				}
				if (userInfo.email == 'null' || userInfo.email == null) {
					userInfo.email = ""
				}
				this.userInfo = userInfo;

			}
		},
		methods: {
			save() {
				let result = this.$formValidate.validate(this.userInfo, this.rules) //表单验证
				var that = this;
				if (result.isOk) {
					if (this.imgList.length != 0 && this.imgList[0] != this.userInfo.portrait) {
						var url = config.api;
						var token = uni.getStorageSync("token");
						uni.uploadFile({
							url: url + '/app/updateUserHaveportrait',
							filePath: this.imgList[0],
							name: 'file',
							header: {
								"Authorization": token
							},
							formData: {
								"userId": this.userInfo.id,
								"account": this.userInfo.account,
								"userName": this.userInfo.userName,
								"email": this.userInfo.email,
								"address": this.userInfo.address
							},
							success: function(uploadFileRes) {
								var data = JSON.parse(uploadFileRes.data);
								if (data.result == "1") {
									uni.setStorageSync("userInfo", data.data);
									that.$prompt.none(data.msg)
								}
							}
						});

					} else {
						this.userInfo.portrait = this.imgList[0];
						that.http.request('/app/updateUser', this.userInfo, 'json').then((result) => {
							if (result.result == "1") {
								uni.setStorageSync("userInfo", result.data);
								that.$prompt.none(result.msg)
							}
						})

					}


				} else {
					that.$prompt.none(result.errmsg)
					return false
				}
			},
			ChooseImage() {
				uni.chooseImage({
					count: 1, //默认9
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['album'], //从相册选择
					success: (res) => {
						if (this.imgList.length != 0) {
							this.imgList = [];
							this.imgList = this.imgList.concat(res.tempFilePaths)
						} else {
							this.imgList = [];
							this.imgList = res.tempFilePaths
						}
					}
				});
			},
			ViewImage(e) {
				uni.previewImage({
					urls: this.imgList,
					current: e.currentTarget.dataset.url
				});
			},
			DelImg(e) {
				uni.showModal({
					title: '提示',
					content: '确定要删除吗',
					cancelText: '取消',
					confirmText: '确定',
					success: res => {
						if (res.confirm) {
							this.imgList.splice(e.currentTarget.dataset.index, 1)
						}
					}
				})
			},
		}
	}
</script>

<style>
	.cu-form-group .title {
		min-width: calc(4em + 15px);
	}

	.cont {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
	}

	.login-img {
		width: 60rpx;
		height: 60rpx;
	}

	.text-black {
		color: #101010;
	}
	.cu-form-group_top{background-color: #fff;display: flex;align-items: center;justify-content: space-between;padding: 30rpx 24rpx;}
	.cu-form-group_top_right{display: flex;align-items: center;}
	.cu-form-group_1 {
		display: flex;
		align-items: center;
		padding: 0 24rpx;
		border-bottom: 2rpx solid #E3E1E1;
		height: 88rpx;
		background-color: #fff;
	}

	.cu-form-group_1 .title {
		width: 148rpx;
		font-size: 30rpx;
		color: #101010;
	}

	.cu-form-group_1 input {
		width: 554rpx;
		color: #8a8a8a;
		font-size: 30rpx;
	}

	.cu-form-group_2 {
		display: flex;
		background-color: #fff;
		padding: 22rpx 24rpx;
	}

	.cu-form-group_2 .title {
		width: 148rpx;
		font-size: 30rpx;
		color: #101010;
	}

	.cu-form-group_2 textarea {
		width: 554rpx;
		color: #8a8a8a;
		font-size: 30rpx;
		height: 130rpx;
	}
</style>
