scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365
							{extend name="public/layout"}
{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>
  body{
    background-color: #F3F3F3;
    padding-bottom: 40px;
  }
  .message_title{
    border: 1px solid #F0F0F0;
    background: #FCFCFC;
    margin-top: 5px;
    margin-bottom: 10px;
    position: relative;
    min-width: 800px;
    padding: 18px;
  }
  .wdatepicker2 {
    width: fit-content;
    margin: 50px auto;
    position: relative;
  }
  select {
    height: 26px;
    line-height: auto;
    vertical-align: middle;
    box-sizing: content-box;
    font-size: 13px;
    -webkit-appearance: menulist-button;
    border: #CCC solid 1px;
  }
  .wdatebtn {
    width: 84px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #4479ba;
    vertical-align: top;
  }
  #searchbtn {
    vertical-align: top;
  }
  .btn {
    cursor: pointer;
    color: #000;
    background: url(__STATIC__/img/btn_bg.gif) repeat-x;
    border: 1px solid #C0C0C0;
    padding: 0 12px;
    *padding: 0 6px;
    height: 28px;
  }
  .abouts {
    width: 99%;
    position: relative;
    margin-bottom: 15px;
    margin-top: 5px;
  }
  .wdatepicker {
    top: 15px;
    right: 69px;
    position: absolute;
  }
  .abouts h1 {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
    letter-spacing: 2px;
    font-family: Arial, Helvetica, sans-serif;
  }
  .tableother {
    text-align: center;
  }
  .maintable{table-layout:fixed;_width:100%;width:100%; border:1px solid #DFDFDF;border-collapse: separate !important;background-color:#FFF; border-right:0; border-bottom:2px solid #DFDFDF;}
  .maintable th{ background-color:#F2F3F7; border-right:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF; line-height:25px; padding:5px; text-align:center; font-family:Arial; font-size:12px; letter-spacing:1px; color:#333}
  .maintable td{border-right:1px solid #DFDFDF; border-bottom:1px solid #EAEAEC; padding:7px; line-height:25px; font-size:13px; position:relative;}
  .tablelist th,.tablelist td{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-wrap: break-word;}
  .tbcenter td{ text-align:center}
  .maintable h2{border-bottom:1px solid #999; margin:0; font-weight:bold; font-size:15px; margin-bottom:10px; margin-top:5px; text-indent:3px; font-family:Arial; letter-spacing:1px;}
  .maintable td label{ cursor:pointer}
  .baobaonum1{ color:#CCC}
  .baobaonum1 a{ color:#CCC}
  .fontnormal {
    font-weight: normal;
  }
  .weekday {
    position: absolute;
    right: 0;
    bottom: -5px;
    text-decoration: none;
    font-size: 8px;
    color: #CCC;
    font-style: normal;
  }
  .btnx {
    border: none;
    width: 98px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: url(__STATIC__/img/icon-sub.png) no-repeat;
    cursor: pointer;
  }
  .wleft{float:left;margin-right: 10px;}
  .startime{height:36px;line-height:36px; text-align:center; display: block;border: 1px solid #E6E6E6 !important;width: 150px;}
  button.btn{height: 36px;line-height: 36px;padding:0 20px;background-size: cover;}
  .layui-table-body {
    height: calc(100vh - 260px) !important;
  }
</style>
<body class="clearfix">
  <div class="dailybox">
    <div class="message_title " style="margin-bottom:8px;">
        <div style=" width:110px; height:40px; position:absolute; top:35px; right:20px;">
            <input type="button" value="添加数据" class="btnx" title="添加数据">
        </div>
        <div style="margin-bottom:10px;">你正在管理您的投放消费明细......</div>
        <form method="get" id="seafrom" style="margin:0px;">
			<p class="wleft" style="line-height: 36px;">快速检索：</p>
            <!-- <select name="source_id" id="source_id">
                <option value="">==客户来源==</option>
                {volist name="soudata" id="vo"}
                <option value="{$vo.id}">{$vo.name}</option>
                {/volist}
            </select> -->
			<div id="source_slt" class="xm-select-demo wleft" style="width: 150px;"></div>
            <!-- <select name="level" id="level">
                <option value="">==重要级别==</option>
                {volist name="fields" id="vo"}
                {volist name="vo.select" id="v" }
                <option value="{$v.name}">{$v.name}</option>
                {/volist}
                {/volist}
            </select> -->
            <input name="dates" class="text wleft startime" type="text" id="startime" value=""  size="14" readonly="readonly" placeholder="选择时间">
            <button title="搜索" class="btn" lay-submit lay-filter="search" id="searchbtn" type="button" > 搜 索 </button>
        </form>
		<div style="clear: both;"></div>
    </div>
    
    <div class="abouts tablemsgbox" >
      <table lay-filter="crmsearchlist" class="maintable" id="crmsearchlist">
      </table>
    </div>
  </div>
</body>
<script src="__STATIC__/layui/layui/lay/modules/xm-select.js" type="text/javascript" charset="utf-8"></script>
<script src="__LAYUI__/layui/layui.js"></script>
{/block}{block name="js"}
<script type="text/html" id="dateox">
    <a class="divlayer" title="线索数据明细" lay-event="addtime" href="javascript:void(0)">{{d.addtime}}</a>
    <em class="weekday">{{d.week}}</em>
</script>
<script type="text/html" id="source">
  {{# if(d.source){ }}
    <span>{{d.source.source}}</span>
  {{# }else{ }}
  <span style="color: #cccccc;">无</span>
  {{# } }}
</script>
<script type="text/html" id="editbox">
    <a style="display:inline-block;" lay-event="edit" href="javascript:void(0);">编辑</a>
</script>
<script type="text/javascript">
  var reload = null, resizefun = null;
  layui.config({
    base: '__LAYUI__/',
    urlbase: '/sys'
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['table', 'laydate'], function () {
    var table = layui.table, laydate = layui.laydate,
      $ = layui.$,form = layui.form;

    laydate.render({
      elem: '#startime', //指定元素
      max:0
      , trigger: 'click'
    }); 
    var field = {};
	var source_sltdata = [
		{volist name="soudata" id="vo"}
		{name: '{$vo.name}', value: {$vo.id}},
		{/volist}
	]
	var source_slt = xmSelect.render({
		el: '#source_slt', 
		data: source_sltdata
	})
	
	
    form.on('submit(search)', function (data) {
        var source_id = source_slt.getValue('value');
		var courceId = source_id.length==0?'':source_id;
        var level = $('[name=level]').val();
        var date = $('#startime').val();
        field['source_id'] = courceId;
        field['level'] = level;
        field['date'] = date;
        //执行重载
        table.reload('crmsearchlist', {
            where: field
            , page: { curr: 1}
        });
    });

    table.render({
        elem: '#crmsearchlist',
        url: '{:url("ManagerEmp/extension_report")}',
        cols: [
          [
            {
              title: '日期',
              field: 'name',
              align: 'center',
              minWidth:100,
              templet: '#dateox',
            },
            // {
            //   title: '公司',
            //   field: 'company_name',
            //   align: 'center',
            // },
            {
              title: '来源',
              field: 'source',
              align: 'center',
              templet: '#source',
              minWidth:80,
            },
            {
              title: '消费',
              field: 'money',
              align: 'center',
              minWidth:80,
            },
            {
              title: '展现',
              field: 'show',
              align: 'center',
              minWidth:80,
            },
            {
              title: '单展现费用',
              field: 'danshow_money',
              align: 'center',
              minWidth:80,
            },
            {
              title: '点击数',
              field: 'click',
              align: 'center',
              minWidth:80,
            },
            {
              title: '点击率',
              field: 'click_percen',
              align: 'center',
              minWidth:80,
            },
            {
              title: '点击成本',
              field: 'click_cost',
              align: 'center',
              minWidth:80,
            },
            {
              title: '线索量',
              field: 'clue_cont',
              align: 'center',
              minWidth:80,
            },
            {
              title: '转化线索率',
              field: 'clue_conversion',
              align: 'center',
              minWidth:80,
            },
            {
              title: '线索单价',
              field: 'clue_money',
              align: 'center',
              minWidth:80,
            },
            {
              title: '有效线索',
              field: 'valid',
              align: 'center',
              minWidth:80,
            },
            {
              title: '有效线索转化',
              field: 'valid_conversion',
              align: 'center',
              minWidth:80,
            },
            {
              title: '有效率',
              field: 'valid_percen',
              align: 'center',
              minWidth:80,
            },
            {
              title: '有效单价',
              field: 'valid_money',
              align: 'center',
              minWidth:80,
            },
            {
              title: '编辑',
              field: 'clue_count',
              align: 'center',
              fixed: 'right',
              templet: '#editbox'
            },
          ]
        ],
        page: true,
        limits: [17],
        limit: 17, //每页默认显示的数量,
        height: 'full-120',
        text: '对不起，加载出现异常！'
    });

    $('.btnx').click(function(){
      window.parent.openmsg('add_extension.html','extension_report.html')
    })

    resizefun = function () {
      table.resize('crmsearchlist');
    };
    reload = function () {
      table.reload('crmsearchlist', { where: field }, true); 
    };

    table.on('tool(crmsearchlist)', function (result) {
        let event = result.event;
        let row = result.data;
        if (event == "addtime") {
          layer.open({
            type: 2,
            title: '线索数据明细',
            shadeClose: true,
            scrollbar: false,
            shade: 0.8,
            area: ['99%', '96%'],
            content: "{:url('manager_emp/account_detail')}?date="+ row.addtime +'到'+ row.addtime +'&state=线索'
          }); 
        }else if(event == "edit"){
          flag = false;
          window.parent.openeditmsg(result.data.id,'extension_report.html')
          return false;
        }
      })


  })


</script>
{/block}