wishpal_ironfan
/
tiefen_space_h5
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加私聊功能

This commit is contained in:
al 2024-07-24 20:20:09 +08:00
parent f0756a83d7
commit b79a308295
79 changed files with 73 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/bill/[type]/page.jsx
View File

@ -5,13 +5,10 @@ import {useRouter} from "next/navigation";
import requireAPI from "@/utils/requireAPI"; import requireAPI from "@/utils/requireAPI";
export default function BillDetail({ params }) { export default function BillDetail({ params }) {
const [data, setData] = useState([]); const [data, setData] = useState([]);
const [isFetching, setIsFetching] = useState(true); const [isFetching, setIsFetching] = useState(false);
const router = useRouter(); const router = useRouter();
useEffect(() => { useEffect(() => {
setTimeout(() => {
getData(); getData();
}, 500);
}, []); }, []);
const getData = async () => { const getData = async () => {
let type; let type;
@ -32,6 +29,7 @@ export default function BillDetail({ params }) {
break; break;
} }
try { try {
setIsFetching(true);
const _data = await requireAPI( const _data = await requireAPI(
"POST", "POST",
"/api/vas/get_ch_list", "/api/vas/get_ch_list",
@ -86,7 +84,7 @@ export default function BillDetail({ params }) {
</div> </div>
)} )}
{data.length === 0 && ( {data.length === 0 && (
<div className="flex flex-col mt-4 w-full items-center"> <div className="flex flex-col mt-14 w-full items-center">
<svg viewBox="0 0 1024 1024" width="120" height="120"> <svg viewBox="0 0 1024 1024" width="120" height="120">
<path <path
d="M102.4 896a409.6 51.2 0 1 0 819.2 0 409.6 51.2 0 1 0-819.2 0Z" d="M102.4 896a409.6 51.2 0 1 0 819.2 0 409.6 51.2 0 1 0-819.2 0Z"

21
app/layout.js
View File

@ -33,12 +33,23 @@ export const viewport = {
}; };
export default function RootLayout({ children }) { export default function RootLayout({ children }) {
return ( return (
<html lang="zh-CN" className="bg-deepBg h-full" data-prefers-color-scheme="dark"> <html
<Head> lang="zh-CN"
className="bg-deepBg h-full"
data-prefers-color-scheme="dark"
>
<head>
<title>{metadata.title}</title> <title>{metadata.title}</title>
<meta name="description" content={metadata.description} keywords={metadata.keywords}/> <link rel="icon" href="/favicon.ico" type="image/x-icon"></link>
</Head> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"></link>
<body className={`${inter.className } h-full`}> <link rel="icon" href="/favicon.png" type="image/png"></link>
<meta
name="description"
content={metadata.description}
keywords={metadata.keywords}
/>
</head>
<body className={`${inter.className} h-full`}>
<main className={`w-full bg-deepBg h-full`}> <main className={`w-full bg-deepBg h-full`}>
{withAuth(<Provider store={store}>{children}</Provider>)} {withAuth(<Provider store={store}>{children}</Provider>)}
{/* <Provider store={store}>{children}</Provider> */} {/* <Provider store={store}>{children}</Provider> */}

32
app/messageDetail/page.js
View File

@ -5,10 +5,11 @@ import React, { useState, useRef, useEffect, useCallback } from "react";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faAngleLeft } from "@fortawesome/free-solid-svg-icons"; import { faAngleLeft } from "@fortawesome/free-solid-svg-icons";
import { Input, Button, Toast, Avatar, DotLoading } from "antd-mobile"; import { Input, Button, Toast, Avatar, DotLoading } from "antd-mobile";
import { useRouter } from "next/navigation"; import { useRouter, useSearchParams } from "next/navigation";
import { get } from "@/utils/storeInfo"; import { get } from "@/utils/storeInfo";
import requireAPI from "@/utils/requireAPI"; import requireAPI from "@/utils/requireAPI";
import { formatDeadline } from "@/utils/tools"; import { formatDeadline } from "@/utils/tools";
import { getStreamerDetailInfo } from "@/api/space";
/* /*
params格式： params格式：
{ {
@ -19,6 +20,7 @@ params格式：
export default function MessageDetail({}) { export default function MessageDetail({}) {
// const [hasMore, setHasMore] = useState(true); // const [hasMore, setHasMore] = useState(true);
const router = useRouter(); const router = useRouter();
const searchParams = useSearchParams();
const [oldMessages, setOldMessages] = useState([]); const [oldMessages, setOldMessages] = useState([]);
const [messages, setMessages] = useState([]); const [messages, setMessages] = useState([]);
const [handledmessages, setHandledmessages] = useState([]); const [handledmessages, setHandledmessages] = useState([]);
@ -26,15 +28,33 @@ export default function MessageDetail({}) {
const [userInfo, setUserInfo] = useState(null); const [userInfo, setUserInfo] = useState(null);
const [newMessage, setNewMessage] = useState(""); const [newMessage, setNewMessage] = useState("");
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false);
const [offset, setOffset] = useState(0); const [offset, setOffset] = useState(0);
const [more, setMore] = useState(1); const [more, setMore] = useState(1);
const scrollBox = useRef(); const scrollBox = useRef();
const toScrollBottom = useRef(0); const toScrollBottom = useRef(0);
useEffect(() => { useEffect(() => {
const userData = get("account"); const userData = get("account");
const mid = searchParams.get("mid")
if (mid) {
getStreamerDetailInfo(Number(mid)).then(data=>{
setMessages([[{
predicate: 1,
_id: 1,
createdAt: new Date()/1000,
text: data?.streamer_ext.auto_response_message,
user: {
_id: 0,
name: "客服",
avatar: data?.streamer_ext?.avatar?.images[0]?.urls[0],
},
}]]);
})
} else {
setUserInfo(userData); setUserInfo(userData);
getSession(userData.mid); getSession(userData.mid);
}
}, []); }, []);
useEffect(() => { useEffect(() => {
const intervalId = setInterval(() => { const intervalId = setInterval(() => {
@ -262,7 +282,7 @@ export default function MessageDetail({}) {
user: { user: {
_id: 0, _id: 0,
name: "客服", name: "客服",
avatar: process.env.NEXT_PUBLIC_WEB_ASSETS_URL+"images/icon.png", avatar: process.env.NEXT_PUBLIC_WEB_ASSETS_URL + "images/icon.png",
}, },
}; };
} }
@ -369,7 +389,7 @@ export default function MessageDetail({}) {
</div> </div>
<div> <div>
<div className="my-[57px]"> <div className="my-[57px]">
<div className="flex justify-center py-2"> {searchParams.get("mid")=="" && <div className="flex justify-center py-2">
<div className="px-3 py-2 rounded-full bg-[#FFFFFF1A]"> <div className="px-3 py-2 rounded-full bg-[#FFFFFF1A]">
{loading ? ( {loading ? (
<DotLoading /> <DotLoading />
@ -379,7 +399,7 @@ export default function MessageDetail({}) {
<span>无更早消息</span> <span>无更早消息</span>
)} )}
</div> </div>
</div> </div>}
<ul className="py-2"> <ul className="py-2">
{messages?.map((item, index) => ( {messages?.map((item, index) => (
<li key={index}> <li key={index}>
@ -433,6 +453,7 @@ export default function MessageDetail({}) {
{/* <InfiniteScroll loadMore={loadMore} hasMore={more} /> */} {/* <InfiniteScroll loadMore={loadMore} hasMore={more} /> */}
</ul> </ul>
</div> </div>
{searchParams.get("mid")=="" && (
<div className="w-full h-16 fixed bottom-0 grid grid-cols-[1fr_68px] bg-black items-center p-2 border-t-2 border-[#ffffff2a]"> <div className="w-full h-16 fixed bottom-0 grid grid-cols-[1fr_68px] bg-black items-center p-2 border-t-2 border-[#ffffff2a]">
<div className="rounded bg-[#222036] px-4 py-2 mr-2"> <div className="rounded bg-[#222036] px-4 py-2 mr-2">
<Input <Input
@ -453,6 +474,7 @@ export default function MessageDetail({}) {
发送 发送
</Button> </Button>
</div> </div>
)}
</div> </div>
</div> </div>
); );

2
app/profile/[mid]/page.js
View File

@ -472,7 +472,7 @@ export default function PersonSpace() {
</div> </div>
<div <div
className="text-base bg-[#FFFFFF1A] py-1 px-6 rounded-full" className="text-base bg-[#FFFFFF1A] py-1 px-6 rounded-full"
// onClick={() => handleFollow(isFollow, Number(mid), setIsFollow)} onClick={() => router.push("/messageDetail?mid="+streamerInfo?.streamer_ext?.mid)}
> >
私聊 私聊
</div> </div>

3
app/search/page.js
View File

@ -168,10 +168,11 @@ const ZoneItem = ({ data, showMore, link,search }) => {
className="grid grid-cols-[2.5rem_100%] gap-2 items-center" className="grid grid-cols-[2.5rem_100%] gap-2 items-center"
style={{ maxWidth: "calc(100vw - 2rem)" }} style={{ maxWidth: "calc(100vw - 2rem)" }}
> >
<img <Image
className="flex-none w-10 h-10 rounded-full mr-2" className="flex-none w-10 h-10 rounded-full mr-2"
src={data?.avatar?.images[0]?.urls[0]} src={data?.avatar?.images[0]?.urls[0]}
alt="" alt=""
fit="cover"
/> />
<div className="flex-1"> <div className="flex-1">
<div className="flex items-center"> <div className="flex items-center">

4
components/WithAuth/index.js
View File

@ -16,10 +16,10 @@ export default function WithAuth(WrappedComponent) {
}, [pathname]); }, [pathname]);
const checkLogin = async () => { const checkLogin = async () => {
const hasToken = await get("token"); const hasToken = await get("token");
console.log("hasToken", hasToken); // console.log("hasToken", hasToken);
if (hasToken) { if (hasToken) {
const hasToken = get("token"); const hasToken = get("token");
console.log("hasToken", hasToken); // console.log("hasToken", hasToken);
if (hasToken) { if (hasToken) {
const currentIsLogin = await checkAuth(); const currentIsLogin = await checkAuth();
if (!currentIsLogin) { if (!currentIsLogin) {

BIN
public/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
public/icons/32DP/contact.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 421 B

BIN
public/icons/32DP/edit.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 299 B

BIN
public/icons/32DP/editplatform.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 216 B

BIN
public/icons/32DP/editprofile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 730 B

BIN
public/icons/32DP/join.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 328 B

BIN
public/icons/32DP/link.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 196 B

BIN
public/icons/32DP/myposts.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 528 B

BIN
public/icons/32DP/search.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 602 B

BIN
public/icons/32DP/setting.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 422 B

BIN
public/icons/32DP/share.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 290 B

BIN
public/icons/32DP/sharemoney.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 503 B

BIN
public/icons/32DP/smalllink.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 324 B

BIN
public/icons/32DP/space.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 427 B

BIN
public/icons/32DP/wallet.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 769 B

BIN
public/icons/32DP/wechat.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 499 B

BIN
public/icons/appbuy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 228 B

BIN
public/icons/chaofen.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 609 B

BIN
public/icons/chaofen_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 952 B

BIN
public/icons/copy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 228 B

BIN
public/icons/edit.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 258 B

BIN
public/icons/goldlink.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 302 B

BIN
public/icons/goto.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 223 B

BIN
public/icons/gray....png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 179 B

BIN
public/icons/h5buy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 386 B

BIN
public/icons/image_post.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 870 B

BIN
public/icons/info/ID.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 398 B

BIN
public/icons/info/constellation.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 286 B

BIN
public/icons/info/edit.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 258 B

BIN
public/icons/info/fan.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 304 B

BIN
public/icons/info/female.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 267 B

BIN
public/icons/info/height.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 354 B

BIN
public/icons/info/location.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 273 B

BIN
public/icons/info/male.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 343 B

BIN
public/icons/info/weight.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 269 B

BIN
public/icons/magnifier.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
public/icons/money_gold.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 732 B

BIN
public/icons/money_pink.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 702 B

BIN
public/icons/myblur.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
public/icons/myfocus.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
public/icons/nodata.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
public/icons/notthumbup.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 456 B

BIN
public/icons/pinkline.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 356 B

BIN
public/icons/pinklink.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 297 B

BIN
public/icons/play.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
public/icons/postblur.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 798 B

BIN
public/icons/postfocus.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1020 B

BIN
public/icons/report.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 539 B

BIN
public/icons/report_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 943 B

BIN
public/icons/review_fail_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 946 B

BIN
public/icons/rightarrow_border.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 463 B

BIN
public/icons/search.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 602 B

BIN
public/icons/setting.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 738 B

BIN
public/icons/space_blur.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 739 B

BIN
public/icons/space_focus.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 626 B

BIN
public/icons/space_new_post.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 779 B

BIN
public/icons/tabindicator.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
public/icons/thumbup.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 432 B

BIN
public/icons/tiefen.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 840 B

BIN
public/icons/verification.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
public/icons/video_post.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 883 B

BIN
public/icons/vipbig.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
public/images/icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 266 KiB

BIN
public/images/icon_diamond.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
public/images/icon_goldcoin.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
public/images/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
public/images/pinklink.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 161 B

BIN
public/images/platform_wechat.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
public/images/profilebackground.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
public/images/space_active.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
public/images/space_new.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
public/images/top_post.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 645 B

BIN
public/images/wechat.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB