Merge branch 'master' of http://47.109.37.87:3000/by2025/admin-vben5
All checks were successful
/ Explore-Gitea-Actions (push) Successful in 15m9s
All checks were successful
/ Explore-Gitea-Actions (push) Successful in 15m9s
This commit is contained in:
@@ -9,6 +9,8 @@ jobs:
|
|||||||
steps:
|
steps:
|
||||||
- name: 拉取代码仓库
|
- name: 拉取代码仓库
|
||||||
uses: http://git.missmoc.top/mocheng/checkout@v4
|
uses: http://git.missmoc.top/mocheng/checkout@v4
|
||||||
|
with:
|
||||||
|
fetch-depth: 1 # 只拉取最新的1个提交(浅克隆)
|
||||||
|
|
||||||
- name: Set up Node.js
|
- name: Set up Node.js
|
||||||
uses: http://git.missmoc.top/mocheng/setup-node@v3
|
uses: http://git.missmoc.top/mocheng/setup-node@v3
|
||||||
|
@@ -35,6 +35,7 @@ export interface Resident_unitVO {
|
|||||||
* 入驻位置
|
* 入驻位置
|
||||||
*/
|
*/
|
||||||
location: string;
|
location: string;
|
||||||
|
locations: string[];
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 入驻时间
|
* 入驻时间
|
||||||
|
@@ -84,13 +84,13 @@ const menus = computed(() => {
|
|||||||
// icon: CircleHelp,
|
// icon: CircleHelp,
|
||||||
// text: $t('ui.widgets.qa'),
|
// text: $t('ui.widgets.qa'),
|
||||||
// },
|
// },
|
||||||
{
|
// {
|
||||||
handler: () => {
|
// handler: () => {
|
||||||
router.push('/navigation');
|
// router.push('/navigation');
|
||||||
},
|
// },
|
||||||
// icon: TagOutlined,
|
// // icon: TagOutlined,
|
||||||
text: '返回导航',
|
// text: '返回导航',
|
||||||
},
|
// },
|
||||||
];
|
];
|
||||||
/**
|
/**
|
||||||
* 租户选中状态 不显示个人中心
|
* 租户选中状态 不显示个人中心
|
||||||
|
@@ -56,9 +56,7 @@ export const useAuthStore = defineStore('auth', () => {
|
|||||||
if (accessStore.loginExpired) {
|
if (accessStore.loginExpired) {
|
||||||
accessStore.setLoginExpired(false);
|
accessStore.setLoginExpired(false);
|
||||||
} else {
|
} else {
|
||||||
onSuccess
|
onSuccess ? await onSuccess?.() : await router.push('/analytics');
|
||||||
? await onSuccess?.()
|
|
||||||
: await router.push('/navigation');
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (userInfo?.realName) {
|
if (userInfo?.realName) {
|
||||||
|
@@ -26,7 +26,7 @@ onMounted(() => {
|
|||||||
{ name: '搜索引擎', value: 1048 },
|
{ name: '搜索引擎', value: 1048 },
|
||||||
{ name: '直接访问', value: 735 },
|
{ name: '直接访问', value: 735 },
|
||||||
{ name: '邮件营销', value: 580 },
|
{ name: '邮件营销', value: 580 },
|
||||||
{ name: '联盟广告', value: 484 },
|
// { name: '联盟广告', value: 484 },
|
||||||
],
|
],
|
||||||
emphasis: {
|
emphasis: {
|
||||||
label: {
|
label: {
|
||||||
|
@@ -25,29 +25,29 @@ const overviewItems: AnalysisOverviewItem[] = [
|
|||||||
icon: SvgCardIcon,
|
icon: SvgCardIcon,
|
||||||
title: '用户量',
|
title: '用户量',
|
||||||
totalTitle: '总用户量',
|
totalTitle: '总用户量',
|
||||||
totalValue: 120_000,
|
totalValue: 78,
|
||||||
value: 2000,
|
value: 15,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
icon: SvgCakeIcon,
|
icon: SvgCakeIcon,
|
||||||
title: '访问量',
|
title: '访问量',
|
||||||
totalTitle: '总访问量',
|
totalTitle: '总访问量',
|
||||||
totalValue: 500_000,
|
totalValue: 2_278,
|
||||||
value: 20_000,
|
value: 461,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
icon: SvgDownloadIcon,
|
icon: SvgDownloadIcon,
|
||||||
title: '下载量',
|
title: '下载量',
|
||||||
totalTitle: '总下载量',
|
totalTitle: '总下载量',
|
||||||
totalValue: 120_000,
|
totalValue: 17,
|
||||||
value: 8000,
|
value: 2,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
icon: SvgBellIcon,
|
icon: SvgBellIcon,
|
||||||
title: '使用量',
|
title: '使用量',
|
||||||
totalTitle: '总使用量',
|
totalTitle: '总使用量',
|
||||||
totalValue: 50_000,
|
totalValue: 6_652,
|
||||||
value: 5000,
|
value: 3_739,
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
@@ -157,7 +157,7 @@ export const modalSchema: FormSchemaGetter = () => [
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '入驻位置',
|
label: '入驻位置',
|
||||||
fieldName: 'location',
|
fieldName: 'locations',
|
||||||
component: 'TreeSelect',
|
component: 'TreeSelect',
|
||||||
rules: 'selectRequired',
|
rules: 'selectRequired',
|
||||||
formItemClass: 'col-span-2'
|
formItemClass: 'col-span-2'
|
||||||
|
@@ -64,7 +64,11 @@ const [BasicModal, modalApi] = useVbenModal({
|
|||||||
await initLocationOptions();
|
await initLocationOptions();
|
||||||
if (isUpdate.value && id) {
|
if (isUpdate.value && id) {
|
||||||
const record = await resident_unitInfo(id);
|
const record = await resident_unitInfo(id);
|
||||||
await formApi.setValues({...record,authTime:[record.authBegDate,record.authEndDate]});
|
let roomIds=record.location.split(',')
|
||||||
|
await formApi.setValues({...record,
|
||||||
|
authTime:[record.authBegDate,record.authEndDate],
|
||||||
|
locations:roomIds
|
||||||
|
});
|
||||||
}
|
}
|
||||||
await markInitialized();
|
await markInitialized();
|
||||||
|
|
||||||
@@ -84,7 +88,7 @@ async function handleConfirm() {
|
|||||||
|
|
||||||
data.authBegDate = data.authTime[0];
|
data.authBegDate = data.authTime[0];
|
||||||
data.authEndDate = data.authTime[1];
|
data.authEndDate = data.authTime[1];
|
||||||
|
data.location=data.locations.join(',')
|
||||||
await (isUpdate.value ? resident_unitUpdate(data) : resident_unitAdd(data));
|
await (isUpdate.value ? resident_unitUpdate(data) : resident_unitAdd(data));
|
||||||
resetInitialized();
|
resetInitialized();
|
||||||
emit('reload');
|
emit('reload');
|
||||||
@@ -125,8 +129,9 @@ async function initLocationOptions() {
|
|||||||
treeNodeFilterProp: 'label',
|
treeNodeFilterProp: 'label',
|
||||||
// 选中后显示在输入框的值
|
// 选中后显示在输入框的值
|
||||||
treeNodeLabelProp: 'fullName',
|
treeNodeLabelProp: 'fullName',
|
||||||
|
multiple:true
|
||||||
}),
|
}),
|
||||||
fieldName: 'location',
|
fieldName: 'locations',
|
||||||
},
|
},
|
||||||
]);
|
]);
|
||||||
}
|
}
|
||||||
|
@@ -43,16 +43,16 @@ export const columns: VxeGridProps['columns'] = [
|
|||||||
field: 'unitName',
|
field: 'unitName',
|
||||||
minWidth:'120'
|
minWidth:'120'
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
title: '预定人',
|
// title: '预定人',
|
||||||
field: 'personName',
|
// field: 'personName',
|
||||||
minWidth:'120'
|
// minWidth:'120'
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
title: '联系方式',
|
// title: '联系方式',
|
||||||
field: 'phone',
|
// field: 'phone',
|
||||||
minWidth:'120'
|
// minWidth:'120'
|
||||||
},
|
// },
|
||||||
// {
|
// {
|
||||||
// title: '预定时间',
|
// title: '预定时间',
|
||||||
// field: 'scheduledStarttime',
|
// field: 'scheduledStarttime',
|
||||||
@@ -64,7 +64,7 @@ export const columns: VxeGridProps['columns'] = [
|
|||||||
{
|
{
|
||||||
title: '预定时间',
|
title: '预定时间',
|
||||||
field: 'scheduledStarttime',
|
field: 'scheduledStarttime',
|
||||||
minWidth: '180',
|
minWidth: '200',
|
||||||
formatter: ({ row }) => {
|
formatter: ({ row }) => {
|
||||||
const start = row.scheduledStarttime;
|
const start = row.scheduledStarttime;
|
||||||
const end = row.scheduledEndtime;
|
const end = row.scheduledEndtime;
|
||||||
|
@@ -10,8 +10,8 @@
|
|||||||
<Select
|
<Select
|
||||||
v-model:value="formState.meetingRoomType"
|
v-model:value="formState.meetingRoomType"
|
||||||
class="room-select"
|
class="room-select"
|
||||||
placeholder="请选择会议室类型"
|
placeholder="请选择类型"
|
||||||
style="width: 180px;"
|
style="width: 150px;"
|
||||||
>
|
>
|
||||||
<SelectOption
|
<SelectOption
|
||||||
v-for="item in getDictOptions('meeting_room_type')"
|
v-for="item in getDictOptions('meeting_room_type')"
|
||||||
@@ -23,14 +23,14 @@
|
|||||||
</Select>
|
</Select>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item label="会议日期">
|
<a-form-item label="会议日期">
|
||||||
<DatePicker v-model:value="formState.appointmentTime" style="width: 180px;"/>
|
<DatePicker v-model:value="formState.appointmentTime" style="width: 130px;"/>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item label="会议时段">
|
<a-form-item label="会议时段">
|
||||||
<TimeRangePicker style="width: 200px;" format="HH:mm"
|
<TimeRangePicker style="width: 190px;" format="HH:mm"
|
||||||
v-model:value="formState.openHours"></TimeRangePicker>
|
v-model:value="formState.openHours"></TimeRangePicker>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item label="参会人数">
|
<a-form-item label="参会人数">
|
||||||
<InputNumber style="width: 150px;" placeholder="请输入参会人数"
|
<InputNumber style="width: 120px;" placeholder="请输入人数"
|
||||||
v-model:value="formState.personNumber"/>
|
v-model:value="formState.personNumber"/>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item >
|
<a-form-item >
|
||||||
|
@@ -42,7 +42,7 @@ export const columns: VxeGridProps['columns'] = [
|
|||||||
field: 'meetingRoomType',
|
field: 'meetingRoomType',
|
||||||
slots: {
|
slots: {
|
||||||
default: ({row}) => {
|
default: ({row}) => {
|
||||||
return renderDict(row.meetingRoomType, 'meeting_room_type');
|
return row.meetingRoomType!=null?renderDict(row.meetingRoomType, 'meeting_room_type'):'';
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
minWidth:100,
|
minWidth:100,
|
||||||
|
@@ -36,17 +36,17 @@ const { authPanelCenter, authPanelLeft, authPanelRight, isDark } =
|
|||||||
usePreferences();
|
usePreferences();
|
||||||
</script> -->
|
</script> -->
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref, onMounted } from 'vue'
|
import { ref, onMounted } from 'vue';
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router';
|
||||||
import { useAuthStore } from '../../../../../apps/web-antd/src/store'
|
import { useAuthStore } from '../../../../../apps/web-antd/src/store';
|
||||||
import { Checkbox } from 'ant-design-vue';
|
import { Checkbox } from 'ant-design-vue';
|
||||||
const router = useRouter()
|
const router = useRouter();
|
||||||
const authStore = useAuthStore();
|
const authStore = useAuthStore();
|
||||||
|
|
||||||
// 响应式数据
|
// 响应式数据
|
||||||
const username = ref('')
|
const username = ref('');
|
||||||
const password = ref('')
|
const password = ref('');
|
||||||
const rememberMe = ref(false)
|
const rememberMe = ref(false);
|
||||||
|
|
||||||
// 页面加载时恢复用户名
|
// 页面加载时恢复用户名
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
@@ -58,55 +58,59 @@ onMounted(() => {
|
|||||||
});
|
});
|
||||||
function getRetUrlParam() {
|
function getRetUrlParam() {
|
||||||
const urlParams = new URLSearchParams(window.location.search);
|
const urlParams = new URLSearchParams(window.location.search);
|
||||||
|
console.log('urlParams', urlParams);
|
||||||
return urlParams.get('returl');
|
return urlParams.get('returl');
|
||||||
}
|
}
|
||||||
const retUrl : string | null = getRetUrlParam();
|
const retUrl: string | null = getRetUrlParam();
|
||||||
|
|
||||||
// 登录逻辑
|
// 登录逻辑
|
||||||
const login = () => {
|
const login = () => {
|
||||||
// 验证输入
|
// 验证输入
|
||||||
if (!username.value.trim()) {
|
if (!username.value.trim()) {
|
||||||
alert('请输入用户名')
|
alert('请输入用户名');
|
||||||
return
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!password.value.trim()) {
|
if (!password.value.trim()) {
|
||||||
alert('请输入密码')
|
alert('请输入密码');
|
||||||
return
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 模拟登录请求
|
// 模拟登录请求
|
||||||
console.log('正在登录...', { username: username.value, password: password.value })
|
console.log('正在登录...', {
|
||||||
|
username: username.value,
|
||||||
|
password: password.value,
|
||||||
|
});
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
alert('登录成功!')
|
alert('登录成功!');
|
||||||
|
|
||||||
// 存储用户名
|
// 存储用户名
|
||||||
if (rememberMe.value) {
|
if (rememberMe.value) {
|
||||||
localStorage.setItem('rememberedUser', username.value)
|
localStorage.setItem('rememberedUser', username.value);
|
||||||
} else {
|
} else {
|
||||||
localStorage.removeItem('rememberedUser')
|
localStorage.removeItem('rememberedUser');
|
||||||
}
|
}
|
||||||
|
|
||||||
// 跳转页面
|
// 跳转页面
|
||||||
router.push('/navigation')
|
router.push('/navigation');
|
||||||
}, 800)
|
}, 800);
|
||||||
}
|
};
|
||||||
const handleAccountLogin = async () => {
|
const handleAccountLogin = async () => {
|
||||||
try {
|
try {
|
||||||
// const requestParam: any = omit(values, ['code']);
|
// const requestParam: any = omit(values, ['code']);
|
||||||
// 登录
|
// 登录
|
||||||
await authStore.authLogin({
|
await authStore.authLogin({
|
||||||
grantType: "password",
|
grantType: 'password',
|
||||||
password: password.value,
|
password: password.value,
|
||||||
tenantId: "000000",
|
tenantId: '000000',
|
||||||
username: username.value,
|
username: username.value,
|
||||||
retUrl: retUrl,
|
retUrl: retUrl,
|
||||||
});
|
});
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error(error);
|
console.error(error);
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
@@ -122,22 +126,30 @@ const handleAccountLogin = async () => {
|
|||||||
<h3>用户登录</h3>
|
<h3>用户登录</h3>
|
||||||
<!-- 用户名输入 -->
|
<!-- 用户名输入 -->
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<img src="../../../../../apps/web-antd/src/assets/my.png" alt="User Icon" class="input-icon">
|
<img
|
||||||
|
src="../../../../../apps/web-antd/src/assets/my.png"
|
||||||
|
alt="User Icon"
|
||||||
|
class="input-icon"
|
||||||
|
/>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="请输入您的用户名"
|
placeholder="请输入您的用户名"
|
||||||
v-model="username"
|
v-model="username"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 密码输入 -->
|
<!-- 密码输入 -->
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<img src="../../../../../apps/web-antd/src/assets/mima.png" alt="Password Icon" class="input-icon">
|
<img
|
||||||
|
src="../../../../../apps/web-antd/src/assets/mima.png"
|
||||||
|
alt="Password Icon"
|
||||||
|
class="input-icon"
|
||||||
|
/>
|
||||||
<input
|
<input
|
||||||
type="password"
|
type="password"
|
||||||
placeholder="请输入您的密码"
|
placeholder="请输入您的密码"
|
||||||
v-model="password"
|
v-model="password"
|
||||||
@keyup.enter="handleAccountLogin"
|
@keyup.enter="handleAccountLogin"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -158,13 +170,13 @@ const handleAccountLogin = async () => {
|
|||||||
class="flex min-h-full flex-1 select-none overflow-x-hidden"
|
class="flex min-h-full flex-1 select-none overflow-x-hidden"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
> -->
|
> -->
|
||||||
<!--<template v-if="toolbar">
|
<!--<template v-if="toolbar">
|
||||||
<slot name="toolbar">
|
<slot name="toolbar">
|
||||||
<Toolbar :toolbar-list="toolbarList" />
|
<Toolbar :toolbar-list="toolbarList" />
|
||||||
</slot>
|
</slot>
|
||||||
</template>-->
|
</template>-->
|
||||||
<!-- 左侧认证面板 -->
|
<!-- 左侧认证面板 -->
|
||||||
<!--<AuthenticationFormView
|
<!--<AuthenticationFormView
|
||||||
v-if="authPanelLeft"
|
v-if="authPanelLeft"
|
||||||
class="min-h-full w-2/5 flex-1"
|
class="min-h-full w-2/5 flex-1"
|
||||||
transition-name="slide-left"
|
transition-name="slide-left"
|
||||||
@@ -179,8 +191,8 @@ const handleAccountLogin = async () => {
|
|||||||
</template>
|
</template>
|
||||||
</AuthenticationFormView>-->
|
</AuthenticationFormView>-->
|
||||||
|
|
||||||
<!-- 头部 Logo 和应用名称 -->
|
<!-- 头部 Logo 和应用名称 -->
|
||||||
<!--<div
|
<!--<div
|
||||||
v-if="logo || appName"
|
v-if="logo || appName"
|
||||||
class="absolute left-0 top-0 z-10 flex flex-1"
|
class="absolute left-0 top-0 z-10 flex flex-1"
|
||||||
@click="clickLogo"
|
@click="clickLogo"
|
||||||
@@ -195,8 +207,8 @@ const handleAccountLogin = async () => {
|
|||||||
</div>
|
</div>
|
||||||
</div>-->
|
</div>-->
|
||||||
|
|
||||||
<!-- 系统介绍 -->
|
<!-- 系统介绍 -->
|
||||||
<!--<div v-if="!authPanelCenter" class="relative hidden w-0 flex-1 lg:block">
|
<!--<div v-if="!authPanelCenter" class="relative hidden w-0 flex-1 lg:block">
|
||||||
<div
|
<div
|
||||||
class="bg-background-deep absolute inset-0 h-full w-full dark:bg-[#070709]"
|
class="bg-background-deep absolute inset-0 h-full w-full dark:bg-[#070709]"
|
||||||
>
|
>
|
||||||
@@ -220,8 +232,8 @@ const handleAccountLogin = async () => {
|
|||||||
</div>
|
</div>
|
||||||
</div>-->
|
</div>-->
|
||||||
|
|
||||||
<!-- 中心认证面板 -->
|
<!-- 中心认证面板 -->
|
||||||
<!--<div v-if="authPanelCenter" class="flex-center relative w-full">
|
<!--<div v-if="authPanelCenter" class="flex-center relative w-full">
|
||||||
<div class="login-background absolute left-0 top-0 size-full"></div>
|
<div class="login-background absolute left-0 top-0 size-full"></div>
|
||||||
<AuthenticationFormView
|
<AuthenticationFormView
|
||||||
class="md:bg-background shadow-primary/5 shadow-float w-full rounded-3xl pb-20 md:w-2/3 lg:w-1/2 xl:w-[36%]"
|
class="md:bg-background shadow-primary/5 shadow-float w-full rounded-3xl pb-20 md:w-2/3 lg:w-1/2 xl:w-[36%]"
|
||||||
@@ -237,8 +249,8 @@ const handleAccountLogin = async () => {
|
|||||||
</AuthenticationFormView>
|
</AuthenticationFormView>
|
||||||
</div>-->
|
</div>-->
|
||||||
|
|
||||||
<!-- 右侧认证面板 -->
|
<!-- 右侧认证面板 -->
|
||||||
<!--<AuthenticationFormView
|
<!--<AuthenticationFormView
|
||||||
v-if="authPanelRight"
|
v-if="authPanelRight"
|
||||||
class="min-h-full w-[34%] flex-1"
|
class="min-h-full w-[34%] flex-1"
|
||||||
>
|
>
|
||||||
@@ -280,7 +292,8 @@ const handleAccountLogin = async () => {
|
|||||||
<style scoped>
|
<style scoped>
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'BaiduVariety';
|
font-family: 'BaiduVariety';
|
||||||
src: url('../../../../../apps/web-antd/src/assets/fonts/百度综艺简体.ttf') format('truetype');
|
src: url('../../../../../apps/web-antd/src/assets/fonts/百度综艺简体.ttf')
|
||||||
|
format('truetype');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
@@ -293,36 +306,38 @@ const handleAccountLogin = async () => {
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background:
|
background:
|
||||||
/* url('../../../../../apps/web-antd/src/assets/juxing.png') no-repeat center center fixed, */
|
/* url('../../../../../apps/web-antd/src/assets/juxing.png') no-repeat center center fixed, */ url('../../../../../apps/web-antd/src/assets/222.png')
|
||||||
url('../../../../../apps/web-antd/src/assets/222.png') no-repeat center center fixed;
|
no-repeat center center fixed;
|
||||||
background-size: 100% 100%, 100% 100%;
|
background-size:
|
||||||
|
100% 100%,
|
||||||
|
100% 100%;
|
||||||
/* background-repeat: no-repeat, no-repeat;
|
/* background-repeat: no-repeat, no-repeat;
|
||||||
background-position: center center, center center; */
|
background-position: center center, center center; */
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
.login-wapter{
|
.login-wapter {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -115px; /* 负值越大,越往上 */
|
top: -115px; /* 负值越大,越往上 */
|
||||||
.login-wapter1 {
|
.login-wapter1 {
|
||||||
font-size: 44px;
|
font-size: 44px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
.login-wapter2 {
|
.login-wapter2 {
|
||||||
font-size: 60px;
|
font-size: 60px;
|
||||||
/* margin-bottom: 38px; */
|
/* margin-bottom: 38px; */
|
||||||
background: linear-gradient(to bottom, #ffffff, #cbeaff);
|
background: linear-gradient(to bottom, #ffffff, #cbeaff);
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
-webkit-text-fill-color: transparent;
|
-webkit-text-fill-color: transparent;
|
||||||
background-clip: text;
|
background-clip: text;
|
||||||
color: transparent;
|
color: transparent;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
font-family: 'BaiduVariety',sans-serif;
|
font-family: 'BaiduVariety', sans-serif;
|
||||||
letter-spacing: 6px;
|
letter-spacing: 6px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.login-bg_1 {
|
.login-bg_1 {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -335,7 +350,8 @@ const handleAccountLogin = async () => {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: url('../../../../../apps/web-antd/src/assets/from.png') no-repeat center center fixed;
|
background: url('../../../../../apps/web-antd/src/assets/from.png') no-repeat
|
||||||
|
center center fixed;
|
||||||
}
|
}
|
||||||
.login-form {
|
.login-form {
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
@@ -380,8 +396,8 @@ input:-webkit-autofill {
|
|||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background-color: #19DCF8;
|
background-color: #19dcf8;
|
||||||
color: #0254A5;
|
color: #0254a5;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
margin-top: 70px;
|
margin-top: 70px;
|
||||||
@@ -401,8 +417,6 @@ input:-webkit-autofill {
|
|||||||
color: #eee;
|
color: #eee;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* 新增 .input-group 样式 */
|
/* 新增 .input-group 样式 */
|
||||||
.input-group {
|
.input-group {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -433,7 +447,7 @@ input:-webkit-autofill {
|
|||||||
.login-form input::placeholder {
|
.login-form input::placeholder {
|
||||||
color: rgba(255, 255, 255, 0.42); /* 例如灰色 */
|
color: rgba(255, 255, 255, 0.42); /* 例如灰色 */
|
||||||
}
|
}
|
||||||
.login-footer{
|
.login-footer {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
@@ -11,7 +11,7 @@ import {
|
|||||||
LanguageToggle,
|
LanguageToggle,
|
||||||
PreferencesButton,
|
PreferencesButton,
|
||||||
ThemeToggle,
|
ThemeToggle,
|
||||||
BackNavigation,
|
// BackNavigation,
|
||||||
} from '../../widgets';
|
} from '../../widgets';
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
@@ -44,8 +44,7 @@ const rightSlots = computed(() => {
|
|||||||
list.push({
|
list.push({
|
||||||
index: REFERENCE_VALUE,
|
index: REFERENCE_VALUE,
|
||||||
name: 'global-search',
|
name: 'global-search',
|
||||||
}
|
});
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (preferencesButtonPosition.value.header) {
|
if (preferencesButtonPosition.value.header) {
|
||||||
@@ -172,9 +171,9 @@ function clearPreferencesAndLogout() {
|
|||||||
<template v-else-if="slot.name === 'fullscreen'">
|
<template v-else-if="slot.name === 'fullscreen'">
|
||||||
<VbenFullScreen class="mr-1" />
|
<VbenFullScreen class="mr-1" />
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="slot.name === 'back-navigation'">
|
<!-- <template v-else-if="slot.name === 'back-navigation'">
|
||||||
<BackNavigation class="mr-1" />
|
<BackNavigation class="mr-1" />
|
||||||
</template>
|
</template> -->
|
||||||
</slot>
|
</slot>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
|
Reference in New Issue
Block a user