| | |
| | | <view> |
| | | <view class="list"> |
| | | <view class="list-call"> |
| | | <u--input v-model="username" |
| | | <!-- <u--input v-model="username" |
| | | clearable |
| | | maxlength="32" |
| | | type="text" |
| | | placeholder="请输入手机号" |
| | | prefixIcon="account" |
| | | prefixIconStyle="font-size: 22px;color: #909399"></u--input> |
| | | prefixIconStyle="font-size: 22px;color: #909399"></u--input> --> |
| | | <customPagination |
| | | style="width:100%; height: 60rpx; font-size: 30rpx;" |
| | | :options="userList" |
| | | :value="username" |
| | | v-model="username" |
| | | @changeInput="changeInput2" |
| | | @input="handleInput2" |
| | | :placeholder="'请选择手机号'" |
| | | ></customPagination> |
| | | </view> |
| | | <view class="list-call"> |
| | | <u--input v-model="password" |
| | |
| | | type="password" |
| | | placeholder="请输入密码" |
| | | prefixIcon="lock" |
| | | style="padding:0;margin-left:8px;" |
| | | prefixIconStyle="font-size: 22px;color: #909399"></u--input> |
| | | </view> |
| | | </view> |
| | | <view class="loginBtn"><u-button type="primary" |
| | | <view class="loginBtn"> |
| | | <u-button type="primary" |
| | | :text="btnText == 1 ? '绑定' : '登录'" |
| | | @click="submit()" |
| | | :loading="submitLoading"></u-button></view> |
| | | :loading="submitLoading"> |
| | | </u-button> |
| | | </view> |
| | | </view> |
| | | </template> |
| | | |
| | | <script> |
| | | import { apiLoginPassword } from '@/api/publicInterface.js'; |
| | | import { mapMutations } from 'vuex'; |
| | | import customPagination from './user.vue' |
| | | import { setName, setToken, setRefreshToken, setUsernameKey, setCustomerId, redirectHome } from '@/utils/status.js'; |
| | | export default { |
| | | name: 'userPassword', |
| | |
| | | btnText: { |
| | | type: Number, |
| | | default: 0 |
| | | }, |
| | | userList: { |
| | | type: Array, |
| | | default: () => { |
| | | return []; |
| | | } |
| | | } |
| | | }, |
| | | components: { |
| | | customPagination |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | }, |
| | | methods: { |
| | | ...mapMutations(['setUserTabbar']), |
| | | changeInput2(e){ |
| | | this.username=e.username |
| | | // this.password=e.password |
| | | }, |
| | | handleInput2(e){ |
| | | }, |
| | | //登录 |
| | | async submit() { |
| | | uni.showLoading({ |
| | |
| | | //查询用户详细信息并储存 |
| | | this.$reqGet('getUserEntity') |
| | | .then(res => { |
| | | console.log(res,'登录信息----------') |
| | | this.$u.toast('登录成功'); |
| | | this.setUserTabbar(res.data.type); |
| | | uni.setStorageSync('roleType', res.data.type); |
| | | uni.setStorageSync("userId", res.data.userId) |
| | | uni.setStorageSync("carNo", res.data.carNo) |
| | | uni.setStorageSync("userInfo", res.data) |
| | | let data=uni.getStorageSync('userList')?JSON.parse(uni.getStorageSync('userList')):[]; |
| | | let id = data.length + 1; |
| | | if (data.filter(item=> item.username == this.username).length == 0){ |
| | | data.push({username: this.username,password: this.password,type:res.data.type}) |
| | | } |
| | | uni.setStorageSync("userList", JSON.stringify(data)) |
| | | setCustomerId(res.data.customerid); |
| | | setName(res.name); |
| | | setName(res.data.name); |
| | | uni.hideLoading(); |
| | | //跳转页面 |
| | | this.$nextTick(() => { |
| | | redirectHome(); |
| | | }); |
| | | if(res.data.forcePassword == 1) { |
| | | uni.navigateTo({ |
| | | url: '/pages/login/resetPassword/resetPassword' |
| | | }) |
| | | }else { |
| | | //跳转页面 |
| | | this.$nextTick(() => { |
| | | redirectHome(); |
| | | }); |
| | | } |
| | | }) |
| | | .catch(err => { |
| | | this.submitLoading = false |
| | | this.$u.toast('登录异常!'); |
| | | console.log(err); |
| | | }); |
| | |
| | | }); |
| | | } |
| | | } |
| | | }) |
| | | .catch(e => { |
| | | }).catch(e => { |
| | | this.submitLoading = false |
| | | this.$u.toast(e); |
| | | }); |
| | | |
| | | } |
| | | } |
| | | }; |
| | |
| | | .dengluBtn { |
| | | margin-top: 80rpx; |
| | | } |
| | | </style> |
| | | /* #ifdef H5 */ |
| | | .loginBtn{ |
| | | width: 80%; |
| | | margin: 0 auto; |
| | | } |
| | | /* #endif */ |
| | | </style> |