You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
75 lines
1.9 KiB
75 lines
1.9 KiB
4 months ago
|
<!--
|
||
|
|
* 首页
|
||
|
|
*
|
||
|
|
-->
|
||
|
|
<template>
|
||
|
|
<!-- 顶部用户信息-->
|
||
|
|
<a-row>
|
||
|
|
<HomeHeader />
|
||
|
|
</a-row>
|
||
|
|
<!--下方左右布局-->
|
||
|
|
<a-row :gutter="[10, 10]">
|
||
|
|
<!--左侧-->
|
||
|
|
<a-col :span="16">
|
||
|
|
<a-row :gutter="[10, 10]">
|
||
|
|
<!--公告信息-->
|
||
|
|
<a-col :span="12">
|
||
|
|
<HomeNotice title="公告" :noticeTypeId="1" />
|
||
|
|
</a-col>
|
||
|
|
<!--企业动态-->
|
||
|
|
<a-col :span="12">
|
||
|
|
<HomeNotice title="通知" :noticeTypeId="2" />
|
||
|
|
</a-col>
|
||
|
|
<!--各类报表-->
|
||
|
|
<!-- <a-col :span="6">
|
||
|
|
<Gauge :percent="saleTargetPercent" />
|
||
|
|
</a-col> -->
|
||
|
|
<a-col :span="12">
|
||
|
|
<ToBeDoneCard />
|
||
|
|
</a-col>
|
||
|
|
<a-col :span="12">
|
||
|
|
<Category />
|
||
|
|
</a-col>
|
||
|
|
</a-row>
|
||
|
|
</a-col>
|
||
|
|
<!--右侧-->
|
||
|
|
<a-col :span="8">
|
||
|
|
<a-row :gutter="[10, 10]">
|
||
|
|
<!--快捷入口-->
|
||
|
|
<!-- <a-col :span="24">
|
||
|
|
<HomeQuickEntry />
|
||
|
|
</a-col> -->
|
||
|
|
<!--关注公众号-->
|
||
|
|
<a-col :span="24">
|
||
|
|
<OfficialAccountCard />
|
||
|
|
</a-col>
|
||
|
|
<!--更新日志-->
|
||
|
|
<a-col :span="24">
|
||
|
|
<ChangelogCard />
|
||
|
|
</a-col>
|
||
|
|
</a-row>
|
||
|
|
</a-col>
|
||
|
|
<!-- <AdModal/>-->
|
||
|
|
</a-row>
|
||
|
|
</template>
|
||
|
|
<script setup>
|
||
|
|
import { computed } from 'vue';
|
||
|
|
import HomeHeader from './home-header.vue';
|
||
|
|
import HomeNotice from './home-notice.vue';
|
||
|
|
import OfficialAccountCard from './components/official-account-card.vue';
|
||
|
|
import ToBeDoneCard from './components/to-be-done-card/home-to-be-done.vue';
|
||
|
|
import ChangelogCard from './components/changelog-card.vue';
|
||
|
|
import Category from './components/echarts/category.vue';
|
||
|
|
import Pie from './components/echarts/pie.vue';
|
||
|
|
import Gradient from './components/echarts/gradient.vue';
|
||
|
|
// import AdModal from './ad-modal.vue';
|
||
|
|
|
||
|
|
// 业绩完成百分比
|
||
|
|
const saleTargetPercent = computed(() => {
|
||
|
|
return 75;
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
<style lang="less" scoped>
|
||
|
|
@import './index.less';
|
||
|
|
</style>
|