From 4842f3e2bc98d7417c7bd3d7416ed6cf151a1c18 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Tue, 30 Jan 2024 18:36:35 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E5=B7=A5=E4=BD=9C=E5=8F=B0):=20=E6=88=91?=
 =?UTF-8?q?=E7=9A=84=E5=88=86=E4=BA=AB=20=E6=A0=B7=E5=BC=8F=E4=B8=8D?=
 =?UTF-8?q?=E5=AF=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/share/share/ShareGrid.vue       | 55 +++++++------------
 1 file changed, 20 insertions(+), 35 deletions(-)

diff --git a/core/core-frontend/src/views/share/share/ShareGrid.vue b/core/core-frontend/src/views/share/share/ShareGrid.vue
index bb8e449b13..d1037b2256 100644
--- a/core/core-frontend/src/views/share/share/ShareGrid.vue
+++ b/core/core-frontend/src/views/share/share/ShareGrid.vue
@@ -16,7 +16,6 @@ const interactiveStore = interactiveStoreWithOut()
 
 const busiDataMap = computed(() => interactiveStore.getData)
 const panelKeyword = ref()
-const userAddPopper = ref(false)
 const activeCommand = ref('all_types')
 const state = reactive({
   tableData: [],
@@ -28,10 +27,6 @@ const state = reactive({
   ]
 })
 
-const handleVisibleChange = (val: boolean) => {
-  userAddPopper.value = val
-}
-
 const handleCommand = (command: string) => {
   activeCommand.value = command
   loadTableData()
@@ -126,38 +121,21 @@ watch(
 <template>
   <el-row v-if="props.activeName === 'share'">
     <el-col :span="12">
-      <el-dropdown
-        placement="bottom-start"
-        @visible-change="handleVisibleChange"
+      <el-select
         popper-class="menu-panel-select_popper"
-        @command="handleCommand"
-        trigger="click"
+        class="select-type-list"
+        v-model="activeCommand"
+        @change="handleCommand"
       >
-        <el-button secondary>
-          {{ t(`auth.${activeCommand}`) }}
-          <el-icon style="margin-left: 4px">
-            <arrow-up v-if="userAddPopper" />
-            <arrow-down v-else />
-          </el-icon>
-        </el-button>
-        <template #dropdown>
-          <el-dropdown-menu>
-            <el-dropdown-item
-              :class="activeCommand === ele && 'active'"
-              v-for="ele in state.curTypeList.filter(
-                busi => busi === 'all_types' || busiAuthList.includes(busi)
-              )"
-              :command="ele"
-              :key="ele"
-            >
-              {{ t(`auth.${ele}`) }}
-              <el-icon v-if="activeCommand === ele">
-                <Icon name="icon_done_outlined"></Icon>
-              </el-icon>
-            </el-dropdown-item>
-          </el-dropdown-menu>
-        </template>
-      </el-dropdown>
+        <el-option
+          v-for="ele in state.curTypeList.filter(
+            busi => busi === 'all_types' || busiAuthList.includes(busi)
+          )"
+          :key="ele"
+          :label="t(`auth.${ele}`)"
+          :value="ele"
+        />
+      </el-select>
     </el-col>
     <el-col class="search" :span="12">
       <el-input
@@ -229,6 +207,13 @@ watch(
 </template>
 
 <style lang="less" scoped>
+.select-type-list {
+  width: 104px;
+  :deep(.ed-input__wrapper) {
+    padding-left: 11px;
+    padding-right: 11px;
+  }
+}
 .search {
   text-align: right;
   .ed-input {