修改分享页面部分样式

src/views/SellTemplate/Share.vue

@@ -59,10 +59,9 @@
                             <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1708337830000_43.png" height="25" v-if="scope.row.FileType==1" />
                             <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1708250377000_777.png" height="25" v-else-if="scope.row.FileType==2" />
                             <img src="@/assets/img/file.png" height="25" v-else />
-                            <div class="temp-tr col q-ml-md file-name" :class="{'cusor-pointer':scope.row.FileType==0}" @click="changeFolderHandler(scope.row)">
+                            <div class="temp-tr col q-ml-md" :class="{'cusor-pointer':scope.row.FileType==0}" @click="changeFolderHandler(scope.row)">
                                 <el-tooltip effect="dark" :content="scope.row.FileName">
-                                    <div truncated 
-                                    v-html="scope.row.FileName.replaceAll(lastKeyword,`<span class='text-waring'>${lastKeyword}</span>`)"></div>
+                                    <div class="file-name" v-html="queryObj.FileName!=''?(scope.row.FileName.replaceAll(queryObj.FileName,`<span class='text-waring'>${queryObj.FileName}</span>`)):scope.row.FileName"></div>
                                 </el-tooltip>
                             </div>
                         </div>
@@ -78,13 +77,13 @@
                     <template #default="scope">
                         <div class="row items-center" :class="{'hover':showItemId!=scope.row.FileId}">
                             <el-button type="primary" icon="View" size="small" @click.stop="openFileDocument(scope.row)" v-if="scope.row.FileType!=0">查看</el-button>
-                            <el-dropdown v-if="scope.row.FileType&&(scope.row.IsEdit||scope.row.IsDownload)" class="q-pl-md cusor-pointer" trigger="click" @visible-change="(val:boolean)=>dropdownChange(val,scope.row.FileId)">
+                            <el-dropdown v-if="scope.row.IsEdit||scope.row.IsDownload||scope.row.IsView" class="q-pl-md cusor-pointer" trigger="click" @visible-change="(val:boolean)=>dropdownChange(val,scope.row.FileId)">
                                 <el-icon size="16" color="#b1b7cf"><MoreFilled /></el-icon>
                                 <template #dropdown>
                                     <el-dropdown-menu class="q-pa-md">
                                         <el-dropdown-item v-if="scope.row.IsEdit && scope.row.FileType!=0" icon="EditPen" @click="editorFileHandler(scope.row)">编辑</el-dropdown-item>
                                         <el-dropdown-item v-if="scope.row.IsDownload && scope.row.FileType!=0" icon="Download" @click="exportDocument(scope.row)">导出</el-dropdown-item>
-                                        <el-dropdown-item icon="CopyDocument" v-if="scope.row.IsView&&scope.row.FileType" @click="openCopyHandler(scope.row)">复制到</el-dropdown-item>
+                                        <el-dropdown-item icon="CopyDocument" v-if="scope.row.IsView" @click="openCopyHandler(scope.row)">复制到</el-dropdown-item>
                                     </el-dropdown-menu>
                                 </template>
                             </el-dropdown>
@@ -97,7 +96,7 @@
             </el-table>
         </div>
     </div>
-    <CopyFile v-if="openCopy" :details="copyObject" @close="() => openCopy=false"></CopyFile>
+    <CopyFile v-if="openCopy" :details="copyObject" :file-obj="copyObject" @close="() => openCopy=false"></CopyFile>
 </template>
 <script setup lang="ts">
 import { ApiResult } from "@/configs/axios";
@@ -371,10 +370,10 @@ getDocumentData()
         padding: 0 12px !important;
     }
     .sample-table .file-name{
-        white-space:nowrap;
-        overflow:hidden;
-        text-overflow:ellipsis;
-        width: 0;
+        white-space:nowrap !important;
+        overflow:hidden !important;
+        text-overflow:ellipsis !important;
+        width: 100%;
     }
     .el-table .caret-wrapper{
         height: 12px !important;