yinshu_ui/yinshuacx/pages/tab/about_we.vue

<template>
	<div class="my_box boxs">
		<div class="my_cont" style="background: linear-gradient(180deg, #2C60F1, #228DE0, #747BFF);">
			<!-- <img src="@/static/bg_mine.png" alt="" class="my_img"> -->
			<div class="my_nr" @click="tx_btn" >
				
				<!-- <div class="icon"> -->
					<!-- <open-data type="userAvatarUrl" class="img"></open-data> -->
					<!-- <img :src="info_data.avatarUrl" v-if="flag" alt="" class="img"> -->
					<!-- v-if="!flag" -->
					<!-- <img src="@/static/grzx_txw2x.png" v-if="!flag"  alt="" class="img"> -->
				<!-- </div> -->
				<div class="my_xq">
					<!-- <open-data type="userNickName" class="my_name"></open-data> -->
					<!-- <div >{{flag?info_data.nickName:'未登录'}}</div> -->
					<div class="my_phone">
					<img src="@/static/icon_mine_tel.png"   alt="" >	
					{{phone?phone:'点击登录获取手机号'}}
					</div>
				</div>
			</div>
		</div>
		
		
		<div class="my_yj" @click = "scant" >
			<!-- <button open-type="contact"></button> -->
			<div class="my_yj_left">
				<img src="@/static/icon_minne_sm.png" alt="" class="img">
				<span>扫码粗查</span>
			</div>
			<div class="my_yj_rig">
				<img src="@/static/you@2x.png" alt="" class="img">
			</div>
		</div>
		<div class="my_yj" @click = "inding" >
			<!-- <button open-type="contact"></button> -->
			<div class="my_yj_left">
				<img src="@/static/icon_minne_clcx.png" alt="" class="img">
				<span>粗略查询</span>
			</div>
			<div class="my_yj_rig">
				<img src="@/static/you@2x.png" alt="" class="img">
			</div>
		</div>
		<div class="my_yj" @click="register_btn">
			<div class="my_yj_left">
				<img src="@/static/icon_mine_sjdj.png" alt="" class="img imgse">
				<span>送检登记</span>
			</div>
			<div class="my_yj_rig">
				<img src="@/static/you@2x.png" alt="" class="img imgse">
			</div>
		</div>
		<div class="my_yj" @click = "guanlu">
			
			<div class="my_yj_left">
				<img src="@/static/icon_mine_hist.png" alt="" class="img">
				<span>历史记录</span>
			</div>
			<div class="my_yj_rig">
				<img src="@/static/you@2x.png" alt="" class="img">
			</div>
		</div>
		<div class="my_yj" @click = "record">
			<!-- <button open-type="contact"></button> -->
			<div class="my_yj_left">
				<img src="@/static/icon_mine_jgjj.png" alt="" class="img">
				<span>官网网址</span>
			</div>
			<div class="my_yj_rig">
				<img src="@/static/you@2x.png" alt="" class="img">
			</div>
		</div>
		
		<!-- <div class="my_yj" @click = "shenfei">
			
			<div class="my_yj_left">
				<img src="@/static/icon_mine_xzsf.png" alt="" class="img">
				<span>选择身份</span>
			</div>
			<div class="my_yj_rig">
				<img src="@/static/you@2x.png" alt="" class="img">
			</div>
		</div> -->
	</div>
</template>

<script>
	export default {
		data() {
			return {
				info_data: {}, // 用户信息
				flag: '', // 是否登录
				//手机号码
				phone:'',
				ankdShow:false
				
			}
		},
		onLoad() {
         
		},
		onPullDownRefresh() {
	
		},
		onShow() {
			let token = uni.getStorageSync('token')
			let detp_type = uni.getStorageSync('deptInfo')
			// this.info_data = uni.getStorageSync('userInfo')
			this.phone = uni.getStorageSync('phone')
			console.log(this.info_data)
			// if(!token ){
			// 	uni.redirectTo({
			// 		url: '/pages/login/login'
			// 	})
			// 	this.flag = false
			// }else{
			// 	this.flag = true
			// }
			// if(detp_type.deptType == 5){
			// 	//班主任
			// 	this.ankdShow = true
			// }else{
			// 	this.ankdShow = false
			// }
		},
		methods: {  
			tx_btn() {
				if(!this.flag){
					uni.navigateTo({
						url: '/pages/login/login',
					})
				}
			},
			
			shop_btn(index){
				const token = uni.getStorageSync('token')
				if(!token){
					uni.redirectTo({
						url: '/pages/login/login',
					})
					return
				}
				uni.navigateTo({
					url: `/pages/my/order_list?index=${index}`
				})
			},
			share_btn() {
				this._GET.clear=true;
				const token = uni.getStorageSync('token')
				// if(!token){
					// uni.redirectTo({
					// 	url: '/pages/login/login',
					// })
					// return
				// }
				uni.switchTab({
					url:'/pages/tab/fw'
				})
			},
			//人员管理
			guanlu(){
				wx.navigateTo({
				  url: '/pages/parents/par_dynamic'
				})
			},
			//通行记录
			record(){
				wx.navigateTo({
				  url: '/pages/home/record'
				})
			},
			//选择身份
			shenfei(){
				wx.navigateTo({
				  url: '/pages/load/roles'
				})
			},
			//送检登记
			register_btn(){
				wx.navigateTo({
				  url: '/pages/home/register'
				})
			},
			//扫码登录
			scant(){
				wx.navigateTo({
				  url: '/pages/home/scan'
				})
			},
			//粗略查询
			inding(){
				wx.navigateTo({
				  url: '/pages/home/potho'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.my_box{
		background-color: #f0f0f0;
		min-height: 100vh;
		.my_cont{
			height: 160upx;
			position: relative;
			overflow: hidden;
			display: flex;
			align-items: center;
			padding: 0 46upx;
			background-color: #fff;
			.my_img{
				width: 100%;
				position: absolute;
				bottom: 0;
				left: 0;
			}
			.my_nr{
				position: relative;
				z-index: 1;
				display: flex;
				.icon{
					width: 160upx;
					height: 160upx;
					display: flex;
					justify-content: center;
					align-items: center;
					background: #fff;
					border-radius: 50%;
					margin-right: 21upx;
					overflow: hidden;
					.img{
						border-radius: 50%;
						width: 156upx;
						height: 156upx;
						vertical-align: 0;
					}
				}
				.my_xq{
					color: #fff;
					display: flex;
					justify-content: center;
					flex-direction: column;
					.my_name{
						font-size: 35upx;
						line-height: 1;
						margin-bottom: 27upx;
					}
					.my_phone{
						display: flex;
						align-items: center;
						img{
							width: 24upx;
							height: 33upx;
							margin-right: 30upx;
						}
						font-size: 31upx;
						line-height: 1;
					}
				}
			}
		}
		.my_gn{
			background: #fff;
			width: calc(100vw - 40upx);
			position: relative;
			z-index: 2;
			margin: -50upx auto 20upx;
			height: 253upx;
			box-sizing: border-box;
			background: #fff;
			border-radius: 6upx;
			display: flex;
			padding: 0 35upx;
			justify-content: space-between;
			align-items: center;
			.my_gn_item{
				.img{
					width: 103upx;
					height: 103upx;
					margin-bottom: 27upx;
				}
				p{
					color: #343434;
					font-size: 31upx;
					font-weight: 400;
					text-align: center;
					line-height: 1;
				}
			}
		}
		.my_yj{
			// width: calc(100vw - 40upx);
			box-sizing: border-box;
			// margin: 0 auto 20upx;
			margin-top: 22upx;
			height: 112upx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 0 34upx;
			background: #fff;
			position: relative;
			button{
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
				background: transparent;
				&::after{
					border: none!important;
				}
			}
			
			.my_yj_left{
				display: flex;
				align-items: center;
				.img{
					width: 55upx;
					height: 55upx;
					margin-right: 34upx;
				}
				span{
					color: #343434;
					font-weight: 400;
					font-size: 31upx;
				}
			}
			.my_yj_rig{
				width: 46upx;
				height: 46upx;
				.img{
					width: 100%;
					height: 100%;
				}
			}
		}
	}
	.imgse{
		width: 56upx !important;
		height: 47upx !important;
	}
</style>