yudao-team/oa-ui
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

首页修改主题修改

Browse Source
This commit is contained in:
XaoLi717 2024-10-24 09:29:50 +08:00
parent 653c00d774
commit e2027de458
2 changed files with 27 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/layout/components/Setting/src/Setting.vue
View File

@ -229,10 +229,17 @@ const clear = () => {
'#009688',
'#536dfe',
'#ff5c93',
'#ee4f12',
'#0096c7',
'#9c27b0',
'#ff9800'
'#4CAF50',
'#A5D6A7',
'#CDDC39',
'#B0BEC5',
'#ff9800',
'#2196F3',
'#F44336',
'#9C27B0',
'#00E676',
]"
@change="setSystemTheme"
/>
@ -249,7 +256,14 @@ const clear = () => {
'#24292e',
'#394664',
'#009688',
'#383f45'
'#E8F5E9',
'#FFF3E0',
'#FFFFFF',
'#383f45',
'#BBDEFB',
'#FFCDD2',
'#E1BEE7',
'#B9F6CA',
]"
@change="setHeaderTheme"
/>
@ -267,7 +281,14 @@ const clear = () => {
'#191b24',
'#383f45',
'#001628',
'#344058'
'#3B1C1C',
'#FF7043',
'#2E7D32',
'#344058',
'#0D47A1',
'#B71C1C',
'#6A1B9A',
'#00695C',
]"
@change="setMenuTheme"
/>

64
src/views/Home/Index.vue
View File

