Merge branch 'master' of ssh://gitlab.91isoft.com:10022/hikvision/web-project

src/views/SchedulingPage/PhenomenonPage.vue

@@ -4,6 +4,7 @@ import {ElMessageBox} from "element-plus";
 import {getPhenomenon,addPhenomenon,alterPhenomenon,deletePhenomenon} from "@/api/scheduling.js"
 
 const data = ref()
+const dataBackup = ref([])
 const searchKey = ref('') // 查询参数
 const reviseWindowOpen = ref(false)
 const addWindowOpen = ref(false)
@@ -39,6 +40,13 @@ function omit(val){
     })
   }).catch(err=>{})
 } // 删除按钮单击事件
+function search(){
+  if(!searchKey.value){
+    getData()
+  }else {
+    data.value = dataBackup.value.filter(item => item.phenomenonName.includes(searchKey.value) )
+  }
+}
 function handleClose(){
   reviseWindowOpen.value = false
   addWindowOpen.value = false
@@ -72,6 +80,7 @@ onMounted(()=>{
 function getData(){
   getPhenomenon().then(res => {
     data.value = res.data
+    dataBackup.value = [...data.value]
   })
 }
 </script>
@@ -81,10 +90,10 @@ function getData(){
     <el-row>
       <el-col :span="8" label>名称：</el-col>
       <el-col :span="16">
-        <el-input v-model="searchKey"/>
+        <el-input clearable v-model="searchKey"/>
       </el-col>
     </el-row>
-    <el-button type="primary" class="add-search-btn">查询</el-button>
+    <el-button type="primary" @click="search" class="add-search-btn">查询</el-button>
     <el-button type="primary" @click="add" class="add-search-btn">新增</el-button>
   </div>
   <div class="table-wrapper">