comit

src/views/ppt/Detail.vue

@@ -127,6 +127,9 @@ function handleDownLoadFile(){
     startDownload(PPTInfo.value.PptxUrl,PPTInfo.value.Title+'.pptx')
 } 
 
+
+const showPopover=ref(false)
+
 </script>
 
 <template>
@@ -231,7 +234,15 @@ function handleDownLoadFile(){
     >
         <div class="ppt-copy-wrap">
             <span>选择目录</span>
-            <van-popover :actions="PPTOptState.copyActions" @select="e=>PPTOptState.copySelectData=e">
+            <van-popover v-model:show="showPopover">
+                <ul class="select-copy-val-box">
+                    <li 
+                        class="item" 
+                        v-for="item in PPTOptState.copyActions" 
+                        :key="item.GroupId"
+                        @click="PPTOptState.copySelectData=item;showPopover=false"
+                    >{{item.text}}111</li>
+                </ul>
                 <template #reference>
                     <span class="select-value-box">{{PPTOptState.copySelectData.GroupName||'请选择目录'}}</span>
                 </template>
@@ -274,6 +285,20 @@ function handleDownLoadFile(){
 
 <style lang="scss">
 @import "./style/common.scss";
+.select-copy-val-box{
+    min-width: 150PX;
+    padding: 10PX;
+    max-height: 300PX;
+    overflow-y: auto;
+    &::-webkit-scrollbar{
+        display: none;
+    }
+    .item{
+        border-bottom: 1px solid $border-color;
+        font-size: 14PX;
+        padding: 10PX 0;
+    }
+}
 </style>
 <style lang="scss" scoped>
 .ppt-detail-page{

src/views/ppt/components/MobileClassifyWrap.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { useRouter } from 'vue-router'
 import {useClassify} from '../hooks/useClassify'
+import {ref} from 'vue'
 
 const router=useRouter()
 const {
@@ -36,6 +37,8 @@ function goMobileSearch(){
     }
 }
 
+const showPopover=ref(false)
+
 </script>
 
 <template>
@@ -206,7 +209,15 @@ function goMobileSearch(){
     >
         <div class="ppt-copy-wrap">
             <span>选择目录</span>
-            <van-popover :actions="PPTOptState.copyActions" @select="e=>PPTOptState.copySelectData=e">
+            <van-popover v-model:show="showPopover">
+                <ul class="select-copy-val-box">
+                    <li 
+                        class="item" 
+                        v-for="item in PPTOptState.copyActions" 
+                        :key="item.GroupId"
+                        @click="PPTOptState.copySelectData=item;showPopover=false"
+                    >{{item.text}}111</li>
+                </ul>
                 <template #reference>
                     <span class="select-value-box">{{PPTOptState.copySelectData.GroupName||'请选择目录'}}</span>
                 </template>
@@ -241,6 +252,21 @@ function goMobileSearch(){
 .van-collapse-item__wrapper{
     margin-bottom: 20px;
 }
+
+.select-copy-val-box{
+    min-width: 150PX;
+    padding: 10PX;
+    max-height: 300PX;
+    overflow-y: auto;
+    &::-webkit-scrollbar{
+        display: none;
+    }
+    .item{
+        border-bottom: 1px solid $border-color;
+        font-size: 14PX;
+        padding: 10PX 0;
+    }
+}
 </style>
 <style lang="scss" scoped>
 

src/views/ppt/components/PadPPTIndexWrap.vue

@@ -68,6 +68,8 @@ function goMobileSearch(){
 }
 
 
+const showPopover=ref(false)
+
 </script>
 
 <template>
@@ -260,7 +262,15 @@ function goMobileSearch(){
     >
         <div class="ppt-copy-wrap">
             <span>选择目录</span>
-            <van-popover :actions="PPTOptState.copyActions" @select="e=>PPTOptState.copySelectData=e">
+            <van-popover v-model:show="showPopover">
+                <ul class="select-copy-val-box">
+                    <li 
+                        class="item" 
+                        v-for="item in PPTOptState.copyActions" 
+                        :key="item.GroupId"
+                        @click="PPTOptState.copySelectData=item;showPopover=false"
+                    >{{item.text}}111</li>
+                </ul>
                 <template #reference>
                     <span class="select-value-box">{{PPTOptState.copySelectData.GroupName||'请选择目录'}}</span>
                 </template>
@@ -285,6 +295,21 @@ function goMobileSearch(){
 .van-collapse-item__title--expanded:after{
     display: none;
 }
+
+.select-copy-val-box{
+    min-width: 150PX;
+    padding: 10PX;
+    max-height: 300PX;
+    overflow-y: auto;
+    &::-webkit-scrollbar{
+        display: none;
+    }
+    .item{
+        border-bottom: 1px solid $border-color;
+        font-size: 14PX;
+        padding: 10PX 0;
+    }
+}
 @media screen and (min-width:$media-width){
     .pad-classify-file-opt-box{
         border: 1px solid $border-color;
@@ -475,6 +500,8 @@ function goMobileSearch(){
             // min-width: 150px;
         }
     }
+
+
 }
 
 </style>