update

src/components/TreeFilter/index.vue

@@ -2,7 +2,7 @@
   <div class="search">
     <el-input v-model="filterText" placeholder="输入关键字进行过滤" clearable />
   </div>
-  <el-scrollbar :style="{ height: title ? `calc(100% - 95px)` : `calc(100% - 56px)` }">
+  <el-scrollbar :style="{ height: title ? `calc(100% - 95px)` : `calc(100% - 78px)` }">
     <el-tree
       ref="treeRef"
       default-expand-all

src/views/res/test/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="main-box">
+  <div class="main-box" @click="visible = false">
     <div class="card filter">
       <div style="display: flex; justify-content: space-between; margin-bottom: 10px">
         <div style="display: flex; align-items: center; font-size: 14px; color: #009688; font-weight: bolder">
@@ -8,7 +8,7 @@
         <div>
           <el-popover placement="right" :width="200" trigger="click" :visible="visible">
             <template #reference>
-              <el-icon style="cursor: pointer" @click="visible = true"><Expand /></el-icon>
+              <el-icon style="cursor: pointer" @click="openpopover"><Expand /></el-icon>
             </template>
             <el-select
               v-model="stageSelect"
@@ -40,7 +40,21 @@
               <el-option v-for="(item, index) in schemeList" :key="index" :label="item.scheme_name" :value="item.scheme_id" />
             </el-select>
             <div style="text-align: right">
-              <el-button type="primary" size="small" :icon="Select" round @click="well">确定</el-button>
+              <el-tooltip :visible="tooltipShow">
+                <template #content>
+                  <span>请选择版本！</span>
+                </template>
+                <el-button
+                  type="primary"
+                  size="small"
+                  :icon="Select"
+                  round
+                  @click="well"
+                  @mouseenter="wellenter"
+                  @mouseleave="wellleave"
+                  >确定</el-button
+                >
+              </el-tooltip>
             </div>
           </el-popover>
         </div>
@@ -78,6 +92,8 @@ const sssTxt = ref("");
 
 const visible = ref(false);
 
+const tooltipShow = ref(false);
+
 const getSchemeTree = (scheme_id: number = 500124397) => {
   return getStructureList({ scheme_id });
 };
@@ -125,11 +141,27 @@ const schemeChange = value => {
   schemeSelectTxt.value = schemeList.value.find(item => item.scheme_id === value)?.scheme_name;
 };
 
+const openpopover = e => {
+  e.stopPropagation();
+  visible.value = true;
+};
+
 const well = () => {
-  sssTxt.value = stageSelectTxt.value + "-" + subjectSelectTxt.value + "-" + schemeSelectTxt.value;
+  if (schemeSelect.value) {
+    sssTxt.value = stageSelectTxt.value + "-" + subjectSelectTxt.value + "-" + schemeSelectTxt.value;
+    treeRef.value?.refresh(schemeSelect.value);
+    visible.value = false;
+  }
+};
+
+const wellenter = e => {
+  if (!schemeSelect.value) {
+    tooltipShow.value = true;
+  }
+};
 
-  treeRef.value?.refresh(schemeSelect.value);
-  visible.value = false;
+const wellleave = e => {
+  tooltipShow.value = false;
 };
 
 onMounted(() => {