|
|
@ -67,21 +67,8 @@ |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
</el-skeleton> |
|
|
|
</el-skeleton> |
|
|
|
</el-card> |
|
|
|
</el-card> |
|
|
|
<el-row class="mt-10px" :gutter="10" justify="space-between"> |
|
|
|
<div class="mt-10px flex"> |
|
|
|
<!-- <el-col :xl="6" :lg="6" :md="12" :sm="12" :xs="24" class="mb-10px"> |
|
|
|
<el-card shadow="never" class="flex-1"> |
|
|
|
<el-card shadow="never"> |
|
|
|
|
|
|
|
<template #header> |
|
|
|
|
|
|
|
<div class="flex justify-between "> |
|
|
|
|
|
|
|
<span>本月成交来源</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
<el-skeleton :loading="loading" animated> |
|
|
|
|
|
|
|
<Echart :options="pieOptionsData" :height="280" /> |
|
|
|
|
|
|
|
</el-skeleton> |
|
|
|
|
|
|
|
</el-card> |
|
|
|
|
|
|
|
</el-col> --> |
|
|
|
|
|
|
|
<el-col :xl="8" :lg="8" :md="12" :sm="12" :xs="24" class="mb-10px"> |
|
|
|
|
|
|
|
<el-card shadow="never"> |
|
|
|
|
|
|
|
<template #header> |
|
|
|
<template #header> |
|
|
|
<div class="flex justify-between"> |
|
|
|
<div class="flex justify-between"> |
|
|
|
<span>成交率</span> |
|
|
|
<span>成交率</span> |
|
|
@ -93,9 +80,7 @@ |
|
|
|
</el-skeleton> |
|
|
|
</el-skeleton> |
|
|
|
</el-skeleton> |
|
|
|
</el-skeleton> |
|
|
|
</el-card> |
|
|
|
</el-card> |
|
|
|
</el-col> |
|
|
|
<el-card shadow="never" class="ml-10px"> |
|
|
|
<el-col :xl="8" :lg="8" :md="12" :sm="12" :xs="24" class="mb-10px"> |
|
|
|
|
|
|
|
<el-card shadow="never"> |
|
|
|
|
|
|
|
<template #header> |
|
|
|
<template #header> |
|
|
|
<div class="flex justify-between items-center"> |
|
|
|
<div class="flex justify-between items-center"> |
|
|
|
<span>跟进榜Top10</span> |
|
|
|
<span>跟进榜Top10</span> |
|
|
@ -122,9 +107,7 @@ |
|
|
|
</ul> |
|
|
|
</ul> |
|
|
|
</el-skeleton> |
|
|
|
</el-skeleton> |
|
|
|
</el-card> |
|
|
|
</el-card> |
|
|
|
</el-col> |
|
|
|
<el-card shadow="never" class="ml-10px"> |
|
|
|
<el-col :xl="8" :lg="8" :md="12" :sm="12" :xs="24" class="mb-10px"> |
|
|
|
|
|
|
|
<el-card shadow="never"> |
|
|
|
|
|
|
|
<template #header> |
|
|
|
<template #header> |
|
|
|
<div class="flex justify-between"> 本月成交榜Top10 </div> |
|
|
|
<div class="flex justify-between"> 本月成交榜Top10 </div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
@ -137,8 +120,19 @@ |
|
|
|
</el-table> |
|
|
|
</el-table> |
|
|
|
</el-skeleton> |
|
|
|
</el-skeleton> |
|
|
|
</el-card> |
|
|
|
</el-card> |
|
|
|
</el-col> |
|
|
|
</div> |
|
|
|
</el-row> |
|
|
|
<!-- <el-col :xl="6" :lg="6" :md="12" :sm="12" :xs="24" class="mb-10px"> |
|
|
|
|
|
|
|
<el-card shadow="never"> |
|
|
|
|
|
|
|
<template #header> |
|
|
|
|
|
|
|
<div class="flex justify-between "> |
|
|
|
|
|
|
|
<span>本月成交来源</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
<el-skeleton :loading="loading" animated> |
|
|
|
|
|
|
|
<Echart :options="pieOptionsData" :height="280" /> |
|
|
|
|
|
|
|
</el-skeleton> |
|
|
|
|
|
|
|
</el-card> |
|
|
|
|
|
|
|
</el-col> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<script setup lang="ts" name="Home"> |
|
|
|
<script setup lang="ts" name="Home"> |
|
|
|