This commit is contained in:
parent
400b88a9ff
commit
2c466460e3
@ -1,49 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<el-card shadow="never">
|
|
||||||
<el-skeleton :loading="loading" animated>
|
|
||||||
<el-row :gutter="16" justify="space-between">
|
|
||||||
<el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
|
|
||||||
<div class="flex items-center">
|
|
||||||
<el-avatar :src="avatar" :size="70" class="mr-16px">
|
|
||||||
<img src="@/assets/imgs/avatar.gif" alt="" />
|
|
||||||
</el-avatar>
|
|
||||||
<div>
|
|
||||||
<div class="text-20px">
|
|
||||||
{{ t('workplace.welcome') }} {{ username }} {{ t('workplace.happyDay') }}
|
|
||||||
</div>
|
|
||||||
<div class="mt-10px text-14px text-gray-500">
|
|
||||||
{{ t('workplace.toady') }},20℃ - 32℃!
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-col>
|
|
||||||
<el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
|
|
||||||
<div class="h-70px flex items-center justify-end lt-sm:mt-10px">
|
|
||||||
<div class="px-8px text-right">
|
|
||||||
<div class="mb-16px text-14px text-gray-400">{{ t('workplace.project') }}</div>
|
|
||||||
<CountTo class="text-20px" :start-val="0" :end-val="totalSate.project" :duration="2600" />
|
|
||||||
</div>
|
|
||||||
<el-divider direction="vertical" />
|
|
||||||
<div class="px-8px text-right">
|
|
||||||
<div class="mb-16px text-14px text-gray-400">{{ t('workplace.toDo') }}</div>
|
|
||||||
<CountTo class="text-20px" :start-val="0" :end-val="totalSate.todo" :duration="2600" />
|
|
||||||
</div>
|
|
||||||
<el-divider direction="vertical" border-style="dashed" />
|
|
||||||
<div class="px-8px text-right">
|
|
||||||
<div class="mb-16px text-14px text-gray-400">{{ t('workplace.access') }}</div>
|
|
||||||
<CountTo class="text-20px" :start-val="0" :end-val="totalSate.access" :duration="2600" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-skeleton>
|
|
||||||
</el-card>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- <el-card style="width: 100%; margin: 8px 0; text-align: center;" shadow="never"> -->
|
<!-- <el-card style="width: 100%; margin: 8px 0; text-align: center;" shadow="never"> -->
|
||||||
<div class="flex flex-wrap gap-4" style="float: right;">
|
<div class="flex flex-wrap gap-4" style="float: right;">
|
||||||
<el-card
|
<el-card style="width: 170px;margin: 8px 0;text-align: center;color:#409eff; cursor: pointer;" shadow="hover"
|
||||||
style="width: 170px;margin: 8px 0;text-align: center;color:#409eff; cursor: pointer;" shadow="hover"
|
|
||||||
@click="goToXXLJob">任务调度中心</el-card>
|
@click="goToXXLJob">任务调度中心</el-card>
|
||||||
</div>
|
</div>
|
||||||
<!-- </el-card> -->
|
<!-- </el-card> -->
|
||||||
|
@ -1,14 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-form
|
<el-form v-show="getShow" ref="formLogin" :model="loginData.loginForm" :rules="LoginRules" class="login-form"
|
||||||
v-show="getShow"
|
label-position="top" label-width="120px" size="large">
|
||||||
ref="formLogin"
|
|
||||||
:model="loginData.loginForm"
|
|
||||||
:rules="LoginRules"
|
|
||||||
class="login-form"
|
|
||||||
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>
|
||||||
@ -17,40 +9,23 @@
|
|||||||
</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,22 +41,12 @@
|
|||||||
</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>
|
<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()"
|
|
||||||
/>
|
|
||||||
</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"
|
|
||||||
/>
|
|
||||||
<!-- <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>
|
||||||
<el-row :gutter="5" justify="space-between" style="width: 100%">
|
<el-row :gutter="5" justify="space-between" style="width: 100%">
|
||||||
@ -184,9 +149,9 @@ const loginData = reactive({
|
|||||||
captchaEnable: import.meta.env.VITE_APP_CAPTCHA_ENABLE,
|
captchaEnable: import.meta.env.VITE_APP_CAPTCHA_ENABLE,
|
||||||
tenantEnable: import.meta.env.VITE_APP_TENANT_ENABLE,
|
tenantEnable: import.meta.env.VITE_APP_TENANT_ENABLE,
|
||||||
loginForm: {
|
loginForm: {
|
||||||
tenantName: '芋道源码',
|
tenantName: '智慧码头',
|
||||||
username: 'admin',
|
username: 'admin',
|
||||||
password: 'admin123',
|
password: 'mt@6688',
|
||||||
captchaVerification: '',
|
captchaVerification: '',
|
||||||
rememberMe: true // 默认记录我。如果不需要,可手动修改
|
rememberMe: true // 默认记录我。如果不需要,可手动修改
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user