@ -65,26 +65,10 @@
</el-row>
</el-skeleton>
</el-card>
<!-- <el-card shadow="never" style="margin-bottom: 10px; margin-top: 8px">-->
<!-- <el-carousel :interval="4000" type="card" height="200px">-->
<!-- <el-carousel-item v-for="item in image" :key="item.id">-->
<!-- <el-image style="width: 100%; height: 100%" :src="item.src" alt="无图片" :title="item.name"/>-->
<!-- </el-carousel-item>-->
<!-- </el-carousel>-->
<!-- </el-card>-->
<el-card shadow="never">
<template #header>
<div class="h-3 flex justify-between">
<!-- <span>{{ t('workplace.project') }}</span>-->
<span>数据统计</span>
<!-- <el-link-->
<!-- type="primary"-->
<!-- :underline="false"-->
<!-- href="http://localhost/index"-->
<!-- target="_blank"-->
<!-- >-->
<!-- {{ t('action.more') }}-->
<!-- </el-link>-->
</div>
</template>
<el-skeleton v-if="allData" :loading="loading" animated>
@ -99,15 +83,6 @@
:xs="24"
>
<el-card shadow="hover" :style="{backgroundColor: item.color}" class="mr-5px mt-5px">
<!-- <div class="flex items-center">-->
<!-- <Icon :icon="item.icon" :size="25" class="mr-8px" />-->
<!-- <span class="text-16px">{{ item.name }}</span>-->
<!-- </div>-->
<!-- <div class="mt-12px text-9px text-gray-400">{{ t(item.message) }}</div>-->
<!-- <div class="mt-12px flex justify-between text-12px text-gray-400">-->
<!-- <span>{{ item.personal }}</span>-->
<!-- <span>{{ formatTime(item.time, 'yyyy-MM-dd') }}</span>-->
<!-- </div>-->
<div class="flex items-center">
<span class="text-20px">{{ item.name }}</span>
</div>
@ -145,20 +120,13 @@
<el-card shadow="never">
<template #header>
<div class="h-3 flex justify-between">
<!-- <span>{{ t('workplace.shortcutOperation') }}</span>-->
<span>未完成项目</span>
</div>
</template>
<el-skeleton :loading="loading" animated>
<el-row>
<!-- <el-col v-for="item in shortcut" :key="`team-${item.name}`" :span="8" class="mb-8px">-->
<el-col>
<div class="flex items-center">
<!-- <Icon :icon="item.icon" class="mr-8px" />-->
<!-- <el-link type="default" :underline="false" @click="setWatermark(item.name)">-->
<!--&lt;!&ndash; {{ item.name }}&ndash;&gt;-->
<!-- Test-->
<!-- </el-link>-->
<el-table
:data="list2"
:row-class-name="tableRowClassName"
@ -216,15 +184,11 @@
<template #header>
<div class="h-3 flex justify-between">
<span>{{ t('workplace.notice') }}</span>
<!-- <el-link type="primary" :underline="false">{{ t('action.more') }}</el-link>-->
</div>
</template>
<el-skeleton :loading="loading" animated>
<div v-for="(item, index) in filteredList2" :key="`dynamics-${index}`">
<div class="flex items-center">
<!-- <el-avatar :src="avatar" :size="35" class="mr-16px">-->
<!-- <img src="@/assets/imgs/avatar.gif" alt="" />-->
<!-- </el-avatar>-->
<div>
<div class="text-14px" @click="openDialog(item.contentType,item.imgId)">
<dict-tag :type="DICT_TYPE.HOME_CONTENT_STATUS" :value="item.contentType" /> :
@ -242,20 +206,13 @@
<el-card shadow="never" style="margin-bottom: 10px">
<template #header>
<div class="h-3 flex justify-between">
<!-- <span>{{ t('workplace.shortcutOperation') }}</span>-->
<span>完成项目</span>
</div>
</template>
<el-skeleton :loading="loading" animated>
<el-row>
<!-- <el-col v-for="item in shortcut" :key="`team-${item.name}`" :span="8" class="mb-8px">-->
<el-col>
<div class="flex items-center">
<!-- <Icon :icon="item.icon" class="mr-8px" />-->
<!-- <el-link type="default" :underline="false" @click="setWatermark(item.name)">-->
<!--&lt;!&ndash; {{ item.name }}&ndash;&gt;-->
<!-- Test-->
<!-- </el-link>-->
<el-table
:data="list2"
:row-class-name="tableRowClassName2"
@ -324,26 +281,20 @@
import { set } from 'lodash-es'
import { EChartsOption } from 'echarts'
import { formatTime } from '@/utils'
// import mn2 from '@/assets/imgs/Home-image/02.png'
// import mn3 from '@/assets/imgs/Home-image/03.png'
// import mn4 from '@/assets/imgs/Home-image/04.png'
import { useUserStore } from '@/store/modules/user'
// import { useWatermark } from '@/hooks/web/useWatermark'
import type { WorkplaceTotal, Project, Notice, Shortcut } from './types'
import { pieOptions, barOptions } from './echarts-data'
import {DataInfoApi, DataInfoVO} from "@/api/home/datainfo";
import {pjApi, pjVO} from "@/api/home/homepj";
import {dateFormatter, dateFormatter2} from "@/utils/formatTime";
import {DICT_TYPE, getIntDictOptions} from "@/utils/dict";
import {dateFormatter2} from "@/utils/formatTime";
import {DICT_TYPE} from "@/utils/dict";
import {imgApi, imgVO} from "@/api/home/homeimg";
import a from "../../../dist/assets/a-Bqc4tEO8";
defineOptions({ name: 'Home' })
const { t } = useI18n()
const userStore = useUserStore()
// const { setWatermark } = useWatermark()
const loading = ref(false)
const list = ref<DataInfoVO[]>([]) // 列表的数据
const list2 = ref<pjVO[]>([]) // 列表的数据
@ -434,11 +385,6 @@ const tableRowClassName2 = ({ row }) => {
return row.pjDone === 0 ? 'warning-row' : '';
};
const imgUrl = "//images.weserv.nl/?url="
// const image = [
// {id: 1, src: mn2, name: '02'},
// {id: 2, src: mn3, name: '03'},
// {id: 3, src: mn4, name: '04'},
// ]
const dataList = computed(() => {
return [
{ name: '碳排放', infoCo2e: allData.value.infoCo2e || 0, dAn: '吨', time: '2024-07-05', color: '#e6eae3' },
@ -636,9 +582,6 @@ const getShortcut = async () => {
// 用户来源
const getUserAccessSource = async () => {
// const data = [
// { value: 335, name: 'analysis.directAccess' },
// ]
const data = [
{ value: 335, name: '社会' },
{ value: 310, name: '环境' },
@ -660,9 +603,6 @@ const barOptionsData = reactive<EChartsOption>(barOptions) as EChartsOption
// 周活跃量
const getWeeklyUserActivity = async () => {
// const data = [
// { value: 13253, name: 'analysis.monday' },
// ]
const data = [
{ name: '环境评分' },
{ name: '社会评分' },