sfms3.0
/
sfms3.0-uniapp
3
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

登录页面和消息提示组件

pull/1/head
张立 9 months ago
parent
18a518be06
commit
3e278ce6e2
4 changed files with 482 additions and 545 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/main.ts
  2. 359
      src/mycomponents/common/comMessage.vue
  3. 8
      src/pages.json
  4. 222
      src/pages/login/index.vue

2
src/main.ts
View File

@ -3,6 +3,7 @@ import * as Pinia from 'pinia'
// @ts-ignore // @ts-ignore
import uView from 'vk-uview-ui' import uView from 'vk-uview-ui'
import App from './App.vue' import App from './App.vue'
import comMessage from '@/mycomponents/common/comMessage.vue'
@ -30,6 +31,7 @@ export function createApp() {
app.config.globalProperties.$modal = modal app.config.globalProperties.$modal = modal
// 时间对象 // 时间对象
app.config.globalProperties.$time = time app.config.globalProperties.$time = time
app.component('com-message', comMessage)

359
src/mycomponents/common/comMessage.vue
View File

@ -29,132 +29,127 @@
</view> </view>
</template> </template>
<script> <script setup lang="ts">
/** /**
* modal 模态框 * modal 模态框
* @description 弹出模态框，常用于消息提示、消息确认、在当前页面内完成特定的交互操作 * @description 弹出模态框，常用于消息提示、消息确认、在当前页面内完成特定的交互操作
* */ * */
export default { import {
data() { ref,
return { getCurrentInstance
timer: null, } from 'vue'
show: false, // 是否显示 const timer = ref(null)
iconType: '消息', const show = ref(false) // 是否显示
icon: '../../static/icons/error-circle.svg', const iconType = ref('消息')
title: '', // 提示标题 const icon = ref('../../static/icons/error-circle.svg')
content: '', // 提示内容 const title = ref('')
cancelText: '取消', // 取消按钮的文字 const content = ref('') // 提示内容
confirmText: '确定', // 确认按钮文字 const cancelText = ref('取消') // 取消按钮的文字
showCancel: true, // 是否显示取消按钮，默认为 true const confirmText = ref('确定') // 确认按钮文字
confirmColor: '#007aff', // 确定按钮颜色 const showCancel = ref(true) // 是否显示取消按钮，默认为 true
cancelColor: null, // 取消按钮颜色 const confirmColor = ref('#007aff') // 确定按钮颜色
showConfirmButton: true, // 是否显示确认按钮 const cancelColor = ref(null) // 取消按钮颜色
showConfirmCountdown: true, // 是否显示确定倒计时 const showConfirmButton = ref(true) // 是否显示确认按钮
showCancelButton: true, // 是否显示取消按钮 const showConfirmCountdown = ref(true) // 是否显示确定倒计时
showClose: false, const showCancelButton = ref(true) // 是否显示取消按钮
confirm: false, //为 true 时，表示用户点击了确定按钮 const showClose = ref(false)
cancel: false, //为 true 时，表示用户点击了取消 const confirm = ref(false) //为 true 时，表示用户点击了确定按钮
isDisabled: true, //为 true 时，表示用户可以点击，反之则不可以 const cancel = ref(false) //为 true 时，表示用户点击了取消
seconds: 0, const isDisabled = ref(true) //为 true 时，表示用户可以点击，反之则不可以
success: () => {} // 回调方法 const seconds = ref(0)
} const success = () => {
},
}
const open = () => {
methods: { show.value = true;
open() { isDisabled.value = true;
this.show = true; }
this.isDisabled = true; const close = () => {
}, show.value = false
close() { isDisabled.value = false;
this.$.refs.modal.popupClose(); }
this.isDisabled = false; const confirmClose = () => {
}, if (!isDisabled.value) return
confirmClose() { isDisabled.value = false
if (!this.isDisabled) return
this.isDisabled = false
// console.log('确定点击') // console.log('确定点击')
if (this.show) { if (show.value) {
this.show = false; show.value = false;
clearInterval(this.timer) //清空timer clearInterval(timer.value) //清空timer
this.$.refs.modal.popupClose(); success({
this.success({
// cancel: false, // cancel: false,
confirm: true, confirm: true,
}); });
} }
}, }
const cancelClose = () => {
cancelClose() { if (!isDisabled.value) return
if (!this.isDisabled) return isDisabled.value = false
this.isDisabled = false clearInterval(timer.value) //清空timer
clearInterval(this.timer) //清空timer show.value = false
this.$.refs.modal.popupClose(); success({
this.success({
// cancel: true, // cancel: true,
confirm: false, confirm: false,
}); });
}, }
// 打开消息弹框(确定+倒计时) // 打开消息弹框(确定+倒计时)
showMessage(mContent, callback) { const showMessage = (mContent, callback) => {
this.showConfirmCountdownModal("消息", mContent, callback); showConfirmCountdownModal("消息", mContent, callback);
}, }
// 打开成功弹框(确定+倒计时) // 打开成功弹框(确定+倒计时)
showSuccessMessage(mContent, callback) { const showSuccessMessage = (mContent, callback) => {
this.showConfirmCountdownModal("成功", mContent, callback); showConfirmCountdownModal("成功", mContent, callback);
}, }
// 打开失败弹框(确定） // 打开失败弹框(确定）
showErrorMessage(mContent, callback) { const showErrorMessage = (mContent, callback) => {
this.showConfirmModal("失败", mContent, callback);
}, console.log(333)
showConfirmModal("失败", mContent, callback);
}
// 显示崩溃消息(无确定） // 显示崩溃消息(无确定）
showBreakMessage(mContent, callback) { const showBreakMessage = (mContent, callback) => {
this.showNoButtonModal("失败", mContent, callback); showNoButtonModal("失败", mContent, callback);
}, }
// 打开疑问弹框(取消+确定） // 打开疑问弹框(取消+确定）
showQuestionMessage(mContent, callback) { const showQuestionMessage = (mContent, callback) => {
this.showSelectModal("疑问", mContent, callback); showSelectModal("疑问", mContent, callback);
}, }
// 打开警告弹框(确定+倒计时) // 打开警告弹框(确定+倒计时)
showWarningMessage(mContent, callback) { const showWarningMessage = (mContent, callback) => {
this.showConfirmCountdownModal("警告", mContent, callback); showConfirmCountdownModal("警告", mContent, callback);
}, }
// 打开失败弹框(确定+倒计时) // 打开失败弹框(确定+倒计时)
showConfirmCountdownFailModal(mContent, callback) { const showConfirmCountdownFailModal = (mContent, callback) => {
this.showConfirmCountdownModal("失败", mContent, callback); showConfirmCountdownModal("失败", mContent, callback);
}, }
// 打开消息弹框(确定） // 打开消息弹框(确定）
showConfirmMessageModal(mContent, callback) { const showConfirmMessageModal = (mContent, callback) => {
this.showConfirmModal("消息", mContent, callback); showConfirmModal("消息", mContent, callback);
}, }
// 打开成功弹框(确定） // 打开成功弹框(确定）
showConfirmSuccessModal(mContent, callback) { const showConfirmSuccessModall = (mContent, callback) => {
this.showConfirmModal("成功", mContent, callback); showConfirmModal("成功", mContent, callback);
}, }
// 打开警告弹框(确定） // 打开警告弹框(确定）
showConfirmWarningModal(mContent, callback) { const showConfirmWarningModal = (mContent, callback) => {
this.showConfirmModal("警告", mContent, callback); showConfirmModal("警告", mContent, callback);
}, }
// 打开疑问弹框(确定） // 打开疑问弹框(确定）
showConfirmQuestionModal(mContent, callback) { const showConfirmQuestionModal = (mContent, callback) => {
this.showConfirmModal("疑问", mContent, callback); showConfirmModal("疑问", mContent, callback);
}, }
// 初始化弹框并打开(确定） // 初始化弹框并打开(确定）
showNoButtonModal(mIconType, mContent, callback) { const showNoButtonModal = (mIconType, mContent, callback) => {
this.showModal({ showModal({
iconType: mIconType, iconType: mIconType,
content: mContent, content: mContent,
showConfirmButton: false, showConfirmButton: false,
@ -170,11 +165,11 @@
} }
}); });
}, }
// 初始化弹框并打开(确定） // 初始化弹框并打开(确定）
showConfirmModal(mIconType, mContent, callback) { const showConfirmModal = (mIconType, mContent, callback) => {
this.showModal({ console.log(222)
showModal({
iconType: mIconType, iconType: mIconType,
content: mContent, content: mContent,
showCancelButton: false, showCancelButton: false,
@ -189,31 +184,31 @@
} }
}); });
}, }
// 打开消息弹框(取消+确定） // 打开消息弹框(取消+确定）
showSelectMessageModal(mContent, callback) { const showSelectMessageModal = (mContent, callback) => {
this.showSelectModal("消息", mContent, callback); showSelectModal("消息", mContent, callback);
}, }
// 打开成功弹框(取消+确定） // 打开成功弹框(取消+确定）
showSelectSuccessModal(mContent, callback) { const showSelectSuccessModal = (mContent, callback) => {
this.showSelectModal("成功", mContent, callback); showSelectModal("成功", mContent, callback);
}, }
// 打开失败弹框(取消+确定） // 打开失败弹框(取消+确定）
showSelectFailModal(mContent, callback) { const showSelectFailModal = (mContent, callback) => {
this.showSelectModal("失败", mContent, callback); showSelectModal("失败", mContent, callback);
}, }
// 打开警告弹框(取消+确定） // 打开警告弹框(取消+确定）
showSelectWarningModal(mContent, callback) { const showSelectWarningModal = (mContent, callback) => {
this.showSelectModal("警告", mContent, callback); showSelectModal("警告", mContent, callback);
}, }
// 初始化弹框并打开(取消+确定） // 初始化弹框并打开(取消+确定）
showSelectModal(mIconType, mContent, callback) { const showSelectModal = (mIconType, mContent, callback) => {
this.showModal({ showModal({
iconType: mIconType, iconType: mIconType,
content: mContent, content: mContent,
success: function(res) { success: function(res) {
@ -229,16 +224,16 @@
} }
}); });
}, }
// 打开疑问弹框(确定+倒计时) // 打开疑问弹框(确定+倒计时)
showConfirmCountdownQuestionModal(mContent, callback) { const showConfirmCountdownQuestionModal = (mContent, callback) => {
this.showConfirmCountdownModal("疑问", mContent, callback); showConfirmCountdownModal("疑问", mContent, callback);
}, }
// 初始化弹框并打开(确定+倒计时) // 初始化弹框并打开(确定+倒计时)
showConfirmCountdownModal(mIconType, mContent, callback) { const showConfirmCountdownModal = (mIconType, mContent, callback) => {
this.showModal({ showModal({
iconType: mIconType, iconType: mIconType,
content: mContent, content: mContent,
showCancelButton: false, showCancelButton: false,
@ -253,36 +248,36 @@
} }
} }
}); });
}, }
// 打开消息弹框(取消+确定+倒计时) // 打开消息弹框(取消+确定+倒计时)
showSelectCountdownMessageModal(mContent, callback) { const showSelectCountdownMessageModal = (mContent, callback) => {
this.showSelectCountdownModal("消息", mContent, callback); showSelectCountdownModal("消息", mContent, callback);
}, }
// 打开成功弹框(取消+确定+倒计时) // 打开成功弹框(取消+确定+倒计时)
showSelectCountdownSuccessModal(mContent, callback) { const showSelectCountdownSuccessModal = (mContent, callback) => {
this.showSelectCountdownModal("成功", mContent, callback); showSelectCountdownModal("成功", mContent, callback);
}, }
// 打开失败弹框(取消+确定+倒计时) // 打开失败弹框(取消+确定+倒计时)
showSelectCountdownFailModal(mContent, callback) { const showSelectCountdownFailModal = (mContent, callback) => {
this.showSelectCountdownModal("失败", mContent, callback); showSelectCountdownModal("失败", mContent, callback);
}, }
// 打开警告弹框(取消+确定+倒计时) // 打开警告弹框(取消+确定+倒计时)
showSelectCountdownWarningModal(mContent, callback) { const showSelectCountdownWarningModal = (mContent, callback) => {
this.showSelectCountdownModal("警告", mContent, callback); showSelectCountdownModal("警告", mContent, callback);
}, }
// 打开疑问弹框(取消+确定+倒计时) // 打开疑问弹框(取消+确定+倒计时)
showSelectCountdownQuestionModal(mContent, callback) { const showSelectCountdownQuestionModal = (mContent, callback) => {
this.showSelectCountdownModal("疑问", mContent, callback); showSelectCountdownModal("疑问", mContent, callback);
}, }
// 初始化弹框并打开(取消+确定+倒计时) // 初始化弹框并打开(取消+确定+倒计时)
showSelectCountdownModal(mIconType, mContent, callback) { const showSelectCountdownModal = (mIconType, mContent, callback) => {
this.showModal({ showModal({
iconType: mIconType, iconType: mIconType,
content: mContent, content: mContent,
showConfirmCountdown: true, showConfirmCountdown: true,
@ -298,27 +293,27 @@
} }
} }
}); });
}, }
// 初始化弹框并打开 // 初始化弹框并打开
showModal(data) { const showModal = (data) => {
if (data.iconType) { if (data.iconType) {
this.iconType = data.iconType iconType.value = data.iconType
switch (data.iconType) { switch (data.iconType) {
case '消息': case '消息':
this.icon = '/static/icons/error-circle.svg'; icon.value = '/static/icons/error-circle.svg';
break; break;
case '成功': case '成功':
this.icon = '/static/icons/checkmark-circle.svg'; icon.value = '/static/icons/checkmark-circle.svg';
break; break;
case '失败': case '失败':
this.icon = '/static/icons/close-circle.svg'; icon.value = '/static/icons/close-circle.svg';
break; break;
case '警告': case '警告':
this.icon = '/static/icons/warning.svg'; icon.value = '/static/icons/warning.svg';
break; break;
case '疑问': case '疑问':
this.icon = '/static/icons/question-circle.svg'; icon.value = '/static/icons/question-circle.svg';
break; break;
default: default:
break; break;
@ -326,98 +321,94 @@
} }
// image // image
if (data.title) { if (data.title) {
this.title = data.title title.value = data.title
} }
if (data.content) { if (data.content) {
this.content = data.content content.value = data.content
} else { } else {
this.content = '' content.value = ''
} }
if (data.cancelText) { if (data.cancelText) {
this.cancelText = data.cancelText cancelText.value = data.cancelText
} else { } else {
this.cancelText = '取消' cancelText.value = '取消'
} }
if (data.confirmText) { if (data.confirmText) {
this.confirmText = data.confirmText confirmText.value = data.confirmText
} else { } else {
this.confirmText = '确定' confirmText.value = '确定'
} }
if (data.showCancel === false || data.showCancel === true) { if (data.showCancel === false || data.showCancel === true) {
this.showCancel = data.showCancel showCancel.value = data.showCancel
} else { } else {
this.showCancel = true showCancel.value = true
} }
if (data.confirmColor) { if (data.confirmColor) {
this.confirmColor = data.confirmColor confirmColor.value = data.confirmColor
} else { } else {
this.confirmColor = '#007aff' confirmColor.value = '#007aff'
} }
if (data.cancelColor) { if (data.cancelColor) {
this.cancelColor = data.cancelColor cancelColor.value = data.cancelColor
} else { } else {
this.cancelColor = '#666F83' cancelColor.value = '#666F83'
} }
if (data.showConfirmButton === false || data.showConfirmButton === true) { if (data.showConfirmButton === false || data.showConfirmButton === true) {
this.showConfirmButton = data.showConfirmButton showConfirmButton.value = data.showConfirmButton
} else { } else {
this.showConfirmButton = true showConfirmButton.value = true
} }
if (data.showConfirmCountdown === false || data.showConfirmCountdown === true) { if (data.showConfirmCountdown === false || data.showConfirmCountdown === true) {
this.showConfirmCountdown = data.showConfirmCountdown showConfirmCountdown.value = data.showConfirmCountdown
} else { } else {
this.showConfirmCountdown = false showConfirmCountdown.value = false
} }
if (data.showCancelButton === false || data.showCancelButton === true) { if (data.showCancelButton === false || data.showCancelButton === true) {
this.showCancelButton = data.showCancelButton showCancelButton.value = data.showCancelButton
} else { } else {
this.showCancelButton = true showCancelButton.value = true
} }
if (data.success) { if (data.success) {
this.success = data.success success = data.success
} else { } else {
this.success = () => {} success = () => {}
} }
setTimeout(res => { setTimeout(res => {
this.open(); open();
}, 500) }, 500)
if (this.showConfirmCountdown) { if (showConfirmCountdown.value) {
this.startTimer(); startTimer();
} }
}, }
startTimer() { const startTimer = () => {
this.seconds = 3; seconds.value = 3;
clearInterval(this.timer) clearInterval(timer.value)
this.timer = setInterval(() => { timer.value = setInterval(() => {
this.seconds-- seconds.value--
// console.log("倒计时时间", this.seconds); // console.log("倒计时时间", this.seconds);
if (this.seconds <= 0) { if (seconds.value <= 0) {
this.timeUp() timeUp()
return return
} }
}, 1000) }, 1000)
}, }
timeUp() { const timeUp = () => {
// clearInterval(this.timer) // clearInterval(this.timer)
console.log('时间到') console.log('时间到')
this.confirmClose(); confirmClose();
},
},
} }
defineExpose({ showErrorMessage }) // 提供 open 方法，用于打开弹窗
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.slot-content { .slot-content {

8
src/pages.json
View File

@ -49,7 +49,13 @@
{ {
"path": "pages/login/index", "path": "pages/login/index",
"style": { "style": {
"navigationBarTitleText": "登录" "navigationBarTitleText": "登录",
"navigationBarBackgroundColor": "#476df5",
"h5": {
"maxWidth": 1190,
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#476df5 !important"
}
} }
}, },

222
src/pages/login/index.vue
View File

@ -1,6 +1,5 @@
<template> <template>
<view class="content"> <view class="content">
<!-- <image mode="widthFix" class="loginimg" src="../../static/login.png"></image> -->
<image mode="widthFix" class="loginimg" src="../../static/icons_ui/login_bg.png"></image> <image mode="widthFix" class="loginimg" src="../../static/icons_ui/login_bg.png"></image>
<view class="login_title"> <view class="login_title">
<text>您好，欢迎使用</text><br> <text>您好，欢迎使用</text><br>
@ -10,16 +9,8 @@
<view class="loginbox"> <view class="loginbox">
<form> <form>
<view class="mytab"> <view class="mytab">
<!-- <view class="mytabline" :class="tapstyle == 1?'active':''" @click="tapchenge(1)">扫码登录</view> -->
<view class="mytabline" :class="tapstyle == 2?'active_in':''" @click="tapchenge(2)">密码登录</view> <view class="mytabline" :class="tapstyle == 2?'active_in':''" @click="tapchenge(2)">密码登录</view>
</view> </view>
<!-- <view class="mybox" v-if="tapstyle == 1">
<view class="conone">
<uni-easyinput prefixIcon="scan" class="uni-input" type="password" v-model="smloginmsg"
name="nickname" placeholder="扫码登录"></uni-easyinput>
</view>
</view> -->
<view class="mybox" v-if="tapstyle == 2"> <view class="mybox" v-if="tapstyle == 2">
<view class="conone"> <view class="conone">
<view class="title uni-flex"> <view class="title uni-flex">
@ -36,7 +27,8 @@
用户名 用户名
</view> </view>
<view> <view>
<input class="uni-input" style="padding:25rpx" placeholder="请输入用户名" v-model="username" /> <input class="uni-input" style="padding:25rpx" placeholder="请输入用户名"
v-model="username" />
</view> </view>
</view> </view>
<view class="conone"> <view class="conone">
@ -45,27 +37,15 @@
密码 密码
</view> </view>
<view class="uni-input-wrapper"> <view class="uni-input-wrapper">
<input class="uni-input" style="padding:25rpx" placeholder="请输入密码" :password="showPassword" <input class="uni-input" style="padding:25rpx" placeholder="请输入密码"
v-model="password" /> :password="showPassword" v-model="password" />
<text class="uni-icon" :class="[!showPassword ? 'uni-eye-active' : '']" <text class="uni-icon" :class="[!showPassword ? 'uni-eye-active' : '']"
@click="changePassword">&#xe568;</text> @click="changePassword">&#xe568;</text>
</view> </view>
<!-- <view class="uni-input-wrapper">
<input class="uni-input" type="password" name="password"
:password="showPassword"
placeholder="请输入密码" v-model="password"></input>
<text class="uni-icon" :class="[!showPassword ? 'uni-eye-active' : '']" @click="changePassword">&#xe568;</text>
</view> -->
</view> </view>
</view> </view>
<view style="display: flex;flex-direction: row;"> <view style="display: flex;flex-direction: row;">
<!-- <view class="uni-input">
<input class="" placeholder="请输入验证码"
v-model="code"
style="background-color: lightgray;padding-top: 40rpx;padding-bottom: 40rpx;margin-right: 20rpx;" />
</view> -->
<view class="uni-input-wrapper"> <view class="uni-input-wrapper">
<input class="" style="height: 80rpx; background-color: #F7F9FF;margin-right: 20rpx;" <input class="" style="height: 80rpx; background-color: #F7F9FF;margin-right: 20rpx;"
placeholder="请输入验证码" type="number" v-model="code" /> placeholder="请输入验证码" type="number" v-model="code" />
@ -84,47 +64,58 @@
</form> </form>
</view> </view>
</view> </view>
<comMessage ref="comMessage"></comMessage> <com-message ref="comMessageRef" />
</view> </view>
</template> </template>
<script> <script setup lang="ts">
import {
onLoad,
onShow,
onNavigationBarButtonTap,
onReady
} from '@dcloudio/uni-app'
import {
ref,
getCurrentInstance
} from 'vue'
import { import {
getCaptchaImage getCaptchaImage
} from '@/api/request2.js'; } from '@/api/request2.js';
import {
mapState,
mapMutations
} from 'vuex'
import { import {
useCountStore useCountStore
} from '@/store' } from '@/store'
// 获取自定义的store // 获取自定义的store
const store = useCountStore() const store = useCountStore()
export default { const { proxy } = getCurrentInstance()
components: {}, const smloginmsg = ref('')
data() { const tenantName = ref('闻荫源码')
return { const username = ref('')
smloginmsg: "", const password = ref('')
tenantName: "闻荫源码", const tapstyle = ref(2)
username: "", const loading = ref(false)
password: "", const showPassword = ref(true)
tapstyle: 2, const imageSrc = ref('')
loading: false, const code = ref('')
showPassword: true, const uuid = ref('')
imageSrc: "", const comMessageRef = ref('')
code: "", // 返回首页
uuid: "" onNavigationBarButtonTap((e) => {
if (e.index === 0) {
uni.navigateTo({
url: "/pages/config/config"
})
} }
}, })
// computed: mapState(['forcedLogin', 'hasLogin']), onReady(() => {
mounted() { console.log()
})
onLoad(() => {
uni.clearStorageSync() uni.clearStorageSync()
uni.clearStorage(); //清除缓存 uni.clearStorage(); //清除缓存
if (process.env.NODE_ENV === 'development') { if (import.meta.env.VITE_USER_NODE_ENV === 'development') {
this.username = "admin" username.value = "admin"
this.password = "123456"; password.value = "123456";
} }
uni.setNavigationBarColor({ uni.setNavigationBarColor({
frontColor: '#ffffff', frontColor: '#ffffff',
@ -137,52 +128,15 @@
backgroundColor: "#476DF5" backgroundColor: "#476DF5"
}) })
// #endif // #endif
getCode()
},
//返回首页
onNavigationBarButtonTap(e) {
if (e.index === 0) {
uni.navigateTo({
url: "/pages/config/config"
})
}
},
onLoad() {
getCaptchaImage().then(res => {
if (res) {
var code = res.data.img;
let base64 = 'data:image/jpeg;base64,' + code
// console.log("图标", base64)
this.imageSrc = base64.replace(/[\r\n]/g, "")
this.uuid = res.data.uuid
}
}).catch(error => {
this.showErrorMessage(error);
})
},
methods: {
// ...mapMutations(['login']),
handelerlogin() {
if (this.username === '') {
uni.showToast({
title: '用户名不能为空',
icon: 'none',
mask: true
})
} else if (this.password === '') {
uni.showToast({
title: '密码不能为空',
icon: 'none',
mask: true
})
} else if (this.code === '') {
uni.showToast({
title: '验证码不能为空',
icon: 'none',
mask: true
}) })
const handelerlogin = () => {
if (username.value === '') {
proxy.$modal.showToast('用户名不能为空')
} else if (password.value === '') {
proxy.$modal.showToast('密码不能为空')
} else if (code.value === '') {
proxy.$modal.showToast('验证码不能为空')
} else { } else {
// console.log("用户名：", this.username, "密码：", this.password, this.tapstyle, this.smloginmsg) // console.log("用户名：", this.username, "密码：", this.password, this.tapstyle, this.smloginmsg)
let logininfo = { let logininfo = {
@ -191,69 +145,53 @@
code: "", code: "",
uuid: "" uuid: ""
} }
if (this.tapstyle == 2) //密码登录 //密码登录
{ if (tapstyle.value == 2) {
logininfo.username = this.username; logininfo.username = username.value;
logininfo.password = this.password logininfo.password = password.value
logininfo.code = this.code; logininfo.code = code.value;
logininfo.uuid = this.uuid; logininfo.uuid = uuid.value;
} else if (this.tapstyle == 1) { } else if (tapstyle.value == 1) {
// let arr = Base64.decode(this.smloginmsg).split(':')
// logininfo.username = arr[0];
// logininfo.password = arr[1]
} }
let params = JSON.stringify(logininfo); let params = JSON.stringify(logininfo);
console.log('params', params); newLogin(logininfo)
this.newLogin(logininfo)
} }
}, }
const newLogin = async (logininfo) => {
async newLogin(logininfo) { proxy.$modal.loading('正在登录')
uni.showLoading({
title: "正在登录",
mask: true
})
await store.Login(logininfo) await store.Login(logininfo)
// await this.$store.dispatch('Login', logininfo); proxy.$modal.closeLoading()
// await this.$store.dispatch('GetTenantIdInfo', this.tenantName)
uni.hideLoading()
uni.setStorageSync('hasLogin', true) uni.setStorageSync('hasLogin', true)
uni.switchTab({ uni.switchTab({
url: '/pages/index/index' url: '/pages/index/index'
}); });
uni.setStorageSync('username', this.username); uni.setStorageSync('username', username.value);
}, }
const tapchenge = (e) => {
tapstyle.value = e
tapchenge(e) { }
this.tapstyle = e const onchange = (e) => {
},
onchange(e) {
const value = e.detail.value const value = e.detail.value
},
changePassword: function() {
this.showPassword = !this.showPassword;
},
showErrorMessage(message) {
this.$refs.comMessage.showErrorMessage(message, res => {
if (res) {
} }
}); const changePassword = () => {
}, showPassword.vlaue = !showPassword.vlaue;
getCode() { }
const showErrorMessage = (message) => {
console.log(comMessag1e.value)
comMessageRef.value.showErrorMessage(message, res => { });
}
const getCode = () => {
getCaptchaImage().then(res => { getCaptchaImage().then(res => {
if (res) { if (res) {
var code = res.data.img; var code = res.data.img;
let base64 = 'data:image/jpeg;base64,' + code let base64 = 'data:image/jpeg;base64,' + code
this.imageSrc = base64.replace(/[\r\n]/g, "") imageSrc.value = base64.replace(/[\r\n]/g, "")
this.uuid = res.data.uuid uuid.value = res.data.uuid
} }
}).catch(error => {
showErrorMessage(error)
}) })
} }
}
}
</script> </script>
<style> <style>

Write Preview
Loading…
Cancel
Save