From f51b09dc40d4d16fd69c21507341554bb4297526 Mon Sep 17 00:00:00 2001
From: zhengkunwang223 <31820853+zhengkunwang223@users.noreply.github.com>
Date: Tue, 30 May 2023 11:02:56 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BF=AE=E6=94=B9=E6=97=A5=E5=BF=97?=
 =?UTF-8?q?=E5=AE=A1=E8=AE=A1-=E7=BD=91=E7=AB=99=E6=97=A5=E5=BF=97?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=20(#1185)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/app-store/installed/index.vue   | 12 +++----
 frontend/src/views/log/website/index.vue      | 33 ++++++++++++++-----
 2 files changed, 30 insertions(+), 15 deletions(-)

diff --git a/frontend/src/views/app-store/installed/index.vue b/frontend/src/views/app-store/installed/index.vue
index 727965911..50b279df2 100644
--- a/frontend/src/views/app-store/installed/index.vue
+++ b/frontend/src/views/app-store/installed/index.vue
@@ -49,12 +49,6 @@
         </template>
 
         <template #main>
-            <div class="update-prompt" v-if="data == null">
-                <span>{{ mode === 'upgrade' ? $t('app.updatePrompt') : $t('app.installPrompt') }}</span>
-                <div>
-                    <img src="@/assets/images/no_update_app.svg" />
-                </div>
-            </div>
             <el-alert type="info" :closable="false" v-if="mode === 'installed'">
                 <template #default>
                     <span>
@@ -70,6 +64,12 @@
                     </span>
                 </template>
             </el-alert>
+            <div class="update-prompt" v-if="data == null">
+                <span>{{ mode === 'upgrade' ? $t('app.updatePrompt') : $t('app.installPrompt') }}</span>
+                <div>
+                    <img src="@/assets/images/no_update_app.svg" />
+                </div>
+            </div>
             <el-row :gutter="5">
                 <el-col
                     v-for="(installed, index) in data"
diff --git a/frontend/src/views/log/website/index.vue b/frontend/src/views/log/website/index.vue
index dee73f8ac..2e022efb5 100644
--- a/frontend/src/views/log/website/index.vue
+++ b/frontend/src/views/log/website/index.vue
@@ -4,14 +4,22 @@
             <template #toolbar>
                 <el-row>
                     <el-col :span="16">
-                        <el-radio-group v-model="logReq.logType" @change="search()">
-                            <el-radio-button :label="'access.log'">
-                                {{ $t('logs.runLog') }}
-                            </el-radio-button>
-                            <el-radio-button :label="'error.log'" style="margin-left: 10px">
-                                {{ $t('logs.errLog') }}
-                            </el-radio-button>
-                        </el-radio-group>
+                        <el-button
+                            class="tag-button"
+                            :label="'access.log'"
+                            :type="logReq.logType === 'access.log' ? 'primary' : ''"
+                            @click="changeType('access.log')"
+                        >
+                            {{ $t('logs.runLog') }}
+                        </el-button>
+                        <el-button
+                            class="tag-button"
+                            :label="'error.log'"
+                            :type="logReq.logType === 'error.log' ? 'primary' : ''"
+                            @click="changeType('error.log')"
+                        >
+                            {{ $t('logs.errLog') }}
+                        </el-button>
                     </el-col>
                 </el-row>
             </template>
@@ -72,7 +80,7 @@ const extensions = [javascript(), oneDark];
 const loading = ref(false);
 const websites = ref();
 const logReq = reactive({
-    id: 0,
+    id: undefined,
     operate: 'get',
     logType: 'access.log',
 });
@@ -102,6 +110,13 @@ const handleReady = (payload) => {
     view.value = payload.view;
 };
 
+const changeType = (type: string) => {
+    logReq.logType = type;
+    if (logReq.id != undefined) {
+        search();
+    }
+};
+
 const search = () => {
     loading.value = true;
     OpWebsiteLog(logReq)