add 开票信息确认页面

chenbiao
1 parent 28010de0
Showing 3 changed files with 161 additions and 1 deletions
common/uni.css
pages.json
pages/invoiceInformation/invoiceInformation.vue
@@ -1812,3 +1812,16 @@ checkbox-group label {
 .color-bbb {
 	color: #bbb;
 }
+
+.is-required {
+	color: #dd524d;
+	font-weight: 700;
+}
+
+.fontsize22 {
+	font-size: 22px;
+}
+
+.fontweightBold {
+	font-weight: bold;
+}
@@ -177,7 +177,16 @@
 			}
  
 		}
-	],
+	    ,{
+            "path" : "pages/invoiceInformation/invoiceInformation",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "开票信息确认",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+    ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "停车小码头",
+<template>
+	<view>
+		<view class="uni-list">
+			<view class="uni-list-cell jy-fix-height34">
+				<view class="uni-list-cell-left">
+					开票类型:
+				</view>
+				<view class="uni-list-cell-db">
+					增值税电子普通发票
+				</view>
+			</view>
+			<view class="uni-list-cell jy-fix-height34">
+				<view class="uni-list-cell-left">
+					抬头类型:
+				</view>
+				<view class="uni-list-cell-db">
+					公司
+				</view>
+			</view>
+		</view>
+
+		<uni-section title="发票详情" type="line">
+			<view class="uni-list">
+				<view class="uni-list-cell jy-fix-height34">
+					<view class="uni-list-cell-left">
+						<text class="is-required">*</text>发票抬头:
+					</view>
+					<view class="uni-list-cell-db">
+						中兴智能交通股份有限公司
+					</view>
+				</view>
+				<view class="uni-list-cell jy-fix-height34">
+					<view class="uni-list-cell-left">
+						<text class="is-required">*</text>纳税人识别号:
+					</view>
+					<view class="uni-list-cell-db">
+						123333
+					</view>
+				</view>
+				<view class="uni-list-cell">
+					<view class="uni-list-cell-left jy-fix-height34">
+						注册地址:
+					</view>
+					<view class="uni-list-cell-db">
+						北京市海淀区玲珑路中关村产业园
+					</view>
+				</view>
+				<view class="uni-list-cell jy-fix-height34">
+					<view class="uni-list-cell-left">
+						注册电话:
+					</view>
+					<view class="uni-list-cell-db">
+						123
+					</view>
+				</view>
+				<view class="uni-list-cell">
+					<view class="uni-list-cell-left jy-fix-height34">
+						开户行:
+					</view>
+					<view class="uni-list-cell-db uni-ellipsis-2">
+						北京市海淀区玲珑路中关村产业园北京市海淀区玲珑路中关村产业园
+					</view>
+				</view>
+				<view class="uni-list-cell jy-fix-height34">
+					<view class="uni-list-cell-left">
+						开户账号:
+					</view>
+					<view class="uni-list-cell-db">
+						1123村产业园
+					</view>
+				</view>
+				<view class="uni-list-cell jy-fix-height34">
+					<view class="uni-list-cell-left">
+						<text class="is-required">*</text>电子邮箱:
+					</view>
+					<view class="uni-list-cell-db">
+						1123@qq.com
+					</view>
+				</view>
+				<view class="uni-list-cell jy-fix-height34">
+					<view class="uni-list-cell-left">
+						备注:
+					</view>
+					<view class="uni-list-cell-db">
+						备注
+					</view>
+				</view>
+				<view class="uni-list-cell jy-fix-height34">
+					<view class="uni-list-cell-left fontweightBold">
+						开票金额:
+					</view>
+					<view class="uni-list-cell-db fontweightBold">
+						5000元
+					</view>
+				</view>
+
+			</view>
+		</uni-section>
+		<uni-section title="提示:" type="line">
+			<view class="paddinglr30 recordCon">
+				1.若所选开票记录分属多家运营公司，您会收到多张电子发票；
+			</view>
+			<view class="paddinglr30 recordCon">
+				2.根据国家发票管理办法，请您提供真实有效的开票信息，感谢您的配合。
+			</view>
+		</uni-section>
+
+		<view class="margin-top-30">
+			<button type="primary" class="tel-btn">确认</button>
+
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				// 基础表单数据
+				baseFormData: {
+					name: '',
+					age: '',
+					introduction: '',
+					sex: 2,
+					hobby: [5],
+					datetimesingle: 1627529992399
+				},
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.tel-btn {
+		width: 90%;
+		margin: 30upx auto;
+	}
+</style>