scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
							{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;
  }
</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">
          <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;

      var org = JSON.parse('{:json_encode($org)}');
      var select_org = '';
      var orgInit = function (n, xin = false) {
        var html = '<div class="layui-inline"><select class="select-org">';
        html += '<option value="">部门</option>';
        let h = 0;
        for (i in org) {
          if (n == 0) n = org[i]['pid'];
          if (n != org[i]['pid']) continue;
          html += '<option value="' + org[i]['id'] + '">' + org[i]['name'] + '</option>';
          h++;
        }
        html += '</select></div>';
        if (h == 0) return;
        if (xin) return html;
        $('#select-org').html(html);
        form.render('select');
      }
      orgInit(0);
      form.on('select', function (data) {
        if (data.value == '') {
          select_org = '';
          return;
        }
        select_org = data.value
        let next = orgInit(data.value, true);
        let parent = $(data.elem).closest('.layui-inline');
        parent.nextAll().remove();
        $('#select-org').append(next);
        form.render('select');
      });

      //日期范围
      laydate.render({
        elem: '#select_date',
        range: true,
      });
      //监听搜索
      form.on('submit(LAY-user-front-search)', function (data) {
        //执行重载
        table.reload('operater', {
          where: { org_id: select_org, 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/designer", ["org_id"=>$_REQUEST["org_id"], "date"=>$_REQUEST["date"]])}',
        page: false,
        height: 'full-120',
        cols: [
          [{
            field: 'name',
            title: '设计师',
            
          }, {
            field: 'meet',
            title: '见面量',
          }, {
            field: 'deposit',
            title: '定金量',
          }, {
            field: 'deposit_percen',
            title: '成单率',
          }, {
            field: 'sign',
            title: '合同量',
          }, {
            field: 'sign_money',
            title: '业绩总额',
          }]
        ],
        text: '对不起，加载出现异常！'
      });
    });
  </script>
  {/block}