scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347
							{extend name="public/layout"} {block name="body"}
<style type="text/css">
  html,
  body {
    display: block;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #f0f4f7;
    /*min-width: 1160px;*/
    /*min-height: 553px;*/
  }

  body {
    padding:20px;
  }
  .card-right {
    position: absolute;
    right: 15px;
  }

  .card-title-right {
    top: 30%;
    position: absolute;
    right: 15px;
  }

  .big-font {
    font-size: 36px;
    color: #666;
    line-height: 36px;
    padding: 5px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
  }

  .BtnJJ {
    margin-right: 10px;
  }
  .chartBox{
    width:100%;
    overflow: hidden;
  }
  .chartItemBox{
    float: left;
    width:33.3333%;
  }

</style>
<link rel="stylesheet" href="__LAYUI__/common.css" media="all">
<body>
<div class="layui-fluid" >
  <div class="layui-row layui-col-space15">

    <div class="layui-col-sm6 layui-col-md3">
      <div class="layui-card">
        <div class="layui-card-header">
          获得订单总量
          <span class="layui-badge layui-bg-blue card-title-right">总计</span>
        </div>
        <div class="layui-card-body">
          <p class="big-font">{$order.num}个</p>
          <p>
            累计订单收益
            <span class="card-right">{$order.money}元 <i class="layui-inline layui-icon layui-icon-rmb"></i></span>
          </p>
        </div>
      </div>
    </div>
    <div class="layui-col-sm6 layui-col-md3">
      <div class="layui-card">
        <div class="layui-card-header">
          获得礼物收益
          <span class="layui-badge layui-bg-blue card-title-right">总计</span>
        </div>
        <div class="layui-card-body">
          <p class="big-font">{$gift.money}元</p>
          <p>
            累计被打赏
            <span class="card-right">{$gift.num}次 <i class="layui-inline layui-icon layui-icon-face-smile"></i></span>
          </p>
        </div>
      </div>
    </div>
    <div class="layui-col-sm6 layui-col-md3">
      <div class="layui-card">
        <div class="layui-card-header">
          营销钱包剩余
          <!-- <span class="layui-badge layui-bg-blue card-title-right">月</span> -->
        </div>
        <div class="layui-card-body">
          <p class="big-font">{$money}元</p>
          <p>
            裂变获客({$shareNum})人次
            <span class="card-right"><a href="/live/fission/index.html"><input type=button value="立即充值"
                                                                               class="layui-btn layui-btn-xs"></a></span>
          </p>
        </div>
      </div>
    </div>

    <div class="layui-col-sm6 layui-col-md3">
      <div class="layui-card">
        <div class="layui-card-header">
          可提现余额
        </div>
        <div class="layui-card-body">
          <p class="big-font">{$yue}元</p>
          <p>
            50元起提，手续费0.6%
            <span class="card-right"><a href="/live/cash/log.html"><input type=button value="我要提现"
                                                                          class="layui-btn layui-btn-xs"></a></span>
          </p>
        </div>


      </div>


    </div>
<!--    <div class="layui-col-sm12">-->
<!--      <div class="layui-card">-->

<!--        <div class="layui-field-box">-->
<!--          <span>快捷导航：</span>-->
<!--          &lt;!&ndash;<a href="{:url('fission/live')}"><span-->
<!--              class="BtnJJ layui-btn layui-btn-sm layui-btn-primary layui-btn-radius">直播裂变</span></a>&ndash;&gt;-->
<!--          <a href="{:url('redbag/index')}"><span-->
<!--                  class="BtnJJ layui-btn layui-btn-sm layui-btn-primary layui-btn-radius">发放红包</span></a>-->
<!--          <a href="{:url('present/order')}"><span-->
<!--                  class="BtnJJ layui-btn layui-btn-sm layui-btn-primary layui-btn-radius">进店礼获客</span></a>-->
<!--          <a href="{:url('answer/index')}"><span-->
<!--                  class="BtnJJ layui-btn layui-btn-sm layui-btn-primary layui-btn-radius">直播答题互动</span></a>-->
<!--          <a href="{:url('order/index')}"><span-->
<!--                  class="BtnJJ layui-btn layui-btn-sm layui-btn-primary layui-btn-radius">查看订单</span></a>-->
<!--          <a href="{:url('waistcoat/index')}"><span-->
<!--                  class="BtnJJ layui-btn layui-btn-sm layui-btn-primary layui-btn-radius">添加马甲</span></a>-->
<!--          <a href="{:url('chat/index')}"><span-->
<!--                  class="BtnJJ layui-btn layui-btn-sm layui-btn-primary layui-btn-radius">聊天记录管理</span></a>-->
<!--          <a href="{:url('keyword/index')}"><span-->
<!--                  class="BtnJJ layui-btn layui-btn-sm layui-btn-primary layui-btn-radius">关键词屏蔽</span></a>-->
<!--          <a href="{:url('promoter/group')}"><span-->
<!--                  class="BtnJJ layui-btn layui-btn-sm layui-btn-primary layui-btn-radius">推广绩效考核</span></a>-->
<!--          <a href="{:url('promoter/scene')}"><span-->
<!--                  class="BtnJJ layui-btn layui-btn-sm layui-btn-primary layui-btn-radius">客户行为分析</span></a>-->
<!--          <a href="{:url('customer/index')}"><span-->
<!--                  class="BtnJJ layui-btn layui-btn-sm layui-btn-primary layui-btn-radius">客户CRM管理</span></a>-->

