| | |
|---|
| | | <script lang="ts" setup> |
|---|
| | | import {onMounted, onUnmounted, reactive, ref} from "vue" |
|---|
| | | import {useRoute, useRouter} from 'vue-router' |
|---|
| | | import {useRouter,useRoute } from 'vue-router' |
|---|
| | | import type {FormInstance, FormRules} from 'element-plus' |
|---|
| | | import {ElMessage} from "element-plus"; |
|---|
| | | import {Avatar, Lock} from '@element-plus/icons-vue' |
|---|
| | | import { ElMessage } from "element-plus"; |
|---|
| | | import { Lock,Avatar } from '@element-plus/icons-vue' |
|---|
| | | import request from '@/utils/request' |
|---|
| | | import userInfo from '@/stores/userInfo' |
|---|
| | | import {useI18n} from 'vue-i18n' |
|---|
| | | import { sendSock, createWebSocket, closeSock,global_callback1 } from "@/utils/webSocket" |
|---|
| | | import userOrderInfo from '@/stores/sd/order/orderInfo' |
|---|
| | | import { useI18n } from 'vue-i18n' |
|---|
| | | import i18n from "@/lang/index" |
|---|
| | | //语言获取 |
|---|
| | | const { t } = useI18n() |
|---|
| | | let language = ref(localStorage.getItem('lang') || 'zh') |
|---|
| | |
|---|
| | | let ruleFormRef = ref<FormInstance>() |
|---|
| | | const router = useRouter() |
|---|
| | | const route = useRoute() |
|---|
| | | const orderInfo = userOrderInfo() |
|---|
| | | |
|---|
| | | |
|---|
| | | const userForm = reactive({ |
|---|
| | | userId: '', |
|---|
| | | pass: '' |
|---|
| | | }) |
|---|
| | | |
|---|
| | | let registerState = ref(true) |
|---|
| | | |
|---|
| | | if (typeof(route.query.id) != "undefined"){ |
|---|
| | | userForm.userId = <string>route.query.id |
|---|
| | |
|---|
| | | userForm).then((res) => { |
|---|
| | | if(res['code']==200 && res['data']){ |
|---|
| | | store.$patch({user:res.data}) |
|---|
| | | |
|---|
| | | orderInfo.clearSelectDate() |
|---|
| | | router.push('/main') |
|---|
| | | ElMessage.success(t('login.loginSuccessful')) |
|---|
| | | } else { |
|---|
| | |
|---|
| | | ElMessage.error(t('login.connectErr')) |
|---|
| | | loginLoadings.value=false |
|---|
| | | return false |
|---|
| | | }).then(() => { |
|---|
| | | userForm.pass = atob(userForm.pass) |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | |
|---|
| | | |
|---|
| | | const keyDown = (e) => { |
|---|
| | | // 回车则执行登录方法 enter键的ASCII是13 |
|---|
| | | if (e.keyCode == 13 || e.keyCode == 100) { |
|---|
| | | if (e.keyCode == 13 ) { |
|---|
| | | submitForm(ruleFormRef.value) |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | const changeLanguage = () =>{ |
|---|
| | | localStorage.setItem('lang',language.value) |
|---|
| | | location.reload() |
|---|
| | | } |
|---|
| | | |
|---|
| | | //注册按钮的显示 |
|---|
| | | const changeRegister = ()=>{ |
|---|
| | | if(userForm.pass=='admin'){ |
|---|
| | | registerState.value =false |
|---|
| | | }else { |
|---|
| | | registerState.value =true |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | |
|---|
| | | v-model="language" |
|---|
| | | placeholder=" " |
|---|
| | | style="float: right;width: 6rem"> |
|---|
| | | <el-option value="zh" label="中文" /> |
|---|
| | | <el-option value="en" label="English" /> |
|---|
| | | <el-option value="zh-CN" label="中文" /> |
|---|
| | | <el-option value="en-US" label="English" /> |
|---|
| | | <el-option value="ru" label="Русский язык" /> |
|---|
| | | </el-select> |
|---|
| | | <h2>{{$t('login.SysName')}}</h2> |
|---|
| | | <el-form |
|---|
| | |
|---|
| | | <el-form-item :label="$t('login.password')+':'" prop="pass"> |
|---|
| | | <el-input |
|---|
| | | v-model="userForm.pass" |
|---|
| | | @blur="changeRegister" |
|---|
| | | type="password" |
|---|
| | | autocomplete="off" |
|---|
| | | :prefix-icon="Lock" |
|---|
| | |
|---|
| | | <el-form-item id="submitForm"> |
|---|
| | | <el-button |
|---|
| | | :loading="registerLoadings" |
|---|
| | | :disabled="registerState" |
|---|
| | | type="primary" |
|---|
| | | @click="register" |
|---|
| | | >{{$t('login.register')}} |
|---|
