From 9a87baccb1cf2d707a775e414ddac07fd94cf8fc Mon Sep 17 00:00:00 2001
From: doum <doum>
Date: 星期三, 26 十一月 2025 17:07:51 +0800
Subject: [PATCH] 最新版本541200007
---
admin/src/views/index.vue | 333 ++++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 256 insertions(+), 77 deletions(-)
diff --git a/admin/src/views/index.vue b/admin/src/views/index.vue
index 5bb54a6..883b044 100644
--- a/admin/src/views/index.vue
+++ b/admin/src/views/index.vue
@@ -1,98 +1,277 @@
<template>
- <div class="home">
- <div class="wrap">
- <h2>娆㈣繋浣跨敤浼婂▋鏋侀�熷紑鍙戞鏋�</h2>
- <p>鎮ㄤ娇鐢ㄧ殑姝ゅ寮�婧愭鏋舵病鏈変换浣曠増鏉冮棶棰橈紝鍙涔犲彲鍟嗙敤锛岃鏀惧績浣跨敤锛�</p>
- <p>浼婂▋鑷村姏浜庢墦閫犵畝娲併�佸悎鐞嗐�侀珮鏁堢殑寮�鍙戜綋楠岋紝涓烘鎴戜滑灏嗕笉鏂崌绾э紝鎰熻阿鎮ㄧ殑鏀寔锛�</p>
- <p style="margin-top: 12px;">
- <a href="https://gitee.com/coderd-repos/eva" target="_blank">GITEE</a>
- <a href="https://github.com/coderd-repos/eva" target="_blank">GITHUB</a>
- </p>
- <div class="guide">
- <a href="http://eva.adjustrd.com" target="_blank">鍓嶅線瀹樼綉</a>
- <a href="http://coderd.adjustrd.com/template/308/default" target="_blank">鍓嶅線CodeRd</a>
- </div>
- <img src="@/assets/images/qq.png">
- <p>浣犲彲浠ユ壂鐮佸姞鍏ョ兢鑱婁互鑾峰緱鎶�鏈敮鎸�</p>
- <div class="award">
- <h4>婵�鍔变綔鑰呭仛寰楁洿濂�</h4>
- <img src="@/assets/images/alipay.jpeg">
- <img src="@/assets/images/wxpay.jpeg">
+ <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 { weeks } from '@/utils/config'
+const colors = ['#52a4f7', '#7678f7', '#5fc6d5']
export default {
- name: 'Index',
+ components: {
+ },
data () {
- return {}
+ 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 scoped lang="scss">
-@import "@/assets/style/variables.scss";
-.home {
- text-align: center;
- color: #777;
- .wrap {
- margin-top: 80px;
- img {
- width: 240px;
- }
- }
- h2 {
- font-size: 32px;
- color: #555;
- margin-bottom: 20px;
- }
- p {
- line-height: 24px;
- margin: 0;
- }
- .start-up {
- margin-top: 8px;
- }
- .guide {
- margin: 30px 0 40px 0;
- display: flex;
- justify-content: center;
- a {
- margin-right: 12px;
- padding: 12px 40px;
- border-radius: 30px;
- background: $primary-color;
+<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;
- text-decoration: none;
+ 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;
+ }
+ }
+ }
}
}
- em,a {
- font-style: normal;
- font-weight: bold;
- margin: 0 3px;
- color: $primary-color;
- }
- .award {
- position: absolute;
- right: 20px;
- bottom: 60px;
- display: flex;
- flex-direction: column;
- text-align: left;
- padding: 12px;
- border: 1px solid #eee;
- box-shadow: -1px 1px 10px #ccc;
- h4 {
- font-weight: bold;
- margin-bottom: 8px;
- }
- img {
- width: 160px;
+ .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;
- transition: opacity ease .3s;
+ &: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