|
|
@@ -1,12 +1,12 @@
|
|
|
<template>
|
|
|
<div class="login-body">
|
|
|
- <a class="left-logo" href="http://hczc.hcxxy.com/" target="_blank" v-if="appLogoIcon">
|
|
|
- <img alt="" id="logo-icon" :src="appLogoIcon">
|
|
|
- <img alt="" id="logo-name" :src="appLogoName">
|
|
|
+ <a v-if="appLogoIcon" class="left-logo" href="http://hczc.hcxxy.com/" target="_blank">
|
|
|
+ <img id="logo-icon" alt="" :src="appLogoIcon">
|
|
|
+ <img id="logo-name" alt="" :src="appLogoName">
|
|
|
</a>
|
|
|
<div class="left-pic-container">
|
|
|
<Suspense>
|
|
|
- <HcPicVue/>
|
|
|
+ <HcPicVue />
|
|
|
<template #fallback>
|
|
|
Loading...
|
|
|
</template>
|
|
|
@@ -17,70 +17,78 @@
|
|
|
<div class="sign-list">
|
|
|
<h1 class="font-lg">登录</h1>
|
|
|
<div class="title-tab">
|
|
|
- <div :class="account?'active':''" @click="accountClick">密码登录</div>
|
|
|
- <div :class="account?'':'active'" @click="accountClick">游客登录</div>
|
|
|
+ <div :class="account ? 'active' : ''" @click="accountClick">密码登录</div>
|
|
|
+ <div :class="account ? '' : 'active'" @click="accountClick">游客登录</div>
|
|
|
</div>
|
|
|
<div v-if="account" class="form-box mt-4">
|
|
|
- <el-form ref="formRef" :model="formValue" :rules="formRules" label-position="left" label-width="0px"
|
|
|
- size="large">
|
|
|
+ <el-form
|
|
|
+ ref="formRef" :model="formValue" :rules="formRules" label-position="left" label-width="0px"
|
|
|
+ size="large"
|
|
|
+ >
|
|
|
<el-form-item prop="username">
|
|
|
- <el-input v-model="formValue.username" clearable placeholder="账号"/>
|
|
|
+ <el-input v-model="formValue.username" clearable placeholder="账号" />
|
|
|
</el-form-item>
|
|
|
<el-form-item class="mt-8" prop="password">
|
|
|
- <el-input v-model="formValue.password" clearable placeholder="密码" show-password
|
|
|
- type="password" @keyup="passwordKeyUp">
|
|
|
+ <el-input
|
|
|
+ v-model="formValue.password" clearable placeholder="密码" show-password
|
|
|
+ type="password" @keyup="passwordKeyUp"
|
|
|
+ >
|
|
|
<template #suffix>
|
|
|
<span class="clickable-text" @click="clickableClick">忘记密码</span>
|
|
|
</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="tenantId" v-if="tenantMode">
|
|
|
- <el-input v-model="formValue.tenantId" clearable placeholder="租户ID"/>
|
|
|
+ <el-form-item v-if="tenantMode" prop="tenantId">
|
|
|
+ <el-input v-model="formValue.tenantId" clearable placeholder="租户ID" />
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-checkbox v-model="checkbox" label="记住密码"/>
|
|
|
+ <el-checkbox v-model="checkbox" label="记住密码" />
|
|
|
</el-form-item>
|
|
|
<el-form-item class="mt-8">
|
|
|
- <el-button :loading="loading" block type="primary" @click="formValidateClick">登 录
|
|
|
+ <el-button :loading="loading" block type="primary" @click="formValidateClick">
|
|
|
+ 登 录
|
|
|
</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
|
|
|
<div v-else class="form-box mt-4">
|
|
|
- <el-form ref="touristsRef" :model="touristsForm" :rules="touristsRules" label-position="left"
|
|
|
- label-width="auto" size="large">
|
|
|
+ <el-form
|
|
|
+ ref="touristsRef" :model="touristsForm" :rules="touristsRules" label-position="left"
|
|
|
+ label-width="auto" size="large"
|
|
|
+ >
|
|
|
<el-form-item prop="phone">
|
|
|
- <el-input v-model="touristsForm.phone" clearable placeholder="请输入手机号"/>
|
|
|
+ <el-input v-model="touristsForm.phone" clearable placeholder="请输入手机号" />
|
|
|
</el-form-item>
|
|
|
<el-form-item class="mt-8">
|
|
|
- <el-button :loading="loading" block type="primary" @click="touristsValidateClick">登 录
|
|
|
+ <el-button :loading="loading" block type="primary" @click="touristsValidateClick">
|
|
|
+ 登 录
|
|
|
</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!--预先加载首页背景图-->
|
|
|
+ <!-- 预先加载首页背景图 -->
|
|
|
<Suspense>
|
|
|
- <HcHomeBg/>
|
|
|
+ <HcHomeBg />
|
|
|
</Suspense>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import {ref, onMounted, nextTick} from "vue";
|
|
|
-import router from '~src/router/index';
|
|
|
-import {useAppStore} from "~src/store";
|
|
|
-import {useAppLogin} from "~sto/user";
|
|
|
-import {getTenantID} from "~api/user";
|
|
|
-import config from "~src/config/index";
|
|
|
-import {getTopUrl, setAppName} from "~uti/tools";
|
|
|
+import { nextTick, onMounted, ref } from 'vue'
|
|
|
+import router from '~src/router/index'
|
|
|
+import { useAppStore } from '~src/store'
|
|
|
+import { useAppLogin } from '~sto/user'
|
|
|
+import { getTenantID } from '~api/user'
|
|
|
+import config from '~src/config/index'
|
|
|
+import { getTopUrl, setAppName } from '~uti/tools'
|
|
|
import HcPicVue from './components/pic.vue'
|
|
|
import HcHomeBg from './components/home-bg.vue'
|
|
|
-import logoIcon from "~src/assets/logo/icon.png";
|
|
|
-import logoName from "~src/assets/logo/name.png";
|
|
|
-import {formValidate, getObjVal, setImageColorStyle} from "js-fast-way"
|
|
|
+import logoIcon from '~src/assets/logo/icon.png'
|
|
|
+import logoName from '~src/assets/logo/name.png'
|
|
|
+import { formValidate, getObjVal, setImageColorStyle } from 'js-fast-way'
|
|
|
|
|
|
const userStore = useAppStore()
|
|
|
userStore.clearStoreData() //先清理下缓存
|
|
|
@@ -94,7 +102,7 @@ const account = ref(true)
|
|
|
const tenantMode = ref(true)
|
|
|
|
|
|
const accountClick = () => {
|
|
|
- account.value = !account.value;
|
|
|
+ account.value = !account.value
|
|
|
}
|
|
|
|
|
|
onMounted(() => {
|
|
|
@@ -108,38 +116,38 @@ const setAppImageColor = () => {
|
|
|
}
|
|
|
|
|
|
//表单
|
|
|
-const formRef = ref(null);
|
|
|
+const formRef = ref(null)
|
|
|
const checkbox = ref(false)
|
|
|
-const formValue = ref({tenantId: "000000", username: '', password: '', type: "account"})
|
|
|
+const formValue = ref({ tenantId: '000000', username: '', password: '', type: 'account' })
|
|
|
const formRules = {
|
|
|
tenantId: {
|
|
|
required: true,
|
|
|
- message: "请输入租户ID",
|
|
|
- trigger: "blur"
|
|
|
+ message: '请输入租户ID',
|
|
|
+ trigger: 'blur',
|
|
|
},
|
|
|
username: {
|
|
|
required: true,
|
|
|
- message: "请输入账号",
|
|
|
- trigger: "blur"
|
|
|
+ message: '请输入账号',
|
|
|
+ trigger: 'blur',
|
|
|
},
|
|
|
password: {
|
|
|
required: true,
|
|
|
- message: "请输入密码",
|
|
|
- trigger: "blur"
|
|
|
- }
|
|
|
+ message: '请输入密码',
|
|
|
+ trigger: 'blur',
|
|
|
+ },
|
|
|
}
|
|
|
const passwordKeyUp = (e) => {
|
|
|
- if (e.key === "Enter") {
|
|
|
+ if (e.key === 'Enter') {
|
|
|
formValidateClick()
|
|
|
}
|
|
|
}
|
|
|
|
|
|
//获取租户id
|
|
|
const getTenantIdApi = async () => {
|
|
|
- const {error, code, data} = await getTenantID(getTopUrl())
|
|
|
+ const { error, code, data } = await getTenantID(getTopUrl())
|
|
|
const res = getObjVal(data)
|
|
|
if (!error && code === 200 && res) {
|
|
|
- const {tenantAvatar, tenantAvatarText, tenantTitle, tenantId} = res
|
|
|
+ const { tenantAvatar, tenantAvatarText, tenantTitle, tenantId } = res
|
|
|
tenantMode.value = false
|
|
|
//设置标题
|
|
|
userStore.setTitle(tenantTitle)
|
|
|
@@ -173,8 +181,8 @@ const getTenantIdApi = async () => {
|
|
|
userStore.setLogoName(logoName)
|
|
|
|
|
|
//设置租户ID
|
|
|
- formValue.value.tenantId = "000000"
|
|
|
- userStore.setTenantId("000000")
|
|
|
+ formValue.value.tenantId = '000000'
|
|
|
+ userStore.setTenantId('000000')
|
|
|
}
|
|
|
nextTick(() => {
|
|
|
setAppImageColor()
|
|
|
@@ -186,26 +194,26 @@ const loading = ref(false)
|
|
|
const formValidateClick = async () => {
|
|
|
const formRes = await formValidate(formRef.value)
|
|
|
if (formRes) {
|
|
|
- loading.value = true;
|
|
|
+ loading.value = true
|
|
|
useAppLogin(formValue.value).then(() => {
|
|
|
- loading.value = false;
|
|
|
- window?.$message?.success('登录成功');
|
|
|
- router.push({path: '/home/index'});
|
|
|
+ loading.value = false
|
|
|
+ window?.$message?.success('登录成功')
|
|
|
+ router.push({ path: '/home/index' })
|
|
|
}).catch(() => {
|
|
|
- loading.value = false;
|
|
|
+ loading.value = false
|
|
|
})
|
|
|
}
|
|
|
}
|
|
|
|
|
|
//游客登录
|
|
|
-const touristsRef = ref(null);
|
|
|
-const touristsForm = ref({phone: ''});
|
|
|
+const touristsRef = ref(null)
|
|
|
+const touristsForm = ref({ phone: '' })
|
|
|
const touristsRules = {
|
|
|
phone: {
|
|
|
required: true,
|
|
|
- message: "请输入手机号",
|
|
|
- trigger: "blur"
|
|
|
- }
|
|
|
+ message: '请输入手机号',
|
|
|
+ trigger: 'blur',
|
|
|
+ },
|
|
|
}
|
|
|
const touristsValidateClick = async () => {
|
|
|
const formRes = await formValidate(touristsRef.value)
|
|
|
@@ -219,7 +227,7 @@ const clickableClick = () => {
|
|
|
const val = '<div style="font-size: 16px;">忘记密码请不要紧张，联系您项目上的专属客服人员电话 <span style="color:#1ECC95;">18423665354</span> ，提供身份证明信息即可初始化密码，建议初始化之后由您单独去更改密码</div>'
|
|
|
window?.$messageBox?.alert(val, '联系项目客服', {
|
|
|
confirmButtonText: '确定',
|
|
|
- dangerouslyUseHTMLString: true
|
|
|
+ dangerouslyUseHTMLString: true,
|
|
|
})
|
|
|
}
|
|
|
</script>
|
