<!DOCTYPE html>
<html>
<head>
<!-- 页面meta -->
<meta charset="utf-8">
<title>XX银行信用卡申请</title>
<meta name="description" content="个人所得税计算">
<meta name="keywords" content="个人所得税计算">
<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
</head>
<body class="mainBg">
<div id="app">
<h3 align="center">XX银行信用卡申请</h3>
<table align="center" width="50%" border="0">
<tr>
<td>姓名</td>
<td>
<input type="text" v-model="creditCardApplyInfo.name">
</td>
<td>性别</td>
<td>
<input type="text" v-model="creditCardApplyInfo.sex">
</td>
</tr>
<tr>
<td>年龄</td>
<td>
<input type="text" v-model="creditCardApplyInfo.age">
</td>
<td>手机号</td>
<td>
<input type="text" v-model="creditCardApplyInfo.telephone">
</td>
</tr>
<tr>
<td>住址</td>
<td>
<input type="text" v-model="creditCardApplyInfo.address">
</td>
<td>学历</td>
<td>
<select v-model="creditCardApplyInfo.education">
<option value="专科以下">专科以下</option>
<option value="专科">专科</option>
<option value="本科">本科</option>
<option value="本科以上">本科以上</option>
</select>
</td>
</tr>
<tr>
<td>月收入</td>
<td>
<input type="text" v-model="creditCardApplyInfo.monthlyIncome">
</td>
<td>现持有信用卡数量</td>
<td>
<input type="text" v-model="creditCardApplyInfo.hasCreditCardCount">
</td>
</tr>
<tr>
<td>是否有房</td>
<td>
<select v-model="creditCardApplyInfo.hasHouse">
<option value="true">是</option>
<option value="false">否</option>
</select>
</td>
<td>是否有车</td>
<td>
<select v-model="creditCardApplyInfo.hasCar">
<option value="true">是</option>
<option value="false">否</option>
</select>
</td>
</tr>
<tr>
<td colspan="4" align="center">
<br>
<input type="button" value=" 申请 " @click="creditCardApply()">
</td>
</tr>
<tr>
<td colspan="4" align="center">
{{applyResultMessage}}
</td>
</tr>
</table>
</div>
</body>
<!-- 引入组件库 -->
<script src="js/vue.js"></script>
<script src="js/axios.js"></script>
<script>
new Vue({
el: '#app',
data:{
creditCardApplyInfo:{
education:"本科",
hasHouse:true,
hasCar:true
},
applyResultMessage:''
},
methods: {
creditCardApply(){
axios.post("/rule/creditCardApply",this.creditCardApplyInfo).then((res) => {
if(res.data.checkResult){
//审核通过
this.applyResultMessage = "恭喜你信用卡申请成功,信用卡额度为:" + res.data.quota;
}else{
//审核失败
this.applyResultMessage = "抱歉,您提交的信息审核未通过,您不能申请我行信用卡!";
}
});
}
}
});
</script>
</html>
Drools实战资料,配合文档使用
需积分: 0 137 浏览量
2023-11-22
17:48:59
上传
评论
收藏 386KB RAR 举报
秃了也弱了。
- 粉丝: 3w+
- 资源: 8
最新资源
- ActivePerl5.26.1.2601
- apk_com.huawei.ar.measure_120000320.apk
- ActivePerl-5.16.2.1602-MSWin32-x86-296513
- Hidove在线聚合图床网站源码 支持15个接口自由更换 上传API,bootstrap4简约界面
- 2_附件1:2024春广东开放大学作业及教学平台操作指引.docx
- Mysql数据库考试题
- Cadence-16-6-电阻封装与3D模型
- 2023年12月青少年软件编程Python等级考试五级真题(含答案和解析)
- 全国及31个省级社会消费品(商品)零售总额1981-2023年
- ntpdate centos离线安装三剑客 ntp-4.2.6p5-29.el7.centos.x86-64.rpm
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