qiushanhe/ss-crm-manage-web
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

上传

Browse Source
This commit is contained in:
qsh
2024-06-27 17:14:30 +08:00
parent bae1f2608a
commit 906b63feee
5 changed files with 63 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
src/views/Home/Index.vue
View File

@@ -67,8 +67,61 @@
</el-row>
</el-skeleton>
</el-card>
<el-row class="mt-10px" :gutter="10" justify="space-between">
<!-- <el-col :xl="6" :lg="6" :md="12" :sm="12" :xs="24" class="mb-10px">
<div class="mt-10px flex">
<el-card shadow="never" class="flex-1">
<template #header>
<div class="flex justify-between">
<span>成交率</span>
</div>
</template>
<el-skeleton :loading="loading" animated>
<el-skeleton :loading="loading" animated>
<Echart :options="lineOptionsData" :height="280" />
</el-skeleton>
</el-skeleton>
</el-card>
<el-card shadow="never" class="ml-10px">
<template #header>
<div class="flex justify-between items-center">
<span>跟进榜Top10</span>
<el-radio-group v-model="followDate" size="small" @change="getFollowList">
<el-radio :label="1">本日</el-radio>
<el-radio :label="2">本月</el-radio>
</el-radio-group>
</div>
</template>
<el-skeleton :loading="loading" animated>
<ul class="follow-wrap">
<!-- <TransitionGroup name="flip"> -->
<li
class="follow-item number-font mb-18px text-14px"
v-for="(item, index) in followList"
:key="index"
>
<span class="mr-10px">NO.{{ index + 1 }}</span>
<span class="mr-10px">{{ item.username }}</span>
<span>已跟进{{ item.followNum }}条线索</span>
</li>
<br />
<!-- </TransitionGroup> -->
</ul>
</el-skeleton>
</el-card>
<el-card shadow="never" class="ml-10px">
<template #header>
<div class="flex justify-between"> 本月成交榜Top10 </div>
</template>
<el-skeleton :loading="loading" animated>
<el-table :data="signList" size="small">
<el-table-column type="index" />
<el-table-column prop="username" label="姓名" width="100" />
<el-table-column prop="followNum" label="成交数量" width="70" />
<el-table-column prop="deptName" label="所属组织" />
</el-table>
</el-skeleton>
</el-card>
</div>
<!-- <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 ">
@@ -80,65 +133,6 @@
</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>
<div class="flex justify-between">
<span>成交率</span>
</div>
</template>
<el-skeleton :loading="loading" animated>
<el-skeleton :loading="loading" animated>
<Echart :options="lineOptionsData" :height="280" />
</el-skeleton>
</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>
<div class="flex justify-between items-center">
<span>跟进榜Top10</span>
<el-radio-group v-model="followDate" size="small" @change="getFollowList">
<el-radio :label="1">本日</el-radio>
<el-radio :label="2">本月</el-radio>
</el-radio-group>
</div>
</template>
<el-skeleton :loading="loading" animated>
<ul class="follow-wrap">
<!-- <TransitionGroup name="flip"> -->
<li
class="follow-item number-font mb-18px text-14px"
v-for="(item, index) in followList"
:key="index"
>
<span class="mr-10px">NO.{{ index + 1 }}</span>
<span class="mr-10px">{{ item.username }}</span>
<span>已跟进{{ item.followNum }}条线索</span>
</li>
<br />
<!-- </TransitionGroup> -->
</ul>
</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>
<div class="flex justify-between"> 本月成交榜Top10 </div>
</template>
<el-skeleton :loading="loading" animated>
<el-table :data="signList" size="small">
<el-table-column type="index" />
<el-table-column prop="username" label="姓名" width="100" />
<el-table-column prop="followNum" label="成交数量" width="70" />
<el-table-column prop="deptName" label="所属组织" />
</el-table>
</el-skeleton>
</el-card>
</el-col>
</el-row>
</div>
</template>
<script setup lang="ts" name="Home">