angular导出excel怎么加样式

悬赏园豆：10 [待解决问题]

要实现图片这种样式的excel导出，要有标题，下面有签名时间那些，要合并单元格等样式。
下面是我实现的代码DOEM

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html{width: 100%;height: 100%; margin:0;font-family:"微软雅黑";}

</style>
<script type="text/javascript" src="https://blog-static.cnblogs.com/files/bertha-zm/angular.min.js"></script>
<script type="text/javascript" src="https://blog-static.cnblogs.com/files/bertha-zm/xlsx.core.min.js"></script>
<script type="text/javascript" src="https://blog-static.cnblogs.com/files/bertha-zm/alasql.min.js"></script>
<title>本地搜索的结果面板</title>

</head>
<body ng-app="myApp" ng-controller="myCtrl">
<div class="tools">
<button type="button" class="btn green" id="excell" ng-click="exportExcel()">导出考勤表格</button>
</div>
</body>
</html>
<script type="text/javascript">
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
// 导出文件的格式
var mystyle = {
headers:true,
column: {style:{Font:{Bold:"1"}}},
rows: {1:{style:{Font:{Color:"#FF0077"}}}},
cells: {1:{1:{
style: {Font:{Color:"#00FFFF"}}
}}}
};
// 数据
$scope.datas = [{
'名称': '测试名称1',
'河道': '北大河',
'河段名称': '北大河兴民村河段',
'行政区域': '测试区域',
'创建人': '小王',
'问题类型': '执行',
'来源': '直接创建',
'问题状态': '转督察',
'创建时间': '2018-12-24'
}, {
'名称': '测试名称1',
'河道': '北大河',
'河段名称': '北大河兴民村河段',
'行政区域': '测试区域',
'创建人': '小张',
'问题类型': '执行',
'来源': '直接创建',
'问题状态': '已反馈',
'创建时间': '2018-12-24'
}, {
'名称': '测试名称1',
'河道': '北大河',
'河段名称': '北大河兴民村河段',
'行政区域': '测试区域',
'创建人': '小梅',
'问题类型': '垃圾倾倒',
'来源': '直接创建',
'问题状态': '处理中',
'创建时间': '2018-12-24'
}, {
'名称': '测试名称1',
'河道': '北大河',
'河段名称': '北大河兴民村河段',
'行政区域': '测试区域',
'创建人': '小菊',
'问题类型': '执行',
'来源': '直接创建',
'问题状态': '已完成',
'创建时间': '2018-12-24'
}];

// 事件
$scope.exportExcel = function(){
console.log(alasql,'alasql');
alasql('SELECT * INTO XLSXML("河道问题列表.xls",?) FROM ?',[mystyle,$scope.datas]);
}
});
</script>

angular 导出excel