首页修改主题修改

src/layout/components/Setting/src/Setting.vue

@@ -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"
         />

src/views/Home/Index.vue

@@ -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 {dateFormatter2} from "@/utils/formatTime";
-import {DICT_TYPE, getIntDictOptions} from "@/utils/dict";
+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: '社会评分' },