scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
							{extend name="public/layout"}
{block name="body"}
<style>
  html,body {
    background-color: #fff;
  }
  table{
    width: 100%;
    text-align: center;
    border:1px;
    border-color:#e6e6e6;
  }
  table th{
    background-color:#F6FAFD;
  }
  table th,tr,td{
    height: 35px;
  }
  table td input{
    height: 100%;
    border: 0;
    margin: 10;
  }
  .addtext .shopname{
    display: inline-block;
    width: 24.5%;
    text-align: center;
  }

  table td input{
    display: block;
    width: 100%;
    height: 100%;
    border: 3px solid #000;
    box-sizing: border-box;
    border-style: groove;
    border-color: #e6e6e6;
  }
  table tr td:last-child{
    text-align: left;
    padding-left:3%;
  }
</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="show" value="1"}checked{/eq} lay-filter="open" >
                <input type="radio" name="state" value="0" title="关闭" {eq name="show" value="0"}checked{/eq} lay-filter="open">
              </div>
            </div>
          </div>
          <table border="1">
            <tr>
              <th>商品名</th>
              <th>数量</th>
              <th>价格</th>
              <th>展示</th>
            </tr>
            {notempty name="data"}
            {volist name="data" id="vo"}
            <tr>
              <td>{$vo.name}</td>
              <td>{$vo.num}</td>
              <td>{$vo.price}</td>
              <td data-id="{$vo.id}">
                <input type="checkbox" name="" lay-skin="primary" lay-filter="state" {eq name="vo.show" value="1"}checked{/eq}>
                {if condition="$vo.cmid != 0"}
                <button class="delBtn layui-btn layui-btn-xs layui-btn-danger" type="button">删除</button>
                {/if}
              </td>
            </tr>
            {/volist}
            {/notempty}
            <tr>
              <td><input type="text" name="name"/></td>
              <td><input type="text" name="num" class="num"/></td>
              <td><input type="text" name="price" class="num"/></td>
              <td>
                <!-- <input type="checkbox" name="show" title="" lay-skin="primary"> -->
                <button class="addBtn layui-btn layui-btn-xs" style="margin-left: -20px;" type="button">新增</button>
              </td>
            </tr>
          </table>
        </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 indexurl = '{:url("broad/present_index")}';
  var showurl= '{:url("broad/present_show")}';
  var saveurl= '{:url("broad/present_save")}';
  var delurl= '{:url("broad/present_delete")}';
  var stateurl= '{:url("broad/present_state")}';
  var t;
  number_input('.num');
  layui.use(['table', 'form', 'layer'], function () {
    var form = layui.form
            , $ = layui.jquery
            , active = {
      del: function(){
        var that = this;
        var id = $(that).closest('td').data('id');
        layer.confirm('确定要将该礼物删除么？',{title: ['信息', 'color:#333333;background-color:#D8E6F1;']},function(index){
          $.post(delurl,{id:id}, function(resp){
            var res = JSON.parse(resp);
            if (res.code == 0) {
              $(that).closest('tr').remove();
              layer.msg('删除成功',{anim: 0});
            } else {
              layer.msg(res.msg,{anim: 6});
            }
          });
          layer.close(index);
        });
      },
      show:function(){
        var that = this;
        var id = $(that).closest('td').data('id');
        var state = this.checked?1:0;
        $.post(showurl, {id:id, state:state}, function(resp){
          var res = JSON.parse(resp);
          if (res.code == 0) {
            layer.msg(res.msg,{anim: 0});
          } else {
            if(state == 0){
              $(that)[0].checked = true;
              $(that).next('div').addClass('layui-form-checked');
            }else{
              $(that)[0].checked = false;
              $(that).next('div').removeClass('layui-form-checked');
            }
            layer.msg(res.msg,{anim: 6});
          }
        })
      },
      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.$('#show').html('开启').css('color', '#5FB878')
              }else{
                parent.$('#show').html('关闭').css('color', 'darkgray')
              }
            });
          } else {
            layer.msg(res.msg,{anim: 6});
          }
        })
      },
    };

    $("table td").on('click','.addBtn', function(){
      var name  = $('input[name=name]')[0].value,
          num   = $('input[name=num]')[0].value,
          price = $('input[name=price]')[0].value,
          show  = 0//$('input[name=show]')[0].checked?1:0;
      var data = {name:name,price:price,num:num,show:show};
      $.post(saveurl, data, function (resp) {
        var res = JSON.parse(resp);
        if (res.code == 0) {
          layer.msg('操作成功',{anim: 0},function(){
            location.reload();
          });
        } else {
          layer.msg(res.msg,{anim: 6});
        }
      });
    });

    $('table').on('click', '.delBtn', function(){
      active['del'].call(this);
    });

    form.on('checkbox(state)', function(data){
      active['show'].call(this);
    });
    form.on('radio(open)', function(data){
      active['state'].call(this);
    });
  });
</script>
{/block}