开票申请记录

pages.json

@@ -1,269 +1,294 @@
-{
-	"easycom": {
-			"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
-		},
-	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages	
-		{
-			"name":"充电中",
-			"path": "pages/index/index",
-			"style": {
-			
-				//"navigationStyle": "custom" // 隐藏系统导航栏
-			}
-		},
-		{
-			"name":"充电中",
-			"path": "jpsoft",
-			"style": {
-			
-				//"navigationStyle": "custom" // 隐藏系统导航栏
-			}
-		},
-		{
-			"name":"充电",
-			"path": "pages/charge/index",
-			"style": {
-				//"navigationStyle": "custom" // 隐藏系统导航栏
-			}
-		},
-		
-		
-		{
-			"name":"切换充电桩",
+{
+	"easycom": {
+		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
+	},
+	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages	
+		{
+			"name": "充电中",
+			"path": "pages/index/index",
+			"style": {
+
+				//"navigationStyle": "custom" // 隐藏系统导航栏
+			}
+		},
+		{
+			"name": "充电中",
+			"path": "jpsoft",
+			"style": {
+
+				//"navigationStyle": "custom" // 隐藏系统导航栏
+			}
+		},
+		{
+			"name": "充电",
+			"path": "pages/charge/index",
+			"style": {
+				//"navigationStyle": "custom" // 隐藏系统导航栏
+			}
+		},
+
+
+		{
+			"name": "切换充电桩",
 			"path": "pages/charge/switchCharge",
 			"style": {
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
 		},
 		{
-			"name":"充电记录",
+			"name": "充电记录",
 			"path": "pages/charge/chargeList",
 			"style": {
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
 		},
 		{
-			"name":"充电详情",
+			"name": "充电详情",
 			"path": "pages/charge/chargeDetails",
 			"style": {
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
 		},
 		{
-			"name":"我的",
+			"name": "我的",
 			"path": "pages/user/index",
 			"style": {
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
 		},
 		{
-			"name":"余额充值",
+			"name": "余额充值",
 			"path": "pages/user/recharge",
 			"style": {
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
-		},
-		
+		},
+
 		{
-			"name":"充值记录",
+			"name": "充值记录",
 			"path": "pages/user/rechargeList",
 			"style": {
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
-		},{
-			"name":"充值详情",
+		}, {
+			"name": "充值详情",
 			"path": "pages/user/rechargeDeatils",
 			"style": {
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
 		},
 		{
-			"name":"登录",
+			"name": "登录",
 			"path": "pages/index/none",
 			"style": {
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
 		},
 		{
-			"name":"登录",
+			"name": "登录",
 			"path": "pages/login/index",
 			"style": {
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
 		},
 		{
-			"name":"登录",
+			"name": "登录",
 			"path": "pagesFinance/login/index",
 			"style": {
-			
+
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
 		},
 		{
-			"name":"收益明细",
+			"name": "收益明细",
 			"path": "pagesFinance/detailed/index",
 			"style": {
-			
+
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
 		},
 		{
-			"name":"收益详情",
+			"name": "收益详情",
 			"path": "pagesFinance/detailed/details",
 			"style": {
-			
+
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
-		},
-		{
-			"name":"分润明细",
-			"path": "pagesFinance/share/index",
-			"style": {
-			
-				//"navigationStyle": "custom" // 隐藏系统导航栏
-			}
-		},
-		{
-			"name":"分润详情",
-			"path": "pagesFinance/share/details",
-			"style": {
-			
-				//"navigationStyle": "custom" // 隐藏系统导航栏
-			}
 		},
 		{
-			"name":"收益统计",
+			"name": "分润明细",
+			"path": "pagesFinance/share/index",
+			"style": {
+
+				//"navigationStyle": "custom" // 隐藏系统导航栏
+			}
+		},
+		{
+			"name": "分润详情",
+			"path": "pagesFinance/share/details",
+			"style": {
+
+				//"navigationStyle": "custom" // 隐藏系统导航栏
+			}
+		},
+		{
+			"name": "收益统计",
 			"path": "pagesFinance/statistics/index",
 			"style": {
-			
+
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
 		},
 		{
-			"name":"个人中心",
+			"name": "个人中心",
 			"path": "pagesFinance/user/index",
 			"style": {
-			
+
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
 		},
 		{
-			"name":"提现",
+			"name": "提现",
 			"path": "pagesFinance/user/withdraw",
 			"style": {
-			
+
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
 		},
 		{
-			"name":"提现记录",
+			"name": "提现记录",
 			"path": "pagesFinance/user/withdrawRecord",
 			"style": {
-			
+
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
 		},
 		{
-			"name":"申请结果",
+			"name": "申请结果",
 			"path": "pagesFinance/user/applyResult",
 			"style": {
-			
+
+				//"navigationStyle": "custom" // 隐藏系统导航栏
+			}
+		},
+		{
+			"name": "申请结果",
+			"path": "pagesFinance/user/chargingDetails",
+			"style": {
+
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
-		},
-		{
-			"name":"申请结果",
-			"path": "pagesFinance/user/chargingDetails",
-			"style": {
-			
-				//"navigationStyle": "custom" // 隐藏系统导航栏
-			}
-		},
-		
+		},
+
 		{
-			"name":"帮助中心",
+			"name": "帮助中心",
 			"path": "pagesFinance/user/help",
 			"style": {
-			
+
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
 		},
 		{
-			"name":"关于我们",
+			"name": "关于我们",
 			"path": "pagesFinance/user/about",
 			"style": {
-			
+
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
 		},
 		{
-			"name":"我的设备",
+			"name": "我的设备",
 			"path": "pagesFinance/user/deviceList",
 			"style": {
-			
+
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
-		},
-		{
-			"name":"我的站点",
-			"path": "pagesFinance/user/stationsList",
-			"style": {
-			
-				//"navigationStyle": "custom" // 隐藏系统导航栏
-			}
-		},
-	
-		
-		
+		},
+		{
+			"name": "我的站点",
+			"path": "pagesFinance/user/stationsList",
+			"style": {
+
+				//"navigationStyle": "custom" // 隐藏系统导航栏
+			}
+		},
+
+
+
 		{
-			"name":"设备详情",
+			"name": "设备详情",
 			"path": "pagesFinance/user/deviceDetails",
 			"style": {
-			
+
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
 		},
 		{
-			"name":"电桩管理",
+			"name": "电桩管理",
 			"path": "pagesFinance/user/pileManagement",
 			"style": {
-			
+
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
 		},
 		{
-			"name":"充电枪设置",
+			"name": "充电枪设置",
 			"path": "pagesFinance/user/myPile",
 			"style": {
-			
+
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
 		},
 		{
-			"name":"我被预约",
+			"name": "我被预约",
 			"path": "pagesFinance/preengaged/preengaged",
 			"style": {
-			
+
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
 		},
 		{
-			"name":"预约单详情",
+			"name": "预约单详情",
 			"path": "pagesFinance/preengaged/preengagedListDetails",
 			"style": {
-			
+
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
 		}
-		
-		
 
-    ],
+
+
+		, {
+			"name": "申请开票记录",
+			"path": "pagesFinance/recordOfInvoice/recordOfInvoice",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		},
+		{
+			"name": "申请详情",
+			"path": "pagesFinance/recordOfInvoice/applicationDetails",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"name": "发票预览",
+			"path": "pagesFinance/recordOfInvoice/invoicePreview",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+		}
+	],
 	"globalStyle": {
-			"navigationStyle": "custom", // 隐藏系统导航栏
-			"navigationBarTitleText": "智能充电系统",
-			"enablePullDownRefresh": false
-			
+		"navigationStyle": "custom", // 隐藏系统导航栏
+		"navigationBarTitleText": "智能充电系统",
+		"enablePullDownRefresh": false
+
 	}
-  
+
 }

pagesFinance/recordOfInvoice/applicationDetails.vue

@@ -0,0 +1,77 @@
+<template>
+	<view >
+		<u-navbar title="发票详情"></u-navbar>
+		<view class="price">
+			<view class="num">
+				15.00元
+			</view>
+			<view class="text" >
+				发票金额
+			</view>
+		</view>
+		
+		<u-cell-group>
+				<u-cell-item  title="开票状态" :arrow="false">
+					<text class="success">开票成功</text>
+					<!-- <text class="invoicing">开票中</text> -->
+				</u-cell-item>
+				<u-cell-item  title="发票代码" :arrow="false" value="000011110000"></u-cell-item>
+				<u-cell-item  title="发票号码" :arrow="false" value="00000000"></u-cell-item>
+				<u-cell-item  title="发票类型":arrow="false" value="个人/非企业单位"></u-cell-item>
+				<u-cell-item  title="发票抬头" :arrow="false" value="李广宵"></u-cell-item>
+				<u-cell-item  title="发票税号" :arrow="false" value="--"></u-cell-item>
+				<u-cell-item  title="开票时间" :arrow="false" value="2022-06-08"></u-cell-item>
+			</u-cell-group>
+			<u-cell-item style="background-color: #fff;"  title="发票预览":arrow="false">
+				<text class="success">查看</text>
+			</u-cell-item>
+	</view>
+</template>
+
+<script>
+</script>
+
+<style lang="scss">
+	page{
+		padding-bottom: 50px;
+		background-color: #F2F4F4;  
+	}
+	.price{
+		background-color: #fff;
+		padding: 24px 0;
+		text-align: center;
+		.num{
+			line-height: 36px;
+			color: rgba(16, 16, 16, 100);
+			font-size: 36px;
+		}
+		.text{
+			color: rgba(102, 102, 102, 100);
+			font-size: 16px;
+			margin-top: 4px;
+		}
+		
+	}
+	.success{
+		color: #00b962;
+		font-size: 16px;
+		margin-top: 4px;
+	}
+	.invoicing{
+		color: #ff6100;
+	}
+	/deep/.u-cell-box{
+		margin: 12px 0;
+		
+	}
+	/deep/.u-cell__value,/deep/.u-cell_title{
+		font-size: 18px 
+	}
+	/deep/.u-cell_title{
+		color: #666666;
+	}
+	/deep/.u-cell__value{
+		color: #101010;
+	}
+	
+</style>

pagesFinance/recordOfInvoice/invoicePreview.vue

@@ -0,0 +1,42 @@
+<template>
+	<view >
+		<u-navbar title="发票预览"></u-navbar>
+		
+		<view class="img-box">
+			<img src="../../static/img/preview.png" alt="">	
+		</view>
+		
+		<view class="btn">
+			<u-button shape="circle" style="color: #00b962;">下载图片</u-button>
+			<u-button shape="circle" type="success">下载PDF</u-button>
+		</view>
+	</view>
+</template>
+
+<script>
+</script>
+
+<style lang="scss" scoped>
+	page{
+		background-color: #fff;
+	}
+	.img-box{
+		margin-bottom: 20px;
+		width: 100%;
+		height: 238px;
+		img{
+			width: 100%;
+			height: 100%;
+		}
+	}
+	
+	.btn{
+		margin: 0 40px;
+		display: flex;
+		.u-btn{
+		width: 37.8vw;	
+	
+		line-height: 44px;
+		}
+	}
+</style>

pagesFinance/recordOfInvoice/recordOfInvoice.vue

@@ -0,0 +1,169 @@
+<template>
+	<view >
+		<u-navbar title="申请开票记录">
+			
+		</u-navbar>
+		
+	
+			<u-tabs  inactive-color="#888888" active-color="#101010" :list="list" :is-scroll="true"
+					:current="current" @change="change"></u-tabs>
+<!-- 待开票 -->
+      <view class="not-invoiced" v-show="current==0">
+	  	<view class="invoiced-item">
+	  		<view class="content">
+	  			<view class="title">
+	  				用户充电订单发票 <text class="to-invoice">待开票</text>
+	  			</view>
+	  			<p><text class="text-1">发票金额</text> <text class="text-2">50.00元</text></p>
+	  			<p><text class="text-1">发票抬头</text><text class="text-2">刘德华</text></p>
+	  			<p><text class="text-1">申请时间</text> <text class="text-2">2022-06-23 16：00：00</text></p>
+	  		</view>
+	  	</view>
+		
+		
+      </view>
+	  <!-- 已开票 -->
+	  <view class="invoiced" v-show="current==1">
+	  	<view class="invoiced-item">
+	  		<view class="content">
+	  			<view class="title">
+	  				用户充电订单发票 <text class="have-invoiced">已开票</text>
+	  			</view>
+	  			<p><text class="text-1">发票金额</text> <text class="text-2">50.00元</text></p>
+	  			<p><text class="text-1">发票抬头</text><text class="text-2">刘德华</text></p>
+	  			<p><text class="text-1">申请时间</text> <text class="text-2">2022-06-23 16：00：00</text></p>
+	  		</view>
+	  	</view>
+		
+		<p class="tips"> 仅展示最近12个月的发票信息</p>
+	  </view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list: [{
+					name: '待开票'
+				}, {
+					name: '已开票'
+				}],
+				current: 0,
+				
+			}
+		},
+		methods: {
+			change(index) {
+				this.current = index;
+			},
+				
+	},
+	}
+</script>
+
+<style lang="scss" scoped>
+	page{
+		background-color: #F2F4F4;  
+	}
+	
+	/deep/.u-scroll-box{
+		 width: 65.8% !important;
+		 margin: 0 auto;
+		 display: flex;
+		 
+	}
+	/deep/.u-tab-bar{
+		width: 18% !important;
+		left: -5% !important;
+		background-color: #00B962 !important; }
+	
+	// 未开票
+	.flex{
+		display: flex;
+	}
+	.not-invoiced-item,.invoiced-item{
+		width: 91.4%;
+		border-radius: 12px;
+		background-color: rgba(255, 255, 255, 100);
+		border: 1px solid rgba(235, 235, 235, 100);
+		padding: 16px 0;
+		padding-left: 18px;
+		margin:12px auto;
+		
+	}
+	.content{
+		width: 100%;
+		margin-left: 4px;
+		.title{
+			line-height: 18px;
+			color: rgba(16, 16, 16, 100);
+			font-size: 16px;
+			margin-bottom: 12px;
+			padding-right: 12px;
+			display: flex;
+			justify-content: space-between;
+			.price,.invoice,.have-invoiced{
+				height: 18px;
+				color: rgba(255, 61, 0, 100);
+				font-size: 18px;
+				
+			}
+			
+		}
+		
+		p{
+			color: rgba(102, 102, 102, 100);
+			line-height: 26px;
+			
+		}
+		.text-1{
+			display: inline-block;
+			width: 17vw;
+			
+		}
+		.text-2{
+			display: inline-block;
+			margin-left:4px;
+			width:54.6vw;
+			
+		}
+		.order-box{
+			
+			display: flex;
+			.order{
+				width: 17vw;
+			}
+			.order-num{
+				flex: 1;
+				margin-left:4px;
+				overflow: hidden;
+				white-space: nowrap;
+				text-overflow: ellipsis;
+				
+			}
+		}
+		
+	}
+	.radio{
+		margin: auto 0;
+		/deep/.uni-radio-input{
+			width: 20px !important;
+			height: 20px !important;
+		}
+	}
+	
+	
+	.to-invoice{
+		color:#FF6100!important;
+		font-size: 18px
+	}
+	.have-invoiced{
+		color: #00B962!important;
+		font-size: 18px
+	}
+	.tips{
+		color: rgba(153, 153, 153, 100);
+		text-align: center;
+	}
+</style>