outaozhen пре 6 година
родитељ
комит
6334079b5d

+ 19 - 0
invoice-addn2.html

@@ -93,6 +93,12 @@
 									</td>
 								</tr>
 								<tr>
+									<th class="taC"><span class="colRed">*</span>发票形式</th><td colspan="3">
+									<label class="radio inline"><input type="radio" name="jiesuan">纸质发票</label>
+									<label class="radio inline"><input type="radio" name="jiesuan">电子发票</label>
+									</td>
+								</tr>
+								<tr>
 									<th class="taC"><span class="colRed">*</span>发票类型</th><td colspan="3">
 									<label class="radio inline"><input type="radio">增值税普通发票</label>
 									<label class="radio inline colRed"><input type="radio"><sup>专</sup> 增值税专用发票</label>
@@ -317,6 +323,19 @@
 								</tr>
 								</tbody>
 							</table>
+							<table class="table table-bordered table-condensed">
+								<tbody>
+								<tr>
+									<th colspan="4" class="taC">电子发票发送</th>
+								</tr><tr>
+									<th class="taC" width="150">收件人手机</th><td><input type="text" placeholder="必填"></td>
+									<th class="taC" width="150">收件人邮箱</th><td><input type="text" placeholder="必填"></td>
+								</tr>
+								<tr>
+									<td class="taC" width="150" colspan="4"><span class="colRed">*电子发票收取方式二选一,手机和邮箱,请必填一项,推荐邮箱。</span></td>
+								</tr>
+								</tbody>
+							</table>
 						<p class="taR"  style="margin:20px 0"><a class="button" href="#confirm" data-toggle="modal" style="width:200px">提交申请</a><a class="button" href="#confirm2" data-toggle="modal" style="width:200px">提交申请2</a></p>
 						<p style="margin-bottom:50px"></p>
 					</div>

+ 112 - 0
invoice-approval-all.html

@@ -189,6 +189,27 @@
 							<td>最后审批人的审批意见</td>
 							<td></td>
 						</tr>
+						<tr>
+							<td><a href="#approvalInvice" data-toggle="modal">审批发票</a></td>
+							<td><a href="#invdetail-electron" data-toggle="modal">#FE20160316001</a></td>
+							<td>珠海XXXX公司</td>
+							<td>91610000220521254B</td>
+							<td>西安市雁塔区丈八东路262号 023-88131321	</td>
+							<td>建行西安长安路支行 61001720015050000695</td>
+							<td>测试备注</td>
+							<td>纵横公路工程造价管理系统V9.0</td>
+							<td>1</td>
+							<td>3000.00</td>
+							<td><b>¥3000.00</b><sup>专</sup></td>
+							<td><a href="#">山东省XXX培训班</a></td>
+							<td>陈工 12345678901</td>
+							<td>广东省珠海市XXX路XXX号</td>
+							<td>合同x1、锁套装x1</td>
+							<td>邮寄物品备注信息</td>
+							<td>广东办刘飞 2016-03-03 12:20:20</td>
+							<td>最后审批人的审批意见</td>
+							<td></td>
+						</tr>
 						</tbody>
 					</table>
 				</div>
@@ -370,5 +391,96 @@
 			</div>
 		</div>
 	</div>
