scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
							{extend name="public/layout"}
{block name="body"}
<style>
  html,body {
    background-color: #fff;
  }
  #qrcode>div {
    float: left;
    width: 50%;
  }

  #qrcode>div span {
    margin-top: 10px;
    display: inline-block;
    color: #8b8b8b;
  }

  .upload-img {
    width: 300px;
    height: 300px;
  }

  .upload-img>span {
    color: #a09c9c;
  }
  .upload-img>.area{
    margin-top: 110px;
  }
  .upload-img .area i {
    font-size: 50px;
    color: #009688;
  }
</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-card-body layui-form">
          <div class="layui-form-item">
            <label class="layui-form-label">白名单：</label>
            <div class="">
              <div class="layui-input-block">
                <input type="radio" name="state" value="1" title="开启" {eq name="open" value="1"
                       }checked{/eq} lay-filter="open">
                <input type="radio" name="state" value="0" title="关闭" {eq name="open" value="0"
                       }checked{/eq} lay-filter="open">
                <div
                        style="display: inline-block;color: red;margin-top: 5px;vertical-align: middle;">
                  *白名单开启后，只有在白名单中的用户可访问直播间！！！</div>
              </div>
            </div>
          </div>

          <div style="text-align: center;margin-top: 50px;" id="qrcode">
            <div>
              <div class="upload-img" id="img">
                {notempty name="contacts_qrcode"}
                <img src="{$contacts_qrcode}" style="width: 300px; height: 300px;">
                {else/}
                <div class="area">
                  <i class="layui-icon">&#xe681;</i>
                </div>
                <span>上传白名单服务二维码</span>
                {/notempty}
              </div>
              <span>白名单服务二维码（点击更换）</span>
            </div>
            <div>
              <img src="{$qrcode}" style="width: 300px; height: 300px;">
              <span>白名单添加二维码</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{/block}
{block name="js"}
<script src="__STATIC__/js/jquery.min.js"></script>
<script>
  function number_input(key){
    $(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>
<script>
  var stateurl = '{:url("broad/white_list_state")}';
  var t;
  number_input('.num');
  layui.use(['table', 'form', 'layer', 'upload'], function () {
    var form = layui.form,
        $ = layui.jquery,
        upload = layui.upload,
        active = {
          state: function () {
            var state = this.value;

            $.post(stateurl, {
              state: state
            }, function (resp) {
              var res = JSON.parse(resp);
              if (res.code == 0) {
                layer.msg(res.msg, {
                  anim: 0
                }, function () {
                  if (state == 1) {
                    parent.$('#white').html('开启').css('color',
                            '#5FB878')
                  } else {
                    parent.$('#white').html('关闭').css('color',
                            'darkgray')
                  }
                });
              } else {
                layer.msg(res.msg, {
                  anim: 6
                });
              }
            })
          },
        };

    form.on('radio(open)', function (data) {
      active['state'].call(this);
    });

    upload.render({
      elem: '#img',
      accept: 'images',
      url:'{:url("broad/white_list_tqrcode")}',
      field: 'img',
      choose: function (obj) {
        file = obj.pushFile();
        obj.preview(function (index, file, result) {
          $('#img').html('<img src="' + result +
                  '" style="height: 100%;width:100%;">');
        });
      }
    });
  });
</script>

{/block}