scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276
							{extend name="public/layout"}
{block name="body"}
<style>
  .btn-bg-blue {
    background-color: #249efb;
    border: none;
  }

  .layui-table thead tr,
	.layui-table-header {
		background-color: #D8E6F1 !important;
	}
  
  .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;
  }
  .layui-btn-xs,.layui-btn-xs:hover {
		border: 1px solid #249EFB;
		background-color: #fff;
		color: #249EFB;
		padding: 0px 10px;
	}
  .layui-btn-danger,.layui-btn-danger:hover{
		color: #FF5722;
		background-color: #fff;
		border: 1px solid #FF5722;
		padding: 0px 10px;
	}
  .layui-btn-border,.layui-btn-border:hover {
    background-color: #fff;
    color: #249EFB;
    border: 1px solid #249EFB;
  }
</style>
<body>
<div class="layui-fluid">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md12" style="background-color:#ffffff">
      <div class="tplay-body-div">
        <div class="layui-tab">
          <ul class="layui-tab-title">
            <!--<li>
                <a href="{:url('fission/live')}">直播裂变</a>
            </li>-->
            <li>
              <a href="{:url('broad/redbag')}">直播红包</a>
            </li>
            <li class="layui-this">
              江湖答题
            </li>
            <li>
              <a href="{:url('broad/fission')}">营销钱包</a>
            </li>
          </ul>
        </div>
        <div class="layui-card-body">
          <div class="layui-form">
            <div class="layui-inline" style="height:38px;">
              <div class="layui-btn layui-btn-border" data-type="add" title="新建问题"><i class="layui-icon layui-icon-add-circle"></i>新建问答</div>
              <span style="color: #afb1b6;margin-left: 15px;">通过江湖答题游戏与客户在直播间互动，增加趣味性并有效留存客户。</span>
            </div>
            <div class="layui-inline" style="float:right;margin-right: 100px;margin-left: 5px;">
              <button class="layui-btn layui-btn-primary btn-bg-blue" data-type="reload"><i class="layui-icon layui-icon-search layuiadmin-button-btn" style="color: #fff;"></i></button>
            </div>
            <div class="layui-inline" style="float:right;">
              <input type="text" class="layui-input" id="date" placeholder="开始日期 - 结束日期"
                     autocomplete="off">
            </div>
          </div>
          <div class="layui-row">
            <table class="layui-hide" id="user" lay-filter="user"></table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

{/block}
{block name="js"}
<script type="text/html" id="reply_list">
  <a title="已答人员" lay-event="answer_log" class="layui-btn layui-btn-primary layui-btn-xs">已答人员</a>
</script>
<script type="text/html" id="result">
  {{# if(d.end_time == 0){ }}
  <a class="layui-btn layui-btn-xs success" title="点击发起" lay-event="push_problem">推送到直播间</a>
  {{# }else{ }}
  <a class="layui-btn layui-btn-xs success" style="display: none;" title="点击发起" lay-event="push_problem">推送到直播间</a>
  <span class="timeShow" id="t" value="{{d.end_time}}">{{d.end_time}}秒</span><span>已推送</span>
  {{# } }}
</script>
<script type="text/html" id="title">
  {{d.title}}
  <!--<a class="layui-btn layui-btn-primary layui-btn-xs" title="修改" lay-event="edit" style="margin-left: 10px;float: right;"><i class="layui-icon">&#xe642;</i></a>-->
  <a class="layui-btn layui-btn-primary layui-btn-xs list" data-type="{{d.describe}}" style="float: right;"><i class="layui-icon">&#xe62a;</i></a>
</script>
<script>
  var indexurl = '{:url("broad/answer")}';
  var addurl = '{:url("broad/answer_add")}';
  var useLog = '{:url("broad/answer_log")}';
  var push_problem = '{:url("broad/answer_push_problem")}';
  var editdxt = '{:url("answer/editdxt")}';  //修改单选题
  var edittkt = '{:url("answer/edittkt")}';	//修改填空题
  var now = (new Date()).getTime();
  var t;
  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()
          }
        });
      }
      , add: function () {
        layer.open({
          title: ['添加问题', 'color:#333333;background-color:#D8E6F1;'],
          type: 2,
          content: addurl,
          resize: false,
          area: ['80%', '80%'],
        });
      }, answer_log: function () {
        var id = this.data.id;
        layer.open({
          title: ['用户回答记录', 'color:#333333;background-color:#D8E6F1;'],
          type: 2,
          content: useLog + '?anid=' + id,
          resize: false,
          area: ['80%', '80%']
        });
      }, edit: function () {
        var type = this.data.type;
        var id = this.data.id;
        if(type == 1){
          var openAddr = editdxt;
        }else{
          var openAddr = edittkt;
        }

        layer.open({
          title: ['修改', 'color:#333333;background-color:#D8E6F1;'],
          type: 2,
          content: openAddr + '?anid=' + id,
          resize: false,
          area: ['80%', '80%']
        });
      }, push_problem: function () {
        var that=this;
        var id = this.data.id;
        layer.confirm('确定把该提问推送到正在激活中的课程中吗？',{title: ['信息', 'color:#333333;background-color:#D8E6F1;']}, function(index){
          $.post(push_problem, { id: id }, function (resp) {
            var res = JSON.parse(resp);
            if (res.code == 0) {
              active.reload();
              layer.close(index);
              //layer.msg(res.msg, { anim: 6 });
              //layer.close(index);
              //$(that.tr[0].childNodes[4]).children('div.layui-table-cell').html('已发送');
            } else {
              layer.msg(res.msg, { anim: 6 });
            }
          })
        });
      }
    };
    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 }
        , { templet: '#title', title: '问题标题'}
        , { templet: '#reply_list', title: '参与人员', width: 200 }
        , { field: 'addtime', title: '添加时间', sort: true , width: 200}
        , { title: '操作', toolbar: '#result', width: 200 }
      ]]
      , id: 'userTable'
      ,done: function(res, curr, count){
        $(function(){
          var num=-1;
          for(var j=0;j<res.data.length;j++){
            if(res.data[j].end_time!='0'){
              num=num+1;
              timer(res.data[j].end_time,$($(".timeShow")[num]));
            }
          }
        });
      }
    });

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

    table.on('sort(user)', function (obj) {
      table.reload('userTable', {
        initSort: obj
        , where: obj
      });
    });

    table.on('toolbar(user)', function (obj) {
      var type = obj.event;
      active[type] ? active[type].call(this) : '';
    });
    table.on('tool(user)', function (obj) {
      var type = obj.event;
      active[type] ? active[type].call(obj) : '';
    });

    $('body').on('mouseover', '.list', function () {
      var type = $(this).data('type');
      layer.tips(type, this, {
        tips: [2, '#3595CC'],
        time: 6000
      });
    });
    $('#yue').click(function () {
      layer.open({
        type: 1,
        shadeClose: true,
        closeBtn: 0,
        title: ['充值二维码', 'color:#333333;background-color:#D8E6F1;'],
        content: '<img src="{:url("fission/qrcode")}"/>'
      });
    });


  });

  function timer(intDiff,dom){
    var time=setInterval(function(){
      var second=0;//时间默认值
      if(intDiff > 0){
        second = intDiff;
        dom.html('<font>'+second+'</font>秒');
        intDiff--;
      }else if(intDiff<=0){
        dom.hide().siblings('a.layui-btn.success').show();
        dom.hide().siblings('span').remove();
        clearInterval(time);
      }
    }, 1000);
  }
</script>
{/block}