Merge branch 'master' of http://47.92.161.104:10080/zkx/jp-housekeep-electric

App.vue

@@ -39,4 +39,9 @@
 		z-index: 99999;
 		position: absolute;
 	}
+	.slot{
+		color: rgba(16,16,16,1);
+		font-size: 32rpx;
+		margin-right: 32rpx;
+	}
 </style>

assets/img/invoice.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1024 1024" width="88" height="88" style="" filter="none">
+    <defs><linearGradient id="U4cXjIfYEWS4gv1" x1="0" x2="100%" y1="0" y2="0" gradientTransform="matrix(6.123233995736766e-17, 1, -1, 6.123233995736766e-17, 512, 0)" gradientUnits="userSpaceOnUse"><stop stop-color="#ffffff" stop-opacity="0.2" offset="0.08"></stop><stop stop-color="#ffffff" stop-opacity="0" offset="0.91"></stop></linearGradient></defs>
+    <g>
+    <path d="M775.1168 100.9664H272.4352c-70.4512 0-127.5392 57.088-127.5392 127.5392v610.048c0 35.8912 38.8608 58.368 69.9904 40.4992l108.544-62.3616a46.7456 46.7456 0 0 1 54.3744 5.632L493.056 925.184a46.67904 46.67904 0 0 0 62.1056 0.0512l116.3776-103.5264a46.72512 46.72512 0 0 1 54.5792-5.4272l106.24 62.0032c31.1296 18.176 70.2464-4.3008 70.2464-40.3456V228.5056c0.0512-70.4-57.0368-127.5392-127.488-127.5392z m-133.9392 448.0512a29.8496 29.8496 0 1 1 0 59.6992h-87.5008v53.8624a29.8496 29.8496 0 1 1-59.6992 0V608.768h-87.552a29.8496 29.8496 0 1 1 0-59.6992h87.5008v-36.4544H406.4256a29.8496 29.8496 0 1 1 0-59.6992h58.9312l-77.312-122.5216a29.9008 29.9008 0 0 1 9.3184-41.216 29.9008 29.9008 0 0 1 41.216 9.3184l84.736 134.2464L609.024 296.96c8.8064-13.9264 27.2896-18.1248 41.216-9.3184 13.9264 8.8064 18.1248 27.2896 9.3184 41.216l-78.336 123.9552h59.9552a29.8496 29.8496 0 1 1 0 59.6992h-87.5008v36.4544h87.5008z" fill="url(#U4cXjIfYEWS4gv1)" p-id="5440" stroke="none"></path>
+    </g>
+  </svg>

pages.json

@@ -159,6 +159,30 @@
         		"navigationBarTitleText" : "",
         		"enablePullDownRefresh" : false
         	}
+        },
+        {
+        	"path" : "pages/businessHall/recharge/monthlyBill",
+        	"style" : 
+        	{
+        		"navigationBarTitleText" : "",
+        		"enablePullDownRefresh" : false
+        	}
+        },
+        {
+        	"path" : "pages/businessHall/invoiceManagement/invoiceManagement",
+        	"style" : 
+        	{
+        		"navigationBarTitleText" : "",
+        		"enablePullDownRefresh" : false
+        	}
+        },
+        {
+        	"path" : "pages/businessHall/invoiceManagement/issueInvoice",
+        	"style" : 
+        	{
+        		"navigationBarTitleText" : "",
+        		"enablePullDownRefresh" : false
+        	}
         }
        
     ],

pages/businessHall/invoiceManagement/invoiceManagement.vue

