<template>
	<view class="mine-box">
		<view class='info-box'>
			<image :src="userInfo.headUrl||base64Avatar"
				@click="checkObjEmpty(userInfo) ? $.open('/pages/logIn/userInfo'):$.open('/pages/logIn/logIn')"></image>

			<view class="name FontS_50rpx FontBold MarginL_15rpx"
				@click="checkObjEmpty(userInfo) ? $.open('/pages/logIn/userInfo'):$.open('/pages/logIn/logIn')">
				{{ dataInfo.cusername || userInfo.username || '请登录'}}
			</view>

			<!-- <u-row justify="space-between" gutter="12" class="static-box">
				<u-col span="4">
					<view class="item">
						<text>
							1222
						</text>
						<text class="label">
							我排查的
						</text>
					</view>
				</u-col>
				<u-col span="4">
					<view class="item">
						<text>
							1222
						</text>
						<text class="label">
							我排查的
						</text>
					</view>
				</u-col>
				<u-col span="4">
					<view class="item">
						<text>
							1222
						</text>
						<text class="label">
							我排查的
						</text>
					</view>
				</u-col>
			</u-row> -->
		</view>
		<u-cell-group class="margin-top">
			<u-cell icon="order" title="警号" :value="dataInfo.policeid"></u-cell>
			<u-cell icon="account" title="身份证号" :value="dataInfo.cdescription"> </u-cell>
			<u-cell icon="phone" title="联系方式" :value="dataInfo.phone"></u-cell>
			<u-cell icon="coupon" title="所属部门" :value="dataInfo.cdepartmentname"></u-cell>
		</u-cell-group>
		<u-cell-group style="margin-top:20rpx;padding:10rpx 20rpx">
			<u-cell icon="lock" title="修改密码" isLink @click='possword'></u-cell>
		</u-cell-group>
		<view class="logout" @click="showModal">退出登录</view>
		<u-modal :show="show" @confirm="confirm" ref="uModal" :asyncClose="true" title="是否要继续退出登录？"
			:showCancelButton="true" @cancel="show=false"></u-modal>
		<Tabbar name='我的' v-if="tabbarShow"></Tabbar>
	</view>
</template>

<script>
	import tabFun from '@/libs/function/tabbar.js'
	// const base64Avatar =
	// 	"data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjREMEQwRkY0RjgwNDExRUE5OTY2RDgxODY3NkJFODMxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjREMEQwRkY1RjgwNDExRUE5OTY2RDgxODY3NkJFODMxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEQwRDBGRjJGODA0MTFFQTk5NjZEODE4Njc2QkU4MzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEQwRDBGRjNGODA0MTFFQTk5NjZEODE4Njc2QkU4MzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYG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";