+	<!--弹出(电子发票详情)-->
+    <div class="modal hide fade" id="invdetail-electron">
+        <div class="modal-dialog modal-lg">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h3>发票单详情</h3>
+                </div>
+                <div class="modal-body saeaList">
+                    <table class="table table-bordered table-condensed">
+                        <tbody>
+                        <tr>
+                            <th class="taC" width="150">开票流水号</th><td>#FE20160316001</td>
+                            <th class="taC" width="150">提交时间</th><td>2016-03-01 12:30:01</td>
+                        </tr>
+                        <th class="taC" width="150">所在办事处</th><td>广东办(刘飞)</td>
+                        <th class="taC">开票内容</th><td>纵横公路工程造价管理系统V9.0</td>
+                        </tr>
+                        <tr>
+                            <th class="taC" width="150">发票备注</th><td colspan="3"></td>
+                        </tr>
+                        <tr>
+                            <th class="taC" width="150">数量</th><td><b>1</b></td>
+                            <th class="taC">单价</th><td><b>¥20000.00</b></td>
+                        </tr>
+                        <tr>
+                            <th class="taC">开票金额</th><td colspan="3"><b class="colOrange" style="font-size:18px">¥20000.00</b></td>
+                        </tr>
+                        <tr>
+                            <th class="taC" width="150">结算方式</th><td colspan="3"><!-- 软件销售 --> 培训班(<a href="invoice-batch-detail.html" target="_blank">2018年4月18江西省公路工程造价高级应用培训-清单培训</a>)</td>
+                        </tr>
+                            </tbody>
+                    </table>
+                    <table class="table table-bordered table-condensed">
+                        <tbody>
+                        <tr>
+                            <th colspan="4" class="taC">增值税普通发票(<span class="colRed">电子发票</span>)</th>
+                        </tr>
+                        <tr>
+                            <th class="taC" width="150">单位名称</th><td>珠海纵横创建软件有限公司</td>
+                            <th class="taC" width="150">纳税人识别码</th><td></td>
+
+                        </tr>
+
+                        <tr>
+                            <th class="taC">注册地址</th><td></td>
+                            <th class="taC">注册电话</th><td></td>
+                        </tr>
+                        <tr>
+                            <th class="taC">开户银行</th><td></td>
+                            <th class="taC">银行账号</th><td></td>
+                        </tr>
+                        </tbody>
+                    </table>
+                    <table class="table table-bordered table-condensed">
+                        <tbody>
+                        <tr>
+                            <th colspan="4" class="taC">电子发票发送方式</th>
+                        </tr>
+                        <tr>
+                            <th class="taC" width="150">收件人手机</th><td></td>
+                            <th class="taC" width="150">收件人邮箱</th><td>123456@qq.com</td>
+                        </tr>
+                        </tbody>
+                    </table>
+                    <table class="table table-bordered table-condensed">
+                        <tr><th class="taC" >审批流程</th></tr>
+                        <tr><td>
+                                    <blockquote>
+                                        <p><span class="colGray">2016-11-10 11:03:11</span>&nbsp;广东办-刘飞&nbsp;创建</p>
+                                    </blockquote>
+                                    <blockquote>
+                                        <p><span class="colGray">2016-11-10 11:15:23</span>&nbsp;广东办-刘飞&nbsp;提交审批</p>
+                                    </blockquote>
+                                    <blockquote>
+                                        <p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-张少珊&nbsp;<span class="colGreen">同意</span> 审批意见文本</p>
+                                    </blockquote>
+                                    <blockquote>
+                                        <p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-张少珊&nbsp;<span class="colOrange">退回</span> 审批意见文本</p>
+                                    </blockquote>
+                                    <blockquote>
+                                        <p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-张少珊&nbsp;<span class="colRed">终止</span> 审批意见文本</p>
+                                    </blockquote>
+                                </td></tr>
+                    </table>
+                </div>
+                <div class="modal-footer">
+                    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+                </div>
+            </div></div>
+    </div>
+    <!--结束弹出电子发票发票详情-->
 <script type="text/javascript">autoFlashHeight();</script>
 </body>

+ 12 - 1
invoice-approval-detail.html

@@ -88,7 +88,7 @@
 						<table class="table table-bordered table-condensed">
 							<tbody>
 							<tr>
-								<th colspan="4" class="taC">增值税普通发票</th>
+								<th colspan="4" class="taC">增值税普通发票(<span class="colRed">电子发票</span>)</th>
 							</tr>
 							<tr>
 								<th class="taC" width="150">单位名称</th><td>珠海纵横创建软件有限公司</td>
@@ -161,6 +161,17 @@
 							</tbody>
 						</table>
 						<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th colspan="4" class="taC">电子发票发送方式</th>
+						</tr>
+						<tr>
+							<th class="taC" width="150">收件人手机</th><td></td>
+							<th class="taC" width="150">收件人邮箱</th><td>123456@qq.com</td>
+						</tr>
+						</tbody>
+					</table>
+						<table class="table table-bordered table-condensed">
 							<tbody>
 								<tr><th width="60%" class="taC">审批流程</th><th class="taC">发票审批</th></tr>
 								<tr><td>

