fix: 界面表格样式调整 (#3714)

frontend/src/lang/modules/en.ts

@@ -821,7 +821,9 @@ const message = {
         target: 'Target',
         targetHelper: 'Third-party backup accounts are maintained in panel settings.',
         retainCopies: 'Retain copies',
-        retainCopiesHelper: 'Retention of Execution Records',
+        retainCopiesHelper: 'Number of copies to retain for execution records and logs',
+        retainCopiesHelper1: 'Number of copies to retain for backup files',
+        retainCopiesUnit: 'copies (view)',
         cronSpecRule: 'Please enter a correct lifecycle',
         perMonth: 'Every monthly',
         perWeek: 'Every week',

frontend/src/lang/modules/tw.ts

@@ -782,7 +782,9 @@ const message = {
         target: '備份到',
         targetHelper: '第三方備份賬號在面板設置中維護',
         retainCopies: '保留份數',
-        retainCopiesHelper: '執行記錄保留份數',
+        retainCopiesHelper: '執行記錄及日誌保留份数',
+        retainCopiesHelper1: '備份文件保留份数',
+        retainCopiesUnit: '份（查看）',
         cronSpecRule: '請輸入正確的執行周期',
         perMonth: '每月',
         perWeek: '每周',

frontend/src/lang/modules/zh.ts

@@ -783,7 +783,9 @@ const message = {
         target: '备份到',
         targetHelper: '第三方备份账号在面板设置中维护',
         retainCopies: '保留份数',
-        retainCopiesHelper: '执行记录保留份数',
+        retainCopiesHelper: '执行记录及日志保留份数',
+        retainCopiesHelper1: '备份文件保留份数',
+        retainCopiesUnit: '份 (查看)',
         cronSpecRule: '请输入正确的执行周期',
         perMonth: '每月',
         perWeek: '每周',

frontend/src/styles/common.scss

@@ -307,7 +307,6 @@ html {
 
 .table-link {
     color: $primary-color;
-    font-weight: bold;
     cursor: pointer;
 }
 
@@ -403,4 +402,4 @@ html {
 
 .p-ml-5 {
     margin-left: 5px !important;
-}
+}

frontend/src/views/container/container/index.vue

@@ -210,7 +210,7 @@
                                 <el-tooltip
                                     v-if="row.appName != ''"
                                     :hide-after="20"
-                                    :content="row.appName"
+                                    :content="$t('app.app') + ': ' + row.appName + '[' + row.appInstallName + ']'"
                                     placement="top"
                                 >
                                     <el-button

frontend/src/views/cronjob/index.vue

@@ -81,11 +81,11 @@
                     </el-table-column>
                     <el-table-column :label="$t('cronjob.cronSpec')" show-overflow-tooltip :min-width="120">
                         <template #default="{ row }">
-                            <div v-for="(item, index) of row.spec.split(',')" :key="index" class="mt-1">
+                            <div v-for="(item, index) of row.spec.split(',')" :key="index">
                                 <div v-if="row.expand || (!row.expand && index < 3)">
-                                    <el-tag type="info">
+                                    <span>
                                         {{ transSpecToStr(item) }}
-                                    </el-tag>
+                                    </span>
                                 </div>
                             </div>
                             <div v-if="!row.expand && row.spec.split(',').length > 3">
@@ -102,8 +102,8 @@
                     </el-table-column>
                     <el-table-column :label="$t('cronjob.retainCopies')" :min-width="90" prop="retainCopies">
                         <template #default="{ row }">
-                            <el-button v-if="hasBackup(row.type)" @click="loadBackups(row)" link type="primary">
-                                {{ row.retainCopies }}
+                            <el-button v-if="hasBackup(row.type)" @click="loadBackups(row)" plain size="small">
+                                {{ row.retainCopies }}{{ $t('cronjob.retainCopiesUnit') }}
                             </el-button>
                             <span v-else>{{ row.retainCopies }}</span>
                         </template>
@@ -115,17 +115,17 @@
                     </el-table-column>
                     <el-table-column :min-width="80" :label="$t('cronjob.target')" prop="defaultDownload">
                         <template #default="{ row }">
-                            <div v-for="(item, index) of row.backupAccounts?.split(',')" :key="index" class="mt-1">
+                            <div v-for="(item, index) of row.backupAccounts?.split(',')" :key="index">
                                 <div v-if="row.accountExpand || (!row.accountExpand && index < 3)">
-                                    <el-tag type="info" v-if="row.backupAccounts">
+                                    <span v-if="row.backupAccounts">
                                         <span v-if="item === row.defaultDownload">
-                                            <el-icon><Star /></el-icon>
                                             {{ $t('setting.' + item) }}
+                                            <el-icon><Star /></el-icon>
                                         </span>
                                         <span v-else>
                                             {{ $t('setting.' + item) }}
                                         </span>
-                                    </el-tag>
+                                    </span>
                                     <span v-else>-</span>
                                 </div>
                             </div>

frontend/src/views/cronjob/operate/index.vue

@@ -288,7 +288,8 @@
                             :step="1"
                             v-model.number="dialogData.rowData!.retainCopies"
                         ></el-input-number>
-                        <span class="input-help">{{ $t('cronjob.retainCopiesHelper') }}</span>
+                        <span v-if="isBackup()" class="input-help">{{ $t('cronjob.retainCopiesHelper1') }}</span>
+                        <span v-else class="input-help">{{ $t('cronjob.retainCopiesHelper') }}</span>
                     </el-form-item>
 
                     <el-form-item v-if="dialogData.rowData!.type === 'curl'" :label="$t('cronjob.url')" prop="url">