zouling
/
qianshanxm_ui


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247
							<!DOCTYPE html>
<html>
	<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="dbody">
		<div id="app">
			<div id="appse">
				<header>
					<div class="dtop act" >
						<div class="back backimg"><img src="static/images/wback.png" /></div>
						<div class="tit over">申请贷款额度要求</div>
					</div>
				</header>
			</div>
			<main>
				<div class="tsqbox">
					<div class="f20 fw c16 mb10">申请额度</div>
					<div class="f13 fw5 c6 mb24">请如实填写您所需申请的额度,如输入额度,请输入数字,否则识别不出</div>
					<div class="flexc bbe6 ptb32" @click="getChose">
						<img src="static/images/micon.png" class="mimg flex0"/>
						<div class="flex1" @click.stop="getInput">
							<input placeholder="请选择或输入额度" class="flex1" v-model='limitval'/>
						</div>
						
						<img src="static/images/brimg.png" class="rimg flex0"/>
						<div>万元</div>
					</div>
					<div class="sqbtn" @click="getNext">下一步</div>
				</div>
				<!-- 弹框样式 -->
				
				<my-load :showflag='showflag' :datalist="datalist" @getclose="getCloseFn" @getconfirm="getConfirmFn"></my-load>
				
				<!-- <div>
					<div class="bgbox" v-if="showflag"></div>
					<div class="pickbox " :class="showflag?'show':''">
						<div class="top flexcc">
							<div class="left flex0" @click="getCloseFn">取消</div>
							<div class="cent"></div>
							<div class="right flex0" @click="getConfirmFn">确认</div>
						</div>
						<div class="box">
							<div :class="changevalue==ite.dictValue?'act':''" @click="getChange(ite)" v-for="(ite,idx) in datalist" :key="idx">{{ite.dictLabel}}</div>
						</div>
					</div>
				</div> -->
			</main>
		</div>
		<script src="./static/js/my_component.js"></script>
		<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.168:8020',
					value:'',
					showflag:false,
					
					datalist:[{dictLabel: 10,dictValue: 1},{dictLabel: 20,dictValue: 2},{dictLabel: 30,dictValue: 3},{dictLabel: 40,dictValue: 4},{dictLabel: 50,dictValue: 5}],
					changevalue:-1,
					money:"",
					limitval:'',//额度
					limitdata:'',//选择额度
				},
				created() {
					// this.init()
				},
				mounted() {
				},
				destroyed() {

				},
				methods: {
					getToken(){
						return window.localStorage.getItem('token')
					},
					getNext(){
						var val=this.limitval;
						var grade=1;
						var s=$.trim(val)
						if(!val||!s){
							this.$message({
								message: "请选择或输入额度",
								type: 'error',
								center: true,
							});
							return
						}
						if(Number(s)!='NaN'){
							if(s<10||s==10){
								window.location.href='one.html?grade=1&sqMoney='+s
							}else if(s<20||s==20){
								window.location.href='one.html?grade=2&sqMoney='+s
							}else if(s<50||s==50){
								window.location.href='one.html?grade=3&sqMoney='+s
							}else{
								this.$message({
									message: "您输入的额度超出限制",
									type: 'error',
									center: true,
								});
								return
							}
						}else{
							this.$message({
								message: "请选择或输入正确格式的额度",
								type: 'error',
								center: true,
							});
							return
						}
						
						
						
						
						
						// var str=this.selectDictValue(this.datalist,this.limitval)
						// if(str){
						// 	grade=this.limitdata.dictValue;
						// 	if(grade==1){
						// 		window.location.href='one.html?grade=1&sqMoney='+str;
						// 	}else if(grade==2){
						// 		window.location.href='one.html?grade=2&sqMoney='+str;
						// 	}else{
						// 		window.location.href='one.html?grade=3&sqMoney='+str;
						// 	}
							
						// }else{
						// 	if(Number(s)!='NaN'){
						// 		if(s<10||s==10){
						// 			window.location.href='one.html?grade=1&sqMoney='+s
						// 		}else if(s<20||s==20){
						// 			window.location.href='one.html?grade=2&sqMoney='+s
						// 		}else if(s<50||s==50){
						// 			window.location.href='one.html?grade=3&sqMoney='+s
						// 		}else{
						// 			this.$message({
						// 				message: "您输入的额度超出限制",
						// 				type: 'error',
						// 				center: true,
						// 			});
						// 			return
						// 		}
						// 	}else{
						// 		this.$message({
						// 			message: "请选择或输入正确格式的额度",
						// 			type: 'error',
						// 			center: true,
						// 		});
						// 		return
						// 	}
						// }
					},
					selectDictValue(datas, value){
						var actions = [];
						Object.keys(datas).some((key) => {
							if (datas[key].dictLabel == ('' + value)) {
								actions.push(datas[key].dictLabel);
								return true;
							}
						})
						return actions.join('');
					},
					init(){
						var that = this;
						var header='Bearer '+this.getToken()
						$.ajax({
							url: this.base_url + '/system/dict/data/type/application_quota',
							type: 'get',
							data: {},
							dataType: 'json',
							headers: {
							    'Authorization': header
							},
							success: function(res) {
								that.loading=false;
								if (res.code == 200) {
									that.datalist = res.data.map(v => {
										return {
											dictLabel: v.dictLabel,
											dictValue: Number(v.dictValue)
										}
									})
								} else {
									that.$message({
										message: res.msg,
										type: 'error',
										center: true,
									});
								}
							},
							fail:function(res){
								that.loading=false;
								that.$message({
									message: "网络请求错误",
									type: 'error',
									center: true,
								});
							}
						})
					},
					
					getChose(){
						this.showflag=true;
					},
					getInput(){
						this.showflag=false;
					},
					getCloseFn(){
						this.showflag=false;
					},
					getConfirmFn(e){
						var str=e.data
						this.limitval=str.dictLabel;
						this.limitdata=str;
						this.showflag=false;
					}
				}
			})
		</script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('.backimg').click(function() {
					window.history.go(-1)
				})
			})
		</script>
	</body>
</html>