列表关键词查询

src/views/SellTemplate/BrowsingHistory.vue

@@ -18,6 +18,7 @@
           </div>
         </div>
         <div>
+          <!-- 
           <el-dropdown v-if="datas.selectedDatas.length>0" trigger="click" class="q-px-md">
             <el-button>
               <el-icon><CopyDocument /></el-icon>
@@ -43,7 +44,7 @@
                 >
               </el-dropdown-menu>
             </template>
-          </el-dropdown>
+          </el-dropdown> -->
         </div>
       </div>
     </div>
@@ -235,6 +236,7 @@
         queryObj.FileId = obj.FileId
       }
       if(obj.OrderByType) queryObj.OrderByType = obj.OrderByType
+      if(obj.FileName) queryObj.FileName = obj.FileName
     }
     datas.RefreshLoading = true;
     queryObj.pageIndex = 1;

src/views/SellTemplate/RecycleBin.vue

@@ -224,6 +224,7 @@
         datas.selectedDatas = []
       }
       if(obj.OrderByType) queryObj.OrderByType = obj.OrderByType
+      if(obj.FileName) queryObj.FileName = obj.FileName
       if(obj.Navigations) Navigations.value = obj.Navigations
     }
     datas.journeyAds.RefreshLoading = true;

src/views/SellTemplate/StarTarget.vue

@@ -297,6 +297,7 @@
         datas.selectedDatas = []
       }
       if(obj.OrderByType) queryObj.OrderByType = obj.OrderByType
+      if(obj.FileName) queryObj.FileName = obj.FileName
       if(obj.Navigations) Navigations.value = obj.Navigations
     }
     datas.journeyAds.RefreshLoading = true;

src/views/SellTemplate/components/journeyAdsList.vue

 <template>
-    <div style="min-width: '700px';height: 100%;">
+    <div style="min-width: '700px';height: 100%;" ref="currentRootDom">
     <table class="text-small" style="width: 100%">
         <tr @click="OffEdit">
-            <th class="text-left" style="width: 20px;">
+            <th class="text-left" :style="{width: currentMenu==3||currentMenu==4?'20px':'0px'}">
               <el-checkbox v-if="currentMenu==3||currentMenu==4"
                 size="sm"
                 class="SelectAllBox"
@@ -12,7 +12,29 @@
               />
             </th>
             <th colspan="2" class="text-light">
+              <div class="row items-center">
                 <div class="text-left q-pl-md">文档名称</div>
+              <div>
+                <el-popover :width="200" trigger="click" @before-enter="()=>filterFileNameStatus=true" 
+                    @before-leave="()=>filterFileNameStatus=false">
+                    <template #reference>
+                        <el-icon size="14px" class="q-ml-md cusor-pointer">
+                            <ArrowDown v-if="!filterFileNameStatus"/>
+                            <ArrowUp v-else/>
+                        </el-icon>
+                    </template>
+                    <el-input v-model="queryObj.FileName" placeholder="请输入文档关键字" size="mini" class="full-width" />
+                    <div class="q-mt-md text-right">
+                        <el-button link class="q-mr-sm">
+                            <span class="text-bolder pingfangr" @click="setFilterNameHandler(0)">重置</span>
+                        </el-button>
+                        <el-button link type="primary">
+                            <span class="text-bolder pingfangr" @click="setFilterNameHandler(1)">确认</span>
+                        </el-button>
+                    </div>
+                </el-popover>
+              </div>
+              </div>
             </th>
             <th class="text-light" style="min-width: 150px; width: 150px">
               <div class="row items-center just-center pointer" @click.stop="currentMenu==-1?clickSort():''">
@@ -253,7 +275,18 @@ import CopyFile from "./CopyFile.vue";
     const deleteLoading = ref<any>(null);
     const removeShareLoading = ref<any>(null);
     const editObj = reactive({});
+    const filterFileNameStatus = ref(false)
+    const currentRootDom = ref()
 
+    const setFilterNameHandler = (t:0|1)=>{
+        filterFileNameStatus.value = false
+        if(!t) queryObj.FileName=''
+        currentRootDom.value.click()
+        let obj = {
+            FileName: queryObj.FileName
+        }
+        emit('refreshHandler',obj)
+    }
     const clickSort = (type:any) =>{
         let obj = {
             OrderByType: queryObj.value.OrderByType==2?1:2
@@ -686,6 +719,7 @@ import CopyFile from "./CopyFile.vue";
   }
   .journeyAds-container th {
     border-bottom: 1px solid #f6f6f6;
+    color: #A8ABB2;
     }
     .journeyAds-container th:first-child {
         border: 0;

src/views/SellTemplate/journeyAds.vue

@@ -307,6 +307,7 @@ const refreshHandler = (obj:any) => {
       datas.selectedDatas = []
     }
     if(obj.OrderByType) queryObj.OrderByType = obj.OrderByType
+    if(obj.FileName==''||obj.FileName) queryObj.FileName = obj.FileName
     if(obj.Navigations) Navigations.value = obj.Navigations
   }
   datas.journeyAds.RefreshLoading = true;