fix: resold chart

Author: Ninjaxsh

Diff for: src/views/house/components/BarChart.vue

@@ -6,9 +6,15 @@
         <b>{{ chartData.title.text }}</b>
       </div>
       <div class="title">
-        <el-text>七日：{{ chartData.sevenDayAverage }}</el-text>
-        <el-text>半月：{{ chartData.fifteenDayAverage }}</el-text>
-        <el-text>近月：{{ chartData.thirtyDayAverage }}</el-text>
+        <el-text v-if="displayTitle"
+          >七日：{{ chartData.sevenDayAverage }}</el-text
+        >
+        <el-text v-if="displayTitle"
+          >半月：{{ chartData.fifteenDayAverage }}</el-text
+        >
+        <el-text v-if="displayTitle"
+          >近月：{{ chartData.thirtyDayAverage }}</el-text
+        >
         <el-text>单位：{{ chartData.title.unit }}</el-text>
       </div>
     </template>
@@ -45,6 +51,7 @@ const props = defineProps({
   },
 });
 const chartData: ChartHouseDataVO = props.data as ChartHouseDataVO;
+const displayTitle = ref(false);
 console.log(chartData);
 const options = {
   grid: {
@@ -78,15 +85,15 @@ const options = {
     {
       type: "inside",
       xAxisIndex: [0, 1],
-      start: 70,
+      start: chartData.series[0].chatData.length < 30 ? 0 : 70,
       end: 100,
     },
     {
       show: true,
       xAxisIndex: [0, 1],
       type: "slider",
       top: "82%",
-      start: 90,
+      start: chartData.series[0].chatData.length < 30 ? 0 : 70,
       end: 100,
     },
   ],
@@ -182,6 +189,10 @@ const options = {
 const chart = ref<any>("");
 onMounted(() => {
   console.log("图表初始化");
+  // 是否初始化标题统计
+  if (chartData.sevenDayAverage > 0) {
+    displayTitle.value = true;
+  }
   // 图表初始化
   chart.value = markRaw(
     echarts.init(document.getElementById(props.id) as HTMLDivElement)

Diff for: src/views/house/resold-mon/index.vue

@@ -0,0 +1,93 @@
+<template>
+  <div class="app-container">
+    <!-- Echarts 图表 -->
+    <el-row :gutter="10" class="mt-3">
+      <el-col :xs="24" :sm="24" :lg="24" class="mb-2" :key="chartId">
+        <component
+          v-if="!loading"
+          :is="chartComponent(chartType)"
+          :id="chartId"
+          :data="chartHousedataList"
+          height="400px"
+          width="100%"
+          class="bg-[var(--el-bg-color-overlay)]"
+        />
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { EpPropMergeType } from "element-plus/es/utils/vue/props/types";
+defineOptions({
+  name: "Dashboard",
+  inheritAttrs: false,
+});
+
+import { useUserStore } from "@/store/modules/user";
+import { useTransition, TransitionPresets } from "@vueuse/core";
+
+import HouseAPI from "@/api/house";
+import { ChartHouseDataVO } from "@/api/house/model";
+
+const loading = ref(true); // 加载状态
+const chartHousedataList = ref<ChartHouseDataVO>();
+const userStore = useUserStore();
+// 图表数据
+const chartType = ref("BarChart");
+const chartId = ref("ResoldArea");
+const chartComponent = (item: string) => {
+  return defineAsyncComponent(() => import(`../components/${item}.vue`));
+};
+
+async function handleQuery(dataType: number) {
+  loading.value = true;
+  await HouseAPI.getHouseData(dataType)
+    .then((data) => {
+      chartHousedataList.value = data as ChartHouseDataVO;
+    })
+    .finally(() => {
+      loading.value = false;
+    });
+}
+
+onMounted(() => {
+  handleQuery(7);
+});
+</script>
+
+<style lang="scss" scoped>
+.app-container {
+  position: relative;
+  padding: 24px;
+
+  .user-avatar {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+  }
+
+  .github-corner {
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 1;
+    border: 0;
+  }
+
+  .data-box {
+    display: flex;
+    justify-content: space-between;
+    padding: 20px;
+    font-weight: bold;
+    color: var(--el-text-color-regular);
+    background: var(--el-bg-color-overlay);
+    border-color: var(--el-border-color);
+    box-shadow: var(--el-box-shadow-dark);
+  }
+
+  .svg-icon {
+    fill: currentcolor !important;
+  }
+}
+</style>