发票样式

pages/my/electronicInvoice/invoiceDetails/invoiceDetails.vue

@@ -8,7 +8,8 @@
 			<view class="application-listIn">
 				<view class="listIn-name">开票状态</view>
 				<view class="listIn-inputBox">
-					<view class="inputBox-text inputBox-textOrange">开票中</view>
+					<view v-if="invoiceStatus==0" class="inputBox-text inputBox-textOrange">开票中</view>
+					<view v-else class="inputBox-text inputBox-textGreen">已开票</view>
 				</view>
 			</view>
 			<view class="application-listIn">
@@ -57,6 +58,7 @@
 				<view class="listIn-name">电子邮箱</view>
 				<view class="listIn-inputBox">
 					<view class="inputBox-text">1260707304@qq.com</view>
+					<view class="inputBox-toEm" v-if="invoiceStatus==1">已发送</view>
 				</view>
 			</view>
 		</view>
@@ -74,7 +76,11 @@
 		</view>
 		<!--底部提交按钮-->
 		<view class="application-btnCase">
-			<view class="btnCase-btn">催一催</view>
+			<view class="btnCase-btn" v-if="invoiceStatus==0">催一催</view>
+			<view class="btnCase-btnList" v-else>
+				<view class="btnList-style">发票下载</view>
+				<view class="btnList-style btnList-styleOrange">申请重开发票</view>
+			</view>
 		</view>
 	</view>
 </template>
@@ -83,7 +89,7 @@
 export default {
   data() {
     return {
-      
+      invoiceStatus:1,
     }
   },
   onLoad(option) {
@@ -140,6 +146,15 @@ export default {
 		.inputBox-textOrange{
 			color: #FE6600;
 		}
+		.inputBox-textGreen{
+			color: #00B42B;
+		}
+		.inputBox-toEm{
+			font-weight: 400;
+			font-size: 28rpx;
+			color: #165DFF;
+			line-height: 100rpx;
+		}
 	}
 }
 .application-listIn:nth-last-child(1){
@@ -179,5 +194,27 @@ export default {
 		text-align: center;
 		margin: 0 auto;
 	}
+	.btnCase-btnList{
+		display: flex;
+		justify-content: space-between;
+		padding:  0 24rpx;
+		.btnList-style{
+			width: 340rpx;
+			height: 88rpx;
+			background: #FFFFFF;
+			border-radius: 50rpx;
+			border: 2rpx solid rgba(0,0,0,0.15);
+			font-weight: 400;
+			font-size: 32rpx;
+			color: #333333;
+			line-height: 86rpx;
+			text-align: center;
+		}
+		.btnList-styleOrange{
+			background: #FE6600;
+			border: 2rpx solid #FE6600;
+			color: #FFFFFF;
+		}
+	}
 }
 </style>