feat(property-marketing): 优化报表页面布局和功能

- 重新设计了业务分析报告和竞品分析报告的页面布局
- 添加了更多筛选条件和排序功能- 优化了表格列的展示内容和样式
- 更新了图表组件,支持更多图表类型
- 调整了路由模块中的报表名称
This commit is contained in:
林志军
2025-06-30 11:36:11 +08:00
parent ad465e6d93
commit 0a3c80a852
17 changed files with 404 additions and 270 deletions

View File

@ -1,5 +1,5 @@
<template>
<view class="placement-guide-style">
<view>
<div class="part-div">
<div>
<a-tabs v-model:activeKey="tabData" class="a-tab-class" default-active-key="placement_guide">
@ -12,9 +12,9 @@
<!--表单组件搜索-->
<listSearchForm></listSearchForm>
<!-- 投放指南-->
<PlacementGuideList v-if="tabData == 'placement_guide'"></PlacementGuideList>
<PlacementGuideList v-if="tabData === 'placement_guide'"></PlacementGuideList>
<!-- 历史指南列表-->
<GuideListHistory v-if="tabData == 'guide_history'"></GuideListHistory>
<GuideListHistory v-if="tabData === 'guide_history'"></GuideListHistory>
</div>
<!-- 本月摘要-->
@ -44,10 +44,6 @@
<script setup lang="ts">
import { reactive, ref } from 'vue';
import top1 from '@/assets/img/captcha/top1.svg';
import top2 from '@/assets/img/captcha/top2.svg';
import top3 from '@/assets/img/captcha/top3.svg';
import '@/views/property-marketing/put-account/investment-guidelines/style.scss';
import PlacementGuideList from './components/table-data/placementGuideList.vue';
import listSearchForm from './components/table-data/listSearchForm.vue';
import GuideListHistory from './components/table-data/guideListHistory.vue';
@ -64,8 +60,8 @@ const listQuery = reactive({
name: ref(''),
page_size: ref('10'),
});
const topImages = [top1, top2, top3];
</script>
<style lang="less" scoped></style>
<style lang="scss">
@import './style.scss';
</style>