修改页面
This commit is contained in:
@@ -142,7 +142,7 @@
|
|||||||
</template>
|
</template>
|
||||||
<template #default>
|
<template #default>
|
||||||
<div class="user-menu-box">
|
<div class="user-menu-box">
|
||||||
<div class="user-head">
|
<!-- <div class="user-head">
|
||||||
<img class="cover" src="@imgs/user/avatar.webp" style="float: left" />
|
<img class="cover" src="@imgs/user/avatar.webp" style="float: left" />
|
||||||
<div class="user-wrap">
|
<div class="user-wrap">
|
||||||
<span class="name">{{ userInfo.user.id }}</span>
|
<span class="name">{{ userInfo.user.id }}</span>
|
||||||
@@ -154,7 +154,7 @@
|
|||||||
<span class="phone">{{ userInfo.user.phone }}</span>
|
<span class="phone">{{ userInfo.user.phone }}</span>
|
||||||
<span class="email">{{ userInfo.user.email }}</span>
|
<span class="email">{{ userInfo.user.email }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> -->
|
||||||
<ul class="user-menu">
|
<ul class="user-menu">
|
||||||
<!-- <li @click="goPage('/system/user-center')">
|
<!-- <li @click="goPage('/system/user-center')">
|
||||||
<i class="menu-icon iconfont-sys"></i>
|
<i class="menu-icon iconfont-sys"></i>
|
||||||
|
|||||||
@@ -43,6 +43,7 @@
|
|||||||
|
|
||||||
i {
|
i {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|||||||
@@ -4,11 +4,11 @@
|
|||||||
|
|
||||||
<div class="right-wrap">
|
<div class="right-wrap">
|
||||||
<div class="top-right-wrap">
|
<div class="top-right-wrap">
|
||||||
<div class="btn theme-btn" @click="toggleTheme">
|
<!-- <div class="btn theme-btn" @click="toggleTheme">
|
||||||
<i class="iconfont-sys">
|
<i class="iconfont-sys">
|
||||||
{{ isDark ? '' : '' }}
|
{{ isDark ? '' : '' }}
|
||||||
</i>
|
</i>
|
||||||
</div>
|
</div> -->
|
||||||
<ElDropdown @command="changeLanguage" popper-class="langDropDownStyle">
|
<ElDropdown @command="changeLanguage" popper-class="langDropDownStyle">
|
||||||
<div class="btn language-btn">
|
<div class="btn language-btn">
|
||||||
<i class="iconfont-sys icon-language"></i>
|
<i class="iconfont-sys icon-language"></i>
|
||||||
@@ -182,7 +182,7 @@
|
|||||||
const feishuresponse=ref()
|
const feishuresponse=ref()
|
||||||
const formData = reactive({
|
const formData = reactive({
|
||||||
account: '',
|
account: '',
|
||||||
company: Number(useUserStore().companyid),
|
company: useUserStore().companyid?Number(useUserStore().companyid):'',
|
||||||
username: '',
|
username: '',
|
||||||
password: '',
|
password: '',
|
||||||
rememberPassword: true
|
rememberPassword: true
|
||||||
|
|||||||
@@ -1,8 +1,12 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="console">
|
<div class="console">
|
||||||
<div>
|
<div class="current-time-card">
|
||||||
功能开发中...
|
<div class="current-time-time">{{ time }}</div>
|
||||||
|
<div class="current-time-date">{{ date }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- <div>
|
||||||
|
功能开发中...
|
||||||
|
</div> -->
|
||||||
<!-- <CardList></CardList> -->
|
<!-- <CardList></CardList> -->
|
||||||
|
|
||||||
<!-- <el-row :gutter="20">
|
<!-- <el-row :gutter="20">
|
||||||
@@ -39,12 +43,64 @@
|
|||||||
import TodoList from './widget/TodoList.vue'
|
import TodoList from './widget/TodoList.vue'
|
||||||
import AboutProject from './widget/AboutProject.vue'
|
import AboutProject from './widget/AboutProject.vue'
|
||||||
import { useCommon } from '@/composables/useCommon'
|
import { useCommon } from '@/composables/useCommon'
|
||||||
|
import { ref, onMounted, onUnmounted } from 'vue'
|
||||||
|
|
||||||
defineOptions({ name: 'Console' })
|
defineOptions({ name: 'Console' })
|
||||||
|
|
||||||
useCommon().scrollToTop()
|
useCommon().scrollToTop()
|
||||||
|
|
||||||
|
const time = ref('')
|
||||||
|
const date = ref('')
|
||||||
|
|
||||||
|
function updateTime() {
|
||||||
|
const now = new Date()
|
||||||
|
time.value = now.toLocaleTimeString('zh-CN', { hour12: false })
|
||||||
|
date.value = now.toLocaleDateString('zh-CN', { year: 'numeric', month: 'long', day: 'numeric', weekday: 'long' })
|
||||||
|
}
|
||||||
|
|
||||||
|
let timer: number
|
||||||
|
onMounted(() => {
|
||||||
|
updateTime()
|
||||||
|
timer = window.setInterval(updateTime, 1000)
|
||||||
|
})
|
||||||
|
onUnmounted(() => {
|
||||||
|
clearInterval(timer)
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@use './style';
|
@use './style';
|
||||||
|
.console {
|
||||||
|
min-height: 70vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.current-time-card {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin: 0 auto 28px auto;
|
||||||
|
padding: 18px 28px 14px 28px;
|
||||||
|
background: transparent;
|
||||||
|
border-radius: 14px;
|
||||||
|
color: #222;
|
||||||
|
font-family: 'Segoe UI', 'Arial', sans-serif;
|
||||||
|
box-shadow: none;
|
||||||
|
max-width: 400px;
|
||||||
|
}
|
||||||
|
.current-time-time {
|
||||||
|
font-size: 2.4rem;
|
||||||
|
font-weight: bold;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
color: #222;
|
||||||
|
}
|
||||||
|
.current-time-date {
|
||||||
|
font-size: 1.15rem;
|
||||||
|
margin-top: 6px;
|
||||||
|
opacity: 0.88;
|
||||||
|
color: #444;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -461,6 +461,13 @@ function handleVideoClick(url: string) {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
:deep(.el-table__empty-block) {
|
||||||
|
height: 100% !important;
|
||||||
|
min-height: 200px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
.multi-line-ellipsis {
|
.multi-line-ellipsis {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
|
|||||||
@@ -461,6 +461,13 @@ function handleVideoClick(url: string) {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
:deep(.el-table__empty-block) {
|
||||||
|
height: 100% !important;
|
||||||
|
min-height: 200px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
.multi-line-ellipsis {
|
.multi-line-ellipsis {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
|
|||||||
@@ -175,6 +175,13 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
:deep(.el-table__empty-block) {
|
||||||
|
height: 100% !important;
|
||||||
|
min-height: 200px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
.page-content {
|
.page-content {
|
||||||
.svg-icon {
|
.svg-icon {
|
||||||
width: 1.8em;
|
width: 1.8em;
|
||||||
|
|||||||
Reference in New Issue
Block a user