修改查询

src/views/innovation/index.vue

@@ -10,10 +10,10 @@
             <el-row class="one_1">
               <el-col :span="12" class="oneLeft">
                 <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
-                  <el-tab-pane label="全部比赛" name="first"></el-tab-pane>
-                  <el-tab-pane label="大奖赛" name="second"></el-tab-pane>
-                  <el-tab-pane label="经典赛" name="third"></el-tab-pane>
-                  <el-tab-pane label="训练赛" name="fourth"></el-tab-pane>
+                  <el-tab-pane label="全部比赛" name="-1"></el-tab-pane>
+                  <el-tab-pane label="大奖赛" name="0"></el-tab-pane>
+                  <el-tab-pane label="经典赛" name="1"></el-tab-pane>
+                  <el-tab-pane label="训练赛" name="2"></el-tab-pane>
                 </el-tabs>
               </el-col>
               <el-col :span="12" class="oneRight">
@@ -225,16 +225,21 @@ const search = async (query = { skip: 0, limit }) => {
     is_use: '0',
     status: '1'
   }
+  console.log(info)
   const res = await store.query(info)
   if (res.errcode == '0') {
     list.value = res.data
     total.value = res.total
   }
 }
-const activeName = ref('first')
+const activeName = ref('-1')
 
-const handleClick = (tab, event) => {
-  console.log(tab, event)
+const handleClick = async (tab) => {
+  if (tab.props.name != '-1') searchForm.value.form = tab.props.name
+  else delete searchForm.value.form
+  loading.value = true
+  await search({ skip, limit })
+  loading.value = false
 }
 // 字典数据转换
 const getDict = (data, model) => {
@@ -252,32 +257,46 @@ const toView = (item) => {
 const getTime = (data) => {
   if (data) return `${data[0]} - ${data[1]}`
 }
-// 时间
+// 查询名称
 const onSearch = () => {
-  if (input.value) searchForm.value = { name: input.value }
-  else searchForm.value = {}
+  if (input.value) searchForm.value.name = input.value
+  else delete searchForm.value.name
   search({ skip, limit })
 }
 // 选择查询
-const toSelect = (item, num) => {
+const toSelect = async (item, num) => {
   if (num == 'one') {
     for (const val of statusList.value) {
-      if (val.value == item.value) val.is_active = true
-      else val.is_active = false
+      if (val.value == item.value) {
+        if (item.value != '-1') searchForm.value.match_status = item.value
+        else delete searchForm.value.match_status
+        val.is_active = true
+      } else val.is_active = false
     }
   }
   if (num == 'two') {
     for (const val of typeList.value) {
-      if (val.value == item.value) val.is_active = true
-      else val.is_active = false
+      if (val.value == item.value)
+        if (val.value == item.value) {
+          if (item.value != '-1') searchForm.value.type = item.value
+          else delete searchForm.value.type
+          val.is_active = true
+        } else val.is_active = false
     }
   }
   if (num == 'thr') {
     for (const val of industryList.value) {
-      if (val.value == item.value) val.is_active = true
-      else val.is_active = false
+      if (val.value == item.value)
+        if (val.value == item.value) {
+          if (item.value != '-1') searchForm.value.industry = item.value
+          else delete searchForm.value.industry
+          val.is_active = true
+        } else val.is_active = false
     }
   }
+  loading.value = true
+  await search({ skip, limit })
+  loading.value = false
 }
 const currentPage = ref(1)
 // 分页