feat:更新账单搜索模块

src/views/bill/search.vue

@@ -1,32 +1,16 @@
 <template>
   <div class="mobile-bill-view common-mobile-view">
-    <div class="common-query">
-      <el-form :model="billStore.billSearchForm">
-        <el-form-item label="账单内容">
-          <el-input v-model="billStore.billSearchForm.content"
-                    @input="billStore.searchInfo()"
-                    placeholder="请输入账单内容" clearable/>
-        </el-form-item>
-
-        <el-form-item label="账单类别">
-          <el-input v-model="billStore.billSearchForm.category"
-                    @input="billStore.searchInfo()"
-                    placeholder="请输入账单类别" clearable/>
-        </el-form-item>
-
-        <el-form-item label="账单地址">
-          <el-input v-model="billStore.billSearchForm.location"
-                    @input="billStore.searchInfo()"
-                    placeholder="请输入账单地址" clearable/>
-        </el-form-item>
-      </el-form>
-    </div>
+    <bill-search />
 
     <div v-if="billStore.billRecordList.length === 0">
       <el-empty description="暂无数据"/>
     </div>
 
     <div v-else class="bill-search-list card-item">
+      <div class="search-result-title">
+        <span>收入：{{ formatAmount(getTotalAmount(billStore.billRecordList, 'income')) }}</span>
+        <span>支出：{{ formatAmount(getTotalAmount(billStore.billRecordList, 'expensive')) }}</span>
+      </div>
       <daily-card v-for="(item, index) in billStore.billRecordList"
                   :key="index" @click="selectBillRecordClick(item)"
                   :title="item.category" :content="item.content">
@@ -53,10 +37,11 @@
 </template>
 
 <script lang="ts" setup>
+import BillSearch from '@/components/Bill/BillSearch.vue'
 import DailyCard from '@/components/DailyCard.vue'
 import { onMounted } from 'vue'
 import { useBillStore } from '@/store/bill.ts'
-import { getCategoryByName } from '@/utils/home/billUtil'
+import { getCategoryByName, getTotalAmount } from '@/utils/home/billUtil'
 import { formatAmount } from 'vue3-common/utils/numberUtil'
 import { IBillRecord } from '@/types/bill'
 import { useRouter } from 'vue-router'