zouling
/
qianshanxm_ui


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
							<!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 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="qbox">
			<div class="qsback">
				<img src="static/images/back_white.png" class="backimg" />
			</div>
			<div id="appse">
				<header>
					<div>
						<img  src="static/images/pic_up.png" class="qup"/>
					</div>
				</header>
			</div>
			<div id="app">
				<main>
					<img  src="static/images/pic_tit.png" class="qtitimg"/>
					<div class="qd_txtbox">
						<div class="qd_txtt">基本信息</div>
						<div class="qd_txtb">
							<div class="qd_txtbt">尊敬的用户您好!</div>
							<div  class="flex" >
								<div class="qd_txtbxa">
									<div class="flexcj qd_txtbxal">
										<img src="static/images/texa.png"/>
									</div>
									<div class="ovh">
										<div class="f26 c34 fw mb1 ovone">{{userName||"暂无信息"}}</div>
										<div class="f16 c6 ovone">姓名</div>
									</div>
								</div>
								<div class="qd_txtbxa">
									<div class="flexcj qd_txtbxal">
										<img src="static/images/texc.png"/>
									</div>
									<div class="ovh">
										<div class="f26 c34 fw mb1 ovone" v-if="creditLevel"><span class="cd3 fsi">{{creditLevel}}</span>级</div>
										<div class="f26 c34 fw mb1 ovone" v-else>暂无评级</div>
										<div class="f16 c6 ovone">信用等级</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="qd_wel">
						<div class="qd_weltit ">
							<img src="static/images/tet_flbg.png"/>
							<div class="qd_weltita">{{title}}</div>
						</div>
						<div class="qd_weltxt flexcj mb3"><span></span>福利详细信息<span></span></div>
						<div class="qd_welb" style="padding-top: 0.16rem;padding-bottom: 0.16rem;">
							<div class="qd_medab">
								<div class="qd_medal">
									<img src="static/images/iconj.png" v-if="creditLevel=='AAA'"/>
									<img src="static/images/icony.png" v-if="creditLevel=='AA'"/>
									<img src="static/images/icont.png" v-if="creditLevel=='A'"/>
									<div class="qd_medalt">{{creditLevel}}</div>
									<div class="qd_medalx" v-if='creditLevel'>信用用户</div>
								</div>
								
								<ul v-for="(item,idx) in businesslist" :key='idx'>
									<li>
										<div class="cb5 fsi f26 fw mb12">{{item.businessName}}</div>
										<div class="mt28">
											<p v-html='item.businessPolicy'></p>
										</div>
									</li>
								</ul>
							</div>
							
						</div>
					</div>

					<div class="qd_fixed" @click="getCode">
						<img  src="static/images/csm.png" class="qd_fixedi"/>
						出示信用码
					</div>
				</main>
			</div>
			</div>
			<script type="text/javascript">
				var app = new Vue({
				        el: '#app',
				        data: {
				            id :'' ,
							base_url: 'http://118.31.23.65:5007/prod-api',
							businesslist:[],
							title:'',
							useinfo:'',
							phone:'',
							scoreflag:false,
							userName:'',
							idCard:'',
							creditLevel:''
				        },
				        created() {
							let search = location.search;
							let arr = search.split("?");
							this.id = decodeURI(this.getQueryString("id"))
							this.title = decodeURI(this.getQueryString("tit"))||'';
							if(window.localStorage.getItem('userinfo')){
								var userinfo=JSON.parse(window.localStorage.getItem('userinfo'))
								this.userName = userinfo.userName||'';
								this.creditLevel = userinfo.creditLevel||'';
								
							}
							this.getDataFn()
				        },
				        mounted() {
				        },
				        methods: {
							getDataFn(e){
								var that=this;
								$.ajax({
									url:this.base_url+ '/system/h5/menu/'+that.id,
									type: 'GET',
									data: {},
									dataType: 'json',
									success: function(res) {
										if (res.code == 200) {
											that.businesslist=res.data
										} else {
											that.$message({
												message: res.msg,
												type: 'error',
												center: true,
											});
										}
									}
								})
							},
							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) {
											if(res.data){
												that.scoreflag=false;
												that.useinfo = res.data;
											}else{
												that.scoreflag=true;	
											}
										} else {
											that.$message({
												message: res.msg,
												type: 'error',
												center: true,
											});
										}
									}
								})
							},
							getCode(){
								// 扫码出示
								if(!this.creditLevel){
									this.$message({
										message: "暂无信用评级",
										center: true,
										showClose:true
									});
								}else{
									// window.location.href="scancode.html?idCard=" + this.idCard
									window.location.href="category.html"
								}
							},
							// 获取路由参数
							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() {
					$('.backimg').click(function() {
						window.history.go(-1)
					})
				})
			</script>
			<script src="static/js/footer.js" type="text/javascript" charset="utf-8"></script>
		</body>
	</html>