perf: 支持公告功能

packages/ui/certd-client/src/views/certd/pipeline/index.vue

@@ -3,6 +3,11 @@
     <template #header>
       <div class="title">{{ t("certd.myPipelines") }}</div>
     </template>
+    <a-alert v-if="settingStore.sysPublic.notice" type="warning" show-icon>
+      <template #message>
+        {{ settingStore.sysPublic.notice }}
+      </template>
+    </a-alert>
     <fs-crud ref="crudRef" v-bind="crudBinding">
       <div v-if="selectedRowKeys.length > 0" class="batch-actions">
         <div class="batch-actions-inner">

packages/ui/certd-client/src/views/framework/home/dashboard/index.vue

@@ -60,14 +60,23 @@
         <SimpleSteps></SimpleSteps>
       </div>
     </div>
-    <div v-if="!settingStore.isComm" class="warning">
-      <a-alert type="warning" show-icon>
-        <template #message>
-          {{ t("certd.dashboard.alertMessage") }}
-          <a class="ml-5 flex-inline" href="https://gitee.com/certd/certd" target="_blank">gitee</a>、 <a class="ml-5 flex-inline" href="https://github.com/certd/certd" target="_blank">github</a>、
-          <a class="ml-5 flex-inline" href="https://certd.docmirror.cn" target="_blank">{{ t("certd.dashboard.helpDoc") }}</a>
-        </template>
-      </a-alert>
+    <div class="warning">
+      <a-carousel arrows dots-class="slick-dots slick-thumb" autoplay dot-position="right">
+        <a-alert v-if="!settingStore.isComm" type="warning" show-icon>
+          <template #message>
+            <div>
+              {{ t("certd.dashboard.alertMessage") }}
+              <a class="ml-5 flex-inline" href="https://gitee.com/certd/certd" target="_blank">gitee</a>、 <a class="ml-5 flex-inline" href="https://github.com/certd/certd" target="_blank">github</a>、
+              <a class="ml-5 flex-inline" href="https://certd.docmirror.cn" target="_blank">{{ t("certd.dashboard.helpDoc") }}</a>
+            </div>
+          </template>
+        </a-alert>
+        <a-alert type="warning" show-icon>
+          <template #message>
+            {{ settingStore.sysPublic.notice }}
+          </template>
+        </a-alert>
+      </a-carousel>
     </div>
 
     <div class="statistic-data m-20">
@@ -157,6 +166,7 @@ import { useI18n } from "/src/locales";
 const { t } = useI18n();
 import { usePluginStore } from "/@/store/plugin";
 import { notification } from "ant-design-vue";
+import { ExclamationCircleOutlined } from "@ant-design/icons-vue";
 defineOptions({
   name: "DashboardUser",
 });
@@ -288,7 +298,10 @@ function openChangeLogUrl() {
       border-left: 0;
       border-right: 0;
       border-radius: 0;
+      display: flex !important;
     }
+    height: 40px;
+    overflow: hidden;
   }
   .header-profile {
     display: flex;

packages/ui/certd-client/src/views/sys/settings/tabs/base.vue

@@ -47,6 +47,11 @@
         <div class="helper" v-html="t('certd.commonCnameHelper')"></div>
       </a-form-item>
 
+      <a-form-item :label="t('certd.sys.setting.notice')" :name="['public', 'notice']">
+        <a-textarea v-model:value="formState.public.notice" :placeholder="t('certd.sys.setting.noticePlaceholder')" :rows="5" />
+        <div class="helper" v-html="t('certd.sys.setting.noticeHelper')"></div>
+      </a-form-item>
+
       <a-form-item label=" " :colon="false" :wrapper-col="{ span: 8 }">
         <a-button :loading="saveLoading" type="primary" html-type="submit">{{ t("certd.saveButton") }}</a-button>
       </a-form-item>