前端模板

public/appnew/src/components/reportDetails/reportDetails.vue

@@ -162,7 +162,46 @@
 				</ul>
 
 			</section>
-
+			
+			
+			<section v-show="3 === initTabNumMain">
+				<ul class="li-box">
+					<li class="main-sec-li no-background-color">
+						<div class="special-style">提交时间:<span class="margin-left">0000</span></div>
+					</li>
+					<li class="main-sec-li half no-background-color">
+						<div class="special-style">提交人:<span class="margin-left">0000</span></div>
+					</li>
+					<li class="main-sec-li half no-background-color">
+						<div class="special-style">收款ID:<span class="margin-left">0000</span></div>
+					</li>
+					<li class="main-sec-li half no-background-color">
+						<div class="special-style">呈交报告ID:<span class="margin-left">0000</span></div>
+					</li>
+					<li class="main-sec-li half no-background-color">
+						<div class="special-style">入账金额:<span class="margin-left">0000</span></div>
+					</li>
+					<li class="main-sec-li half no-background-color">
+						<div class="special-style">入账类型:<span class="margin-left">0000</span></div>
+					</li>
+					<li class="main-sec-li half no-background-color">
+						<div class="special-style">入账日期:<span class="margin-left">0000</span></div>
+					</li>
+					<li class="main-sec-li half no-background-color">
+						<div class="special-style">来源:<span class="margin-left">0000</span></div>
+					</li>
+					<li class="main-sec-li half no-background-color">
+						<div class="special-style">对应业务员:<span class="margin-left">0000</span></div>
+					</li>
+					<li class="main-sec-li half no-background-color">
+						<div class="special-style">状态:<span class="margin-left">0000</span></div>
+					</li>
+					<li class="main-sec-li half no-background-color">
+						<div class="special-style">所属门店:<span class="margin-left">0000</span></div>
+					</li>
+					
+				</ul>
+			</section>
 		</main>
 
 		<!--<footer class="tc ">
@@ -184,6 +223,8 @@
 				'title': '分佣提成',
 			}, {
 				'title': '开票税费',
+			}, {
+				'title': '收款详情',
 			}],
 			internal_title: '',
 			internal_address: '',
@@ -409,6 +450,26 @@
 		font-size: .3rem;
 	}
 	
+	.li-box {
+		/*padding :.1rem;*/ 
+		border : 1px solid #D2D2D2 ;
+		overflow : hidden ;
+		width :7.1rem;
+		margin : .2rem;
+		/*background-color : #D2D2D2;*/
+	}
+	.half {
+		width : 2.75rem;
+		float : left ; 
+	}
+	.no-background-color {
+		background-color:initial;
+	}
+	.special-style{
+		font-size:.28rem;
+		color : #999999;
+		line-height : 2;
+	}
 	.main-sec-li-26 {
 		background: #fff;
 		line-height: .9rem;
@@ -434,6 +495,12 @@
 		float: right;
 	}
 	
+	.margin-left {
+		margin-left : .1rem ;
+		color : #1A1A1A;
+		line-height : 1;
+	}
+	
 	.color {
 		color: #FA903F;
 	}