+ 99 - 0
invoice-approval.html

@@ -78,6 +78,14 @@
                                     <td>张少珊 2016-03-03 12:20:20</td>
                                     <td><a class="button btn-block" href="invoice-approval-detail.html" >审批开票</a></td>
                                 </tr>
+                                <tr>
+                                    <td><a href="#invdetail-electron" data-toggle="modal">#FE20160316001</a></td>
+                                    <td>珠海XXXX公司</td>
+                                    <td><b>¥3000.00</b></td>
+                                    <td>广东办刘飞 2016-03-03 12:20:20</td>
+                                    <td></td>
+                                    <td><a class="button btn-block" href="invoice-approval-detail.html" >审批开票</a></td>
+                                </tr>
                                 </tbody>
                             </table>
                             <blockquote><p class="colGray">暂时没有需要审批的开票</p></blockquote>
@@ -206,5 +214,96 @@
             </div></div>
 </div>
     <!--弹出内容-->
+<!--弹出(电子发票详情)-->
+    <div class="modal hide fade" id="invdetail-electron">
+        <div class="modal-dialog modal-lg">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h3>发票单详情</h3>
+                </div>
+                <div class="modal-body saeaList">
+                    <table class="table table-bordered table-condensed">
+                        <tbody>
+                        <tr>
+                            <th class="taC" width="150">开票流水号</th><td>#FE20160316001</td>
+                            <th class="taC" width="150">提交时间</th><td>2016-03-01 12:30:01</td>
+                        </tr>
+                        <th class="taC" width="150">所在办事处</th><td>广东办(刘飞)</td>
+                        <th class="taC">开票内容</th><td>纵横公路工程造价管理系统V9.0</td>
+                        </tr>
+                        <tr>
+                            <th class="taC" width="150">发票备注</th><td colspan="3"></td>
+                        </tr>
+                        <tr>
+                            <th class="taC" width="150">数量</th><td><b>1</b></td>
+                            <th class="taC">单价</th><td><b>¥20000.00</b></td>
+                        </tr>
+                        <tr>
+                            <th class="taC">开票金额</th><td colspan="3"><b class="colOrange" style="font-size:18px">¥20000.00</b></td>
+                        </tr>
+                        <tr>
+                            <th class="taC" width="150">结算方式</th><td colspan="3"><!-- 软件销售 --> 培训班(<a href="invoice-batch-detail.html" target="_blank">2018年4月18江西省公路工程造价高级应用培训-清单培训</a>)</td>
+                        </tr>
+                            </tbody>
+                    </table>
+                    <table class="table table-bordered table-condensed">
+                        <tbody>
+                        <tr>
+                            <th colspan="4" class="taC">增值税普通发票(<span class="colRed">电子发票</span>)</th>
+                        </tr>
+                        <tr>
+                            <th class="taC" width="150">单位名称</th><td>珠海纵横创建软件有限公司</td>
+                            <th class="taC" width="150">纳税人识别码</th><td></td>
+
+                        </tr>
+
+                        <tr>
+                            <th class="taC">注册地址</th><td></td>
+                            <th class="taC">注册电话</th><td></td>
+                        </tr>
+                        <tr>
+                            <th class="taC">开户银行</th><td></td>
+                            <th class="taC">银行账号</th><td></td>
+                        </tr>
+                        </tbody>
+                    </table>
+                    <table class="table table-bordered table-condensed">
+                        <tbody>
+                        <tr>
+                            <th colspan="4" class="taC">电子发票发送方式</th>
+                        </tr>
+                        <tr>
+                            <th class="taC" width="150">收件人手机</th><td></td>
+                            <th class="taC" width="150">收件人邮箱</th><td>123456@qq.com</td>
+                        </tr>
+                        </tbody>
+                    </table>
+                    <table class="table table-bordered table-condensed">
+                        <tr><th class="taC" >审批流程</th></tr>
+                        <tr><td>
+                                    <blockquote>
+                                        <p><span class="colGray">2016-11-10 11:03:11</span>&nbsp;广东办-刘飞&nbsp;创建</p>
+                                    </blockquote>
+                                    <blockquote>
+                                        <p><span class="colGray">2016-11-10 11:15:23</span>&nbsp;广东办-刘飞&nbsp;提交审批</p>
+                                    </blockquote>
+                                    <blockquote>
+                                        <p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-张少珊&nbsp;<span class="colGreen">同意</span> 审批意见文本</p>
+                                    </blockquote>
+                                    <blockquote>
+                                        <p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-张少珊&nbsp;<span class="colOrange">退回</span> 审批意见文本</p>
+                                    </blockquote>
+                                    <blockquote>
+                                        <p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-张少珊&nbsp;<span class="colRed">终止</span> 审批意见文本</p>
+                                    </blockquote>
+                                </td></tr>
+                    </table>
+                </div>
+                <div class="modal-footer">
+                    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+                </div>
+            </div></div>
+    </div>
+    <!--结束弹出电子发票发票详情-->
 <script type="text/javascript">autoFlashHeight();</script>
 </body>

