feat:移植工程

src/views/home/property/bill.vue

@@ -0,0 +1,56 @@
+<template>
+  <div class="bill-view common-view">
+    <div class="body-container">
+      <div class="left-container">
+        <bill-stats />
+
+        <bill-chart />
+      </div>
+
+      <div class="right-container">
+        <bill-query/>
+
+        <bill-daily-list v-if="billStore.billDateType === 'year'"/>
+        <bill-calendar v-if="billStore.billDateType === 'month'" />
+      </div>
+
+      <el-button v-if="isLargeScreen()"
+                 type="primary" :icon="Plus" circle
+                 @click="addNewBillRecordClick" class="add-new" />
+    </div>
+
+    <bill-dialog />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import BillQuery from '@/components/Home/Bill/BillQuery.vue'
+import BillStats from '@/components/Home/Bill/BillStats.vue'
+import BillChart from '@/components/Home/Bill/BillChart.vue'
+import BillDailyList from '@/components/Home/Bill/BillDailyList.vue'
+import BillCalendar from '@/components/Home/Bill/BillCalendar.vue'
+import BillDialog from '@/components/Home/Bill/BillDialog.vue'
+import { Plus } from '@element-plus/icons-vue'
+import { onMounted } from 'vue'
+import { useBillStore } from '@/store/bill.ts'
+import { isLargeScreen } from '@/utils'
+
+const billStore = useBillStore()
+
+onMounted(async () => {
+  await billStore.refreshInfo()
+})
+
+const addNewBillRecordClick = () => {
+  billStore.billApiType = 'ADD'
+  billStore.billDialog = {
+    title: '新增账单',
+    visible: true,
+    data: billStore.getEmptyBillRecord()
+  }
+}
+</script>
+
+<style lang="scss">
+@use "@/styles/home/bill.module.scss";
+</style>