layui表格多字符串拼接使用templet方法

layui表格多字符串拼接使用templet方法

layui.use('table', function() {
		var $ = layui.$;
		var table = layui.table;
		table.render({
			elem : '#layListId',
			id : 'layTableId',
			//url : 'template/json/table.json',
			url : '/sh/qzcx',
			title : '维修保养报',
			// 			cellMinWidth: 100,
			cols : [ [{
				field : 'street',
				title : '街道/小区',
				// 					unresize: true,
				align : 'center',templet:"<span>{{d.area}} {{d.street}}</span>"
// 								minWidth: 120
			}, {
				field : 'diagnosisDate',
				// 					minWidth: '10%',
				// 					unresize: true,
				align : 'center',
				title : '确诊日期',templet:"<div>{{layui.util.toDateString(d.diagnosisDate, 'MM月dd日')}}</div>",
				style:"color:red",
// 					minWidth: 90
			}, {
				field : 'controlType',
				title : '类型推算',
				// 					minWidth: '20%',
				// 					unresize: true,
				align : 'center',
				toolbar: '#itemTpl',
				style:"font-weight: bold;",
// 				minWidth: 90
			}, {
				field : 'unsealingDate',
				title : '预计解封',
				// 					minWidth: '10%',
				// 					unresize: true,
				align : 'center',
				templet:"<div>{{layui.util.toDateString(d.unsealingDate, 'MM月dd日')}}</div>",
// 				style:"color:green",minWidth: 90
			} ] ], page: true, limit: 10     //每页默认显示的数量
                , limits: [10, 20, 40]   //分页条数
                , done: function (res, curr, count) {
                    //当无数据时显示内容
                    if (res.count == 0) {
                        $(".layui-table-main").html('<div class="layui-none" style="color:#FFB800;font-weight: bold;">未查询到任何信息，您可以换个条件试试幺！</div>');
                    }
                    
                  //解决操作栏因为内容过多换行问题
            		$(".layui-table-main tr").each(function (index, val) {
            			$($(".layui-table-fixed-l .layui-table-body tbody tr")[index]).height($(val).height());
            			$($(".layui-table-fixed-r .layui-table-body tbody tr")[index]).height($(val).height());
            		});
                }
		});