feat: 新增二手房交易月历

Author: Ninjaxsh

package.json

@@ -45,13 +45,18 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.1",
+    "@fullcalendar/core": "^6.1.15",
+    "@fullcalendar/daygrid": "^6.1.15",
+    "@fullcalendar/interaction": "^6.1.15",
+    "@fullcalendar/vue3": "^6.1.15",
     "@howbizarre/vue-month-calendar": "^1.4.5",
     "@vueuse/core": "^10.11.0",
     "@wangeditor/editor": "^5.1.23",
     "@wangeditor/editor-for-vue": "5.1.10",
     "animate.css": "^4.1.1",
     "axios": "^1.7.2",
     "color": "^4.2.3",
+    "date-fns": "^3.6.0",
     "echarts": "^5.5.1",
     "element-plus": "^2.7.6",
     "exceljs": "^4.4.0",

src/api/house/index.ts

@@ -1,15 +1,16 @@
 import request from "@/utils/request";
 import { ChartHouseDataVO, ChartHouseDataList } from "./model";
+import { format } from "date-fns";
 
 class HouseAPI {
   /**
    * 获取房源数据
    *
    * @param dataType
    */
-  static getHouseData(dataType: number) {
+  static getHouseData(dataType: number, dataDate: Date) {
     return request<any, ChartHouseDataVO>({
-      url: "/house/" + dataType,
+      url: "/house/" + format(dataDate, "yyyy-MM-dd") + "/" + dataType,
       method: "get",
     });
   }

src/views/house/newarea/index.vue

@@ -40,9 +40,9 @@ const chartComponent = (item: string) => {
   return defineAsyncComponent(() => import(`../components/${item}.vue`));
 };
 
-async function handleQuery(dataType: number) {
+async function handleQuery(dataType: number, dataDate: Date) {
   loading.value = true;
-  await HouseAPI.getHouseData(dataType)
+  await HouseAPI.getHouseData(dataType, dataDate)
     .then((data) => {
       chartHousedataList.value = data as ChartHouseDataVO;
     })
@@ -52,7 +52,7 @@ async function handleQuery(dataType: number) {
 }
 
 onMounted(() => {
-  handleQuery(1);
+  handleQuery(1, new Date());
 });
 </script>
 

src/views/house/newsold/index.vue

@@ -40,9 +40,9 @@ const chartComponent = (item: string) => {
   return defineAsyncComponent(() => import(`../components/${item}.vue`));
 };
 
-async function handleQuery(dataType: number) {
+async function handleQuery(dataType: number, dataDate: Date) {
   loading.value = true;
-  await HouseAPI.getHouseData(dataType)
+  await HouseAPI.getHouseData(dataType, dataDate)
     .then((data) => {
       chartHousedataList.value = data as ChartHouseDataVO;
     })
@@ -52,7 +52,7 @@ async function handleQuery(dataType: number) {
 }
 
 onMounted(() => {
-  handleQuery(0);
+  handleQuery(0, new Date());
 });
 </script>
 

src/views/house/rearea-avg/index.vue

@@ -40,9 +40,9 @@ const chartComponent = (item: string) => {
   return defineAsyncComponent(() => import(`../components/${item}.vue`));
 };
 
-async function handleQuery(dataType: number) {
+async function handleQuery(dataType: number, dataDate: Date) {
   loading.value = true;
-  await HouseAPI.getHouseData(dataType)
+  await HouseAPI.getHouseData(dataType, dataDate)
     .then((data) => {
       chartHousedataList.value = data as ChartHouseDataVO;
     })
@@ -52,7 +52,7 @@ async function handleQuery(dataType: number) {
 }
 
 onMounted(() => {
-  handleQuery(3);
+  handleQuery(3, new Date());
 });
 </script>
 

src/views/house/rearea/index.vue

@@ -40,9 +40,9 @@ const chartComponent = (item: string) => {
   return defineAsyncComponent(() => import(`../components/${item}.vue`));
 };
 
-async function handleQuery(dataType: number) {
+async function handleQuery(dataType: number, dataDate: Date) {
   loading.value = true;
-  await HouseAPI.getHouseData(dataType)
+  await HouseAPI.getHouseData(dataType, dataDate)
     .then((data) => {
       chartHousedataList.value = data as ChartHouseDataVO;
     })
@@ -52,7 +52,7 @@ async function handleQuery(dataType: number) {
 }
 
 onMounted(() => {
-  handleQuery(6);
+  handleQuery(6, new Date());
 });
 </script>