From 664aae0ef35246d37084cd50a9fb0dc64865b90d Mon Sep 17 00:00:00 2001
From: qiuhongwu <Qhw0227@163.com>
Date: Wed, 21 Feb 2024 16:33:27 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=84=E8=AD=A6=E9=80=9A=E7=9F=A5=20?=
 =?UTF-8?q?=E4=BA=8C=E7=89=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/assets/imgs/warnicon.png              | Bin 0 -> 492 bytes
 .../src/views/Home/Index.vue                  |  82 ++++++++++++++++--
 2 files changed, 74 insertions(+), 8 deletions(-)
 create mode 100644 mes-ui/mes-ui-admin-vue3/src/assets/imgs/warnicon.png

diff --git a/mes-ui/mes-ui-admin-vue3/src/assets/imgs/warnicon.png b/mes-ui/mes-ui-admin-vue3/src/assets/imgs/warnicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..43aad1769807f3fc9fc153d11ee061eea5ba8da3
GIT binary patch
literal 492
zcmV<I0Tcd-P)<h;3K|Lk000e1NJLTq001HY001Hg1^@s6I!6n_00001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZqmPtfGR9J=W*gsFgKo|z_=iXRobYOz8vamto;=~8Q
zfn8zJLET)5egRhp62jmJlcNb=K|?~q7wAg3MG}q_oAw-(g^>2{N^J+9weR(QdGB)l
z!vMf>9J^R7UNXk+0GtA_kZe2vQz>Pib3Uq6DlT&z$1a!4&p{B}Bs}@v5Yb>hpWn09
zYIVgJdr1Sajg<152_fDAoTUi?@WF%-Ur2sWM8%^FAOOIkv<2H7X^(I}VNH6WC4RMq
zpj6koEfYdW9fUnR2Q6lyWzsHS(;jPK)R#sP0RYThB0p>@)#^bs5T=-DhylU`6An>8
zth)m1u855Zg;<lGQ786ca<3QWkiX17WH*_C=pXSrIet1hgd;m0i4BQ5M-Bq<t1U>o
z5PK2;@N1pW>yb}iTFj6iHo@GbF~Vy+z-v5))<iB%P^x3o9vgQ?1)&6qgHc5&LrgF_
z2tfA@4L^G(_jU_}>>0n-(LxwOl1ioyG%sxgem}6LX)6FsNlMvITOp<F6X$$HM1!;t
iL^R->j~I}RA2r{fGs$_$Prb<i0000<MNUMnLSTZ+8p93%

literal 0
HcmV?d00001

diff --git a/mes-ui/mes-ui-admin-vue3/src/views/Home/Index.vue b/mes-ui/mes-ui-admin-vue3/src/views/Home/Index.vue
index ea6bab07..c53749aa 100644
--- a/mes-ui/mes-ui-admin-vue3/src/views/Home/Index.vue
+++ b/mes-ui/mes-ui-admin-vue3/src/views/Home/Index.vue
@@ -1,8 +1,25 @@
 <template>
-  <el-card class="hl-card" style="min-height: 80vh">
+  <el-card class="hl-card" style="min-height: 80vh; position: relative">
     <template #header>
       <span>首页</span>
     </template>
+    <div class="warn" v-if="showWarning">
+      <div class="warntitle">
+        <span> 设计预警通知</span>
+        <span @click="closeWran"> <el-icon>
+            <CloseBold />
+          </el-icon></span>
+      </div>
+      <div class="warncenter" v-for="item in 5" :key="item">
+        <span><img :src="warnimg" alt="" /></span>
+        <div class="warntext">
+          <span>铸造工艺设计负责人: <span class="warnname">薛小宝</span> 请注意!</span>
+          <span class="warnbh">项目编号【{{ item}}】的图纸设计即将超时，请及时完成。</span>
+        </div>
+      </div>
+
+    </div>
+
     <div>
       <el-card shadow="never">
         <el-skeleton :loading="loading" animated>
@@ -167,14 +184,16 @@
 </template>
 <script lang="ts" setup>
 import { set } from 'lodash-es'
-import { EChartsOption } from 'echarts'
+import { EChartsOption, format } from 'echarts'
 import { formatTime } from '@/utils'
 import { ElNotification } from 'element-plus'
 import { useUserStore } from '@/store/modules/user'
 import { useWatermark } from '@/hooks/web/useWatermark'
+import { CloseBold } from '@element-plus/icons-vue'
 import avatarImg from '@/assets/imgs/smile.png'
 import type { WorkplaceTotal, Project, Notice, Shortcut } from './types'
 import { pieOptions, barOptions } from './echarts-data'
+import warnimg from '/src/assets/imgs/warnicon.png'
 
 defineOptions({ name: 'Home' })
 
@@ -384,8 +403,8 @@ const getAllApi = async () => {
 
 getAllApi()
 
-const openwarn = () =>{
- ElNotification({
+const openwarn = () => {
+  ElNotification({
     title: `设计预警通知`,
     message: `铸造工艺设计负责人: <span class="bordercolor">${`薛小宝`} </span>请注意!<br/>
     项目编号【<span class="bordercolor">${`2546845`} </span>】的图纸设计即将超时，请及时完成。`,
@@ -396,20 +415,67 @@ const openwarn = () =>{
     customClass: 'my-notification'
   })
 }
+
+const showWarning = ref(false)
+const closeWran = () => {
+  showWarning.value = false
+}
 onMounted(() => {
- openwarn()
+  // showWarning.value = true
+  // openwarn()
 })
 </script>
 <style lang="scss">
+.warn {
+  position: absolute;
+  top: 0;
+  right: 10px;
+  z-index: 5000;
+  width: 400px;
+  height: 300px;
+  box-shadow: 0px 0px 10px 0px #999;
+  border-radius: 5px;
+  box-sizing: border-box;
+  overflow: hidden;
+  .warntitle {
+    height: 40px;
+    background-color: #f7f8fa;
+    border-bottom: 1px solid #e4e7ed;
+    padding: 0 10px;
+    font-weight: 600;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .warncenter {
+    height: 250px;
+    background-color: #fff;
+    padding: 10px;
+    display: flex;
+    justify-content: space-between;
+    .warntext {
+      margin-left: 10px;
+      display: flex;
+      flex-direction: column;
+      color: #54595e;
+      .warnname {
+        color: #409eff;
+      }
+      .warnbh {
+        margin-top: 5px;
+        color: rgba(84, 89, 94, 0.6);
+      }
+    }
+  }
+}
 .my-notification {
-    width: 380px;
+  width: 380px;
   .el-notification__group {
     .el-notification__content {
-      .bordercolor{
+      .bordercolor {
         color: #409eff;
       }
     }
   }
- 
 }
 </style>