<!--        </div>-->

<!--      </div>-->

<!--    </div>-->

    <div class="layui-col-sm12 chartBox">
      <div class="layui-card chartItemBox">
        <div class="layui-card-header">
          数据统计（近一年）
        </div>
        <div class="layui-card-body">
          <div class="layui-row">
            <div class="layui-col-sm12">
              <div id="despitmain" style="width: 100%;height:330px;"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="layui-card chartItemBox">
        <div class="layui-card-header">

        </div>
        <div class="layui-card-body">
          <div class="layui-row">
            <div class="layui-col-sm12">
              <div id="lookmain" style="width: 100%;height:330px;"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="layui-card chartItemBox">
        <div class="layui-card-header">

        </div>
        <div class="layui-card-body">
          <div class="layui-row">
            <div class="layui-col-sm12">
              <div id="sharemain" style="width: 100%;height:330px;"></div>
            </div>
          </div>
        </div>
      </div>
    </div>

  </div>
</div>
<script src="__STATIC__/layui/layui/layui.js"></script>
<script src="__STATIC__/js/jquery.min.js"></script>
<script src="__STATIC__/js/echarts.min.js"></script>
<script>
  var lookmain = echarts.init(document.getElementById('lookmain'));
  var despitmain = echarts.init(document.getElementById('despitmain'));
  var sharemain = echarts.init(document.getElementById('sharemain'));
  var option1 = {
    tooltip: {
      show: true,
      trigger: 'axis'
    },
    color:['#cf5e5b'],
    legend: {
      data: ['分享量']
    },
    xAxis: {
      data: {$month}
    },
    yAxis: {},
    series: [{
      name: '分享量',
      type: 'line',
      smooth: true,
      data: {$shareArr},
      lineStyle: {
        color: '#cf5e5b'
      }
    }
    ]
  };
  var option2 = {
    tooltip: {
      show: true,
      trigger: 'axis'
    },
    color:['#2f4554'],
    legend: {
      data: [ '访问量']
    },
    xAxis: {
      data: {$month}
    },
    yAxis: {},
    series: [{
      name: '访问量',
      type: 'line',
      smooth: true,
      data: {$loginArr},
      lineStyle: {
        color: '#2f4554'
      }
    }]
  };
  var option3 = {
    tooltip: {
      show: true,
      trigger: 'axis'
    },
    color:['#61a0a8'],
    legend: {
      data: [ '订单量']
    },
    xAxis: {
      data: {$month}
    },
    yAxis: {},
    series: [{
      name: '订单量',
      type: 'line',
      smooth: true,
      data: {$orderArr},
      lineStyle: {
        color: '#61a0a8'
      }
    }
    ]
  };
  sharemain.setOption(option1);
  lookmain.setOption(option2);
  despitmain.setOption(option3);

  //公告内容
  var content_status = {$content_status};
  var notice_status = {$notice_status};
  layui.use(['layer', 'layedit'], function () {
    var $ = layui.jquery
            , form = layui.form
            , layedit = layui.layedit
            , laydate = layui.laydate;
    if (content_status == 1 && notice_status == 0) {
      $(document).ready(function () {
        layer.open({
          type: 2,
          title: '系统公告内容', //不显示标题栏
          content: "{:url('index/notice')}",
          area: ['50%', '60%']
        });
      });
    }

    $(document).ready(function () {
      for (var i = 0; i < $('.shareBtn').length; i++) {
        $('.shareBtn')[i].index = i;
        $($('.shareBtn')[i]).on('click', function () {
          var index = this.index;
          console.log(index)//0是，1是
          var title = '';
          if (index == '0') {
            title = '裂变获客';
          } else if (index == '1') {
            title = '红包获客';
          } else if (index == '2') {
            title = '进店礼获客';
          } else if (index == '3') {
            title = '录播获客';
          } else if (index == '4') {
            title = '直播答题互动';
          } else if (index == '5') {
            title = '无障碍下单';
          } else if (index == '6') {
            title = '马甲发言';
          } else if (index == '7') {
            title = '关键词屏蔽';
          } else if (index == '8') {
            title = '人气自定义';
          } else if (index == '9') {
            title = '推广绩效考核';
          } else if (index == '10') {
            title = '客户行为分析';
          } else if (index == '11') {
            title = '客户CRM管理';
          }
          layer.open({
            title: title
            , type: 2
            , content: "{:url('index/homeopen')}"
            , area: ['800px', '470px']
          });
        })
      }
    })

  });
</script>
</body>
{/block}