@@ -0,0 +1,273 @@
+<template>
+	<view>
+		<u-navbar title="发票管理"  title-color="#101010" >
+			<view class="slot" slot="right">
+				抬头管理
+			</view>
+		</u-navbar>
+		<!-- 标签 -->
+		<view class="tabs">
+			<u-tabs :list="list" :is-scroll="false" bar-width="100" :current="current" @change="change"></u-tabs>
+		</view>
+		<!-- 未开发票 -->
+		<view class="not-invioced" v-if="current==0">
+			<view class="invoice-item" v-for="item in 2" >
+				<view class="radio">
+					<label class="radio">
+						<radio value="" /><text></text>
+					</label>
+				</view>
+				<view class="infos">
+					<view class="title">
+						<view class="text">
+							2024年1月扣费发票
+						</view>
+						<view class="money">
+							1000.00元
+						</view>
+					</view>
+					<view class="item">
+						<view class="name">
+							发票抬头
+						</view>
+						<view class="value">
+							联通公司
+						</view>
+					</view>
+					<view class="item">
+						<view class="name">
+							申请时间
+						</view>
+						<view class="value">
+							2024-02-07 16:00:00
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		
+		<!-- 已开发票 -->
+		<view class="invoiced" v-if="current==1">
+			<view class="invoice-item"  >
+				
+				<view class="infos">
+					<view class="title">
+						<view class="text">
+							2024年1月扣费发票
+						</view>
+						<view class="state">
+							开票中
+						</view>
+					</view>
+					<view class="item">
+						<view class="name">
+							发票金额
+						</view>
+						<view class="value">
+							1000.00元
+							
+						
+
+						</view>
+					</view>
+					<view class="item">
+						<view class="name">
+							发票抬头
+						</view>
+						<view class="value">
+							联通公司
+							
+							
+						</view>
+					</view>
+					<view class="item">
+						<view class="name">
+							申请时间
+						</view>
+						<view class="value">
+							2024-02-07 16:00:00			
+						</view>
+					</view>
+				</view>
+			</view>
+			<view class="invoice-item"  >
+				
+				<view class="infos">
+					<view class="title">
+						<view class="text">
+							2024年1月扣费发票
+						</view>
+						<view class="state2">
+							已开票
+						</view>
+					</view>
+					<view class="item">
+						<view class="name">
+							发票金额
+						</view>
+						<view class="value">
+							1000.00元
+							
+						
+			
+						</view>
+					</view>
+					<view class="item">
+						<view class="name">
+							发票抬头
+						</view>
+						<view class="value">
+							联通公司
+							
+							
+						</view>
+					</view>
+					<view class="item">
+						<view class="name">
+							申请时间
+						</view>
+						<view class="value">
+							2024-02-07 16:00:00			
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- 底部 -->
+		<view class="bottom" v-if="current==0">
+			<view class="all">
+				<label class="radio">
+					<radio value="" /><text></text>
+				</label>
+			</view>
+			<view class="total">
+				<view class="money">
+					共1000元
+				</view>
+				<view class="amount">
+					1张发票
+				</view>
+			</view>
+			<view class="btn-box">
+				<button class="btn">去开票</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list: [{
+					name: '未开发票'
+				}, {
+					name: '已开发票'
+				}],
+				current: 0
+			}
+		},
+		methods: {
+			change(index) {
+				this.current = index;
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.slot{
+		color: rgba(16,16,16,1);
+		font-size: 32rpx;
+		margin-right: 32rpx;
+	}
+	// 标签
+	.tabs{
+		background-color: #fff;
+		/deep/.u-tabs{
+			width: 400rpx;
+			margin: 0 auto;
+		}
+	}
+	// 发票
+	.invoice-item{
+		margin: 24rpx;
+		padding: 32rpx;
+		background-color: #fff;
+		display: flex;
+		align-items: center;
+		.infos{
+			margin-left: 32rpx;
+			flex: 1;
+			.title{
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				font-size: 36rpx;
+				font-weight: 600;
+				.text{
+					color: rgba(51,51,51,1);
+					
+				}
+				.money{
+					color: rgba(255,61,0,1);
+					
+				}
+				.state{
+					color: rgba(255,61,0,1);
+					font-size: 36rpx;
+				}
+				.state2{
+					color: rgba(0,185,98,1);
+					font-size: 36rpx;
+				}
+			}
+			.item{
+				display: flex;
+				align-items: center;
+				margin-top: 24rpx;
+				.name{
+					color: rgba(119,119,119,1);
+				}
+				.value{
+					color: rgba(51,51,51,1);
+					margin-left: 24rpx;
+				}
+			}
+		}
+	}
+    // 底部
+	.bottom{
+		background-color: #fff;
+		padding: 28rpx 32rpx;
+		display: flex;
+		align-items: center;
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		.total{
+			margin-left: 110rpx;
+			.money{
+				color: rgba(22,119,255,1);
+				font-size: 36rpx;
+			}
+			.amount{
+				color: #111111;
+				text-align: right;
+			}
+		}
+		.btn-box{
+			margin-left: auto;
+			.btn{
+				width: 260rpx;
+				border-radius: 50px;
+				background: linear-gradient(-88.46deg, rgba(34,109,198,1) 2.59%,rgba(9,158,237,1) 97.02%);
+				color: rgba(255,255,255,1);
+				font-size: 36rpx;
+				line-height: 80rpx;
+			}
+		}
+	}
+   
+</style>

pages/businessHall/invoiceManagement/issueInvoice.vue

@@ -0,0 +1,313 @@
+<template>
+	<view>
+		<u-navbar title="开具发票" title-color="#101010">
+			<view class="slot" slot="right">
+				开票说明
+			</view>
+		</u-navbar>
+		<view class="cover">
+			<view class="title">
+				发票信息
+			</view>
+			<view class="image">
+				<image class="img" src="../../../assets/img/invoice.svg" mode=""></image>
+			</view>
+		</view>
+		<!-- 详细信息 -->
+		<!-- 企业单位 -->
+		<view class="invoice-infos">
+			<view class="item">
+				<view class="title">
+					发票金额
+				</view>
+				<view class="value money">
+					1000.00元
+				</view>
+			</view>
+
+			<view class="item">
+				<view class="title">
+					抬头类型
+				</view>
+				<view class="value ">
+					<label class="radio">
+						<radio value="" /><text>企业单位</text>
+					</label>
+					<label class="radio">
+						<radio value="" /><text>个人/非企业单位</text>
+					</label>
+				</view>
+			</view>
+
+			<view class="item">
+				<view class="title">
+					发票抬头
+				</view>
+				<view class="value">
+					<input type="text" placeholder="联通公司" />
+					<view class="icon">
+						<u-icon name="arrow-right" color="#acacac"></u-icon>
+					</view>
+				</view>
+			</view>
+			<view class="item">
+				<view class="title">
+					联系电话
+				</view>
+				<view class="value">
+					<input type="text" placeholder="15500001111" />
+				</view>
+			</view>
+		</view>
+		<!-- 个人/非企业单位 -->
+		<view class="invoice-infos">
+			<view class="item">
+				<view class="title">
+					发票金额
+				</view>
+				<view class="value money">
+					1000.00元
+				</view>
+			</view>
+
+			<view class="item">
+				<view class="title">
+					抬头类型
+				</view>
+				<view class="value ">
+					<label class="radio">
+						<radio value="" /><text>企业单位</text>
+					</label>
+					<label class="radio">
+						<radio value="" /><text>个人/非企业单位</text>
+					</label>
+				</view>
+			</view>
+
+			<view class="item">
+				<view class="title">
+					发票抬头
+				</view>
+				<view class="value value2">
+					<input type="text" placeholder="请选择发票抬头" />
+					<view class="icon">
+						<u-icon name="arrow-right" color="#acacac"></u-icon>
+					</view>
+				</view>
+			</view>
+			<view class="item">
+				<view class="title">
+					联系电话
+				</view>
+				<view class="value value2">
+					<input type="text" placeholder="请先选择发票抬头" />
+				</view>
+			</view>
+		</view>
+		<!-- 底部 -->
+		<view class="bottom">
+			<button class="btn" @click="show=true">提交申请</button>
+		</view>
+		<!-- 弹窗 -->
+		<view class="modal">
+			<u-modal v-model="show" :show-title="false" :show-cancel-button="true" cancel-text="返回修改"
+				confirm-text="确认开票">
+				<view class="headline">
+					<p>发票开具成功后不可撤销</p>
+					<p>请您仔细核对开票信息!</p>
+				</view>
+				<view class="infos">
+					<view class="item">
+						<view class="title">
+							发票项目
+						</view>
+						<view class="value">
+							2024年1月扣费发票
+
+
+
+						</view>
+					</view>
+					<view class="item">
+						<view class="title">
+							发票抬头
+						</view>
+						<view class="value">
+							联通公司
+
+
+						</view>
+					</view>
+					<view class="item">
+						<view class="title">
+							发票金额
+						</view>
+						<view class="value">
+							1000.00元
+						</view>
+					</view>
+					<view class="hint">
+						发票开具后，可开票额度将按照实际开票金额相应扣减
+					
+					</view>
+				</view>
+				
+			</u-modal>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				show: false,
+
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.cover {
+		margin: 24rpx 32rpx;
+		padding: 58rpx 32rpx;
+		border-radius: 8px;
+		position: relative;
+		background: linear-gradient(90deg, rgba(49, 110, 207, 1) 2%, rgba(20, 73, 159, 1) 100%);
+
+		.title {
+			color: rgba(255, 255, 255, 1);
+			font-size: 48rpx;
+			font-weight: bold;
+		}
+
+		.image {
+			width: 176rpx;
+			height: 176rpx;
+			position: absolute;
+			right: 0;
+			top: 0;
+
+			.img {
+				width: 100%;
+				height: 100%;
+			}
+		}
+	}
+
+	// 详细信息
+	.invoice-infos {
+		background-color: #fff;
+		border-radius: 8px;
+		margin: 36rpx 32rpx;
+
+		.item {
+			display: flex;
+			align-items: center;
+			padding: 28rpx 32rpx;
+
+			.title {
+				color: rgba(119, 119, 119, 1);
+				font-size: 32rpx;
+			}
+
+			.value {
+				flex: 1;
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				margin-left: 40rpx;
+
+				/deep/.uni-radio-input {
+					width: 32rpx;
+					height: 32rpx;
+				}
+
+				/deep/.uni-input-placeholder {
+					color: rgba(16, 16, 16, 1);
+					font-size: 32rpx;
+				}
+
+				.radio {
+					margin-right: 16rpx;
+				}
+
+
+			}
+
+			.value2 {
+
+				/deep/.uni-input-placeholder {
+					color: rgba(172, 172, 172, 1);
+					font-size: 32rpx;
+				}
+
+
+
+			}
+
+			.money {
+				color: rgba(255, 61, 0, 1);
+			}
+		}
+	}
+
+	// 底部
+	.bottom {
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		background-color: #fff;
+		padding: 24rpx 32rpx;
+
+		.btn {
+			line-height: 80rpx;
+			border-radius: 50px;
+			background: linear-gradient(-88.46deg, rgba(34, 109, 198, 1) 2.59%, rgba(9, 158, 237, 1) 97.02%);
+			color: rgba(255, 255, 255, 1);
+			font-size: 36rpx;
+		}
+	}
+
+	// 弹窗
+	.modal {
+		.headline {
+			text-align: center;
+			background: linear-gradient(90deg, rgba(49, 110, 207, 1) 2%, rgba(20, 73, 159, 1) 100%);
+			color: #fff;
+			padding: 32rpx 0;
+
+		}
+		.infos {
+			padding: 40rpx 48rpx 26rpx;
+		
+			.item {
+				display: flex;
+				justify-content: space-between;
+				margin-bottom: 24rpx;
+		
+				.title {
+					color: rgba(119, 119, 119, 1);
+					font-size: 32rpx;
+				}
+		
+				.value {
+					color: rgba(51, 51, 51, 1);
+					font-size: 32rpx;
+				}
+			}
+		
+		}
+		.hint{
+							 color: rgba(238,49,56,1);
+							 font-size: 28rpx
+		}
+	}
+
+	
+</style>

pages/businessHall/recharge/monthlyBill.vue

@@ -0,0 +1,167 @@
+<template>
+	<view>
+		<u-navbar title="电费月度账单"  title-color="#101010" ></u-navbar>
+		<view class="background">
+			<view class="recharge-details">
+				<view class="headline">
+					2024年1月电费月度账单
+				</view>
+				<view class="sum">
+					1000.00
+				</view>
+				
+				<view class="details">
+					<view class="item">
+						<view class="item-title">
+							用户信息
+						</view>
+						<view class="item-value">
+							3~6楼联通公司
+						</view>
+					</view>
+					<view class="item">
+						<view class="item-title">
+							户号
+						</view>
+						<view class="item-value">
+								00880088
+						</view>
+					</view>
+					<view class="item">
+						<view class="item-title">
+							收费标准
+						</view>
+						<view class="item-value">
+								1.3元/度C
+						</view>
+					</view>
+					<view class="item">
+						<view class="item-title">
+							度数
+						</view>
+						<view class="item-value">
+								
+								61.53度 (起止码100-161.53)
+								
+						
+
+						</view>
+					</view>
+					<view class="item">
+						<view class="item-title">
+							可用余额
+						</view>
+						<view class="item-value">
+														
+							650.51元
+						</view>
+					</view>
+					<view class="item">
+						<view class="item-title">
+							统计截止日期
+						</view>
+						<view class="item-value">					
+							2024-01-02 00:00:01
+						</view>
+					</view>
+				</view>
+				
+				<view class="details">
+					<view class="chart-box">
+						<view class="title">
+							1月用电量趋势
+						</view>
+						<image class="img" src="../../../assets/img/jVzkNKE@1x.png" mode=""></image>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- 返回 -->
+		<button class="back">返回</button>
+	</view> 
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.background{
+		position: relative;
+		height: 200px;
+		background: linear-gradient(180deg, rgba(203,234,255,1) 0%,rgba(203,234,255,0) 100%);
+		.recharge-details{
+			position: absolute;
+			top: 24rpx;
+			left: 32rpx;
+			right: 32rpx;
+			background-color: #fff;
+			border-radius: 8px;
+			padding: 40rpx 32rpx;
+			text-align: center;
+			.headline{
+				color: rgb(16,16,16);
+				font-size: 36rpx;
+				
+			}
+			.sum{
+				color: rgb(16,16,16);
+				font-size: 48rpx;
+				margin-top: 32rpx;
+
+			}
+			
+			.details{
+				margin-top: 40rpx;
+				padding-top: 40rpx;
+				border-top: 1px solid rgba(241,241,241,1);
+				.item{
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
+					margin-bottom:16rpx;
+					.item-title{
+						color: rgb(119,119,119);
+					}
+					.item-value{
+						color: rgb(48,48,48);
+					}
+				}
+				.chart-box{
+					background-color: rgba(208,236,255,1);
+					border-radius: 8px;
+					.title{
+						text-align: left;
+						padding: 24rpx 28rpx;
+						color: rgba(16,16,16,1);
+					}
+				}
+				.img{
+					width: 622rpx;
+					height: 304rpx;
+				}
+			}
+		}
+	}
+ // 返回
+ .back{
+	 border: 1px solid rgba(205,205,205,1);
+	 line-height: 88rpx;
+	 background-color: rgba(255,255,255,1);
+	 color: rgba(119,119,119,1);
+	 font-size: 32rpx;
+	 position: absolute;
+	 top: 1220rpx;
+	 left: 32rpx;
+	 right: 32rpx;
+ }
+</style>