scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
							{extend name="public/layout" /} {block name="title"}设计师团队报表{/block}
{block name="body"}
<link rel="stylesheet" href="__LAYUI__/layui/css/layui.css" media="all">
<link rel="stylesheet" href=" /static/css/common.css">
<script src="/static/js/jquery.min.js"></script>
<style>
  .cardheader {
    padding-left: 10px;
  }

  .layui-table thead tr,
  .layui-table-header {
    background-color: #f2f2f2 !important;
  }

  .layui-search {
    width: 100%;
    padding: 10px 0px 0px;
    height: 50px;
  }

  .layui-search-box {
    float: right;
  }

  #select-org {
    display: inline-block;
  }

  .search-left {
    float: left;
  }

  .search-left .tip {
    color: #FF0000;
    font-weight: bold;
  }

  .layui-table-box a {
    color: #249efb;
    cursor: pointer;
  }
</style>

<body>
  <div class="layui-card">
    <div class="layui-card-body">
      <div class="layui-search">
        <div class="search-left">您当前的操作 · <span class="tip">设计师团队报表</span></div>
        <div class="layui-form layui-search-box" lay-filter="search">
          <div id="select-org">
          </div>
          <div class="layui-inline">
            <div class="layui-input-inline select-date">
              <input style="width: 180px;" type="text" name="date" id="select_date" placeholder="开始时间 - 结束时间"
                autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <button class="layui-btn layuiadmin-btn-course searchBtn submitbtn" lay-submit
              lay-filter="LAY-user-front-search">
              <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
            </button>
          </div>
        </div>
      </div>
      <table id="operater" lay-filter="operater" style="margin-top:15px;"></table>
    </div>
  </div>
  {/block}
  {block name="js"}
  <script>
    layui.config({
      base: '__LAYUI__/',
      urlbase: '/sys'
    }).extend({
      index: 'lib/index' //主入口模块
    }).use(['index', 'table', 'laydate'], function () {
      var $ = layui.$,
        table = layui.table,
        form = layui.form,
        laydate = layui.laydate;
      //日期范围
      laydate.render({
        elem: '#select_date',
        range: true,
      });
      //监听搜索
      form.on('submit(LAY-user-front-search)', function (data) {
        //执行重载
        table.reload('operater', {
          where: {date: data.field.date }
        });
      });
      document.onkeydown = function (event) {
        var e = event || window.event || arguments.callee.caller.arguments[0];
        if (e && e.keyCode == 13) {
          $(".submitbtn").trigger("click");
        }
      };
      table.render({
        elem: '#operater',
        url: '{:url("statistics2/designerDepartment")}',
        page: false,
        height: 'full-120',
        cols: [
          [{
            field: 'name',
            title: '部门名',
            templet: function (d) {
              if (!d.id) return d.name;
              return '<div><a class="table-detail" href="javascript:void(0)" data-id="' + d.id + '">' + d.name + '</a></div>';
            }
          }, {
            field: 'meet',
            title: '见面量',
          }, {
            field: 'deposit',
            title: '定金量',
          }, {
            field: 'deposit_percen',
            title: '成单率',
          }, {
            field: 'sign',
            title: '合同量',
          }, {
            field: 'sign_money',
            title: '业绩总额',
          }]
        ],
        text: '对不起，加载出现异常！'
      });

      $('.layui-card').on('click', '.table-detail', function () {
        var id = $(this).data('id');
        var title = $(this).html();
        var data = form.val("search");
        var url = '{:url("statistics2/designer")}?org_id=' + id + '&date=' + data.date
        layer.open({
          title: title + '部门详情',
          type: 2,
          content: url,
          area: ['1200px', '500px']
        });
      })
    });
  </script>
  {/block}