From e0f628c59f3959d1440a70e900fda1bc1bc45092 Mon Sep 17 00:00:00 2001
From: zhengkunwang <31820853+zhengkunwang223@users.noreply.github.com>
Date: Sun, 11 Aug 2024 22:42:48 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=BD=91=E7=AB=99=E5=88=97=E5=8F=AF?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E6=98=BE=E7=A4=BA=20(#6090)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/website/website/index.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/website/website/index.vue b/frontend/src/views/website/website/index.vue
index d230af2b3..daeb69aa3 100644
--- a/frontend/src/views/website/website/index.vue
+++ b/frontend/src/views/website/website/index.vue
@@ -44,6 +44,15 @@
                     ></el-option>
                 </el-select>
                 <TableSearch @search="search()" v-model:searchName="req.name" />
+                <div class="!ml-2.5">
+                    <fu-table-column-select
+                        :columns="columns"
+                        trigger="hover"
+                        :title="$t('commons.table.selectColumn')"
+                        popper-class="popper-class"
+                        :only-icon="true"
+                    />
+                </div>
             </template>
             <template v-if="nginxIsExist && !openNginxConfig" #main>
                 <ComplexTable
@@ -53,6 +62,8 @@
                     @search="search()"
                     :class="{ mask: nginxStatus != 'Running' }"
                     :heightDiff="370"
+                    :columns="columns"
+                    localKey="websiteColumn"
                 >
                     <el-table-column
                         :label="$t('commons.table.name')"
@@ -172,7 +183,7 @@
                             </div>
                         </template>
                     </el-table-column>
-                    <el-table-column :label="$t('website.sslExpireDate')" width="150px">
+                    <el-table-column :label="$t('website.sslExpireDate')" prop="sslExpireDate" width="150px">
                         <template #default="{ row }">
                             <el-tag v-if="row.protocol == 'HTTPS'" :type="row.sslStatus">
                                 {{ dateFormatSimple(row.sslExpireDate) }}
@@ -265,6 +276,7 @@ const data = ref();
 let groups = ref<Group.GroupInfo[]>([]);
 const dataRef = ref();
 const domains = ref<Website.Domain[]>([]);
+const columns = ref([]);
 
 const paginationConfig = reactive({
     cacheSizeKey: 'website-page-size',