优化列表高亮

src/views/SellTemplate/components/journeyAdsList.vue

@@ -35,12 +35,12 @@
                         </div>
                         <div class="temp-tr col q-ml-md file-name" :class="{'cusor-pointer':scope.row.FileType==0}">
                             <el-tooltip v-if="!scope.row.editTitle" effect="dark" :content="scope.row.FileName">
-                                <!-- <div @click.stop="scope.row.FileType?OffEdit():editDelete(scope.row,2)">
-                                    {{ scope.row.FileName?scope.row.FileName:'-' }}
-                                </div> -->
-                                <div truncated 
-                                v-html="scope.row.FileName.replaceAll(lastKeyword,`<span class='text-waring'>${lastKeyword}</span>`)"
-                                @click.stop="scope.row.FileType?OffEdit():editDelete(scope.row,2)"></div>
+                                <template v-if="scope.row.Highlight">
+                                    <span class='text-waring' @click.stop="scope.row.FileType?OffEdit():editDelete(scope.row,2)">{{scope.row.FileName}}</span>
+                                </template>
+                                <div v-else class="file-name" v-html="queryObj.FileName!=''?(scope.row.FileName.replaceAll(queryObj.FileName,`<span class='text-waring'>${queryObj.FileName}</span>`)):scope.row.FileName"
+                                    @click.stop="scope.row.FileType?OffEdit():editDelete(scope.row,2)"></div>
+                                
                             </el-tooltip>
                             <el-input
                             class="journeyAds-Input"
@@ -243,7 +243,6 @@ import CopyFile from "./CopyFile.vue";
     const editObj = reactive({});
     const filterFileNameStatus = ref(false)
     const showItemId = ref(0)
-    const lastKeyword = ref('')
     if(props.currentMenu==0){
         datas.Title = '最近浏览'
         datas.emptyTitle = '没有最近浏览文档'
@@ -584,20 +583,7 @@ import CopyFile from "./CopyFile.vue";
         folderObj.value.name = name;
         folderObj.value.type = queryObj.FileType;
     };
-    const checkPositionHandler = (n:any)=>{
-        if(n){
-            if(n.Position && n.Position.length>0){
-                Navigations.value=n.Position
-                queryObj.FileId = n.Position[n.Position.length-1].FileId
-                queryObj.FileType = 0
-            }else{
-                Navigations.value=[]
-                queryObj.FileId = 0
-                queryObj.FileType = n.FileType
-            }
-            emit('destroy-position')
-        }
-    }
+
     const setFileShareHandler=(item:any)=>{
         shareFileType.value=item.FileType
         shareId.value =item.FileId
@@ -605,11 +591,10 @@ import CopyFile from "./CopyFile.vue";
     
     watch(() => props.list, (n,o) => {
         if (props.list) {
-            lastKeyword.value = queryObj.value.FileName
             nextTick(() => {
                 dataList.value = props.list
             })
-        }else lastKeyword.value = ''
+        }
     })
 
     watch(() => props.navigations, (n,o) => {

src/views/SellTemplate/journeyAds.vue

@@ -56,7 +56,7 @@
               <el-dropdown-item
                 @click="(searchData.TemplateType = 2), sellAdd(3)"
                 v-if="currentMenu == 4"
-                >建广告图</el-dropdown-item
+                >新建广告图</el-dropdown-item
               >
             </el-dropdown-menu>
           </template>
@@ -73,8 +73,7 @@
     <div ref="SellTemplateRef" class="col full-width q-ml-md journeyAdsScrollbar">
       <el-scrollbar @scroll="scrollingHandler" style="height: 100%;"> 
         <journeyAdsList 
-        :current-menu="currentMenu" 
-        :position="position"
+        :current-menu="currentMenu"
         :set-file-list="datas.setFileList"
         :list="dataList"
         :msg="queryObj"
@@ -250,12 +249,15 @@ const querySearchHandler = async () => {
           x.singleChoice = false;
           x.Id = ''
           x.showSelect = false
+          x.Highlight = false
+          if(props.position&&x.FileId==props.position.FileId&&x.FileType==props.position.FileType) x.Highlight = true
         });
       };
       arrList(pageRes.data.data.pageData);
       datas.selectedDatas = Array.from(new Set(datas.selectedDatas))
       dataList.value = dataList.value.concat(pageRes.data.data.pageData);
       queryObj.pageCount = pageRes.data.data.pageCount;
+      if(props.position) emit('destroy-position')
     }
     loading.value = false;
     RefreshLoading.value = false;
@@ -310,7 +312,6 @@ const checkPositionHandler = (n:any)=>{
       queryObj.FileId = 0
       queryObj.FileType = n.FileType
     }
-    emit('destroy-position')
   }
 }