const base64Avatar ='data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYwQjdBNUI1OTNGMzExRTk5OEMyRUJEREM0NTA0NzFEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYwQjdBNUI2OTNGMzExRTk5OEMyRUJEREM0NTA0NzFEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjBCN0E1QjM5M0YzMTFFOTk4QzJFQkREQzQ1MDQ3MUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjBCN0E1QjQ5M0YzMTFFOTk4QzJFQkREQzQ1MDQ3MUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ceP8WAAAFRUlEQVR42sxYa0xbVRzvvb29bS9taQvtYBQ63kxhsBlw6mbwQZyabE4H6geTZfOR+MFPiyZO4jRxiYl+UOOXOdTERxyLcxs+trkFxbGxwZgb22CAPDoKpQ8ofVFa7q3/g7ekK33ce9st/pNfbnLPOf/zyzn/839hoVBIJEBKAHWAdYACQA5Azo7NAywAE+Aq4CJgmO8GGA9iFGA7YBugiOc+I4BjgJ8AvnQREwOaAC8DMkWpyRzgIKAVQKdCDF3TB4C1ovRKP2Ave90xBU+weDPgmztASsTq/JbdgxexJwEfATJEd04odo+nuF7lw+wCXHR3hAHsAXQkImZkr4/iorHvHxv13cl+fdf1KbXPHxSH/5OEmKkqznY3PV5urV9f4MKwpKrQS30JMB6LGFL8dTKbYpiQ6LeuUfWP7YP6ayN25ZI9YFho59OV5qK8TL911idpaevL884HCTSWp1P4n60vs+54pMwhlxJMkgexM/xaI6+riYuh/3B6IPu9lnPFYVLLRvlA4WzXtSnV5mqDi4ogYLZ5ZJ8d7i34+PvuPA4P4vlo46dYP5VU6u7JdeMx7iZHmxEkJWIGkZKRxAofdV9FjpuD+t1hMwoT287VeZYY1AsNdUbbbdcbCmG79p8oz9crF97/6rzxltUtjxwvK9B4tmwsdHJQn8lyWbaxVj5hxulZEL/24akytBQdXiBIwyH+d4oSAmdoOoRRMoImxHgI4fXnasw1pXofR/UofDUhAy3lG/vUCikNRi4FAxcnm4sehlYlW+ShHnEpRcRqhTifrZuKrRaHj7wxZlcgktHuEMgHy41ar05NBQpWqQI81dciYpVCiP15eUJjc/rI0nyNt7Io24PjWAg9CoZl6JjzS64M2ZRZmbKgAPVViFihEGKrwT9N2j2yG6MOJSDuvNxshVuA+jXoVeqFENt4b64rnfOiRI9zDT/RAt7ckSGXJMypYHwRzRMS4AUHaoVcwry6rXoi0RwYN6N5QvTjXFPdWPJiQ4UdQpEtZt4E/9G4QNU+RMyaSs7y7q4HTcg1RLsK9D8FtVZEbCwVYl5Id7Co2IlcBgpTKagdQ+6iD9DAZ5VnPoh3XjWregYsio7LE9rP9zw2+PeQjfqk9ZIR2d0T969xvtD889oN5XoXBG/PQ+vyXDxtrQ8R6+Y62zbrIz493Lu6vfdWFoqP4f+nLoyraTihhQCNO91+4gTka6ZplxzhaMfwKikpZurX5zveaNwwqdNQXMJTN1I+xAbOhHK6ezyz8Z22ypMXxnSRpJYMwumT7KgvtZcYNN5N1YY564yPjBxHhNG6pua2yjM948myGMRlKLzB8UQz4dqUzQfOFkemz5HSUGt0nr8+pRyemM34/eKYZvfWKgsKUSvsEYJ+84HO4nN9k4oE2x2PzMeOsMVoTIHrM9BMfGM+9tdwloJ1tih9bj1zM5uJM3+RZjDIaA1xVLlYLsvEkC9ribexFDLTRCd69opZq5CTS8SMOSr/L50juoR1Q/wXezDsV4mIn4fYenJF3v/l3i2DR/4Y0rZfMmkGTDMZ4UIj8hR6+i1KJUUuznkWCMuMVxqtA9JtBrJf7+Yag7Px0fJYjvcmy0F4+TZl90igyCCnoSKanvGSyLgpmYSGrJVBX5PFJSMIPAS5WDBHSwUgEwkYdMoA2J2g8u1/VfDG2hxN2McuuBuk9kWTStS7+BXwZioBnkugBrzF7iWoDbUfUJFmUgOAtxO1ofg07l4BqFIkhPzUF+lo3N2WGwKeYVudfOuEUbbVeRTlAOnuwSZrDlMRtpNyc/hfAQYAFFwdv9Iba+4AAAAASUVORK5CYII='
	import TopTitle from "../../components/top-title";
	import Tabbar from "../../components/tabbar.vue";
	export default {
		components: {
			TopTitle,
			Tabbar
		},
		data() {
			return {
				show: false,
				base64Avatar: base64Avatar,
				$: this.$,
				bgUrl1: '',
				userInfo: {},
				timer: null,
				num: 0,
				dataInfo: {},
				tabbarShow: true,
				// funcList: [
				//  { id:1,name:'个人信息',url:'/pages/logIn/userInfo',icon:'/mine/userinfo.png' },
				//  { id:2,name:'劳务保险',url:'/pages/mine/insurance',icon:'/mine/insurance.png' },
				//  { id:3,name:'打卡记录',url:'',icon:'/mine/lean.png' },
				//  { id:4,name:'培训记录',url:'/pages/mine/train',icon:'/mine/train.png' },
				//  { id:5,name:'找活记录',url:'/pages/mine/jobfind',icon:'/mine/jobfind.png' },
				//  { id:6,name:'人员管理',url:'/pages/mine/worker',icon:'/mine/jobfind.png' },
				// ]
			
			}
		},
		computed: {
			// funcList() {
			// 	return [{
			// 		id: 1,
			// 		name: '个人信息',
			// 		url: '/pages/logIn/userInfo',
			// 		icon: '/mine/userinfo.png'
			// 	}]
			// }

		},
		onShow() {
			// tabFun.tabbar()
			let token = this.$.getData('token')
			const userInfo = this.$.getData('userInfo')
			if (userInfo) {
				this.userInfo = userInfo
				this.getInfo()
				// console.log(this.userInfo)
			}
			// // 顶部背景图
			// this.bgUrl1 = "background-image:url('" + this.$.imgSrc + "/mine/mineBG.png');background-repeat: no-repeat;background-position: center top;background-size:100% 472rpx;"
			//    // if(!token){
			//    //   this.$.openNew('/pages/logIn/logIn')
			//    //   return
			//    // }
			// if(this.userInfo.projectRole <= 1 && !this.timer) {
			// 	this.timer = setInterval(() => {
			// 		this.getReviewNum()
			// 	},10 * 1000)
			// }
			uni.hideTabBar() //隐藏官方的tabBar
			// this.tabbarShow = false
			// this.$nextTick(() => {
			// 	this.tabbarShow = true
			// })
		},
		onHide() {
			// this.timer && clearInterval(this.timer)
		},
		onLoad(e) {
			

		},
		methods: {
			//获取个人信息
			getInfo() {
				this.$request
					.globalRequest(
						"/hiddenDanger/auth/getOperatorInformation", {
							nuserid: this.userInfo.username,
						},
						"GET"
					)
					.then((res) => {
						if (res.code === 200) {
							this.dataInfo = res.result;
							this.$set(this.dataInfo,'cdescription',this.processIDCard(res.result.cdescription))
						} else {
							this.$.toast(res.message)
						}
					});
			},
			processIDCard(idCard) {
				if (idCard.length !== 18) {

					return idCard
				}
				// 使用'********'替换前14位，然后拼接上后4位  
				return '********' + idCard.slice(-4);
			},
			//修改密码
			possword() {
				// this.$.openNew('/pages/mine/password')
				uni.navigateTo({
					url: '/pages/mine/password'
				})
			},
			showModal() {
				this.show = true;
			},
			confirm() {
				setTimeout(() => {
					this.$.clearData();
					this.$.openNew('/pages/logIn/logIn');
				}, 1500)
			}
			//    checkObjEmpty(obj){
			//      if(JSON.stringify(obj) == '{}'){
			//        return false
			//      }
			//      return true
			//    },
			//    getBG(url){
			//      return "background-image:url('" + url + "');background-repeat: no-repeat;background-position: center top;background-size:100% 100%;"
			//    },
			// handleClick(row) {
			// 	this.$.open(row.url)
			// },
			// getReviewNum() {
			// 	this.$request.globalRequest('/hyjg-admin/mapi/projectworker/getApplyWorkerCount', {}, 'POST').then(res => {
			// 		if (res.code == 0) {
			// 			this.num = res.data;
			// 		}
			// 	})
			// }
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background: #F2F2F2;
	}

	.mine-box {
		position: fixed;
		width: 100%;
		height: 100%;
		background-image: url('../../static/mine/background.png');
		background-size: 100% 100%;

		.info-box {
			padding-top: calc(var(--status-bar-height) + 80rpx);
			width: 750rpx;
			/* height: 667rpx; */
			/* background: linear-gradient(#3677D9 0%, #45A3E6 28%, #F0F3F7 100%); */
			border-radius: 0px 0px 0px 0px;
			display: flex;
			flex-direction: column;
			align-items: center;

			.name {
				margin-top: 33rpx;
				font-size: 40rpx;
			}

			image {
				width: 170rpx !important;
				height: 170rpx !important;
				border: 8rpx solid #ffffff;
				border-radius: 50%;
			}

			.static-box {
				margin-top: 45rpx;
				width: 710rpx;
				height: 126rpx;

				.u-col {
					height: 126rpx;
					border-radius: 13rpx;

					.item {
						height: 126rpx;
						background: rgba(255, 255, 255, 0.35);
						border-radius: 13rpx;
						padding: 21rpx 0;
						display: flex;
						flex-direction: column;
						align-items: center;
						justify-content: space-between;

						text {
							font-family: Arial, Arial;
							font-weight: bold;
							font-size: 40rpx;
							color: #363F4D;
							text-align: center;
							font-style: normal;
							text-transform: none;
						}

						.label {
							font-family: Source Han Sans CN, Source Han Sans CN;
							font-size: 28rpx;
							font-weight: 400;
						}
					}
				}
			}
		}

		/deep/ .u-cell-group__wrapper .u-line {
			border-bottom: none !important;
		}

		/deep/ .u-cell-group__wrapper .u-cell .u-line {
			border-bottom: 1px solid #E6E6E6 !important;
		}


		.u-cell-group {
			margin: 0 32rpx;
			padding: 15rpx 20rpx;
			background-color: rgba(255, 255, 255, 0.75);

			border-radius: 13rpx;

			/deep/ .u-cell__body {

				.u-cell__title-text {
					color: #5E6F8A;
					font-size: 30rpx;
					margin-left: 8rpx;
				}

				.u-icon__icon {
					color: #5E6F8A;
					font-size: 40rpx !important;
					margin-top: 6rpx;
				}

				.u-cell__value {
					color: #363F4D;
					font-size: 28rpx;
					position: relative;
					top: 2rpx;
				}

				.uicon-arrow-right {
					margin-right: -10rpx;
					font-size: 30rpx !important;
				}
			}

			.u-cell:last-child /deep/.u-line {
				border-bottom: none !important;
			}

			.u-cell:first-child /deep/.u-line {
				border-top: none !important;
			}

			.u-line .border-top-color {
				/* border-bottom-color: #E6E6E6!important; */
			}
		}

		.margin-top {
			margin-top: 40rpx;
		}

		.logout {
			width: 690rpx;
			background-color: rgba(255, 255, 255, 0.75);
			text-align: center;
			margin-top: 20rpx;
			margin-left: 30rpx;
			padding: 27rpx 0;
			border-radius: 13rpx;
			font-size: 32rpx;
			color: #363F4D;
			font-weight: 600;
		}



	}

	/deep/ .u-modal {
		width: 580rpx !important;
	}
</style>