我的申请页面 筛选功能

front/src/views/personalCenter/components/MyApply.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="on-the-right-side-of-the-list">
-    <div class="title">我的申请</div>
+    <div class="title" style="margin-bottom: 0.2rem">我的申请</div>
     <!-- <div class="sousuokuang">
       <a-input-search
         v-model:value="name"
@@ -18,7 +18,7 @@
         重置
       </a-button>
     </div> -->
-    <div class="tab">
+    <div class="tab" style="margin-bottom: 0.1rem">
       <span>类型</span>
       <div
         :class="typeIndex == index ? 'tabclass' : ' '"
@@ -29,8 +29,8 @@
         {{ item }}
       </div>
     </div>
-    <!-- <div class="tab">
+    <div class="tab">
-      <span>筛选</span>
+      <span>申请状态</span>
       <div
         :class="tabIndex == index ? 'tabclass' : ' '"
         @click="tabqiehuan(item, index)"
@@ -47,7 +47,7 @@
           {{ item }}
         </template>
       </div>
-    </div> -->
+    </div>
     <div v-if="contentList.data.length > 0">
       <div class="content">
         <div
@@ -94,7 +94,7 @@
               当前节点：{{ item.currentTaskList[0].taskName }}
             </p>
           </div> -->
-          <div>
+          <!-- <div>
             <p
               class="content-body-content-son"
               v-if="item.name === '申请摄像头列表'"
@@ -146,7 +146,7 @@
                 </a-button>
               </p>
             </template>
-          </div>
+          </div> -->
           <!-- <div class="content-body-title"></div>
           <div class="content-body-content">
             <p class="content-body-content-son"></p>
@@ -375,6 +375,8 @@
   // 选择类型
   const changeType = (item, index) => {
     console.log(item, index)
+    tabIndex.value = 0
+    ended.value = ''
     page.value = 1
     typeIndex.value = index
     getApplyList()
@@ -535,7 +537,7 @@
     const params = {
       page: page.value,
       limit: 4,
-      // ended: ended.value,
+      ended: ended.value,
       // name: name.value,
     }
     if (typeIndex.value == 0) {