吴志宇-框架-知识点

?php

//表格  及点及改
<td>
<input type="text" name="goods-spec-stock[{{$v.goods_spec_id}}]" required  lay-verify="required" value="{{$v.stock}}" class="layui-input" oninput="onlyPrice(this)">
</td>

//表格显示 姓名和头像

<td>
<div class="table__cell-img">
    <img src="{{$data.goods.main_picture}}" alt="">
</div>

<span>{{$data.goods.name}}</span>

</td>

// 表单注释提醒
<div class="layui-form-mid layui-word-aux">
如果不填写，将会自动生成，请不要使用 "G" 开头，因为 "G" 是系统货号
</div>


// 下拉框 点击切换 显示 input 框

style="display: none"

data: JSON.parse('{{$cate|raw}}')
        data: JSON.parse('{{$cate|raw}}'),
        // 监听值发生改变
        on: function (ret) {
            var id = ret.arr[0]['value'];

            var content = '文章详情';
            var companyDisplay = 'none';
            if (id == 28) {
                // 企业风采
                content = '企业描述';
                companyDisplay = 'block';
            }
            $('.ovim-content').text(content);
            $('.company').css('display', companyDisplay);
        }
    });
           
           
           
           
           
            ->with(['goods' =>function($query) use ($where){
                $query->field(['id','name','resource','business_id']);
                if($where) {
                    //查询商品名称
                    if (isField($where, 'goods_name')) {
                        $query->whereLike('name', "%{$where['goods_name']}%");
                    }
                }


// 单张图片 默认显示
resource: {{if $data}} JSON.parse('{{$data.img.main_picture|json_encode|raw}}') {{else/}} {} {{/if}}

// 多张图片 默认显示
list: {{if $data}}JSON.parse('{{$data.resource|raw|json_encode}}'){{else}}[]{{/if}},

if(!empty($result['resource'])){
              $resource=json_decode($result['resource'],true);
              foreach ($resource as $k =>$v) {
                  $tmp[$k]['url']=$this->path->generateUrl($v)['url'];
                  $tmp[$k]['input'] = $v;
              }

              $result['resource']=$tmp;
          }



<script>

// layui 滚动条

    <style>
        body{overflow-y: scroll;}
    </style>

//layui  固定 表格 宽度
//表格最低宽度 80   ,如果设定宽度 高于 80
,cellMinWidth: 180


//layui 即点即改
, {field: 'sort', title: '排序', edit: 'text', align: 'center'}

// 监听单元格修改
table.on('edit(table)', (obj) => {
switch (obj.field) {
// 排序
case 'sort':
sort(obj.data.id, {sort: obj.data.sort}).then(res => {
dialog(res.msg);
});
break;
}
});




/**
* 更新排序
*
* @param id
* @param data
* @returns {{}}
*/
export function sort(id, data){
return load(rain.request(`goods-list/${id}/sort`, 'put', data));
}

</script>


layui  静态 表格   统一列  显示 图片 和 文字
<script type="text/html" id="user">
    <div class="table__cell-img">
        <img src="{{d.headerimg}}" alt=""><br>
        <span>{{d.nickname}}</span>
    </div>
</script>

, {field: 'user', title: '店铺注册者',templet: "#user", align: 'center'}


//xmSelect  默认显示
initValue: ['{{$data.goods_status_id}}'],

//获取富文本编辑器的内容   goods-details  是表单name名
data.field.description = tinymce.get('goods-details').getContent();