feat: wordpress 增加6.0.2版本,修改可更新逻辑

frontend/src/lang/modules/en.ts

@@ -417,5 +417,6 @@ export default {
         delete: 'Delete',
         deleteWarn:
             'Delete the operation data and delete the operation data. This operation cannot be rolled back. Do you want to continue?',
+        canUpdate: 'CanUpdate',
     },
 };

frontend/src/lang/modules/zh.ts

@@ -409,5 +409,6 @@ export default {
         delete: '删除',
         deleteWarn: '删除操作会把数据一并删除,此操作不可回滚,是否继续?',
         syncSuccess: '同步成功',
+        canUpdate: '可更新',
     },
 };

frontend/src/views/app-store/index.vue

@@ -3,14 +3,12 @@
         <el-row :gutter="20">
             <el-col :span="24">
                 <div style="margin-bottom: 10px">
-                    <el-radio-group v-model="activeName">
-                        <el-radio-button label="all" @click="routerTo('/apps/all')">
-                            {{ $t('app.all') }}
-                        </el-radio-button>
-                        <el-radio-button label="installed" @click="routerTo('/apps/installed')">
-                            {{ $t('app.installed') }}
-                        </el-radio-button>
-                    </el-radio-group>
+                    <el-check-tag :checked="activeName === 'all'" @click="routerTo('/apps/all')">
+                        {{ $t('app.all') }}
+                    </el-check-tag>
+                    <el-check-tag :checked="activeName === 'installed'" @click="routerTo('/apps/installed')">
+                        {{ $t('app.installed') }}
+                    </el-check-tag>
                 </div>
             </el-col>
         </el-row>
@@ -45,47 +43,4 @@ onMounted(() => {
 });
 </script>
 
-<style lang="scss">
-.header {
-    padding-bottom: 10px;
-}
-
-.a-card {
-    height: 100px;
-    margin-top: 10px;
-    cursor: pointer;
-    padding: 1px;
-
-    .icon {
-        width: 100%;
-        height: 80%;
-        padding: 10%;
-        margin-top: 5px;
-        .image {
-            width: auto;
-            height: auto;
-        }
-    }
-
-    .a-detail {
-        margin-top: 10px;
-        height: 100%;
-        width: 100%;
-
-        .d-name {
-            height: 20%;
-        }
-
-        .d-description {
-            overflow: hidden;
-            display: -webkit-box;
-            -webkit-line-clamp: 2;
-            -webkit-box-orient: vertical;
-        }
-    }
-}
-
-.a-card:hover {
-    transform: scale(1.1);
-}
-</style>
+<style lang="scss"></style>

frontend/src/views/app-store/installed/index.vue

@@ -3,7 +3,12 @@
         <el-button @click="sync">{{ $t('app.sync') }}</el-button>
     </div>
     <ComplexTable :pagination-config="paginationConfig" :data="data" @search="search" v-loading="loading">
-        <el-table-column :label="$t('app.name')" prop="name"></el-table-column>
+        <el-table-column :label="$t('app.name')" prop="name">
+            <template #default="{ row }">
+                {{ row.name }}
+                <el-tag round effect="dark" v-if="row.canUpdate">{{ $t('app.canUpdate') }}</el-tag>
+            </template>
+        </el-table-column>
         <!-- <el-table-column :label="$t('app.description')" prop="description"></el-table-column> -->
         <el-table-column :label="$t('app.appName')" prop="appName"></el-table-column>
         <el-table-column :label="$t('app.version')" prop="version"></el-table-column>