+ 3 - 1
invoice-paper.html

@@ -57,7 +57,9 @@
 			</div>
 			<div class="adminContent autoHeight">
 				<legend>
-				纸质发票</legend>
+				纸质发票
+				<a href="invoice-paper2.html">电子发票</a>
+				</legend>
 				<div class="demandCate">
 					<ul class="cateList">
 						<li>

+ 202 - 0
invoice-paper2.html

@@ -0,0 +1,202 @@
+<!DOCTYPE html>
+<html lang=zh-cn>
+<head>
+	<meta charset=utf-8>
+	<title>CLD.System</title>
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表>
+	<link rel="shortcut icon" href="images/favicon.ico">
+	<meta name=copyright content=smartcost.com.cn>
+	<link rel=stylesheet href=css/global.css>
+	<script src=js/jquery-1.7.1.min.js></script>
+	<script src=js/global.js></script>
+	<link href="css/datepicker.min.css" rel="stylesheet" type="text/css">
+	<script src="js/datepicker.min.js"></script>
+	<script src="js/datepicker.zh.js"></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon- selected">D</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+				</ul>
+			</div>
+			<div class="userMenu">
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="invoiceTitle">发票申请</li>
+						<li><a href="invoice-my.html">我的发票</a></li>
+						<li><a href="invoice-batch.html">培训班发票</a></li>
+						<li><a href="invoice-billing-my.html">我的收款</a></li>
+						<li><a href="invoice-billing.html">收款认领</a></li>
+						<li class="topLine"><a href="invoice-paper.html" class="selected">纸票管理</a></li>
+						<li><a href="invoice-input-billing.html">收款录入</a></li>
+						<li><a href="invoice-approval.html">发票审批</a></li>
+						<li><a href="invoice-print.html">发票打印</a></li>
+						<li><a href="invoice-shipping.html">发票邮寄</a></li>
+						<li><a href="invoice-return.html">发票退票</a></li>
+						<li><a href="invoice-blist-agency.html">办事处汇总</a></li>
+						<li><a href="invoice-dlist-category-year.html">公司汇总</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<legend>
+				电子发票
+				<a href="invoice-paper.html">纸质发票</a>
+				</legend>
+				<div class="demandCate">
+					<ul class="cateList">
+						<li>
+							<select class="select">
+								<option>全部</option>
+								<option>普通发票</option>
+								<option>专用发票</option>
+							</select>
+						</li>
+						<li>
+							<select class="select">
+								<option>全部</option>
+								<option>已打印</option>
+								<option>未打印</option>
+								<option>退票</option>
+							</select>
+						</li>
+						<li>
+							<div class="search">
+								<div class="input-append">
+									<input class="datepicker-here span3" placeholder="按时间筛选" type="text" data-range="true"
+							    data-multiple-dates-separator=" - "
+							    data-language="zh">
+									<button class="btn btn-small" type="button">查询</button>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="search">
+							<div class="input-append">
+								<input class="span3" type="text" placeholder="发票号码、开票抬头">
+								<button class="btn btn-small" type="button">搜索</button>
+							</div>
+						</li>
+						<li>
+							<a class="button" href="#addpaper" data-toggle="modal">生成电子发票</a>
+						</li>
+	  			</ul>
+	  		</div>
+				<div class="saeaList">
+					<table class="table table-hover">
+						<tbody>
+						<tr class="thead"><th>发票代码</th><th>发票号</th><th>开票流水号</th><th>开票单位(抬头)</th><th>开票金额</th><th>开票内容</th><th>发票申请人</th><th>打印时间</th><th>操作</th></tr>
+						<tr>
+							<td>144011620789</td>
+							<td>No.99028</td>
+							<td><a href="#invdetail" data-toggle="modal">#FE20160316001</a></td>
+							<td>珠海XXXX公司</td>
+							<td><b>¥3000.00</b></td>
+							<td>纵横公路工程造价管理系统V9.0</td>
+							<td>广东办-刘飞</td>
+							<td></td>
+							<td><a data-toggle="modal" href="#del">删除</a></td>
+						</tr>
+						<tr>
+							<td>144011620789</td>
+							<td>No.99028<sup>专</sup></td>
+							<td><a href="#invdetail" data-toggle="modal">#FE20160316001</a></td>
+							<td>珠海XXXX公司</td>
+							<td><b>¥3000.00</b><sup>专</sup></td>
+							<td>纵横公路工程造价管理系统V9.0</td>
+							<td>广东办-刘飞</td>
+							<td>2016-03-03<br>11:30:03</td>
+							<td></td>
+						</tr>
+						<tr>
+							<td>144011620789</td>
+							<td>No.99028(退票)</td>
+							<td><a href="#invdetail" data-toggle="modal">#FE20160316001</a></td>
+							<td>珠海XXXX公司</td>
+							<td><b>¥3000.00</b></td>
+							<td>纵横公路工程造价管理系统V9.0</td>
+							<td>广东办-刘飞</td>
+							<td>2016-03-03<br>11:30:03</td>
+							<td></td>
+						</tr>
+						</tbody>
+					</table>
+				</div>
+				<!--翻页-->
+				<div class="demandPage">
+					<ul class="pagination fL">
+						<li><a href="#">&lt;</a></li>
+						<li><a href="#">1</a></li>
+						<li class="active"><a href="#">2</a></li>
+						<li><a href="#">3</a></li>
+						<li><a href="#">4</a></li>
+						<li><a href="#">5</a></li>
+						<li><a href="#">&gt;</a></li>
+					</ul>
+			  	</div>
+			</div>
+		</div>
+	</div>
+	<!--弹出 退票-->
+	<div class="modal hide fade" id="addpaper">
+		<div class="modal-dialog ">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>生成电子发票</h3>
+				</div>
+				<div class="modal-body saeaList">
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th colspan="2" class="taC">填写生成规则</th>
+						</tr>
+						<tr>
+							<th class="taC" width="100"><span class="colRed">*</span>发票类型</th>
+							<td><label class="radio inline"><input type="radio">增值税普通发票</label>
+									<label class="radio inline"><input type="radio">增值税专用发票</label></td>
+						</tr>
+						<tr>
+							<th class="taC" width="100"><span class="colRed">*</span>发票代码</th>
+							<td><input type="number" value="144011620789"></td>
+						</tr>
+						<tr>
+							<th class="taC" width="100"><span class="colRed">*</span>起始编号</th>
+							<td><input type="number" value="NO."></td>
+						</tr>
+						<tr>
+							<th class="taC" width="100"><span class="colRed">*</span>发票数量</th>
+							<td><input type="number" step="1"></td>
+						</tr>
+						<tr>
+							<th class="taC" width="100">末张编号</th>
+							<td><input value="No.1212" disabled type="text"></td>
+						</tr>
+						</tbody>
+					</table>
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button">确认生成</a>
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div></div>
+	</div>
+	<!--退票-->
+<script type="text/javascript">autoFlashHeight();</script>
+</body>

