scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273
							{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 style="margin-left: 0px;">
                <a href="{:url('broad/build')}">我要直播</a>
              </li>
              <li class="layui-this">
                商品管理
              </li>
              <li>
                <a href="{:url('broad/course_setting')}">直播设置</a>
              </li>
            </ul>
          </div>
          <div class="layui-card-body">
            <div class="layui-form">
              <div class="layui-inline">
                <div class="layui-btn layui-btn-border" data-type="add" title="新建商品"><i class="layui-icon layui-icon-add-circle-fine"></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: #ffffff;"></i></button>
              </div>
              <div class="layui-inline" style="float:right;">
                <input class="layui-input" name="name" id="name" autocomplete="off" placeholder="查找商品名..">
              </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="queueTpl">
  <input type="text" name="moveupdown" value="{{d.id}}"  >
</script>
  <script id="picture" type="text/html">
  <img src="{{ d.picture }}?x-oss-process=image/resize,l_50" style="height: 30px;width: 30px" class="show">
</script>
  <script type="text/html" id="switchTpl">
  <input type="checkbox" name="status" value="{{d.id}}" lay-skin="switch" lay-text="上架|下架" lay-filter="sexDemo" {{ d.status== 1 ? 'checked' : '' }}>
</script>
  <script type="text/html" id="result">
  <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
</script>

  <script type="text/html" id="sale">
  <a href="javascript:void(0)" lay-event="edit_sale_num" style="color:blue;text-decoration:underline;">{{d.sale_num}}</a>
</script>
  <script>
    var indexurl = '{:url("broad/goods")}';
    var addurl = '{:url("broad/goods_add")}';  //添加页面
    var editurl = '{:url("goods/edit")}';  //修改信息页面
    var delurl = '{:url("broad/goods_del")}';    //删除
    var authurl = '{:url("broad/goods_editStatus")}';  //商上下架修改
    var edit_sale_num = '{:url("broad/goods_edit_sale_num")}'; //修改销量
    var edit_queue_num = '{:url("broad/goods_edit_queue_num")}'; //修改排序数字
    var t;
    layui.use(['table'], function () {
      var form = layui.form
        , table = layui.table
        , $ = layui.jquery
        , active = {
          reload: function () {
            var name = $('#name');

            //执行重载
            table.reload('userTable', {
              page: {
                curr: 1 //重新从第 1 页开始
              }
              , where: {
                name: name.val()
              }
            });
          }
          , add: function () {
            layer.open({
              title: ['添加	 (商品添加后无法修改,请仔细填写)', 'color:#333333;background-color:#D8E6F1;'],
              type: 2,
              content: addurl,
              resize: false,
              area: ['80%', '80%']
            });
          }
          , edit: function () {
            var id = this.data.id;
            layer.open({
              title: ['商品信息', 'color:#333333;background-color:#D8E6F1;'],
              type: 2,
              content: editurl + '?id=' + id,
              resize: false,
              area: ['80%', '80%']
            });
          }
          , edit_sale_num: function () {
            var id = this.data.id;
            var sale_num = this.data.sale_num;
            layer.prompt({ value: sale_num, title: ['修改销量', 'color:#333333;background-color:#D8E6F1;'], }, function (val, index) {
              var g = /^(0|\+?[1-9][0-9]*)$/;
              if (g.test(val) == false) {
                layer.msg('请输入正整数', { anim: 6 });
                return false;
              }
              $.post(edit_sale_num, { id: id, val: val }, function (rs) {
                var res = JSON.parse(rs);
                if (res.code == 0) {
                  t.reload();
                  layer.msg(res.msg, { anim: 0 });
                } else {
                  layer.msg(res.msg, { anim: 6 });
                }
              });

              layer.close(index);
            });
          }
          , del: function () {
            var id = this.data.id;
            layer.confirm('确定删除该商品么？',{title: ['信息', 'color:#333333;background-color:#D8E6F1;']}, function () {
              $.post(delurl, { id: id }, function (rs) {
                var res = JSON.parse(rs);
                if (res.code == 0) {
                  layer.msg(res.msg, { anim: 0 }, function () {
                    t.reload();
                  });
                } else {
                  layer.msg(res.msg, { anim: 6 });
                }
              });
            });
          }

        };


      //展示已知数据
      t = table.render({
        elem: '#user'
        , url: indexurl
        , page: true
        , autoSort: true
        , cols: [[ //标题栏
          // {type: 'numbers', title: '序号', fixed: 'left', width: 50},
          { field: 'queue', title: '序号', fixed: 'left', width: 80, edit: 'number' }
          // ,{templet: '#radiocheck', title: '排序', width: 50}
          , { field: 'title', title: '商品名称' }
          , { field: 'shop_price', title: '店面价', width: 100, align: "center" }
          , { field: 'live_price', title: '直播价', width: 100, align: "center" }
          , { field: 'price', title: '商品定金', width: 100, align: "center" }
          , { field: 'stock', title: '库存数', width: 100, align: "center" }
          // , {field: 'brand', title: '商品品牌', width: 120}
          , { field: 'sale_num', title: '销量', width: 100, templet: '#sale', align: "center" }
          , { templet: '#picture', title: '缩略图', width: 80, align: "center" }
          , { field: 'status', title: '商品状态', width: 100, templet: '#switchTpl', align: "center" }
          , { field: 'addtime', title: '添加时间', width: 180, sort: true, align: "center" }
          , { fixed: 'right', title: '操作', toolbar: '#result', width: 100, align: "center" }
        ]]
        , id: 'userTable'
      });

      $('.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) : '';
      });

      form.on('switch(sexDemo)', function (obj) {
        var id = obj.value;
        $.ajax({
          type: "post",
          url: authurl,
          data: { id: id },
          success: function (rs) {
            var res = JSON.parse(rs);
            layer.msg(res.msg);
            if (res.msg == '商品处于激活状态,不可下架') {
              table.reload('userTable');
            }
          },
        });
      });
      table.on('edit(user)', function (obj) {
        var value = obj.value //得到修改后的值
        var data = obj.data //得到所在行所有键值
        var field = obj.field; //得到字段
        $.post(edit_queue_num, { id: data.id, queue: value }, function (rs) {
          var res = JSON.parse(rs);
          if (res.code == 0) {
            layer.msg(res.msg, { anim: 0 }, function () {
              table.reload('userTable');
            });
          } else {
            layer.msg(res.msg, { anim: 6 });
          }
        });
      });

    });
  </script>
  {/block}