style: Optimize version update log styling (#10107)

Author: ssongliu

frontend/src/components/system-upgrade/releases/index.vue

@@ -1,7 +1,12 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('app.version')" @close="handleClose" size="large">
+    <DrawerPro v-model="drawerVisible" :header="$t('setting.release')" @close="handleClose" size="large">
         <div class="note">
-            <el-collapse v-model="currentVersion" :accordion="true" v-loading="loading">
+            <el-collapse
+                v-if="notes && notes.length !== 0"
+                v-model="currentVersion"
+                :accordion="true"
+                v-loading="loading"
+            >
                 <div v-for="(item, index) in notes" :key="index">
                     <el-collapse-item :name="index">
                         <template #title>
@@ -22,6 +27,16 @@
                     </el-collapse-item>
                 </div>
             </el-collapse>
+            <el-empty v-else>
+                <template #description>
+                    <span class="input-help">
+                        {{ $t('setting.releaseHelper') }}
+                        <el-link class="pageRoute" icon="Position" type="primary">
+                            {{ $t('firewall.quickJump') }}
+                        </el-link>
+                    </span>
+                </template>
+            </el-empty>
         </div>
         <template #footer>
             <span class="dialog-footer">
@@ -60,7 +75,7 @@ const search = async () => {
     loading.value = true;
     await listReleases()
         .then((res) => {
-            notes.value = res.data;
+            notes.value = res.data || [];
             loading.value = false;
         })
         .catch(() => {
@@ -97,8 +112,16 @@ defineExpose({
 :deep(.md-editor-dark) {
     background-color: var(--panel-main-bg-color-9);
 }
+:deep(.el-collapse-item__content) {
+    padding: 0px;
+}
 .icon {
     font-size: 7px;
     margin-left: 50px;
 }
+.pageRoute {
+    font-size: 12px;
+    margin-left: 5px;
+    margin-top: -4px;
+}
 </style>

frontend/src/lang/modules/en.ts

@@ -1941,6 +1941,9 @@ const message = {
             'Detected that node {0} is already at the latest upgradable version. Please check the primary node version and try again!',
 
         about: 'About',
+        release: 'Release Notes',
+        releaseHelper:
+            'Failed to fetch release notes for the current environment. You can manually check the official documentation.',
         project: 'GitHub',
         issue: 'Feedback',
         doc: 'Official document',

frontend/src/lang/modules/ja.ts

@@ -1857,6 +1857,8 @@ const message = {
             'ノード {0} は既にアップグレード可能な最新バージョンです。マスターノードのバージョンを確認後、再試行してください！',
 
         about: 'について',
+        release: 'バージョン更新履歴',
+        releaseHelper: '現在の環境の更新履歴の取得に異常が発生しました。手動で公式ドキュメントを確認してください。',
         project: 'GitHub',
         issue: '問題',
         doc: '公式文書',

frontend/src/lang/modules/ko.ts

@@ -1827,6 +1827,9 @@ const message = {
             '노드 {0}이(가) 이미 업그레이드 가능한 최신 버전입니다. 마스터 노드 버전을 확인 후 다시 시도하세요!',
 
         about: '정보',
+        release: '버전 업데이트 로그',
+        releaseHelper:
+            '현재 환경의 업데이트 로그를 가져오는 중 오류가 발생했습니다. 공식 문서에서 수동으로 확인하실 수 있습니다.',
         project: 'GitHub',
         issue: '이슈',
         doc: '공식 문서',

frontend/src/lang/modules/ms.ts

@@ -1915,6 +1915,9 @@ const message = {
             'Nod {0} telah berada pada versi terkini yang boleh dinaik taraf. Sila periksa versi nod utama dan cuba lagi!',
 
         about: 'Mengenai',
+        release: 'Log Kemaskini Versi',
+        releaseHelper:
+            'Pengambilan log kemaskini untuk persekitaran semasa mengalami异常. Anda boleh menyemak dokumentasi rasmi secara manual.',
         project: 'GitHub',
         issue: 'Isu',
         doc: 'Dokumen rasmi',

frontend/src/lang/modules/pt-br.ts

@@ -1903,6 +1903,9 @@ const message = {
             'Detectado que o nó {0} já está na última versão atualizável. Por favor, verifique a versão do nó principal e tente novamente!',
 
         about: 'Sobre',
+        release: 'Registro de Atualizações de Versão',
+        releaseHelper:
+            'Falha ao obter o registro de atualizações para o ambiente atual. Você pode verificar a documentação oficial manualmente.',
         project: 'GitHub',
         issue: 'Problema',
         doc: 'Documento oficial',

frontend/src/lang/modules/ru.ts

@@ -1900,6 +1900,9 @@ const message = {
             'Обнаружено, что узел {0} уже имеет последнюю обновляемую версию. Пожалуйста, проверьте версию основного узла и повторите попытку!',
 
         about: 'О программе',
+        release: 'Журнал обновлений версий',
+        releaseHelper:
+            'Не удалось получить журнал обновлений для текущей среды. Вы можете вручную проверить официальную документацию.',
         project: 'GitHub',
         issue: 'Проблема',
         doc: 'Официальная документация',

frontend/src/lang/modules/tr.ts

@@ -1960,6 +1960,9 @@ const message = {
         versionCompare:
             '{0} düğümünün zaten en son yükseltilebilir sürümde olduğu tespit edildi. Lütfen birincil düğüm sürümünü kontrol edin ve tekrar deneyin!',
         about: 'Hakkında',
+        release: 'Sürüm Güncelleme Günlüğü',
+        releaseHelper:
+            'Mevcut ortam için güncelleme günlükleri alınırken hata oluştu. Resmi belgeleri manuel olarak kontrol edebilirsiniz.',
         project: 'GitHub',
         issue: 'Geri bildirim',
         doc: 'Resmi belge',

frontend/src/lang/modules/zh-Hant.ts

@@ -1816,6 +1816,8 @@ const message = {
         certificate: '證書',
 
         about: '關於',
+        release: '版本更新日誌',
+        releaseHelper: '目前環境更新日誌取得異常，可手動前往官方文件查看',
         project: '項目地址',
         issue: '問題反饋',
         doc: '官方文檔',

frontend/src/lang/modules/zh.ts

@@ -1808,6 +1808,8 @@ const message = {
         certificate: '证书',
 
         about: '关于',
+        release: '版本更新日志',
+        releaseHelper: '当前环境更新日志获取异常，可手动前往官方文档查看',
         project: '项目地址',
         issue: '问题反馈',
         doc: '官方文档',