更新

2024-03-15 08:51:39 +08:00
parent eb174869a4
commit 895d23dd5c
13 changed files with 1197 additions and 115 deletions
--- a/dataStatistics/networkPoint/components/charge.vue
+++ b/dataStatistics/networkPoint/components/charge.vue
@@ -0,0 +1,132 @@
+<template>
+	<view>
+		<uni-popup @change="change" ref="popup" type="bottom" background-color="#fff">
+			<view style="height:50vh; display: flex;flex-direction: column;padding-top: 20rpx;">
+				<view style="display: flex;">
+					<uni-easyinput  @confirm="confirmFn" style="width: 90%; margin: 0 auto;"
+						prefixIcon="search" v-model="nameOrPhone" placeholder="请输入内容" />
+				</view>
+				<picker-view @change="pickerChange" style="flex: 1;">
+					<picker-view-column>
+						<view style="display: flex;align-items: center;justify-content: center;"
+							v-for="(item,index) in list" :key="index">{{ item.userName ||  item.nickName }}</view>
+					</picker-view-column>
+				</picker-view>
+				<view @click="buttenFn" class="butten">
+					确定
+				</view>
+			</view>
+		</uni-popup>
+	</view>
+</template>
+
+<script>
+	import serve from '@/api/dataStatistics/networkPoint.js'
+
+	export default {
+		name: 'charge',
+		props: {
+			value: {
+				type: Boolean,
+				default: false
+			},
+		},
+		watch: {
+			value: function(n, o) {
+				if (n) {
+					this.$refs.popup.open('bottom')
+				} else {
+					this.$refs.popup.close()
+				}
+			}
+		},
+		created() {
+			// this.getlist()
+		},
+		data() {
+			return {
+				determine: null,
+				list: [
+
+				],
+				seleData: null,
+
+
+				nameOrPhone: ''
+			}
+		},
+		methods: {
+			// iconClick() {
+			// 	if (!this.nameOrPhone) {
+			// 		this.getlist()
+			// 	}
+			// },
+			buttenFn() {
+				clearTimeout(this.determine)
+				uni.showLoading({
+					title: '加载中'
+				})
+				this.determine = setTimeout(() => {
+					this.$emit('chargeChange', this.seleData)
+					uni.hideLoading()
+					this.$emit('input', false)
+				}, 700)
+			},
+			getlist() {
+				// if (!this.nameOrPhone) {
+				// 	this.list = [{
+				// 		nickName: '全部',
+				// 		id: ''
+				// 	}]
+				// 	this.seleData = this.list[0]
+				// 	return
+				// }
+				serve.liekQuery(this.nameOrPhone).then(res => {
+					if (res.code !== 20000) return
+					if (res.data.length == 0) {
+						uni.showToast({
+							title: '暂无数据',
+							icon: 'none'
+						})
+						return
+					}
+					this.list = res.data
+					this.list.unshift({
+						nickName: '全部',
+						customerId: ''
+					})
+					this.seleData = this.list[0]
+				})
+			},
+			pickerChange(e) {
+				console.log('pickerChange(e)',e)
+				this.seleData = this.list[e.detail.value[0]]
+			},
+			change(e) {
+				// console.log('change(e)',e)
+				this.$emit('input', e.show)
+			},
+			confirmFn() {
+				this.getlist()
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.charge-container {
+		padding-top: 20rpx;
+	}
+
+	.butten {
+		display: flex;
+		justify-content: center;
+		font-size: 35rpx;
+		color: #ffffff;
+		width: 60%;
+		margin: 10rpx auto;
+		border-radius: 10px;
+		background: #007AFF;
+		padding: 20rpx 0;
+	}
+</style>