elementUI 页面布局

最新推荐文章于 2025-06-24 13:15:00 发布

原创

最新推荐文章于 2025-06-24 13:15:00 发布 · 1.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

这是一个关于数据统计和分配管理的界面展示，包括名片分配情况、渠道来源分析和顾问分配详情。界面提供今日、昨日及本月累计的数据，并展示了顾问的概率、名片上限等信息。用户可以导出渠道来源数据，同时提供了快速调整顾问分配的选项。此外，还有关于科学设定名片分配的提示和操作指南。

<div id="rrapp" v-cloak>
    <el-row :gutter="20">

        <el-col :span="5"> <div style="atsc-nav-left: #div2 #div1;" v-for="">
            <h3 style="font-weight: bold;">名片分配情况</h3>
            <div style="margin-top: 50px;font-size: 18px">
                <span >今日:<span style="color: deepskyblue;font-size: 26px;font-weight: bold"> {
  
  {table.main.data.todayTotal}}</span></span>&nbsp;&nbsp;&nbsp;
                <span >昨日:<span style="font-size: 26px;font-weight: bold"> {
  
  {table.main.data.yesTotal}}</span></span>
            </div>
            <el-divider></el-divider>
            <div style="margin-top: 30px;font-size: 18px" >本月累计:<span style="color: deepskyblue;font-size: 26px;font-weight: bold"> {
  
  {table.main.data.thisMonTotal}}</span> </div>
            <div style="margin-top: 30px;font-size: 18px" >上月总计:<span style="font-size: 26px;font-weight: bold"> {
  
  {table.main.data.fistMonTotal}}</span> </div>
            <h3 style="margin-top: 70px;font-weight: bold">今日顾问分配</h3>
            <div style="margin-top: 30px;font-size: 18px " >当前有概率顾问人数: <span style="font-size: 26px;font-weight: bold">{
  
  {table.main.data.receivedTotal}}</span> </div>
            <div style="margin-top: 30px;font-size: 18px" >名片达上限顾问人数: <span style="color: red;font-size: 26px;font-weight: bold">{
  
  {table.main.data.upLimitTotal}}</span> </div>
            <div style="margin-top: 30px;font-size: 18px" >当前概率总和: <span style="color: red;font-size: 26px;font-weight: bold">{
  
  {table.main.data.propertyTotal}}%</span> </div>
            <el-tooltip placement="right" style="margin-top: 50px">
                <div slot="content">
                    产品经理友情提示∶)<br/>
                    1、设定合理的概率<br/>
                    2、设定合理的名片上限(通常流量=名片上限*70%左右)<br/>
                    3、关注每个顾问近三天流量情况，灵活调整第二天概率和上限。<br/>
                    3、关注名片打匀情况，当某人名片上限打满后，会优