Merge remote-tracking branch 'origin/dev' into dev
This commit is contained in:
6
src/api/index.ts
Normal file
6
src/api/index.ts
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
|
||||||
|
// 获取外协管理数据
|
||||||
|
export const getOutsourcingManagementData = (data) => {
|
||||||
|
return request.post({ url: '/jeelowcode/report-data/list/kb_wx_jt', data })
|
||||||
|
}
|
||||||
@@ -57,12 +57,45 @@ const remainingRouter: AppRouteRecordRaw[] = [
|
|||||||
name: 'Home',
|
name: 'Home',
|
||||||
meta: {},
|
meta: {},
|
||||||
children: [
|
children: [
|
||||||
|
// {
|
||||||
|
// path: 'index',
|
||||||
|
// component: () => import('@/views/Home/Index10.vue'),
|
||||||
|
// name: 'Index',
|
||||||
|
// meta: {
|
||||||
|
// title: t('router.home'),
|
||||||
|
// icon: 'ep:home-filled',
|
||||||
|
// noCache: false,
|
||||||
|
// affix: true
|
||||||
|
// }
|
||||||
|
// },
|
||||||
{
|
{
|
||||||
path: 'index',
|
path: 'index',
|
||||||
component: () => import('@/views/Home/Index10.vue'),
|
component: () => import('@/views/Home/Index10.vue'),
|
||||||
name: 'Index',
|
name: 'Index',
|
||||||
meta: {
|
meta: {
|
||||||
title: t('router.home'),
|
title: '集团视角数据看板',
|
||||||
|
icon: 'ep:home-filled',
|
||||||
|
noCache: false,
|
||||||
|
affix: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'region', // 区域数据看板
|
||||||
|
component: () => import('@/views/Home/Index12.vue'),
|
||||||
|
name: 'RegionIndex',
|
||||||
|
meta: {
|
||||||
|
title: '区域视角数据看板',
|
||||||
|
icon: 'ep:home-filled',
|
||||||
|
noCache: false,
|
||||||
|
affix: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'park', // 园区数据看板
|
||||||
|
component: () => import('@/views/Home/Index13.vue'),
|
||||||
|
name: 'ParkIndex',
|
||||||
|
meta: {
|
||||||
|
title: '园区视角数据看板',
|
||||||
icon: 'ep:home-filled',
|
icon: 'ep:home-filled',
|
||||||
noCache: false,
|
noCache: false,
|
||||||
affix: true
|
affix: true
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
1800
src/views/Home/Index12.vue
Normal file
1800
src/views/Home/Index12.vue
Normal file
File diff suppressed because it is too large
Load Diff
1800
src/views/Home/Index13.vue
Normal file
1800
src/views/Home/Index13.vue
Normal file
File diff suppressed because it is too large
Load Diff
@@ -1,56 +1,31 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-form
|
<el-form v-show="getShow" ref="formLogin" :model="loginData.loginForm" :rules="LoginRules"
|
||||||
v-show="getShow"
|
class="login-form login-form-default" label-position="top" label-width="120px" size="large">
|
||||||
ref="formLogin"
|
|
||||||
:model="loginData.loginForm"
|
|
||||||
:rules="LoginRules"
|
|
||||||
class="login-form login-form-default"
|
|
||||||
label-position="top"
|
|
||||||
label-width="120px"
|
|
||||||
size="large"
|
|
||||||
>
|
|
||||||
<el-row style="margin-right: -10px; margin-left: -10px">
|
<el-row style="margin-right: -10px; margin-left: -10px">
|
||||||
<el-col :span="24" style="padding-right: 10px; padding-left: 10px">
|
<el-col :span="24" style="padding-right: 10px; padding-left: 10px">
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<LoginFormTitle style="width: 100%"/>
|
<LoginFormTitle style="width: 100%" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24" style="padding-right: 10px; padding-left: 10px">
|
<el-col :span="24" style="padding-right: 10px; padding-left: 10px">
|
||||||
<el-form-item v-if="loginData.tenantEnable === 'true'" prop="tenantName">
|
<el-form-item v-if="loginData.tenantEnable === 'true'" prop="tenantName">
|
||||||
<el-input
|
<el-input v-model="loginData.loginForm.tenantName" :placeholder="t('login.tenantNamePlaceholder')"
|
||||||
v-model="loginData.loginForm.tenantName"
|
:prefix-icon="iconHouse" link type="primary" />
|
||||||
:placeholder="t('login.tenantNamePlaceholder')"
|
|
||||||
:prefix-icon="iconHouse"
|
|
||||||
link
|
|
||||||
type="primary"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24" style="padding-right: 10px; padding-left: 10px">
|
<el-col :span="24" style="padding-right: 10px; padding-left: 10px">
|
||||||
<el-form-item prop="username">
|
<el-form-item prop="username">
|
||||||
<el-input
|
<el-input v-model="loginData.loginForm.username" :placeholder="t('login.usernamePlaceholder')"
|
||||||
v-model="loginData.loginForm.username"
|
:prefix-icon="iconAvatar" />
|
||||||
:placeholder="t('login.usernamePlaceholder')"
|
|
||||||
:prefix-icon="iconAvatar"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24" style="padding-right: 10px; padding-left: 10px">
|
<el-col :span="24" style="padding-right: 10px; padding-left: 10px">
|
||||||
<el-form-item prop="password">
|
<el-form-item prop="password">
|
||||||
<el-input
|
<el-input v-model="loginData.loginForm.password" :placeholder="t('login.passwordPlaceholder')"
|
||||||
v-model="loginData.loginForm.password"
|
:prefix-icon="iconLock" show-password type="password" @keyup.enter="getCode()" />
|
||||||
:placeholder="t('login.passwordPlaceholder')"
|
|
||||||
:prefix-icon="iconLock"
|
|
||||||
show-password
|
|
||||||
type="password"
|
|
||||||
@keyup.enter="getCode()"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col
|
<el-col :span="24" style="padding-right: 10px; padding-left: 10px; margin-top: -20px; margin-bottom: -20px">
|
||||||
:span="24"
|
|
||||||
style="padding-right: 10px; padding-left: 10px; margin-top: -20px; margin-bottom: -20px"
|
|
||||||
>
|
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-row justify="space-between" style="width: 100%">
|
<el-row justify="space-between" style="width: 100%">
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
@@ -66,26 +41,21 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24" style="padding-right: 10px; padding-left: 10px" class="login-btn-col">
|
<el-col :span="24" style="padding-right: 10px; padding-left: 10px" class="login-btn-col">
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<XButton
|
<XButton :loading="loginLoading" :title="t('login.login')" class="w-[100%]" type="primary"
|
||||||
:loading="loginLoading"
|
@click="getCode()" />
|
||||||
:title="t('login.login')"
|
|
||||||
class="w-[100%]"
|
|
||||||
type="primary"
|
|
||||||
@click="getCode()"
|
|
||||||
/>
|
|
||||||
<div v-if="loginType == 'easy'" class="w-100% mt-6px flex justify-end">
|
<div v-if="loginType == 'easy'" class="w-100% mt-6px flex justify-end">
|
||||||
<el-dropdown @command="easyCommand">
|
<el-dropdown @command="easyCommand">
|
||||||
<div class="mt--2px cursor-pointer">
|
<div class="mt--2px cursor-pointer">
|
||||||
<el-text type="primary">
|
<el-text type="primary">
|
||||||
<span class="text-14px">{{ t('login.otherLogin') }}</span>
|
<span class="text-14px">{{ t('login.otherLogin') }}</span>
|
||||||
<Icon :size="16" icon="iconamoon:arrow-down-2-light"/>
|
<Icon :size="16" icon="iconamoon:arrow-down-2-light" />
|
||||||
</el-text>
|
</el-text>
|
||||||
</div>
|
</div>
|
||||||
<template #dropdown>
|
<template #dropdown>
|
||||||
<el-dropdown-menu>
|
<el-dropdown-menu>
|
||||||
<template v-for="item in easyDropdownList" :key="item.label">
|
<template v-for="item in easyDropdownList" :key="item.label">
|
||||||
<el-dropdown-item :command="item">
|
<el-dropdown-item :command="item">
|
||||||
<Icon :size="16" :icon="item.icon"/>
|
<Icon :size="16" :icon="item.icon" />
|
||||||
<span>{{ item.label }}</span>
|
<span>{{ item.label }}</span>
|
||||||
</el-dropdown-item>
|
</el-dropdown-item>
|
||||||
</template>
|
</template>
|
||||||
@@ -95,13 +65,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<Verify
|
<Verify ref="verify" :captchaType="captchaType" :imgSize="{ width: '400px', height: '200px' }" mode="pop"
|
||||||
ref="verify"
|
@success="handleLogin" />
|
||||||
:captchaType="captchaType"
|
|
||||||
:imgSize="{ width: '400px', height: '200px' }"
|
|
||||||
mode="pop"
|
|
||||||
@success="handleLogin"
|
|
||||||
/>
|
|
||||||
<template v-if="!loginType">
|
<template v-if="!loginType">
|
||||||
<el-col :span="24" style="padding-right: 10px; padding-left: 10px">
|
<el-col :span="24" style="padding-right: 10px; padding-left: 10px">
|
||||||
<!-- <el-form-item>
|
<!-- <el-form-item>
|
||||||
@@ -127,15 +92,8 @@
|
|||||||
<el-col :span="24" style="padding-right: 10px; padding-left: 10px">
|
<el-col :span="24" style="padding-right: 10px; padding-left: 10px">
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<div class="w-[100%] flex justify-center">
|
<div class="w-[100%] flex justify-center">
|
||||||
<Icon
|
<Icon v-for="(item, key) in socialList" :key="key" :icon="item.icon" :size="50"
|
||||||
v-for="(item, key) in socialList"
|
class="anticon cursor-pointer" color="#999" @click="doSocialLogin(item.type)" />
|
||||||
:key="key"
|
|
||||||
:icon="item.icon"
|
|
||||||
:size="50"
|
|
||||||
class="anticon cursor-pointer"
|
|
||||||
color="#999"
|
|
||||||
@click="doSocialLogin(item.type)"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
@@ -144,18 +102,18 @@
|
|||||||
</el-form>
|
</el-form>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import {ElLoading} from 'element-plus'
|
import { ElLoading } from 'element-plus'
|
||||||
import LoginFormTitle from './LoginFormTitle.vue'
|
import LoginFormTitle from './LoginFormTitle.vue'
|
||||||
import type {RouteLocationNormalizedLoaded} from 'vue-router'
|
import type { RouteLocationNormalizedLoaded } from 'vue-router'
|
||||||
|
|
||||||
import {useIcon} from '@/hooks/web/useIcon'
|
import { useIcon } from '@/hooks/web/useIcon'
|
||||||
|
|
||||||
import * as authUtil from '@/utils/auth'
|
import * as authUtil from '@/utils/auth'
|
||||||
import {usePermissionStore} from '@/store/modules/permission'
|
import { usePermissionStore } from '@/store/modules/permission'
|
||||||
import * as LoginApi from '@/api/login'
|
import * as LoginApi from '@/api/login'
|
||||||
import {LoginStateEnum, useFormValid, useLoginState} from './useLogin'
|
import { LoginStateEnum, useFormValid, useLoginState } from './useLogin'
|
||||||
|
|
||||||
defineOptions({name: 'LoginForm'})
|
defineOptions({ name: 'LoginForm' })
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
loginType?: 'easy'
|
loginType?: 'easy'
|
||||||
@@ -163,15 +121,15 @@ interface Props {
|
|||||||
|
|
||||||
const props = defineProps<Props>()
|
const props = defineProps<Props>()
|
||||||
|
|
||||||
const {t} = useI18n()
|
const { t } = useI18n()
|
||||||
const message = useMessage()
|
const message = useMessage()
|
||||||
const iconHouse = useIcon({icon: 'ep:house'})
|
const iconHouse = useIcon({ icon: 'ep:house' })
|
||||||
const iconAvatar = useIcon({icon: 'ep:avatar'})
|
const iconAvatar = useIcon({ icon: 'ep:avatar' })
|
||||||
const iconLock = useIcon({icon: 'ep:lock'})
|
const iconLock = useIcon({ icon: 'ep:lock' })
|
||||||
const formLogin = ref()
|
const formLogin = ref()
|
||||||
const {validForm} = useFormValid(formLogin)
|
const { validForm } = useFormValid(formLogin)
|
||||||
const {setLoginState, getLoginState} = useLoginState()
|
const { setLoginState, getLoginState } = useLoginState()
|
||||||
const {currentRoute, push} = useRouter()
|
const { currentRoute, push } = useRouter()
|
||||||
const permissionStore = usePermissionStore()
|
const permissionStore = usePermissionStore()
|
||||||
const redirect = ref<string>('')
|
const redirect = ref<string>('')
|
||||||
const loginLoading = ref(false)
|
const loginLoading = ref(false)
|
||||||
@@ -203,7 +161,7 @@ const socialList = [
|
|||||||
// { icon: 'ant-design:dingtalk-circle-filled', type: 20 },
|
// { icon: 'ant-design:dingtalk-circle-filled', type: 20 },
|
||||||
// { icon: 'ant-design:github-filled', type: 0 },
|
// { icon: 'ant-design:github-filled', type: 0 },
|
||||||
// { icon: 'ant-design:alipay-circle-filled', type: 0 },
|
// { icon: 'ant-design:alipay-circle-filled', type: 0 },
|
||||||
{icon: 'bx:planet', type: 100},
|
{ icon: 'bx:planet', type: 100 },
|
||||||
]
|
]
|
||||||
|
|
||||||
const easyDropdownList = [
|
const easyDropdownList = [
|
||||||
@@ -219,15 +177,15 @@ const easyDropdownList = [
|
|||||||
type: LoginStateEnum.QR_CODE,
|
type: LoginStateEnum.QR_CODE,
|
||||||
code: 'page'
|
code: 'page'
|
||||||
},
|
},
|
||||||
{label: t('login.btnWechat'), icon: 'ant-design:wechat-filled', type: 30, code: 'url'},
|
{ label: t('login.btnWechat'), icon: 'ant-design:wechat-filled', type: 30, code: 'url' },
|
||||||
{
|
{
|
||||||
label: t('login.btnDingtalk'),
|
label: t('login.btnDingtalk'),
|
||||||
icon: 'ant-design:dingtalk-circle-filled',
|
icon: 'ant-design:dingtalk-circle-filled',
|
||||||
type: 20,
|
type: 20,
|
||||||
code: 'url'
|
code: 'url'
|
||||||
},
|
},
|
||||||
{label: t('login.btnGitHub'), icon: 'ant-design:github-filled', type: 0, code: 'url'},
|
{ label: t('login.btnGitHub'), icon: 'ant-design:github-filled', type: 0, code: 'url' },
|
||||||
{label: t('login.btnAlipay'), icon: 'ant-design:alipay-circle-filled', type: 0, code: 'url'}
|
{ label: t('login.btnAlipay'), icon: 'ant-design:alipay-circle-filled', type: 0, code: 'url' }
|
||||||
]
|
]
|
||||||
|
|
||||||
const easyCommand = (row) => {
|
const easyCommand = (row) => {
|
||||||
@@ -308,9 +266,14 @@ const handleLogin = async (params) => {
|
|||||||
if (redirect.value.indexOf('sso') !== -1) {
|
if (redirect.value.indexOf('sso') !== -1) {
|
||||||
window.location.href = window.location.href.replace('/login?redirect=', '')
|
window.location.href = window.location.href.replace('/login?redirect=', '')
|
||||||
} else {
|
} else {
|
||||||
push({path: redirect.value || permissionStore.addRouters[0].path})
|
push({ path: redirect.value || permissionStore.addRouters[0].path })
|
||||||
}
|
}
|
||||||
} finally {
|
}
|
||||||
|
catch (e) {
|
||||||
|
loginLoading.value = false
|
||||||
|
loading.value?.close()
|
||||||
|
}
|
||||||
|
finally {
|
||||||
loginLoading.value = false
|
loginLoading.value = false
|
||||||
loading.value?.close()
|
loading.value?.close()
|
||||||
}
|
}
|
||||||
@@ -327,7 +290,7 @@ const doSocialLogin = async (type: number) => {
|
|||||||
await getTenantId()
|
await getTenantId()
|
||||||
// 如果获取不到,则需要弹出提示,进行处理
|
// 如果获取不到,则需要弹出提示,进行处理
|
||||||
if (!authUtil.getTenantId()) {
|
if (!authUtil.getTenantId()) {
|
||||||
await message.prompt('请输入租户名称', t('common.reminder')).then(async ({value}) => {
|
await message.prompt('请输入租户名称', t('common.reminder')).then(async ({ value }) => {
|
||||||
const res = await LoginApi.getTenantIdByName(value)
|
const res = await LoginApi.getTenantIdByName(value)
|
||||||
authUtil.setTenantId(res)
|
authUtil.setTenantId(res)
|
||||||
})
|
})
|
||||||
@@ -356,7 +319,7 @@ watch(
|
|||||||
}
|
}
|
||||||
)
|
)
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
if(redirect.value && import.meta.env.VITE_DEFAULT_SSO =='true'){
|
if (redirect.value && import.meta.env.VITE_DEFAULT_SSO == 'true') {
|
||||||
//默认
|
//默认
|
||||||
doSocialLogin(100)
|
doSocialLogin(100)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -32,7 +32,7 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
|
|||||||
// 本地跨域代理. 目前注释的原因:暂时没有用途,server 端已经支持跨域
|
// 本地跨域代理. 目前注释的原因:暂时没有用途,server 端已经支持跨域
|
||||||
proxy: {
|
proxy: {
|
||||||
['/admin-api']: {
|
['/admin-api']: {
|
||||||
target: env.VITE_BASE_URL,
|
target: 'http://10.28.117.100:48080',
|
||||||
ws: false,
|
ws: false,
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
rewrite: (path) => path.replace(new RegExp(`^/admin-api`), ''),
|
rewrite: (path) => path.replace(new RegExp(`^/admin-api`), ''),
|
||||||
|
|||||||
Reference in New Issue
Block a user