From ec7cc88fca8de4b3c56f8ebee074fb7ce71ebf1e Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期三, 02 七月 2025 10:39:12 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
admin/src/views/index.vue | 278 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 278 insertions(+), 0 deletions(-)
diff --git a/admin/src/views/index.vue b/admin/src/views/index.vue
new file mode 100644
index 0000000..11c5aa1
--- /dev/null
+++ b/admin/src/views/index.vue
@@ -0,0 +1,278 @@
+<template>
+ <div class="main_home">
+ <div class="home_header">
+ <div class="mb10 fs17">涓嬪崍濂斤紝{{ userInfo.realname }}</div>
+ <div class="fs13">
+ 浠婂ぉ鏄� {{ nowDate }} {{ nowWeek }}锛屾杩庤闂眴绫宠烦璺冲畼缃戝悗鍙扮鐞嗗钩鍙�
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+import dayjs from 'dayjs'
+import * as echarts from 'echarts'
+import { weeks } from '@/utils/config'
+const colors = ['#52a4f7', '#7678f7', '#5fc6d5']
+export default {
+ components: {
+ },
+ data () {
+ return {
+ searchForm: {
+ timeType: null,
+ timeName: '鍏ㄩ儴'
+ },
+ colors,
+ nowDate: '',
+ nowWeek: '',
+ headerData: {},
+ headerData1: {},
+ staticData0: {},
+ staticData01: {},
+ staticData1: {},
+ staticData2: {},
+ staticData3: {},
+ staticData4: {},
+ manningRatio: []
+ }
+ },
+ computed: {
+ userInfo () {
+ return this.$store.state.userInfo
+ }
+ },
+ created () {
+ },
+ mounted () {
+ this.updateDate()
+ // this.initData()
+ },
+ methods: {
+ updateDate () {
+ this.nowDate = dayjs().format('YYYY骞碝鏈圖鏃�')
+ this.nowWeek = weeks[new Date().getDay()]
+ }
+ }
+}
+</script>
+
+<style lang="scss" scoped>
+
+::v-deep .el-input--small .el-input__inner {
+ height: 30px !important; // 杩欓噷灏辨槸淇敼榛樿楂樺害
+ width: 120px;
+}
+div {
+ box-sizing: border-box;
+}
+
+.home_title {
+ font-weight: 600;
+ font-size: 16px;
+ color: #222222;
+ line-height: 22px;
+}
+.mb50{
+ margin-bottom: 50px;
+}
+.main {
+ display: flex;
+ position: relative;
+ z-index: 99;
+
+ .app_content {
+ flex: 1;
+
+ .static_card {
+ height: 187px;
+ color: #fff;
+ display: flex;
+ justify-content: space-between;
+
+ .card {
+ flex: 1;
+ height: 187px;
+ background: linear-gradient(270deg, #29aeff 0%, #207ff7 100%);
+ box-shadow: 0px 2px 10px 0px rgba(32, 127, 247, 0.4);
+ border-radius: 8px;
+ margin-right: 14px;
+
+ &:nth-of-type(2) {
+ background: linear-gradient(270deg, #8383ff 0%, #6b6eff 100%);
+ }
+
+ &:nth-of-type(3) {
+ background: linear-gradient(270deg, #42d49d 0%, #12bb8b 100%);
+ }
+
+ &:nth-of-type(4) {
+ margin-right: 0;
+ background: linear-gradient(270deg, #c430dee3 0%, #cd04b9cf 100%);
+ //linear-gradient(270deg, #de3049b8 0%, #cd0421d4 100%);
+ //background: linear-gradient(270deg, #30d3de 0%, #04b7cd 100%);
+ }
+
+ .header {
+ height: 103px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 20px 20px 12px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+
+ img {
+ width: 40px;
+ height: 40px;
+ }
+
+ .num {
+ font-weight: 600;
+ font-size: 30px;
+ margin-top: 12px;
+ }
+ }
+
+ .content {
+ height: 82px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ font-size: 13px;
+ padding: 15px 20px 20px;
+ }
+ }
+ }
+
+ .funcs {
+ height: 149px;
+ padding: 20px;
+ background: #fff;
+ margin: 10px 0;
+
+ .list {
+ display: flex;
+ padding-top: 20px;
+
+ .item {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ margin-right: 24px;
+ cursor: pointer;
+
+ img {
+ width: 44px;
+ height: 44px;
+ }
+ }
+ }
+ }
+ }
+ .static_wrap {
+ .wrap {
+ background: #fff;
+ padding: 20px 20px 10px;
+ border-radius: 2px;
+ border: 1px solid #eeeeee;
+ height: 280px;
+ flex: 1;
+ margin-top: 10px;
+ margin-bottom: 20px;
+ &:nth-of-type(2n) {
+ //margin-left: 10px;
+ }
+ .echart {
+ width: 100%;
+ height: 190px;
+ position: relative;
+ display: flex;
+ div{
+ flex: 1;
+ height: 190px;
+ }
+ }
+
+ .header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 30px;
+
+ .more {
+ font-size: 13px;
+ color: #999999;
+ }
+ }
+ }
+
+ .static1 {
+ .content {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100%;
+
+ .echart_wrap {
+ position: relative;
+
+ .pie_text {
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ z-index: 999;
+ }
+ }
+
+ .echart {
+ width: 150px;
+ height: 150px;
+ }
+
+ .list {
+ margin-left: 36px;
+
+ .item {
+ display: flex;
+ align-items: center;
+ margin: 8px 0;
+
+ .icon {
+ width: 16px;
+ height: 16px;
+ border-radius: 50%;
+ margin-right: 6px;
+ background: linear-gradient(270deg, #29aeff 0%, #207ff7 100%);
+ }
+
+ .text {
+ margin-right: 6px;
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+.main_home {
+ background: #f4f7fc;
+ position: relative;
+ width: 100%;
+ height: 100%;
+ overflow: auto;
+ padding: 92px 20px 20px;
+ .home_header {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 200px;
+ padding: 20px;
+ color: #fff;
+ background: linear-gradient(180deg, #076ae5 0%, rgba(32, 127, 247, 0) 100%);
+ }
+}
+</style>
--
Gitblit v1.9.3