<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>导出word</title>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="js/FileSaver.js"></script>
<script src="js/jquery.wordexport.js"></script>
</head>
<body>
<h4>FileSaver.js和jquery.wordexport.js下载可访问https://pan.baidu.com/s/1nvGHowT</h4>
<button οnclick="wordOut();">导出</button>
<div id="word">
<table>
<!--====================================第1页=========================================-->
<tr style="width:14.6cm;height:24.6cm;" id="1F">
<td valign="top">
<table style="width:100%;">
<!--顶栏-->
<tr style="height:1cm;">
<td style="width:7.3cm;">
<span class="expReportCity cc_edittext" style="font-family:'Microsoft YaHei'">台帐</span>
</td>
<td style="width:7.3cm;text-align:right">
<span class="expReportRoadname cc_edittext" style="font-family:'Microsoft YaHei'">路名</span>
</td>
</tr>
<!--中栏-->
<tr>
<td colspan="2" style="height:21cm;width:100%;">
<table style="width:100%;">
<tr>
<td style="width:14.6cm; height:1.5cm;text-align:center;">
<span class="expReportRoadname cc_edittext" style="font-size:40px;font-weight:bold;font-family:'Microsoft YaHei'">路名</span>
</td>
</tr>
<tr>
<td style="width:14.6cm; height:1cm;text-align:center;">
<span style="font-size:32px;font-weight:bold;font-family:'Microsoft YaHei'" class="cc_edittext">台账</span>
</td>
</tr>
</table>
</td>
</tr>
<!--底栏-->
<tr style="height:1cm;">
<td style="width:7.3cm;">
<span style="font-size:18px;font-weight:bold;font-family:'Microsoft YaHei'" class="cc_edittext">行政区域:</span>
<span class="expReportRegion cc_edittext" style="font-size:18px;font-weight:bold;font-family:'Microsoft YaHei'">市区</span>
</td>
<td style="width:7.3cm;">
<span style="font-size:18px;font-weight:bold;font-family:'Microsoft YaHei'" class="cc_edittext">管理单位:</span>
<span class="expReportManager cc_edittext" style="font-size:18px;font-weight:bold;font-family:'Microsoft YaHei'">总队</span>
</td>
</tr>
<tr style="height:1cm;">
<td style="width:7.3cm;border-top:solid #000000 1px;border-bottom:solid #000000 2px;border-collapse:collapse;">
<span class="cc_edittext" style="font-family:'Microsoft YaHei'">建档时间:</span>
<span class="cc_edittext expReportCreateTime" style="font-family:'Microsoft YaHei'">2017年1月1日</span>
</td>
<td style="width:7.3cm;border-top:solid #000000 1px;border-bottom:solid #000000 2px;border-collapse:collapse;">
<span class="cc_edittext" style="font-family:'Microsoft YaHei'">更新时间:</span>
<span class="cc_edittext expReportUpdateTime" style="font-family:'Microsoft YaHei'">2017年1月1日</span>
</td>
</tr>
</table>
</td>
</tr>
<!--====================================第2页=========================================-->
<tr style="width:14.6cm;height:24.6cm;" id="2F">
<td valign="top">
<table style="width:100%;">
<!--顶栏-->
<tr style="height:1cm;">
<td style="width:7.3cm;border-bottom:solid #000000 3px;border-collapse:collapse;">
<span class="expReportCity cc_edittext" style="font-family:'Microsoft YaHei'">台帐</span>
</td>
<td style="width:7.3cm;border-bottom:solid #000000 3px;border-collapse:collapse;text-align:right">
<span class="expReportRoadname cc_edittext" style="font-family:'Microsoft YaHei'">路名</span>
</td>
</tr>
<!--中栏-->
<tr style="height:22.5cm;">
<td valign="top" colspan="2" style="width:100%;vertical-align: top;">
<table style="width:100%;">
<!--标题栏-->
<tr>
<td style="height:2cm;width:100%;">
<span class="cc_edittext" style="font-size:26px;font-family:'Microsoft YaHei'">目 录</span>
</td>
</tr>
<!--列表-->
<tr>
<td style="text-align:left;">
<span class="cc_edittext" style="font-family:'Microsoft YaHei'">1 修改记录.......................................................................................................3</span>
</td>
</tr>
<tr>
<td style="text-align:left;">
<span class="cc_edittext" style="font-family:'Microsoft YaHei'">2 路口概览...............................................................................................................4</span>
</td>
</tr>
<tr>
<td style="text-align:left;">
<span class="cc_edittext" style="font-family:'Microsoft YaHei'">3 交通组织...............................................................................................................5</span>
</td>
</tr>
</table>
</td>
</tr>
<!--底栏-->
<tr>
<td colspan="2" style="height:0.5cm;width:100%;text-align:center;">
<span class="cc_edittext" style="font-family:'Microsoft YaHei';font-size:12px;">-2-</span>
</td>
</tr>
</table>
</td>
</tr>
<!--====================================第3页=========================================-->
<tr style="width:14.6cm;height:24.6cm;" id="3F">
<td valign="top">
<table style="width:100%;">
<!--顶栏-->
<tr style="height:1cm;">
<td style="width:7.3cm;border-bottom:solid #000000 3px;border-collapse:collapse;">
<span class="expReportCity cc_edittext" style="font-family:'Microsoft YaHei'">台帐</span>
</td>
<td style="width:7.3cm;border-bottom:solid #000000 3px;border-collapse:collapse;text-align:right">
<span class="expReportRoadname cc_edittext" style="font-family:'Microsoft YaHei'">路名</span>
</td>
</tr>
<!--中栏-->
<tr style="height:22.5cm;">
<td valign="top" colspan="2" style="width:100%;vertical-align: top;">
<table style="width:100%;">
<!--标题栏-->
<tr>
<td valign="bottom" style="height:1.5cm;border-bottom:solid #000000 1px;">
<span class="cc_edittext" style="font-size:20px;font-weight:bold;font-family:'Microsoft YaHei'">1 修改记录</span>
</td>
</tr>
<tr><td style="height:0cm;"></td></tr>
<!--列表-->
<tr>
<td>
<table id="expReportdgReviserecord" style="width:100%;border:solid #000000 1px;border-collapse:collapse;font-size:12px;">
<thead>
<tr>
<th width="8%" class="cc_edittext" style="font-weight:bold;border:solid #000000 1px; text-align:center;font-family:'Microsoft YaHei'">序号</th>
<th width="10%" class="cc_edittext" style="font-weight:bold;border:solid #000000 1px; text-align:center;font-family:'Microsoft YaHei'">修改人</th>
<th width="20%" class="cc_edittext" style="font-weight:bold;border:solid #000000 1px; text-align:center;font-family:'Microsoft YaHei'">修改日期</th>
<th width="42%" class="cc_edittext" style="font-weight:bold;border:solid #000000 1px; text-align:center;font-family:'Microsoft YaHei'">修改内容</th>
<th width="20%" class="cc_edittext" style="font-weight:bold;border:solid #000000 1px; text-align:center;font-family:'Microsoft YaHei'">备注</th>
</tr>
</thead>
<tbody></tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!--底栏-->
<tr>
<td colspan="2" style="height:0.5cm;width:100%;text-align:center;">
<span class="cc_edittext" style="font-family:'Microsoft YaHei';font-size:12px;">-3-</span>
</td>
</tr>
</table>
</td>
</tr>
<!--====================================第4页=========================================-->
<tr style="width:14.6cm;height:24.6cm;" id="4F">
<td valign="top">
<table style="width:100%;">
<!--顶栏-->
<tr style="height:1cm;">
<td style="width:7.3cm;border-bottom:solid #000000 3px;border-collapse:collapse;">
<span class="expReportCity cc_edittext" style="font-family:'Microsoft YaHei'">台帐</span>
</td>
<td style="width:7.3cm;border-bottom:solid #000000 3px;border-collapse:collapse;text-align:right">
<span class="expReportRoadname cc_edittext" style="font-family:'Microsoft YaHei'">路名</span>
</td>
</tr>
<!--中栏-->
<tr style="height:22.5cm;">
<td valign="top" colspan="2" style="width:100%;vertical-align: top;">
<table style="width:100%;">
<!--标题栏-->
<tr>
<td valign="bottom" style="height:1.5cm;border-bottom:solid #000000 1px;">
<span class="cc_edittext" style="font-size:20px;font-weight:bold;font-family:'Microsoft YaHei'">2 路口概览</span>
</td>
</tr>
<tr><td style="height:0cm;"></td></tr>
<!--列表-->
<tr>
<td>
<table id="expReportdgIntersectinfo" style="width:100%;font-size:14px;"></table>
</td>
</tr>
</table>
</td>
</tr>
<!--底栏-->
<tr>
<td colspan="2" style="height:0.5cm;width:100%;text-align:center;">
<span class="cc_edittext" style="font-family:'Microsoft YaHei';font-size:12px;">-4-</span>
</td>
</tr>
</table>
</td>
</tr>
<!--====================================第5页=========================================-->
<tr style="width:14.6cm;height:24.6cm;" id="5F">
<td valign="top">
<table style="width:100%;">
<!--顶栏-->
<tr style="height:1cm;">
<td style="width:7.3cm;border-bottom:solid #000000 3px;border-collapse:collapse;">
<span class="expReportCity cc_edittext" style="font-family:'Microsoft YaHei'">台帐</span>
</td>
<td style="width:7.3cm;border-bottom:solid #000000 3px;border-collapse:collapse;text-align:right">
<span class="expReportRoadname cc_edittext" style="font-family:'Microsoft YaHei'">路名</span>
</td>
</tr>
<!--中栏-->
<tr style="height:22.5cm;">
<td valign="top" colspan="2" style="width:100%;vertical-align: top;">
<table style="width:100%;">
<!--标题栏-->
<tr>
<td valign="bottom" style="height:1.5cm;border-bottom:solid #000000 1px;">
<span class="cc_edittext" style="font-size:20px;font-weight:bold;font-family:'Microsoft YaHei'">3 交通组织</span>
</td>
</tr>
<tr><td style="height:0cm;"></td></tr>
<!--副标题栏-->
<tr>
<td valign="bottom" style="height:1.5cm;">
<span class="cc_edittext" style="font-size:16px;font-weight:bold;font-family:'Microsoft YaHei'">3.1 道路交通组织</span>
</td>
</tr>
<!--图片-->
<tr>
<td id="expReportIntersectionMap"></td>
</tr>
</table>
</td>
</tr>
<!--底栏-->
<tr>
<td colspan="2" style="height:0.5cm;width:100%;text-align:center;">
<span class="cc_edittext" style="font-family:'Microsoft YaHei';font-size:12px;">-5-</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
<script>
function wordOut(){
$("#word").wordExport("导出word");
}
</script>
</html>
导出网页特定部分为word
最新推荐文章于 2023-09-19 10:52:05 发布