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 @@ ...@@ -39,6 +39,11 @@
border-radius:15upx; border-radius:15upx;
margin:0 25upx; margin:0 25upx;
} }
.code-btn:active{
opacity: .75;
}
.btn-login{ .btn-login{
background-color: #CA0000; background-color: #CA0000;
border-radius:15upx; border-radius:15upx;
......
pages/reg/reg.vue
...@@ -20,9 +20,14 @@ ...@@ -20,9 +20,14 @@
欢迎注册！ 欢迎注册！
</view> </view>
<view class="login-area"> <view class="login-area">
<view class="login-item"> <view class="login-item">
<image class="login-icon" src="../../static/login/mine.png"></image> <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>
<view class="login-item radio-v mt25" style=""> <view class="login-item radio-v mt25" style="">
<view>是否持证</view> <view>是否持证</view>
...@@ -31,33 +36,38 @@ ...@@ -31,33 +36,38 @@
<view> <view>
<radio :id="item.name" :value="item.name" :checked="item.checked"></radio> <radio :id="item.name" :value="item.name" :checked="item.checked"></radio>
</view> </view>
<label class="label-2-text" :for="item.name"> <label class="label-2-text" :for="item.name">
<text>{{item.value}}</text> <text>{{item.value}}</text>
</label> </label>
</view> </view>
</radio-group> </radio-group>
</view> </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"> <view class="login-item mt25">
<image class="login-icon" src="../../static/login/phone.png"></image> <image class="login-icon" src="../../static/login/code.png"></image>
<input class="login-item-input" placeholder="请输入手机号码" /> <input class="login-item-input" placeholder="请输入手机号码" v-model="addForm.phone" />
<view class="code-btn" style="" @click="codeInfo.clickType ? getCode() : ''">{{codeInfo.msg}}</view>
</view> </view>
<view class="login-item mt25"> <view class="login-item mt25">
<image class="login-icon" src="../../static/login/code.png"></image> <image class="login-icon" src="../../static/login/code.png"></image>
<input class="login-item-input" placeholder="请输入验证码" /> <input class="login-item-input" placeholder="请输入验证码" v-model="addForm.code" />
<view class="code-btn" style="">获取验证码</view>
</view> </view>
<view class="login-item mt25"> <view class="login-item mt25">
<image class="login-icon" src="../../static/login/password.png"></image> <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>
<view class="login-item mt25"> <view class="login-item mt25">
<image class="login-icon" src="../../static/login/password.png"></image> <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>
</view> </view>
<!-- 登录新样式end --> <!-- 登录新样式end -->
<view class="btn-row"> <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>
</view> </view>
</template> </template>
...@@ -65,7 +75,11 @@ ...@@ -65,7 +75,11 @@
<script> <script>
import service from '../../service.js'; import service from '../../service.js';
import mInput from '../../components/m-input.vue'; import mInput from '../../components/m-input.vue';
import {
register,
sendCode,
getUserByToken
} from "@/api/login"
export default { export default {
components: { components: {
mInput mInput
...@@ -76,18 +90,93 @@ ...@@ -76,18 +90,93 @@
password: '', password: '',
confirmPassword: '', confirmPassword: '',
radioItems: [{ radioItems: [{
name: 'USA', name: '1',
value: '是' value: '是',
checked: 'true'
}, },
{ {
name: 'CHN', name: '0',
value: '否', value: '否',
checked: 'true'
} }
], ],
addForm: {}, //添加参数
selectName: '1',
codeInfo: {
clickType: true,
time: 59,
msg: '获取验证码'
}
} }
}, },
created() {
getUserByToken().then(res=>{
})
},
methods: { 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() { register() {
/** /**
* 客户端对账号信息进行一些必要的校验。 * 客户端对账号信息进行一些必要的校验。
...@@ -158,5 +247,4 @@ ...@@ -158,5 +247,4 @@
<style> <style>
@import url("reg.css"); @import url("reg.css");
</style> </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