zouling
/
qianshanxm_ui


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241
							<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8" />
		<meta http-equv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta name="format-detection" content="telephone=no" />
		<title>潜山市党建引领信用村(社区)建设</title>
		<meta name="keywords" content="潜山市党建引领信用村(社区)建设">
		<meta name="description" content="潜山市党建引领信用村(社区)建设">
		<script src="static/js/vue.js"></script>
		<script type="text/javascript" src="static/js/vue-router.js"></script>
		<script src="static/js/index.js" type="text/javascript"></script>
		<script type="text/javascript" src="./static/js/jquery.min.js"></script>
		<script type="text/javascript" src="./static/js/qrcode.js"></script>
		<script src="static/js/common.js"></script>
		<link href="static/css/common.css" rel="stylesheet" />
		<link href="static/css/style.css" rel="stylesheet" />
		<link rel="stylesheet" href="static/css/theme-chalk/index.css">
		
		<style></style>

	</head>
	<body class="qscan">
		<div class="qscant">
			<div class="qusetimg"><img src="static/images/wback.png" class="backimg" /></div>
			二维码出示
		</div>
		<div id="app" class="qsmain">
			<div style="flex: 1;">
				<div class="qsbox mb4">
					<img src="static/images/scantit.png" class="qsboxtimg" />
					<div>
						<div class="mb66">
							<div class="f26 cd3 tc mb7">{{creditLevel}}级 信用户</div>

							<div class="qscode">
								<div id="qrcode" class="qscodeimg"></div>
								<div class="qscodetit" v-if='!phoneNum'>暂无二维码</div>
							</div>
							<div class="f46 c0 fw tc" id="myTime"></div>
						</div>
						<div class="qslines">
							<div class="qsline flexc mb46">
								<i class="qslinea"></i>
								<div class="f26 cd3">人员姓名</div><i class="qslinea"></i>
							</div>
						</div>
						<div class="f3 c0 fw tc" v-if="userName">{{lookflag?userName:getHideFn(userName)}}</div>
						<div class="qslook" @click="getLook">
							<img src="static/images/nlook.png" class="qslooka" v-if='lookflag' />
							<img src="static/images/look.png" class="qslooka" v-else />
							<div class="cbf f24">{{lookflag?'隐藏':'显示'}}信息</div>
						</div>
					</div>
				</div>
			</div>
			<!-- <div class="qsfoot" style="justify-content: center;">
				<div class="qsfoota">
					<img src="static/images/fcode.png" class="qsfootb" />
					<div class="f26 c91">付款码</div>
				</div>
				<div class="qsfoota" @click="getCode">
					<img src="static/images/scode.png" class="qsfootb" />
					<div class="f26 c91">扫一扫</div>
				</div>
			</div> -->
		</div>
	</body>
	<script type="text/javascript">
		var app = new Vue({
			el: '#app',
			data: {
				base_url: 'http://118.31.23.65:5007/prod-api',
				timefn: '',
				useinfo: '',
				lookflag: false,
				idCard: '',
				menuId: '',
				recordType:'',
				recordName:'',
				userName: '',
				creditLevel: '',
				phoneNum: ''
			},
			created() {
				clearInterval(this.timefn)
				// 获取权益
				this.menuId = decodeURI(this.getQueryString("menuId")) || "";
				if(window.localStorage.getItem('userinfo')){
					var userinfo=JSON.parse(window.localStorage.getItem('userinfo'))
					this.idCard = userinfo.idCard||'';
					this.phoneNum = userinfo.phone||'';
					this.userName = userinfo.userName||'';
					this.creditLevel = userinfo.creditLevel||'';
				}

				this.gettimeFn();
			},
			mounted() {
                // 手机号
                if (this.phoneNum) {
                	this.getCodeFn()
                } else {
                	this.$message({
                		message: "二维码生成异常",
                		type: 'error',
                		center: true,
                	});
                }
			},
			// 页面销毁周期关闭相机
			beforeDestroy() {
				clearInterval(this.timefn)
			},
			methods: {
				// 获取当前时间
				getCurrentDate() {
					var date = new Date()
					var y = date.getFullYear();
					var m = date.getMonth() + 1;
					var d = date.getDate();
					var h = date.getHours();
					var min = date.getMinutes();
					var s = date.getSeconds();
					var week = date.getDay(); //获取当前星期X(0-6,0代表星期天)
					var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
					var yearStr = y + '-' + (m < 10 ? ('0' + m) : m) + '-' + (d < 10 ? ('0' + d) : d) + '  '
					var timeStr = (h < 10 ? ('0' + h) : h) + ':' + (min < 10 ? ('0' + min) : min) + ':' + (s < 10 ? (
						'0' + s) : s);
					var time = yearStr + timeStr
					$("#myTime").html(time);
				},
				getCodeFn() {
					// 显示二维码
					// var nowtime = new Date().getTime()+(60*10*1000);
					// ,'time':nowtime
					var nesstr={"phone":this.phoneNum, "menuId":this.menuId,"idCard":this.idCard}
					// var d=this.phoneNum+'-'+this.menuId+'-'+this.idCard
					// var nesstr={"code":d}
					var s=encodeURIComponent(JSON.stringify(nesstr))
					new QRCode('qrcode', {
						text: s,
						// width: 128,
						// height: 128,
						// colorDark : "#000000",
						// colorLight : "#ffffff",
						// correctLevel : QRCode.CorrectLevel.H
					});
					
				},
				getUseFn() {
					var that = this;
					let params = {
						"idCard": that.idCard
					}
					$.ajax({
						url: this.base_url + '/system/h5/user/info',
						type: 'POST',
						data: JSON.stringify(params),
						dataType: 'json',
						success: function(res) {
							if (res.code == 200) {
								that.useinfo = res.data;
								if (res.data.phoneNum) {
									that.getCodeFn()
								} else {
									that.$message({
										message: "二维码生成异常",
										type: 'error',
										center: true,
									});
								}

							} else {
								that.$message({
									message: res.msg,
									type: 'error',
									center: true,
								});
							}
						}
					})
				},
				getHideFn(name) {
					if (name) {
						let enName = []
						if (name.length === 2) {
							return name[0] + '*'
						} else {
							let num = name.length - 2
							enName.push(name[0])
							for (let i = 0; i < num; i++) {
								enName.push('*')
							}
							enName.push(name[name.length - 1])
							return enName.join('')
						}
					}
				},
				// 扫一扫
				getCode() {
					// window.location.href="higin.html" 
				},
				getLook() {
					this.lookflag = !this.lookflag
				},
				gettimeFn() {
					var that = this;
					that.timefn = setInterval(function() {
						that.getCurrentDate()
					}, 1000)
					// window.clearInterval(this.timefn);
				},
				getQueryString(name) {
					try {
						var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
						var r = window.location.href.split('?')[1].match(reg);
						// console.log(reg,r)
						if (r != null) {
							return r[2];
						}
						return ""; //如果此处只写return;则返回的是undefined
					} catch (e) {
						return ""; //如果此处只写return;则返回的是undefined
					}
				},

			},
		})
	</script>
	<script type="text/javascript">
		$(document).ready(function() {
			window.clearInterval(this.timefn);
			$('.backimg').click(function() {
				window.clearInterval(this.timefn);
				window.history.go(-1)
			})
		})
	</script>
</html>