scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303
							{extend name="public/layout"}
{block name="body"}
<style>

  #account {
    display: none;
    text-align: center;
  }

  #account img {
    display: block;
    width: 300px;
  }

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

  #account b {
    font-size: larger;
  }
  .layui-inline .layallsee{
    font-size: 16px;
  }
  .noticeBox{
    margin-left:10px;
  }
  .noticeBox span{
    color:#afb1b6;
  }
  .moneyBox{
    background: #f5f7fa;
    width:550px;
    height:60px;
    margin-left:20px;
    margin-bottom:20px;
  }
  .moneyBox .moneyboxMsg{
    margin:10px;
  }
  .moneyboxMsg span{
    line-height: 38px;
    float: left;
  }
  .moneyboxMsg .money_1{
    font-size: 19.2px;
  }
  .moneyboxMsg .moneyMsg{
    color:#3296fa;
    font-size: 24px;
  }
  .marketingMoney{
    background: #f5f7fa;
    width:550px;
    height:60px;
    margin-left:20px;
    margin-bottom:20px;
  }
  .marketingMoney .marketingMoneyBox{
    margin:10px;
  }
  .marketingMoney .marketingMoneyBox span{
    line-height: 38px;
    float: left;
  }
  .marketingMoney .marketingMoneyBox .marketing_1{
    font-size: 19.2px;
  }
  .marketingMoney .marketingMoneyBox .marketing{
    color:#3296fa;
    font-size: 24px;
  }
  .layui-tab-title .layui-this {
    background-color: #249EFB;
    color: #fff;
  }

  .layui-tab-title .layui-this:after {
    border-bottom: none;
    border: none;
  }

  .layui-tab-title li {
    background-color: #F2F2F2;
    margin: 0px 5px;
  }
</style>
<body>
<div class="layui-fluid">
  <div class="layui-row layui-col-space15">

    <div class="layui-card">
      <div class="layui-tab" style="margin-top:10px;">
        <ul class="layui-tab-title">
          <!--<li>
              <a href="{:url('fission/live')}">直播裂变</a>
          </li>-->
          <li>
            <a href="{:url('broad/redbag')}">直播红包</a>
          </li>
          <li>
            <a href="{:url('broad/answer')}">江湖答题</a>
          </li>
          <li class="layui-this">
            营销钱包
          </li>
        </ul>
      </div>
      <div class="layui-card-header">
        <div class="layui-form">
          <div class="layui-form-item3">
            <div class="layui-inline">
              <span class="layallsee" >营销钱包</span>
            </div>

          </div>
        </div>
      </div>
      <div class="layui-card-body noticeBox">
        <span>注：营销账户余额充值后不可提现，请按需充值。</span>
      </div>

      <div class="layui-card">
        <div class="layui-inline moneyBox" >
          <div class="moneyboxMsg" >
            <span class="money_1">钱包余额：</span>
            <span class="moneyMsg">￥{:round($data.money-$data.freeze, 2)}</span>
            <div class="layui-inline" style="margin-left: 30px;">
              <a id='yue' class="layui-btn layui-btn-normal  layui-btn-warm  " title="从微信充值到平台"
                 href="javascript:void(0)">微信充值</a>
            </div>
            <div class="layui-inline" style="margin-left: 20px;">
              <button type="button" class="layui-btn layui-btn-disabled">支付宝充值</button>
            </div>
          </div>

        </div>

        <div class="marketingMoney layui-inline" >
          <div class="marketingMoneyBox" >
            <span class="marketing_1" >余额适用于：</span>
            <span class="marketing" >直播间发红包；直播裂变；</span>

          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="layui-fluid">
  <div class="layui-row layui-col-space15">

    <div class="layui-card">
      <div class="layui-card-header">
        <div class="layui-form">
          <div class="layui-form-item3">
            <div class="layui-inline">
              <span class="layallsee" >充值记录</span>
            </div>

          </div>
        </div>
      </div>
      <div class="layui-row">
        <table class="layui-hide" id="user" lay-filter="user"></table>
      </div>
    </div>
  </div>
</div>

{/block}
{block name="js"}

<script>
  var indexurl = '{:url("broad/fission")}';
  var shareurl = '{:url("fission/share")}';

  var t;
  number_input('.money');
  layui.use(['table', 'form', 'laydate'], function () {
    var form = layui.form
            , table = layui.table
            , $ = layui.jquery
            , laydate = layui.laydate
            , active = {
      reload: function () {
        var date = $('#date');

        //执行重载
        table.reload('userTable', {
          page: {
            curr: 1 //重新从第 1 页开始
          }
          , where: {
            date: date.val()
          }
        });
      }

    };
    laydate.render({
      elem: '#date'
      , range: true
    });
    //展示已知数据
    t = table.render({
      elem: '#user'
      , url: indexurl
      , page: true
      , autoSort: true
      , cols: [[ //标题栏
        { type: 'numbers', title: '序号', fixed: 'left', width: 50 }
        , { field: 'money', title: '到账金额' }
        , { field: 'addtime', title: '添加时间', sort: true }
        , { field: 'remark', title: '备注' }
      ]]
      , id: 'userTable'
    });

    $('.layui-form>.layui-btn').on('click', function () {
      var type = $(this).data('type');
      active[type] ? active[type].call(this) : '';
    });

    $('#yue').click(function () {
      layer.open({
        type: 1,
        shadeClose: true,
        closeBtn: 0,
        title: ['充值二维码', 'color:#333333;background-color:#D8E6F1;'],
        content: '<img src="{:url("broad/fission_qrcode")}" style="margin-left:20px;"/>'
      });
    });
    // $('#money').click(function(){
    //     var value = $(this).data('value');
    //     layer.prompt({
    //         value: value,
    //         title: '裂变金额（0.3~50）',
    //         }, function(value, index, elem){
    //             value = value;
    //             layer.close(index);
    //             sendsms();
    //             // 短信验证
    //             // layer.prompt({title: '短信验证码'}, function(code, index){
    //                 // layer.close(index);
    //                 // $.post(shareurl, {money:value,code:code}, function(res){
    //                 $.post(shareurl, {money:value}, function(res){
    //                     if (res.code === 0) {
    //                         layer.msg(res.msg, {anim: 0}, function () {
    //                             location.href = res.url;
    //                         });
    //                     } else {
    //                         layer.msg(res.msg, {anim: 6});
    //                     }
    //                 })
    //             // });
    //     });
    // });
    // $('#switch').click(function(){
    //     var value = $(this).data('value');
    //     var msg = value==1?'确定要关闭裂变红包么？':'确定要开启裂变红包么？';
    //     layer.confirm(msg, function(index){
    //         layer.close(index);
    //         // layer.prompt({title: '短信验证码'}, function(code, index){
    //             // $.post(openurl, {code:code}, function(res){
    //             $.get(openurl, function(res){
    //                 if (res.code === 0) {
    //                     layer.msg(res.msg, {anim: 0}, function () {
    //                         location.href = res.url;
    //                     });
    //                 } else {
    //                     layer.msg(res.msg, {anim: 6});
    //                 }
    //             })
    //         // });
    //     });
    // });

    // function sendsms(){

    // }


  });

  function number_input(key){
    layui.use(['table', 'form', 'laydate'], function () {
      var $ = layui.jquery;
      $(key).keypress(function(key){
        var ableKey = [0,46,45,48,49,50,51,52,53,54,55,56,57];
        var code = key.charCode;
        if(ableKey.indexOf(code) < 0){
          return false;
        }
      });
    });

  }

</script>
{/block}