1

2025-11-21 01:40:07 +08:00
parent ff026c6f32
commit 6ec389ff41
2718 changed files with 0 additions and 592114 deletions
@@ -0,0 +1,118 @@
+<template>
+	<view class="conversation_container">
+		<chat-header ref="chatHeaderRef" />
+		<scroll-view class="scroll-view" scroll-y="true" refresher-enabled="true" :refresher-triggered="triggered"
+			:scroll-top="scrollTop" :scroll-with-animation="true" @scroll="scroll" @refresherrefresh="onRefresh"
+			@refresherrestore="onRestore" @scrolltolower="scrolltolower">
+			<conversation-item v-for="item in storeConversationList" :key="item.conversationID" :source="item"
+				ref="conversationItem" />
+		</scroll-view>
+		<view class="loading_wrap" v-if="storeProgress > 0 && storeProgress < 100">
+			<u-loading-icon :vertical="true" :text="storeProgress + '%'"></u-loading-icon>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		mapGetters
+	} from "vuex";
+	import ChatHeader from "./components/ChatHeader.vue";
+	import ConversationItem from "./components/ConversationItem.vue";
+
+	export default {
+		components: {
+			ChatHeader,
+			ConversationItem,
+		},
+		data() {
+			return {
+				scrollTop: 0,
+				old: {
+					scrollTop: 0,
+				},
+				doubleClick: 0,
+				triggered: false,
+				refreshing: false,
+			};
+		},
+		computed: {
+			...mapGetters(["storeConversationList", "storeIsSyncing", "storeProgress"]),
+		},
+		onReady() {
+			this.$nextTick(() => plus.navigator.closeSplashscreen());
+		},
+		onLoad() {
+			this._freshing = false;
+			this.triggered = true;
+		},
+		methods: {
+			scroll(e) {
+				this.old.scrollTop = e.detail.scrollTop;
+			},
+			onRefresh() {
+				if (this._freshing) return;
+				this._freshing = true;
+				this.queryList(true);
+			},
+			onRestore() {
+				this.triggered = "restore";
+				console.log("onRestore");
+			},
+			scrolltolower() {
+				this.queryList();
+			},
+			async queryList(isFirstPage = false) {
+				await this.$store.dispatch(
+					"conversation/getConversationList",
+					isFirstPage
+				);
+				this.triggered = false;
+				this._freshing = false;
+			},
+			closeAllSwipe() {
+				this.$refs.swipeWrapperRef.closeAll();
+			},
+		},
+	};
+</script>
+
+<style lang="scss" scoped>
+	.conversation_container {
+		@include colBox(false);
+		height: 100vh;
+		overflow-y: hidden;
+	}
+
+	.conversation_search {
+		padding: 0 44rpx 24rpx;
+	}
+
+	.z-paging-content {
+		flex: 1;
+	}
+
+	.swipe_wrapper {
+		@include colBox(false);
+		flex: 1;
+		width: 100%;
+		overflow-y: auto;
+	}
+
+	.scroll-view {
+		height: 0;
+		flex: 1;
+	}
+
+	.loading_wrap {
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+	}
+
+	::v-deep.u-swipe-action-item__right__button__wrapper__text {
+		-webkit-line-clamp: 2 !important;
+		max-width: 32px;
+	}
+</style>