<template>
|
<view class="page-content">
|
<view class="top-box">
|
<view class="form">
|
<view class="form-item">
|
<text class="label require">姓名</text>
|
<input type="text" placeholder="请输入"/>
|
</view>
|
<view class="form-item">
|
<text class="label require">手机号</text>
|
<input type="text" placeholder="请输入"/>
|
</view>
|
<view class="form-item">
|
<text class="label require">验证码</text>
|
<input type="text" placeholder="请输入"/>
|
<text>获取验证码</text>
|
</view>
|
</view>
|
</view>
|
<view class="top-box" style="margin-top: 20rpx;">
|
<view class="form">
|
<view class="form-item">
|
<text class="label require">企业名称</text>
|
<input type="text" placeholder="请输入"/>
|
</view>
|
<view class="form-item">
|
<text class="label require">统一社会信用代码</text>
|
<input type="text" placeholder="请输入"/>
|
</view>
|
<view class="form-item">
|
<text class="label require">营业执照</text>
|
|
</view>
|
|
</view>
|
<view style="text-align: center;">
|
<img src="/static/i07.png" alt="" class="sc"/>
|
</view>
|
</view>
|
<!-- <view class="form">
|
<view class="form-item">
|
<text class="label require">姓名</text>
|
<input type="text" placeholder="请输入" v-model="form.companyUser"/>
|
</view>
|
<view class="form-item">
|
<text class="label">手机号</text>
|
<input type="number" placeholder="请输入" v-model="form.companyPhone"/>
|
</view>
|
<view class="form-item">
|
<text class="label">验证码</text>
|
<input type="text" placeholder="请输入" v-model="form.code"/>
|
</view>
|
<view class="form-item">
|
<text class="label">企业名称</text>
|
<input type="text" placeholder="请输入" v-model="form.companyName"/>
|
</view>
|
<view class="form-item">
|
<text class="label">社会统一信用代码</text>
|
<input type="text" placeholder="请输入" v-model="form.companyCode"/>
|
</view>
|
<view class="form-item">
|
<text class="label">营业执照</text>
|
<input type="text" placeholder="请输入" v-model="form.companyImg"/>
|
</view>
|
<view class="form-item">
|
<text class="label">企业地址</text>
|
<input type="text" placeholder="请输入" v-model="form.companyAddress"/>
|
</view>
|
</view> -->
|
<view class="bottom">
|
<view @click="register" class="button">
|
注册
|
</view>
|
</view>
|
|
</view>
|
</template>
|
|
<script>
|
import { registerCompany, checkCode } from '@/api/auth.js'
|
export default {
|
data() {
|
return {
|
form: {
|
|
}
|
}
|
},
|
methods: {
|
// 校验字段
|
authField(){
|
|
},
|
// 校验code
|
async checkCode() {
|
try {
|
const { code, data } = await checkCode({ code: this.form.code, phone: this.form.companyPhone, userType: '02' })
|
if(code == 200) {
|
return Promise.resolve()
|
} else {
|
return Promise.refject()
|
}
|
}catch(err){
|
|
}
|
},
|
// 注册接口
|
async register(){
|
try{
|
await this.checkCode()
|
// this.form.companyStatus = 1
|
registerCompany(this.form).then(val=>{
|
if(val.data.code == 200) {
|
uni.showToast({
|
title: '注册成功',
|
icon: 'none'
|
})
|
setTimeout(() => {
|
uni.navigateBack()
|
}, 500)
|
}
|
})
|
}catch(err) {
|
console.log('审核不通过')
|
}
|
}
|
}
|
}
|
</script>
|
<style>
|
page{
|
background-color: #F4F4F4;
|
}
|
</style>
|
<style scoped lang="scss">
|
.page-content{
|
padding: 32rpx;
|
}
|
.form{
|
padding: 24rpx;
|
.form-item{
|
margin-top: 20rpx;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
padding-bottom: 20rpx;
|
border-bottom: 1px solid #F1F1F1;
|
input{
|
text-align: right;
|
font-size: 26rpx;
|
}
|
.label{
|
font-size: 26rpx;
|
|
}
|
.require{
|
color: #4A4E60;
|
position: relative;
|
&::after{
|
content: '*';
|
color: #FF7500;
|
position: absolute;
|
top: 0rpx;
|
}
|
}
|
}
|
.form-item:last-child{
|
padding-bottom: 0;
|
border-bottom: none;
|
}
|
.form-item:first-child{
|
margin-top: 0;
|
}
|
}
|
|
.top-box{
|
background: #fff;
|
border-radius: 5px;
|
}
|
.bottom{
|
position: fixed;
|
bottom: 0;
|
width: 100%;
|
background: #fff;
|
height: 132rpx;
|
left: 0;
|
display: flex;
|
align-items: center;
|
.button{
|
margin: 0 32rpx;
|
height: 88rpx;
|
border-radius: 20rpx;
|
border: 1px solid #1171E0;
|
background: #1171E0;
|
color: #fff;
|
line-height: 88rpx;
|
width: 100%;
|
text-align: center;
|
font-size: 32rpx;
|
}
|
}
|
.sc{
|
width: 90%;
|
height: 346rpx;
|
margin-bottom: 20rpx;
|
}
|
</style>
|
