申购车中展开收起修改

front/src/views/home/AbilityToApplyFor.vue

@@ -29,7 +29,8 @@
             p-id="5928"
           ></path>
         </svg>
-        <span class="btn" @click="falg = !falg">展开</span>
+        <span class="btn" style="font-weight:600" @click="falg = !falg">展开</span>
+        <span class="btn" @click="falg = !falg">(共{{totalDataNum}}条数据)</span>
       </div>
       <div class="btnBox" v-show="falg">
         <svg
@@ -49,7 +50,7 @@
             fill="#13227a"
           ></path>
         </svg>
-        <span class="btn" @click="falg = !falg">收起</span>
+        <span class="btn" style="font-weight:600" @click="falg = !falg">收起</span>
       </div>
     </div>
     <div
@@ -165,6 +166,7 @@
   })
   const falg = ref(false)
   let dataForm = ref([])
+  let totalDataNum = ref(0);
   const videoVisible = ref(false)
   const xVideoList = ref([])
   const xVideoListAll = ref([])
@@ -251,7 +253,17 @@
         })
     } 
       getDeptAllData(); 
-</script>
+      const getDataTotalNum = () =>{
+        let totalNum  =0;
+       dataForm.value.forEach((item)=>{
+        totalNum = totalNum +item.arr.length;
+     });
+     totalDataNum.value = totalNum;
+    } 
+    getDataTotalNum();
+    //获取数据的总条数
+    
+</script> 
 
 <style scoped lang="less">
   .ability-to-apply-for {