编写fotmat函数
function format(source, params) {
if (arguments.length === 1)
return function () {
var args = $.makeArray(arguments);
args.unshift(source);
return $.format.apply(this, args);
};
if (arguments.length > 2 && params.constructor !== Array) {
params = $.makeArray(arguments).slice(1);
}
if (params.constructor !== Array) {
params = [params];
}
$.each(params, function (i, n) {
source = source.replace(new RegExp("\\{" + i + "\\}", "g"), n);
});
return source;
};
调用目标并生成元素
function createTaskBox(taskList) {
console.log(taskList)
$.each(taskList, function (index, item) {
console.log(index)
let title = (index+1) + '.' + item.taskKey
let handler = item.receivername
let handlerPhone = item.receiverPhone
let action = item.taskKey
let dealTime = item.updateTime
let template = ` <div class="task-box">
<div class="task-title">{0}</div>
<div class="flex-content taskInfo">
<div class="label">处理人:</div>
<div class="content">
<span class="handler">{1}</span>
<div class="right-float">
处理人手机号码:
<span>{2}</span>
</div>
</div>
</div>
<div class="flex-content taskInfo">
<div class="label">执行动作:</div>
<div class="content">
<span class="action">{3}</span>
<div class="right-float">
处理时间:
<span class="handleTime">{4}</span>
</div>
</div>
</div>
</div>`
let taskResult = format(template, title, handler, handlerPhone, action, dealTime)//将数据填入模板
$('#task-list').append(taskResult + '')
})
const last = $('.task-box').last();
last.children('.task-title').addClass('act')
}