js字符串拼接html和拼接方法多个参数问题

拼接列表 2层循环 这里用es6 模板字符串

多个参数时，方法名不要加引号

		function(res){
			hideLoader();
			console.log(res)
			data=res.details;
			html+=`<div class="folding"><div data-role="main" class="ui-content" id="Content">`
			data.forEach(function(val){
				var Detail = eval(val.categoryDetail)
				console.log(Detail)
				html+=`<div data-role="collapsible" data-inset="false" data-iconpos="right" class="coll"><h4>${"${val.categorykey}"}(${"${val.categoryNum}"})</h4>`
					Detail.forEach(function(item){
						html+=`                                       
						<div class="coll_content" onclick=gongganDetails_fn("${'${item.baseid}'}","${'${item.baseschema}'}","${'${item.taskId}'}","${'${item.baseid}'}");>
						<h4>${"${item.worksheettitle}"}</h4>
						<p>工单状态:${"${item.basestatus}"}</p>
						<p>建单人:${"${item.assign}"}</p>
						<p>时间:${"${item.createTime}"}</p>
						<p>流水号:${"${item.basesn}"}</p>
        				</div>`
					})
				html+=`</div>`;
			});
			html+=`</div></div>`;
	 		$('#main').append(html).trigger('create');//jm1.4之后弃用

  <!-- 引入 jQuery 库 -->
  <script src="./js/jquery-1.8.3.min.js"></script>
  <!-- 引入 jQuery Mobile 库 -->
  <script src="./js/jquery.mobile-1.3.2.min.js"></script>