Skip to content

phsl / admin

Go to a project
Commit b05a8fb1 by 孙美琪
Options

首页内容部分隐藏

parent 4daf30a8
Showing with 155 additions and 155 deletions
src/views/Home/Index.vue
...@@ -18,167 +18,167 @@ ...@@ -18,167 +18,167 @@
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24"> <!-- <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="h-70px flex items-center justify-end lt-sm:mt-10px">-->
<div class="px-8px text-right"> <!-- <div class="px-8px text-right">-->
<div class="mb-16px text-14px text-gray-400">{{ t('workplace.project') }}</div> <!-- <div class="mb-16px text-14px text-gray-400">{{ t('workplace.project') }}</div>-->
<CountTo <!-- <CountTo-->
class="text-20px" <!-- class="text-20px"-->
:start-val="0" <!-- :start-val="0"-->
:end-val="totalSate.project" <!-- :end-val="totalSate.project"-->
:duration="2600" <!-- :duration="2600"-->
/> <!-- />-->
</div> <!-- </div>-->
<el-divider direction="vertical" /> <!-- <el-divider direction="vertical" />-->
<div class="px-8px text-right"> <!-- <div class="px-8px text-right">-->
<div class="mb-16px text-14px text-gray-400">{{ t('workplace.toDo') }}</div> <!-- <div class="mb-16px text-14px text-gray-400">{{ t('workplace.toDo') }}</div>-->
<CountTo <!-- <CountTo-->
class="text-20px" <!-- class="text-20px"-->
:start-val="0" <!-- :start-val="0"-->
:end-val="totalSate.todo" <!-- :end-val="totalSate.todo"-->
:duration="2600" <!-- :duration="2600"-->
/> <!-- />-->
</div> <!-- </div>-->
<el-divider direction="vertical" border-style="dashed" /> <!-- <el-divider direction="vertical" border-style="dashed" />-->
<div class="px-8px text-right"> <!-- <div class="px-8px text-right">-->
<div class="mb-16px text-14px text-gray-400">{{ t('workplace.access') }}</div> <!-- <div class="mb-16px text-14px text-gray-400">{{ t('workplace.access') }}</div>-->
<CountTo <!-- <CountTo-->
class="text-20px" <!-- class="text-20px"-->
:start-val="0" <!-- :start-val="0"-->
:end-val="totalSate.access" <!-- :end-val="totalSate.access"-->
:duration="2600" <!-- :duration="2600"-->
/> <!-- />-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</el-col> <!-- </el-col>-->
</el-row> </el-row>
</el-skeleton> </el-skeleton>
</el-card> </el-card>
</div> </div>
<el-row class="mt-8px" :gutter="8" justify="space-between"> <!-- <el-row class="mt-8px" :gutter="8" justify="space-between">-->
<el-col :xl="16" :lg="16" :md="24" :sm="24" :xs="24" class="mb-8px"> <!-- <el-col :xl="16" :lg="16" :md="24" :sm="24" :xs="24" class="mb-8px">-->
<el-card shadow="never"> <!-- <el-card shadow="never">-->
<template #header> <!-- <template #header>-->
<div class="h-3 flex justify-between"> <!-- <div class="h-3 flex justify-between">-->
<span>{{ t('workplace.project') }}</span> <!-- <span>{{ t('workplace.project') }}</span>-->
<el-link <!-- <el-link-->
type="primary" <!-- type="primary"-->
:underline="false" <!-- :underline="false"-->
href="https://github.com/yudaocode" <!-- href="https://github.com/yudaocode"-->
target="_blank" <!-- target="_blank"-->
> <!-- >-->
{{ t('action.more') }} <!-- {{ t('action.more') }}-->
</el-link> <!-- </el-link>-->
</div> <!-- </div>-->
</template> <!-- </template>-->
<el-skeleton :loading="loading" animated> <!-- <el-skeleton :loading="loading" animated>-->
<el-row> <!-- <el-row>-->
<el-col <!-- <el-col-->
v-for="(item, index) in projects" <!-- v-for="(item, index) in projects"-->
:key="`card-${index}`" <!-- :key="`card-${index}`"-->
:xl="8" <!-- :xl="8"-->
:lg="8" <!-- :lg="8"-->
:md="8" <!-- :md="8"-->
:sm="24" <!-- :sm="24"-->
:xs="24" <!-- :xs="24"-->
> <!-- >-->
<el-card <!-- <el-card-->
shadow="hover" <!-- shadow="hover"-->
class="mr-5px mt-5px cursor-pointer" <!-- class="mr-5px mt-5px cursor-pointer"-->
@click="handleProjectClick(item.message)" <!-- @click="handleProjectClick(item.message)"-->
> <!-- >-->
<div class="flex items-center"> <!-- <div class="flex items-center">-->
<Icon <!-- <Icon-->
:icon="item.icon" <!-- :icon="item.icon"-->
:size="25" <!-- :size="25"-->
class="mr-8px" <!-- class="mr-8px"-->
:style="{ color: item.color }" <!-- :style="{ color: item.color }"-->
/> <!-- />-->
<span class="text-16px">{{ item.name }}</span> <!-- <span class="text-16px">{{ item.name }}</span>-->
</div> <!-- </div>-->
<div class="mt-12px text-12px text-gray-400">{{ t(item.message) }}</div> <!-- <div class="mt-12px text-12px text-gray-400">{{ t(item.message) }}</div>-->
<div class="mt-12px flex justify-between text-12px text-gray-400"> <!-- <div class="mt-12px flex justify-between text-12px text-gray-400">-->
<span>{{ item.personal }}</span> <!-- <span>{{ item.personal }}</span>-->
<span>{{ formatTime(item.time, 'yyyy-MM-dd') }}</span> <!-- <span>{{ formatTime(item.time, 'yyyy-MM-dd') }}</span>-->
</div> <!-- </div>-->
</el-card> <!-- </el-card>-->
</el-col> <!-- </el-col>-->
</el-row> <!-- </el-row>-->
</el-skeleton> <!-- </el-skeleton>-->
</el-card> <!-- </el-card>-->
<el-card shadow="never" class="mt-8px"> <!-- <el-card shadow="never" class="mt-8px">-->
<el-skeleton :loading="loading" animated> <!-- <el-skeleton :loading="loading" animated>-->
<el-row :gutter="20" justify="space-between"> <!-- <el-row :gutter="20" justify="space-between">-->
<el-col :xl="10" :lg="10" :md="24" :sm="24" :xs="24"> <!-- <el-col :xl="10" :lg="10" :md="24" :sm="24" :xs="24">-->
<el-card shadow="hover" class="mb-8px"> <!-- <el-card shadow="hover" class="mb-8px">-->
<el-skeleton :loading="loading" animated> <!-- <el-skeleton :loading="loading" animated>-->
<Echart :options="pieOptionsData" :height="280" /> <!-- <Echart :options="pieOptionsData" :height="280" />-->
</el-skeleton> <!-- </el-skeleton>-->
</el-card> <!-- </el-card>-->
</el-col> <!-- </el-col>-->
<el-col :xl="14" :lg="14" :md="24" :sm="24" :xs="24"> <!-- <el-col :xl="14" :lg="14" :md="24" :sm="24" :xs="24">-->
<el-card shadow="hover" class="mb-8px"> <!-- <el-card shadow="hover" class="mb-8px">-->
<el-skeleton :loading="loading" animated> <!-- <el-skeleton :loading="loading" animated>-->
<Echart :options="barOptionsData" :height="280" /> <!-- <Echart :options="barOptionsData" :height="280" />-->
</el-skeleton> <!-- </el-skeleton>-->
</el-card> <!-- </el-card>-->
</el-col> <!-- </el-col>-->
</el-row> <!-- </el-row>-->
</el-skeleton> <!-- </el-skeleton>-->
</el-card> <!-- </el-card>-->
</el-col> <!-- </el-col>-->
<el-col :xl="8" :lg="8" :md="24" :sm="24" :xs="24" class="mb-8px"> <!-- <el-col :xl="8" :lg="8" :md="24" :sm="24" :xs="24" class="mb-8px">-->
<el-card shadow="never"> <!-- <el-card shadow="never">-->
<template #header> <!-- <template #header>-->
<div class="h-3 flex justify-between"> <!-- <div class="h-3 flex justify-between">-->
<span>{{ t('workplace.shortcutOperation') }}</span> <!-- <span>{{ t('workplace.shortcutOperation') }}</span>-->
</div> <!-- </div>-->
</template> <!-- </template>-->
<el-skeleton :loading="loading" animated> <!-- <el-skeleton :loading="loading" animated>-->
<el-row> <!-- <el-row>-->
<el-col v-for="item in shortcut" :key="`team-${item.name}`" :span="8" class="mb-8px"> <!-- <el-col v-for="item in shortcut" :key="`team-${item.name}`" :span="8" class="mb-8px">-->
<div class="flex items-center"> <!-- <div class="flex items-center">-->
<Icon :icon="item.icon" class="mr-8px" :style="{ color: item.color }" /> <!-- <Icon :icon="item.icon" class="mr-8px" :style="{ color: item.color }" />-->
<el-link type="default" :underline="false" @click="handleShortcutClick(item.url)"> <!-- <el-link type="default" :underline="false" @click="handleShortcutClick(item.url)">-->
{{ item.name }} <!-- {{ item.name }}-->
</el-link> <!-- </el-link>-->
</div> <!-- </div>-->
</el-col> <!-- </el-col>-->
</el-row> <!-- </el-row>-->
</el-skeleton> <!-- </el-skeleton>-->
</el-card> <!-- </el-card>-->
<el-card shadow="never" class="mt-8px"> <!-- <el-card shadow="never" class="mt-8px">-->
<template #header> <!-- <template #header>-->
<div class="h-3 flex justify-between"> <!-- <div class="h-3 flex justify-between">-->
<span>{{ t('workplace.notice') }}</span> <!-- <span>{{ t('workplace.notice') }}</span>-->
<el-link type="primary" :underline="false">{{ t('action.more') }}</el-link> <!-- <el-link type="primary" :underline="false">{{ t('action.more') }}</el-link>-->
</div> <!-- </div>-->
</template> <!-- </template>-->
<el-skeleton :loading="loading" animated> <!-- <el-skeleton :loading="loading" animated>-->
<div v-for="(item, index) in notice" :key="`dynamics-${index}`"> <!-- <div v-for="(item, index) in notice" :key="`dynamics-${index}`">-->
<div class="flex items-center"> <!-- <div class="flex items-center">-->
<el-avatar :src="avatar" :size="35" class="mr-16px"> <!-- <el-avatar :src="avatar" :size="35" class="mr-16px">-->
<img src="@/assets/imgs/avatar.gif" alt="" /> <!-- <img src="@/assets/imgs/avatar.gif" alt="" />-->
</el-avatar> <!-- </el-avatar>-->
<div> <!-- <div>-->
<div class="text-14px"> <!-- <div class="text-14px">-->
<Highlight :keys="item.keys.map((v) => t(v))"> <!-- <Highlight :keys="item.keys.map((v) => t(v))">-->
{{ item.type }} : {{ item.title }} <!-- {{ item.type }} : {{ item.title }}-->
</Highlight> <!-- </Highlight>-->
</div> <!-- </div>-->
<div class="mt-16px text-12px text-gray-400"> <!-- <div class="mt-16px text-12px text-gray-400">-->
{{ formatTime(item.date, 'yyyy-MM-dd') }} <!-- {{ formatTime(item.date, 'yyyy-MM-dd') }}-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
<el-divider /> <!-- <el-divider />-->
</div> <!-- </div>-->
</el-skeleton> <!-- </el-skeleton>-->
</el-card> <!-- </el-card>-->
</el-col> <!-- </el-col>-->
</el-row> <!-- </el-row>-->
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { set } from 'lodash-es' import { set } from 'lodash-es'
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment