zouling
/
qianshanxm_ui


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316
							<!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 src="static/js/croods-1.3.3.js" type="text/javascript" charset="utf-8"></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="dkbox" @touchmove="handleTouchMove">
	  <div id="app">
		<div id="appse">
			<header>
				<div class="dtop" :class="scroll>0?'act':''">
					<div class="back">
						<img src="static/images/wback.png"  v-if="scroll>0"/>
						<img src="static/images/back.png"  v-else/>
					</div>
					
					<div class="tit over">
						潜山市个人创业担保贷款
					</div>
				</div>
			</header>
		</div>
		<main >
			<div class="ditop">
				<img  src="static/images/itit.png" class="limg"/>
				<img src="static/images/itopicon.png" class="rimg"/>
			</div>
			<div class="diinf">
				<h1 class="f20 ca8" @click="getLoginFn">贷款信息</h1>
				<div class="list flexat">
					<div class="btn flex0">担保类型</div>
					<div class="tit">房产或担保人担保</div>
				</div>
				<div class="list flexat">
					<div class="btn flex0">最高可贷</div>
					<div class="tit">500,000<span>万元</span></div>
				</div>
				<div class="list flexat">
					<div class="btn flex0">最长可贷</div>
					<div class="tit">3<span>年</span></div>
				</div>
				<div class="list flexat">
					<div class="btn flex0">年利率</div>
					<div class="tit">5.35%</div>
				</div>
				<div class="ditxt flexcc pt6">
					<img src="static/images/iup.png"/>
					<div class="f16 fw cb3">请仔细阅读以下申请须知</div>
				</div>
			</div>
			<div class="dicon">
				<!-- 申请条件 -->
				<div>
					<h1 class="f20 ca8">申请条件</h1>
					<div class="list flexat" v-for="(ite,idx) in dlist" :key="idx">
						<div class="tit flex0">{{ite.val}}</div>
						<div class="txt">{{ite.txt}}</div>
					</div>
					<a href="./edyq.html" class="dilook flexcc pt6">
						<div class="f16 fw cb3">查看贷款申请的详细额度要求</div>
						<img src="static/images/dowr.png"/>
					</a>
				</div>
				<!-- 申请流程 -->
				<div class="pt156">
					<div class="dicontop flexcc mb28">
						<img src="static/images/ilicon.png"/>
						<div class="f20 cfe fw plr12">申请流程</div>
						<img src="static/images/ilricon.png"/>
					</div>
					<div class="slist flexat" v-for="(ite,idx) in slist" :key="idx">
						<div class="btn txc flex0">{{ite.val}}</div>
						<div>
							<div class="f15 cfe fw mb12">{{ite.tit}}</div>
							<div class="f13 c6 fw5 lh24">{{ite.txt}}</div>
						</div>
					</div>
				</div>
				<a href="sqed.html" class="dfbtn flexcc f16 cf fw" v-if="dktype==-1">
					立即申请
				</a>
				<a :href="'one.html?pagetype=update&id='+dktype" class="dfbtn flexcc f16 cf fw" v-else>
					查看进度
				</a>
				<!-- <div>您的申请已被驳回，请您重新修改申请后提交</div> -->
			</div>
			
		</main>
	  </div>
		<script type="text/javascript">
			var app = new Vue({
				el: '#app',
				data: {
					// base_url: 'https://qsfy.qs163.cn/prod-api',
					base_url: 'http://192.168.101.11:8020',
					wstbase_url: 'https://www.ahzwfw.gov.cn/wst-gateway/',
					tableData: [],
					dktype:'-1',//-1  去申请贷款
					dlist:[
						{val:1,txt:'借款人应当具备一定的创业能力和自有资金，无不良信贷记录，从事经营项目符合国家有关法律法规及政策规定，并取得相关合法经营执照、证件或其他证明材料。'},
						{val:2,txt:'除住房贷款、购车贷款、助学贷款、扶贫贷款、5万元以下小额消费贷款（含各类信用卡消费）以外，申请人提交创业担保贷款申请时，本人及配偶应没有其他贷款。'},
						{val:3,txt:'对还款积极、带动就业能力强、创业项目好的借款人，可继续提供创业担保贷款贴息，但累计次数不得超过3次。'},
						],
					slist:[
						{val:1,tit:'提交申请',txt:'点击立即申请按钮，填写申请额度，并完善申请资料后提交申请信息'},
						{val:2,tit:'潜山市人社局审查',txt:'潜山市人社局对申请人提交的资料进行审查并推荐贷款银行'},
						{val:3,tit:'银行评估',txt:'贷款银行根据申请人提交的资料进行评估是否可以进行贷款'},
						{val:4,tit:'银行放款',txt:'银行完成审批后授信放贷'},
					],
					loading: false,
					lookflag:false,
					token:'',
					wsttoken:'',
					credentNo:'',//身份证号
					scroll:0,
				},
				created() {
						// if(window.localStorage.getItem('token')){
							
						// }else{
						// 	var obj={
						// 		phone:this.phone,
						// 		userName:this.userName,
						// 		creditLevel:this.creditLevel,
						// 		idCard:this.idCard,
						// 	}
						// 	window.localStorage.setItem('userinfo',JSON.stringify(obj))
						// }
				},
				mounted() {
					var that=this;
					window.addEventListener("scroll", that.handleTouchMove, true);
					that.getLoginFn()
					that.loading=true;
					
					// croods.customPlugin({
					//     action: "UserPlugin.login", 
					//     params: {},
					//     success: function(res) {
					// 		that.wsttoken=res.token;
					// 		that.loading=true;
					// 		that.getDataFn()
					//     },
					//     fail: function(msg) {
					//     }
					// });
				},
				destroyed() {
				    let that = this;
				    window.removeEventListener("scroll", that.handleTouchMove, true);
				},
				methods: {
					 handleTouchMove() {
					    this.scroll=document.documentElement.scrollTop ||window.pageYOffset ||document.body.scrollTop 
					},
					getLoginFn(){
						var that = this;
						var params={
							username:"",
							// username:that.credentNo
						}
						$.ajax({
							url: this.base_url + '/akm/login',
							type: 'get',
							data: params,
							dataType: 'json',
							success: function(res) {
								that.loading=false;
								if (res.code == 200) {
									that.token = res.token;
									window.localStorage.setItem('token',res.token);
									that.getInfo()
								} else {
									that.$message({
										message: res.msg,
										type: 'error',
										center: true,
									});
								}
							},
							fail:function(res){
								that.loading=false;
								that.$message({
									message: "网络请求错误",
									type: 'error',
									center: true,
								});
							}
						})
					},
					getInfo(){
						var that=this;
						var header='Bearer '+that.token
						$.ajax({
							url: this.base_url + '/getInfo',
							type: 'get',
							data: {},
							dataType: 'json',
							headers: {
							    'Authorization': header
							},
							success: function(res) {
								that.loading=false;
								if (res.code == 200) {
									that.dktype=res.dk
								} else {
									that.$message({
										message: res.msg,
										type: 'error',
										center: true,
									});
								}
							},
							fail:function(res){
								that.loading=false;
								that.$message({
									message: "网络请求错误",
									type: 'error',
									center: true,
								});
							}
						})
					},
					
					
					
					
					
					
					
					jgFormat(row, column) {
						if(row.jcsj){
							if (row.jcjg == '1') {
								return '阳性';
							} else {
								return '阴性';
							}
						}else{
							return ''
						}	
					},
					handleFormat(row) {
						if(row.zjhm){
							var param = row.zjhm;
							var strlen = param.length;
							if (strlen < 9) {
								return strlen;
							}
							return param.replace(/^(.{4})(?:\d+)(.{4})$/, "$1**********$2");
						}
						
					},
					
					getDataFn() {
						var that = this;
						var params={
							token:that.wsttoken,
							serviceId:'e102667914bb407cb8aa79b82c0b8a0c',
							roleCode:'8a4ff1954caf4cab82c18f5886e7834e'
						}
						$.ajax({
							url: this.wstbase_url + '/user/getUserInfoByToken',
							type: 'GET',
							data: params,
							dataType: 'json',
							success: function(res) {
								that.loading=false;
								if (res.errMsg == 'success') {
									that.credentNo=res.data.perUserVo.credentNo;
									that.getLoginFn()
								} else {
									that.$message({
										message: res.msg,
										type: 'error',
										center: true,
									});
								}
							},
							fail:function(res){
								that.loading=false;
								that.$message({
									message: "网络请求错误",
									type: 'error',
									center: true,
								});
							}
						})
					},
				}
			})
		</script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('.backimg').click(function() {
					window.history.go(-1)
				})
			})
		</script>
	</body>
</html>