Initial commit

2024-04-24 16:36:46 +08:00
commit 121348e011
991 changed files with 158700 additions and 0 deletions
@@ -0,0 +1,121 @@
+<!-- 用户信息 -->
+<template>
+  <a-card :bordered="false" :body-style="{ padding: '20px' }">
+    <div class="ele-cell workplace-user-card">
+      <div class="ele-cell-content ele-cell">
+        <a-avatar :size="68" :src="loginUser.avatar">
+          <template v-if="!loginUser.avatar" #icon>
+            <user-outlined />
+          </template>
+        </a-avatar>
+        <div class="ele-cell-content">
+          <h4 class="ele-elip">
+            早安, {{ loginUser.nickname }}, 开始您一天的工作吧!
+          </h4>
+          <div class="ele-elip ele-text-secondary">
+            <cloud-outlined />
+            <em>{{ elip[Math.floor(Math.random() * elip.length)] }}</em>
+            <!--            <em>今日多云转阴，18℃ - 22℃，出门记得穿外套哦~</em>-->
+          </div>
+        </div>
+      </div>
+      <div class="workplace-count-group">
+        <!--        <div class="workplace-count-item">-->
+        <!--          <div class="workplace-count-header">-->
+        <!--            <ele-tag color="blue" shape="circle" size="small">-->
+        <!--              <appstore-filled />-->
+        <!--            </ele-tag>-->
+        <!--            <span class="workplace-count-name">项目数</span>-->
+        <!--          </div>-->
+        <!--          <h2>0</h2>-->
+        <!--        </div>-->
+        <!--        <div class="workplace-count-item">-->
+        <!--          <div class="workplace-count-header">-->
+        <!--            <ele-tag color="orange" shape="circle" size="small">-->
+        <!--              <check-square-outlined />-->
+        <!--            </ele-tag>-->
+        <!--            <span class="workplace-count-name">待办项</span>-->
+        <!--          </div>-->
+        <!--          <h2>6 / 24</h2>-->
+        <!--        </div>-->
+        <!--        <div class="workplace-count-item">-->
+        <!--          <div class="workplace-count-header">-->
+        <!--            <ele-tag color="green" shape="circle" size="small">-->
+        <!--              <bell-filled />-->
+        <!--            </ele-tag>-->
+        <!--            <span class="workplace-count-name">消息</span>-->
+        <!--          </div>-->
+        <!--          <h2>0</h2>-->
+        <!--        </div>-->
+      </div>
+    </div>
+  </a-card>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import {
+    UserOutlined,
+    CloudOutlined,
+    AppstoreFilled,
+    CheckSquareOutlined,
+    BellFilled
+  } from '@ant-design/icons-vue';
+  import { useUserStore } from '@/store/modules/user';
+
+  const userStore = useUserStore();
+
+  // 当前登录用户信息
+  const loginUser = computed(() => userStore.info ?? {});
+  const elip = ref<string[]>([
+    '小事成就大事，细节成就完美~',
+    '心态决定命运，自信走向成功',
+    '人生能有几回博，今日不博何时博',
+    '成功需要成本，时间也是一种成本，对时间的珍惜就是对成本的节约',
+    '有志者自有千方百计，无志者只感千难万难',
+    '积一时之跬步，臻千里之遥程'
+  ]);
+</script>
+
+<style lang="less" scoped>
+  .workplace-user-card {
+    .ele-cell-content {
+      overflow: hidden;
+    }
+
+    h4 {
+      margin-bottom: 6px;
+    }
+  }
+
+  .workplace-count-group {
+    white-space: nowrap;
+    text-align: right;
+    flex-shrink: 0;
+  }
+
+  .workplace-count-item {
+    display: inline-block;
+    margin: 0 4px 0 24px;
+  }
+
+  .workplace-count-name {
+    margin-left: 8px;
+  }
+
+  @media screen and (max-width: 992px) {
+    .workplace-count-item {
+      margin: 0 2px 0 12px;
+    }
+  }
+
+  @media screen and (max-width: 768px) {
+    .workplace-user-card {
+      display: block;
+    }
+
+    .workplace-count-group {
+      margin-top: 8px;
+    }
+  }
+</style>