搜索修复

src/views/webSiteManagement/industryApplication/applicationList/appList/index.vue

 <!--
  * @Author: your name
  * @Date: 2020-12-02 10:27:53
- * @LastEditTime: 2020-12-09 11:14:00
+ * @LastEditTime: 2020-12-09 14:17:29
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \rs-cloud-platform-ui\src\views\webSiteManagement\industryApplication\applicationList\index.vue
@@ -14,7 +14,7 @@
         <span>应用名称</span>
         <el-col :span="16">
           <el-input
-            v-model="applyName"
+            v-model="currentTypeName"
             placeholder="请输入类型名称"
             size="100px"
           ></el-input>
@@ -49,6 +49,7 @@
           class="item"
           v-for="(item, index) in operatorControls"
           :key="index"
+          @click.stop="clickOperator(index)"
         >
           {{ item.name }}
         </div>
@@ -163,7 +164,7 @@ export default {
           name: "清空搜索",
         },
       ],
-      applyName: "",
+      currentTypeName: "",
       //所有状态
       status: [
         {
@@ -211,6 +212,7 @@ export default {
     };
   },
   mounted() {
+    this.pullAllApplicationType()
     this.pullListApplicationInfo()
   },
   methods: {
@@ -225,20 +227,37 @@ export default {
       this.$parent.componentName = 'addApp'
       this.$parent.info = null
     },
-    // 分页获取应用详情数据
-    pullListApplicationInfo(){
-      getListApplicationInfo({
-        page: this.infoPagination.currentPage,
-        limit: this.infoPagination.pageSize
-      }).then(res => {
-        if(res.status==200){
-          console.log("分页获取到的数据=>",res)
-          this.tableDataCache = []
-          this.tableData = []
-          this.infoPagination.total = res.data.totalCount
-          res.data.data.forEach(element => {
-            this.tableDataCache.push(element)
+    // 获取所有应用类型
+    pullAllApplicationType(){
+      this.types = [{
+          value: "",
+          label: "全部",
+      }]
+      getAllApplicationType().then(res => {
+        if(res.status == 200){
+          // console.log("获取所有的应用类型=>",res)
+          res.data.forEach(element => {
+            if(element.isDel==0){
+              this.types.push({
+                value: element.id,
+                label: element.title
+              });
+            }
           });
+        }
+      })
+    },
+    clickOperator(index){
+      if(index == 1){
+        this.currentTypeName = ""
+        this.currentStatus = ""
+        this.currentType = ""
+      }
+      this.screenApplicationInfo()
+    },
+    // 筛选数据
+    screenApplicationInfo(){
+      this.tableData = []
       this.tableDataCache.forEach(element => {
         // 未被删除的
         if(element.isDel==0){
@@ -269,6 +288,62 @@ export default {
           });
         }
       });
+      if(this.currentStatus!=''){
+        this.tableData = this.tableData.filter(element => element.status == this.currentStatus)
+      }
+      if(this.currentType!=''){
+        let type = this.types.find(element => element.value == this.currentType)
+        this.tableData = this.tableData.filter(element => this.getAttributeIndustry(element.attribute) == type.label)
+      }
+      if(this.currentTypeName!=''){
+        this.tableData = this.tableData.filter(element => element.title == this.currentTypeName)
+      }
+    },
+    // 分页获取应用详情数据
+    pullListApplicationInfo(){
+      getListApplicationInfo({
+        page: this.infoPagination.currentPage,
+        limit: this.infoPagination.pageSize
+      }).then(res => {
+        if(res.status==200){
+          console.log("分页获取到的数据=>",res)
+          this.tableDataCache = []
+          this.tableData = []
+          this.infoPagination.total = res.data.totalCount
+          res.data.data.forEach(element => {
+            this.tableDataCache.push(element)
+          });
+          this.screenApplicationInfo()
+          // this.tableDataCache.forEach(element => {
+          //   // 未被删除的
+          //   if(element.isDel==0){
+          //     this.tableData.push({
+          //       attribute:element.attribute,
+          //       examples:element.examples,
+          //       examplesJson: element.examplesJson,
+          //       id: element.id,
+          //       indexShow:element.indexShow,
+          //       introduction:element.introduction,
+          //       isDel:element.isDel,
+          //       protection:element.protection,
+          //       rank: element.rank,
+          //       firstTypeId:element.firstTypeId,
+          //       firstTitle: element.firstTitle,
+          //       secondTypeId:element.secondTypeId,
+          //       secondTitle:element.secondTitle,
+          //       title: element.title,
+          //       coverImg:element.coverImg,
+          //       icon: {
+          //         url: element.detailImg,
+          //         showPreview: false,
+          //       },
+          //       crtTime: element.crtTime,
+          //       status: element.status,
+          //       updTime: element.updTime,
+          //       customized: element.customized,
+          //     });
+          //   }
+          // });
         }
       })
     },