+ 12 - 1
invoice-print-detail.html

@@ -86,7 +86,7 @@
 						<table class="table table-bordered table-condensed">
 							<tbody>
 							<tr>
-								<th colspan="4" class="taC">增值税普通发票</th>
+								<th colspan="4" class="taC">增值税普通发票(<span class="colRed">电子发票</span>)</th>
 							</tr>
 							<tr>
 								<th class="taC" width="150">单位名称</th><td>珠海纵横创建软件有限公司</td>
@@ -159,6 +159,17 @@
 							</tbody>
 						</table>
 						<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th colspan="4" class="taC">电子发票发送方式</th>
+						</tr>
+						<tr>
+							<th class="taC" width="150">收件人手机</th><td></td>
+							<th class="taC" width="150">收件人邮箱</th><td>123456@qq.com</td>
+						</tr>
+						</tbody>
+					</table>
+						<table class="table table-bordered table-condensed">
 							<tbody>
 							<tr><th width="60%" class="taC">审批流程</th><th class="taC">发票打印</th></tr>
 							<tr><td>

+ 99 - 0
invoice-print.html

@@ -79,6 +79,14 @@
 									<td>赵淑燕 2016-03-03 12:20:20</td>
 									<td><a class="button btn-block" href="invoice-print-detail.html" >打印发票</a></td>
 								</tr>
+								<tr>
+									<td><a href="#invdetail-electron" data-toggle="modal">#FE20160316001</a></td>
+									<td>珠海XXXX公司</td>
+									<td><b>¥3000.00</b></td>
+									<td>广东办刘飞 2016-03-03 12:20:20</td>
+									<td>赵淑燕 2016-03-03 12:20:20</td>
+									<td><a class="button btn-block" href="invoice-print-detail.html" >打印发票</a></td>
+								</tr>
 								</tbody>
 							</table>
 							<blockquote><p class="colGray">暂时没有需要打印的发票</p></blockquote>
@@ -214,5 +222,96 @@
     </div>
 </div>
     <!--弹出内容-->
+<!--弹出(电子发票详情)-->
+    <div class="modal hide fade" id="invdetail-electron">
+        <div class="modal-dialog modal-lg">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h3>发票单详情</h3>
+                </div>
+                <div class="modal-body saeaList">
+                    <table class="table table-bordered table-condensed">
+                        <tbody>
+                        <tr>
+                            <th class="taC" width="150">开票流水号</th><td>#FE20160316001</td>
+                            <th class="taC" width="150">提交时间</th><td>2016-03-01 12:30:01</td>
+                        </tr>
+                        <th class="taC" width="150">所在办事处</th><td>广东办(刘飞)</td>
+                        <th class="taC">开票内容</th><td>纵横公路工程造价管理系统V9.0</td>
+                        </tr>
+                        <tr>
+                            <th class="taC" width="150">发票备注</th><td colspan="3"></td>
+                        </tr>
+                        <tr>
+                            <th class="taC" width="150">数量</th><td><b>1</b></td>
+                            <th class="taC">单价</th><td><b>¥20000.00</b></td>
+                        </tr>
+                        <tr>
+                            <th class="taC">开票金额</th><td colspan="3"><b class="colOrange" style="font-size:18px">¥20000.00</b></td>
+                        </tr>
+                        <tr>
+                            <th class="taC" width="150">结算方式</th><td colspan="3"><!-- 软件销售 --> 培训班(<a href="invoice-batch-detail.html" target="_blank">2018年4月18江西省公路工程造价高级应用培训-清单培训</a>)</td>
+                        </tr>
+                            </tbody>
+                    </table>
+                    <table class="table table-bordered table-condensed">
+                        <tbody>
+                        <tr>
+                            <th colspan="4" class="taC">增值税普通发票(<span class="colRed">电子发票</span>)</th>
+                        </tr>
+                        <tr>
+                            <th class="taC" width="150">单位名称</th><td>珠海纵横创建软件有限公司</td>
+                            <th class="taC" width="150">纳税人识别码</th><td></td>
+
+                        </tr>
+
+                        <tr>
+                            <th class="taC">注册地址</th><td></td>
+                            <th class="taC">注册电话</th><td></td>
+                        </tr>
+                        <tr>
+                            <th class="taC">开户银行</th><td></td>
+                            <th class="taC">银行账号</th><td></td>
+                        </tr>
+                        </tbody>
+                    </table>
+                    <table class="table table-bordered table-condensed">
+                        <tbody>
+                        <tr>
+                            <th colspan="4" class="taC">电子发票发送方式</th>
+                        </tr>
+                        <tr>
+                            <th class="taC" width="150">收件人手机</th><td></td>
+                            <th class="taC" width="150">收件人邮箱</th><td>123456@qq.com</td>
+                        </tr>
+                        </tbody>
+                    </table>
+                    <table class="table table-bordered table-condensed">
+                        <tr><th class="taC" >审批流程</th></tr>
+                        <tr><td>
+                                    <blockquote>
+                                        <p><span class="colGray">2016-11-10 11:03:11</span>&nbsp;广东办-刘飞&nbsp;创建</p>
+                                    </blockquote>
+                                    <blockquote>
+                                        <p><span class="colGray">2016-11-10 11:15:23</span>&nbsp;广东办-刘飞&nbsp;提交审批</p>
+                                    </blockquote>
+                                    <blockquote>
+                                        <p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-张少珊&nbsp;<span class="colGreen">同意</span> 审批意见文本</p>
+                                    </blockquote>
+                                    <blockquote>
+                                        <p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-张少珊&nbsp;<span class="colOrange">退回</span> 审批意见文本</p>
+                                    </blockquote>
+                                    <blockquote>
+                                        <p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-张少珊&nbsp;<span class="colRed">终止</span> 审批意见文本</p>
+                                    </blockquote>
+                                </td></tr>
+                    </table>
+                </div>
+                <div class="modal-footer">
+                    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+                </div>
+            </div></div>
+    </div>
+    <!--结束弹出电子发票发票详情-->
 <script type="text/javascript">autoFlashHeight();</script>
 </body>

+ 10 - 0
invoice-return.html

@@ -102,6 +102,16 @@
 									<td>不需邮寄</td>
 									<td><div class="btn-group"><a class="button btn-inline"  href="#return" data-toggle="modal">确认退票</a><a class="button btn-gray btn-inline"  href="#return-cancel" data-toggle="modal">退回申请</a></div></td>
 								</tr>
+								<tr>
+									<td><a href="#invdetail-electron" data-toggle="modal">#FE20160316001</a></td>
+									<td>珠海XXXX公司</td>
+									<td><b>¥3000.00</b></td>
+									<td>No.99028</td>
+									<td>广东办刘飞<br>2016-03-03</td>
+									<td>退票原因</td>
+									<td>顺丰速运:<a href="#shipping" data-toggle="modal">01239812382398</a></td>
+									<td><div class="btn-group"><a class="button btn-inline"  href="#return" data-toggle="modal">确认退票</a><a class="button btn-gray btn-inline"  href="#return-cancel" data-toggle="modal">退回申请</a></div></td>
+								</tr>
 								</tbody>
 							</table>
 							<blockquote><p class="colGray">暂时没有需要邮寄的发票</p></blockquote>

+ 13 - 0
invoice-return2.html

@@ -114,6 +114,19 @@
 							<td>赵淑燕 2016-03-03 12:20:20</td>
 							<td><a href="invoice-addn2.html" target="_blank">重新开票</a></td>
 						</tr>
+						<tr>
+							<td><a href="#invdetail-electron" data-toggle="modal">#FE20160316001</a></td>
+							<td><a href="#">培训班</a></td>
+							<td><b>¥3000.00</b><sup>专</sup></td>
+							<td>珠海XXXX公司</td>
+							<td>144011620789</td>
+							<td>No.99028</td>
+							<td>纵横公路工程造价管理系统V9.0</td>
+							<td>退票原因</td>
+							<td>顺丰速运:<a href="#shipping" data-toggle="modal">01239812382398</a></td>
+							<td>赵淑燕 2016-03-03 12:20:20</td>
+							<td><a href="invoice-addn2.html" target="_blank">重新开票</a></td>
+						</tr>
 						</tbody>
 					</table>
 				</div>