1

common/js/api.js

@@ -207,4 +207,8 @@ export default {
 	userminidymessage(data) { //订阅消息
 		return uni.api.post("user/minidymessage", data);
 	},
+	monthssearch(data) { //根据月份查询
+		return uni.api.post("hfive/monthssearch", data);
+	},
+	
 }

pages/electric/index.vue

@@ -24,7 +24,7 @@
 			</view>
 			<view class="contentlistitem flex-between">
 				<text class="contentlistitemone">地址</text>
-				<text class="contentlistitemtow">{{blueticket.store.businessAddress}}</text>
+				<text class="contentlistitemtow">{{monthssearchlist.title}}</text>
 			</view>
 		</view>
 		<view class="contentlist">
@@ -64,6 +64,45 @@
 				<text class="contentlistitemtow">{{blueticket.xj.zsxed}}</text>
 			</view>
 		</view>
+		<view class="contentlist" style=" margin-bottom: 80prx;">
+			<view class="contentlisttitle flex-between">
+				<view>
+					开票统计
+				</view>
+				<view class="flex-start" @click="showpickeshow = true">
+					<text style="font-size: 30rpx;">{{date}}</text>
+					<view style="margin-left: 14rpx;">
+						<u-icon name="arrow-right" color="#909399" size="18"></u-icon>
+					</view>
+				</view>
+			</view>
+			<view class="contentlistitem flex-between" style="margin-top: 32rpx;">
+				<text class="contentlistitemone">类型</text>
+				<text class="contentlistitemtow">{{monthssearchlist.invo_type}}</text>
+			</view>
+			<view class="contentlistitem flex-between">
+				<text class="contentlistitemone">已开金额</text>
+				<text class="contentlistitemtow">{{monthssearchlist.d_price}}</text>
+			</view>
+			<view class="contentlistitem flex-between">
+				<text class="contentlistitemone">已开税额</text>
+				<text class="contentlistitemtow">{{monthssearchlist.tax_amount}}</text>
+			</view>
+			<view class="contentlistitem flex-between">
+				<text class="contentlistitemone">价税合计</text>
+				<text class="contentlistitemtow">{{monthssearchlist.price}}</text>
+			</view>
+			<view class="contentlistitem flex-between">
+				<text class="contentlistitemone">开票成功(张)</text>
+				<text class="contentlistitemtow">{{monthssearchlist.ok_number}}</text>
+			</view>
+			<view class="contentlistitem flex-between">
+				<text class="contentlistitemone">开票总数(张)</text>
+				<text class="contentlistitemtow">{{monthssearchlist.number}}</text>
+			</view>
+		</view>
+		<u-datetime-picker :show="showpickeshow" v-model="datetimemodel" @confirm='confirmdate' mode="year-month"
+			@cancel='showpickeshow =false'></u-datetime-picker>
 		<!-- <view class="contentbotton">
 			<view class="contentbottontitle flex-between">
 				<text class="contentbottontitleone">最近开票申请</text>
@@ -74,25 +113,41 @@
 </template>
 
 <script>
+	import dayjs from 'dayjs'
 	export default {
 		data() {
 			return {
 				swiperlist: [
 					'https://shuzu-download.oss-cn-shanghai.aliyuncs.com/advertise/2024-05-08-10-52-th-663ae8fc73220.png'
 				],
+				datetimemodel:Number(new Date()),
+				showpickeshow: false,
 				enterprise: {}, //企业
 				blueticket: {
 					xj: '',
 					store: ''
-				} //蓝票
+				}, //蓝票
+				date: dayjs().format("YYYY-MM"),
+				monthssearchlist: {}
 			}
 		},
 		async onLoad(e) {
 			let data = await this.api.hfivestoreqy()
 			this.blueticket = data.data
+			this.monthssearch()
 		},
 		methods: {
-
+			confirmdate(e) {
+				this.date = dayjs(e.value).format("YYYY-MM")
+				this.monthssearch()
+			},
+			async monthssearch() {
+				let res = await this.api.monthssearch({
+					m: this.date
+				})
+				this.monthssearchlist = res.data[0]
+				this.showpickeshow = false
+			},
 			clicknavigateTo(item, index) {
 				switch (index) {
 					case 0: