136 行
5.3 KiB
HTML
可执行文件
136 行
5.3 KiB
HTML
可执行文件
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<title>合伙人信息验证</title>
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/vue/element-ui.2.8.2.css"/>
|
|
<script type="text/javascript" src="__PUBLIC__/vue/js/vue2.5.16.js"></script>
|
|
<script type="text/javascript" src="__PUBLIC__/vue/element-ui.2.8.2.js"></script>
|
|
<style>
|
|
html, body {
|
|
padding: 0;
|
|
margin: 0;
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
.logo-box {
|
|
text-align: center;
|
|
}
|
|
|
|
.logo {
|
|
height: 84px;
|
|
margin: 25px auto 0;
|
|
}
|
|
|
|
.tips {
|
|
font-size: 13px;
|
|
line-height: 18px;
|
|
color: #1f2f3d;
|
|
}
|
|
|
|
.el-input {
|
|
width: 200px;
|
|
}
|
|
|
|
.bottom-button {
|
|
margin-top: 10px;
|
|
text-align: right;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<div class="logo-box">
|
|
<img src="__PUBLIC__/Install/images/logo.png" alt="" class="logo"/>
|
|
</div>
|
|
|
|
<el-container>
|
|
<el-main>
|
|
<el-card shadow="always" style="width: 650px;margin: 0 auto">
|
|
|
|
<el-divider content-position="left">欢迎</el-divider>
|
|
<p class="tips">欢迎使用千呼新零售五分钟安装程序！请简单地填写下面的信息，将进入这个世界上最具扩展性、最具特色性的商家服务应用平台。</p>
|
|
|
|
<el-divider content-position="left">需要信息</el-divider>
|
|
<p class="tips">您需要填写一些基本信息。无需担心填错，这些信息以后可以再次修改。</p>
|
|
|
|
<el-form size="small" label-width="130px" :model="ruleForm" :rules="rules" ref="ruleForm">
|
|
<el-form-item label="系统名称" prop="name">
|
|
<el-input placeholder="请输入系统名称" v-model="ruleForm.name"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="手机号" prop="phone">
|
|
<el-input placeholder="请输入手机号" v-model="ruleForm.phone"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="密码" prop="password">
|
|
<el-input placeholder="请输入密码" show-password v-model="ruleForm.password"></el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
<div class="bottom-button">
|
|
<el-button type="primary" size="medium" @click="nextOperate">继续</el-button>
|
|
</div>
|
|
|
|
</el-card>
|
|
</el-main>
|
|
</el-container>
|
|
</div>
|
|
<script>
|
|
var app = new Vue({
|
|
el: '#app',
|
|
data() {
|
|
return {
|
|
ruleForm: {
|
|
name: '',
|
|
phone: '',
|
|
password: '',
|
|
},
|
|
rules: {
|
|
name: [{message: '请输入系统名称', required: true, trigger: 'blur'}],
|
|
phone: [{message: '请输入手机号', required: true, trigger: 'blur'}, {
|
|
validator: function (rule, value, callback) {
|
|
if (value && !/^[1]{1}[356789]{1}\d{9}$/.test(value)) {
|
|
callback(new Error("请输入正确的手机号"));
|
|
} else {
|
|
callback();
|
|
}
|
|
}, trigger: 'blur'
|
|
}],
|
|
password: [{message: '请输入密码', required: true, trigger: 'blur'}],
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
nextOperate() {
|
|
this.$refs.ruleForm.validate((valid) => {
|
|
if (valid) {
|
|
let formData = new FormData();
|
|
for (let i in this.ruleForm) {
|
|
formData.append(i, this.ruleForm[i]);
|
|
}
|
|
fetch("{:U('Home/Index/push')}", {
|
|
method: 'POST',
|
|
headers: {},
|
|
body: formData
|
|
}).then((response) => response.json()).then((jsonData) => {
|
|
if (typeof jsonData != "object") {
|
|
this.$message.error('请求发生错误，请稍后重试');
|
|
} else {
|
|
if (jsonData.status == 1) {
|
|
window.location.href = "{:U('Home/Index/install')}";
|
|
} else {
|
|
this.$message.error(res.message);
|
|
}
|
|
}
|
|
}).catch((error) => {
|
|
console.log(error);
|
|
this.$message.error('请求发生错误，请稍后重试');
|
|
});
|
|
} else {
|
|
this.$message.error('请检查必填项');
|
|
}
|
|
})
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |