新建对话开始

wujingjing

2024-10-24 98bb96923a7fa57b46dc331890ff051a3cd11253

 src/layout/component/header/Header.vue

@@ -24,7 +24,11 @@
                  :key="item.notify_id"
                  @click="announcementContentClick(item)"
               >
                  <p>{{ item.notify_message }}</p>
                  <div class="flex items-center">
                     <p class="set-circle"></p>
                     <p>{{ item.notify_message }}</p>
                  </div>

                  <p class="text-right mr-[19px]">
                     <span>{{ item.notify_time }}</span>
                  </p>
@@ -37,6 +41,7 @@
         width="500"
         :before-close="handleCloseAnnouncement"
         :modal="false"
         title="公告内容"
         :align-center="true"
      >
         <div class="set-content">
@@ -65,10 +70,10 @@

const getSystemNotify = async () => {
   const res = await systemNotifyList();
   res.messages.forEach((element) => {
   res.messages?.forEach((element) => {
      element.notify_time = element.notify_time.slice(0, 10);
   });
   state.announcementList = res.messages.sort(sortData).reverse().slice(0, 5);
   state.announcementList = res.messages?.sort(sortData).slice(0, 5) ??[];
};
const routerMeta = computed(() => router.currentRoute.value.meta);
const handleAnnouncementClick = () => {
@@ -118,7 +123,8 @@
   }
   .notice_box_show {
      width: 300px !important;
      height: 400px !important;
      height: 470px !important;
      // height: 100% !important;
      padding: 0 20px 10px;
      ::-webkit-scrollbar {
         height: 0;
@@ -151,7 +157,7 @@
      }
      &_body {
         height: calc(100% - 40px);
         overflow: auto;
         // overflow: auto;
         .notice_item {
            cursor: pointer;
            padding: 10px;
@@ -162,17 +168,28 @@
            box-sizing: border-box;
            line-height: 19px;
            font-size: 12px;
            .set-circle {
               width: 3px;
               height: 3px;
               position: absolute;
               top: 17px;
               left: 0;
               transform: scale(0.8) translate(50%, -50%);
               display: block;
               padding: 2px;
               min-width: 3px;
               min-height: 3px;
               text-align: center;
               border-radius: 50%;
               background: #ff423d;
               color: #fff;
               font-size: 12px;
            }
         }
      }
   }
}
:deep(.el-dialog__header) {
   padding: 20px 20px 10px;
   background: none;
   .el-dialog__headerbtn .el-dialog__close {
      color: #909399;
   }
}

.set-content {
   padding: 0px 20px;
   .notice-content {