Skip to content

C
comment_app
Commit 77807522 by 黄志甲
Options

上传请求方式操作

parent 8d31ed1d
Showing with 192 additions and 17 deletions
.gitignore 0 → 100644
unpackage/
node_modules/
api/login.js 0 → 100644
import request from "@/utils/request"
//登录
export const login = (data) => {
return request('login', data)
}
//注册
export const register = (data) => {
return request('register', data)
}
//获取验证码
export const sendCode = (data) => {
return request('sendCode', data)
}
//获取用户信息
export const getUserByToken = (data) => {
return request('getUserByToken', data)
}
\ No newline at end of file
pages/reg/reg.css
......@@ -39,6 +39,11 @@
border-radius:15upx;
margin:0 25upx;
}
.code-btn:active{
opacity: .75;
}
.btn-login{
background-color: #CA0000;
border-radius:15upx;
......
pages/reg/reg.vue
......@@ -20,9 +20,14 @@
欢迎注册！
</view>
<view class="login-area">
<view class="login-item">
<image class="login-icon" src="../../static/login/mine.png"></image>
<input class="login-item-input" placeholder="请输入身份证号" />
<input class="login-item-input" placeholder="请输入姓名" v-model="addForm.name" />
</view>
<view class="login-item mt25">
<image class="login-icon" src="../../static/login/mine.png"></image>
<input class="login-item-input" placeholder="请输入身份证号" v-model="addForm.idCard" />
</view>
<view class="login-item radio-v mt25" style="">
<view>是否持证</view>
......@@ -31,33 +36,38 @@
<view>
<radio :id="item.name" :value="item.name" :checked="item.checked"></radio>
</view>
<label class="label-2-text" :for="item.name">
<text>{{item.value}}</text>
</label>
<label class="label-2-text" :for="item.name">
<text>{{item.value}}</text>
</label>
</view>
</radio-group>
</view>
<view class="login-item mt25" v-if="selectName==1">
<image class="login-icon" src="../../static/login/mine.png"></image>
<input class="login-item-input" placeholder="请输入残疾证号" v-model="addForm.disableNumber" />
</view>
<view class="login-item mt25">
<image class="login-icon" src="../../static/login/phone.png"></image>
<input class="login-item-input" placeholder="请输入手机号码" />
<image class="login-icon" src="../../static/login/code.png"></image>
<input class="login-item-input" placeholder="请输入手机号码" v-model="addForm.phone" />
<view class="code-btn" style="" @click="codeInfo.clickType ? getCode() : ''">{{codeInfo.msg}}</view>
</view>
<view class="login-item mt25">
<image class="login-icon" src="../../static/login/code.png"></image>
<input class="login-item-input" placeholder="请输入验证码" />
<view class="code-btn" style="">获取验证码</view>
<input class="login-item-input" placeholder="请输入验证码" v-model="addForm.code" />
</view>
<view class="login-item mt25">
<image class="login-icon" src="../../static/login/password.png"></image>
<input class="login-item-input" placeholder="请输入登录密码" />
<input class="login-item-input" placeholder="请输入登录密码" v-model="addForm.password" />
</view>
<view class="login-item mt25">
<image class="login-icon" src="../../static/login/password.png"></image>
<input class="login-item-input" placeholder="请再次输入登录密码" />
<input class="login-item-input" placeholder="请再次输入登录密码" v-model="addForm.okPassword" />
</view>
</view>
<!-- 登录新样式end -->
<view class="btn-row">
<button type="primary" class="primary btn-login" @tap="register">注册</button>
<button type="primary" class="primary btn-login" @click="registerFun">注册</button>
</view>
</view>
</template>
......@@ -65,7 +75,11 @@
<script>
import service from '../../service.js';
import mInput from '../../components/m-input.vue';
import {
register,
sendCode,
getUserByToken
} from "@/api/login"
export default {
components: {
mInput
......@@ -76,18 +90,93 @@
password: '',
confirmPassword: '',
radioItems: [{
name: 'USA',
value: '是'
name: '1',
value: '是',
checked: 'true'
},
{
name: 'CHN',
name: '0',
value: '否',
checked: 'true'
}
],
addForm: {}, //添加参数
selectName: '1',
codeInfo: {
clickType: true,
time: 59,
msg: '获取验证码'
}
}
},
created() {
getUserByToken().then(res=>{
})
},
methods: {
//是否持证
radioChange(e) {
this.selectName = e.detail.value
},
//获取验证码
getCode() {
sendCode({
phone: this.addForm.phone
}).then(res => {
if (res.code == 200) {
uni.showToast({
icon: 'success',
title: '获取成功',
success: () => {
this.codeTimeOut()
}
})
}
})
},
//验证码倒计时
codeTimeOut() {
this.codeInfo.clickType = false
let codeTime = setInterval(() => {
this.codeInfo.time--;
this.codeInfo.msg = `${this.codeInfo.time}s后再次获取`
if (this.codeInfo.time == 0) {
clearInterval(codeTime)
this.codeInfo = {
msg: '再次获取验证码',
time: 59,
clickType: true
}
}
}, 1000)
},
//注册
registerFun() {
register(this.addForm).then(res => {
if (res.code == 200) {
uni.showToast({
icon: 'success',
title: '注册成功',
success: () => {
uni.setStorageSync('token', res.data.data.token)
uni.setStorageSync('user', res.data.data)
//获取
getUserByToken().then(res=>{
})
}
})
}
})
},
register() {
/**
* 客户端对账号信息进行一些必要的校验。
......@@ -158,5 +247,4 @@
<style>
@import url("reg.css");
</style>
utils/etc.js 0 → 100644
export default {
baseURL:'http://192.168.7.122:9100', //接口请求地址
fileURL:'http://192.168.7.122:9100' //文件请求地址
}
\ No newline at end of file
utils/request.js 0 → 100644
import etc from "./etc"
let req = (method, p, reqMethod) => {
console.log(method, p, etc.baseURL)
let token = uni.getStorageSync('token') || ''
let url = token ? `/api/action?method=${method}&version=1.0.0&token=${token}` :
`/api/action?method=${method}&version=1.0.0`;
return new Promise((resolve, reject) => {
uni.request({
url: etc.baseURL + url,
method: reqMethod || 'GET',
data: {
p: p ? p : {}
},
success: res => {
if (res.data.code == -1) {
uni.showToast({
icon: 'none',
title: res.data.msg
});
}
resolve(res.data)
configLog({
url: etc.baseURL + url,
method: reqMethod || 'GET',
p,
res: res.data
})
},
fail: (err) => {
reject(err)
},
});
})
}
let configLog = (data) => {
console.log('请求接口', data.url, data.method)
console.log('请求参数', data.p)
console.log('回调数据', data.res)
}
export default req
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment