行程单内容调整

css/global.css

@@ -4011,25 +4011,42 @@ td div.dlLev3{
   background: #ff8130;
   color:#fff;
 }
+
+
+.itinerary{
+  margin:30px 0 0 0;
+}
+.itineraryCon{
+  margin:20px 10px;
+}
+.itineraryTitle{
+  background: #084F8E;
+  color: #fff;
+  padding: 5px 10px;
+}
 .addressName{
-  margin-left: 10px;
-  margin-top: 10px;
   font-size: 16px;
 }
-.pointLine{
-  position: relative;
-  margin-left: 10px;
-  width: 110px;
-  height: 50px;
-  background:url(flight_arrow.png) no-repeat right 15px;
+.itineraryCon ul li .pointLine{
+  margin:10px 0;
+  padding-left: 15px;
+  height: 80px;
+  background:url(down_arrow.png) no-repeat 0 bottom;
 }
-.price{
-  position: absolute;
-  top: 0;
-  left: 10px;
+.priceList{
+  margin-bottom: 10px;
 }
-.time{
-  position: absolute;
-  bottom: 0;
-  left: -40px;
+.itineraryCon ul li:last-child .pointLine{
+  height: 80px;
+  background:url(down_arrow2.png) no-repeat 0 bottom;
+}
+.priceTitle,.timeTitle{
+  display: inline-block;
+  padding: 3px 8px;
+  background: #999;
+  color: #fff;
+  margin-right: 5px;
+}
+.price,.time{
+  font-weight: bold;
 }

saea-receipt-add2.html

@@ -66,27 +66,6 @@
 			  						<tr><th>市内交通费<p class="colGray">#出租车</p></th><td  width="200" class="taR">￥25.00</td></tr>
 			  						<tr><th class="taR">合计</th><td class="colGreen taR">￥100.00</td></tr>
 			  						<tr><th colspan="2" class="taC"><a href="#route-add" class="button" data-toggle="modal">添加行程费用单</a></th></tr>
-			  						<tr><th colspan="2" class="taC">总行程单</th></tr>
-			  						<tr>
-			  							<td colspan="2">
-			  								<div class="addressName fL"><i class="contactsMark icon-">P</i><b>珠海</b></div>
-			  								<div class="pointLine fL">
-			  									<span class="price colGray">￥ 70</span>
-			  									<span class="time colGray">2020-05-12 ~ 2020-05-13</span>
-			  								</div>
-			  								<div class="addressName fL"><i class="contactsMark icon-">P</i><b>广州</b></div>
-			  								<div class="pointLine fL">
-			  									<span class="price colGray">￥ 60</span>
-			  									<span class="time colGray">2020-05-12 ~ 2020-05-13</span>
-			  								</div>
-			  								<div class="addressName fL"><i class="contactsMark icon-">P</i><b>中山</b></div>
-			  								<div class="pointLine fL">
-			  									<span class="price colGray">￥ 100</span>
-			  									<span class="time colGray">2020-05-12 ~ 2020-05-13</span>
-			  								</div>
-			  								<div class="addressName fL"><i class="contactsMark icon-">P</i><b>佛山</b></div>
-			  							</td>
-			  						</tr>
 			  						<tr><th colspan="2" class="taC">差旅相关费用</th></tr>
 			  						<tr><th>往来交通费</th><td  width="200" class="taR">￥150.00</td></tr>
 			  						<tr><th>市内交通费</th><td  width="200" class="taR">￥50.00</td></tr>
@@ -153,6 +132,73 @@
 				  					<p>2 出差补助30元/天，不需提供发票，只需在报销单上填写清楚；</p>
 				  					<p>3 <b>产生费用所在办事处</b> 默认使用您所在的第一个办事处。</p>
 			  					</div>
+			  					<div class="itinerary">
+			  						<h2 class="itineraryTitle">总行程单</h2>
+			  						<div class="itineraryCon">
+			  							<ul>
+			  								<li>
+			  									<div class="itineraryList">
+						  							<div class="addressName"><i class="contactsMark icon-">P</i> <b>珠海</b></div>
+						  							<div class="pointLine">
+						  								<div class="priceList">
+						  									<span class="priceTitle">价格</span>
+						  									<span class="price colGreen">￥70</span>
+						  								</div>
+						  								<div class="timeList">
+						  									<span class="timeTitle">时间</span>
+						  									<span class="time">05-12 ~ 05-13</span>
+						  								</div>
+						  							</div>
+						  						</div>
+			  								</li>
+			  								<li>
+			  									<div class="itineraryList">
+						  							<div class="addressName"><i class="contactsMark icon-">P</i> <b>广州</b></div>
+						  							<div class="pointLine">
+						  								<div class="priceList">
+						  									<span class="priceTitle">价格</span>
+						  									<span class="price colGreen">￥70</span>
+						  								</div>
+						  								<div class="timeList">
+						  									<span class="timeTitle">时间</span>
+						  									<span class="time">05-13 ~ 05-14</span>
+						  								</div>
+						  							</div>
+						  						</div>
+			  								</li>
+			  								<li>
+			  									<div class="itineraryList">
+						  							<div class="addressName"><i class="contactsMark icon-">P</i> <b>广州</b></div>
+						  							<div class="pointLine">
+						  								<div class="priceList">
+						  									<span class="priceTitle">价格</span>
+						  									<span class="price colGreen">￥70</span>
+						  								</div>
+						  								<div class="timeList">
+						  									<span class="timeTitle">时间</span>
+						  									<span class="time">05-14 ~ 05-14</span>
+						  								</div>
+						  							</div>
+						  						</div>
+			  								</li>
+			  								<li>
+			  									<div class="itineraryList">
+						  							<div class="addressName"><i class="contactsMark icon-">P</i> <b>中山</b></div>
+						  							<div class="pointLine">
+						  								<div class="priceList">
+						  									<span class="priceTitle">价格</span>
+						  									<span class="price colGreen">￥70</span>
+						  								</div>
+						  								<div class="timeList">
+						  									<span class="timeTitle">时间</span>
+						  									<span class="time">05-15 ~ 05-15</span>
+						  								</div>
+						  							</div>
+						  						</div>
+			  								</li>
+			  							</ul>
+			  						</div>
+			  					</div>
 			  				</div>
 			  			</div>
 					</div>