我的权益
diff --git a/demo_module/src/view/Mine/MyCode.css b/demo_module/src/view/Mine/MyCode.css
new file mode 100644
index 0000000..29a0326
--- /dev/null
+++ b/demo_module/src/view/Mine/MyCode.css
@@ -0,0 +1,88 @@
+
+.nav {
+ padding: 10px;
+ box-sizing: border-box;
+ text-align: center;
+ /* border: 2px solid red; */
+
+}
+
+.img1 {
+ width: 200px;
+ height: 200px;
+}
+
+.box {
+ /* border: 2px solid blue; */
+ width: 200px;
+ display: flex;
+ justify-content: space-around;
+ font-size: 1.5em;
+ margin: auto;
+}
+
+.img2 {
+ width: 150px;
+ height: 80px;
+}
+
+
+.share1 {
+ width: 100%;
+ height: 40px;
+ line-height: 40px;
+ background-color: red;
+ color: white;
+ font-size: 1.5em;
+ font-weight: bold;
+ text-align: center;
+ border-radius: 10px;
+ position: fixed;
+ bottom: 0px;
+}
+
+
+
+.share2 {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ text-align: center;
+ justify-content: space-around;
+ padding: 10px;
+ box-sizing: border-box;
+ /* border: 2px solid red; */
+}
+
+.qx{
+ margin-top: 50px;
+ background-color: yellow;
+}
+
+.share img {
+ width: 50px;
+ height: 50px;
+}
+
+
+.item_box {
+ display: flex;
+ justify-content: space-around;
+ /* border: 2px solid red; */
+
+ box-sizing: border-box;
+ margin: 10px;
+}
+
+.item_img {
+ width: 100px;
+ height: 100px;
+ border-radius: 10px;
+ /* border: 2px solid rgb(0, 174, 255); */
+
+}
+
+.item_img img {
+ width: 100px;
+ height: 100px;
+}
\ No newline at end of file
diff --git a/demo_module/src/view/Mine/MyCode.jsx b/demo_module/src/view/Mine/MyCode.jsx
new file mode 100644
index 0000000..9c3e4ab
--- /dev/null
+++ b/demo_module/src/view/Mine/MyCode.jsx
@@ -0,0 +1,90 @@
+import React, { useState } from 'react'
+import { NavBar } from 'antd-mobile'
+
+import './MyCode.css'
+
+
+export default function MyCode() {
+
+ const [share, setShare] = useState(false)
+ const [imgurl, setImgurl] = useState([
+ {
+ id: 1,
+ url: 'http://gips0.baidu.com/it/u=3822353666,2757632348&fm=3028&app=3028&f=JPEG&fmt=auto?w=720&h=1280'
+ },
+ {
+ id: 2,
+ url: 'http://gips0.baidu.com/it/u=3822353666,2757632348&fm=3028&app=3028&f=JPEG&fmt=auto?w=720&h=1280'
+ },
+ {
+ id: 3,
+ url: 'http://gips0.baidu.com/it/u=3822353666,2757632348&fm=3028&app=3028&f=JPEG&fmt=auto?w=720&h=1280'
+ }
+ ])
+
+ // 返回上一个页面
+ const back = () => {
+ window.history.go(-1)
+ }
+
+ return (
+ <>
+
+ 
+
+
+ {/* 轮播图选择样式 谢谢你因为有你温暖了四季*/}
+
+ 
+
+ 快来和我一起追逐梦想吧！
+
+ {
+ imgurl.map((item) => {
+ return (
+
+
+
+
+
+
+
+
+
+ {/* 分享到微信或朋友圈 */}
+ {
+ share ?
+ < >
+
+
+ 
+
+ )
+ })
+ }
+
+ 快来和我一起追逐梦想吧！
+
+
+
+
+ :
+ null
+ }
+
+
+
+
+
+ 微信好友
+
+
+
+ 朋友圈
+ setShare(true)} >一键分享
+
+ )
+}
diff --git a/demo_module/src/view/Mine/Mycoupon.css b/demo_module/src/view/Mine/Mycoupon.css
new file mode 100644
index 0000000..211d31a
--- /dev/null
+++ b/demo_module/src/view/Mine/Mycoupon.css
@@ -0,0 +1,104 @@
+* {
+ padding: 0;
+ margin: 0;
+}
+
+.cort {
+ width: 100%;
+ height: 30px;
+ line-height: 30px;
+ font-size: 1.1rem;
+ font-weight: bold;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ background: #fff;
+ border-bottom: 0.01rem solid #ccc;
+}
+
+.active {
+ color: #ff734c;
+ border-bottom: 2px solid #ff734c;
+}
+
+
+/* nav */
+.nav {
+ height: 100%;
+ /* background-color: #251; */
+ color: white;
+}
+
+.nav_item_box {
+ width: 100%;
+ height: 100px;
+ /* border: 1px solid #ccc; */
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-top: 10px;
+}
+
+p {
+ font-size: 1.2rem;
+ font-weight: bold;
+}
+
+
+.nav_item_box1 {
+ width: 25%;
+ height: 100px;
+ text-align: center;
+ background-color: #48cbc2;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 10px 0 0 10px;
+}
+
+.nav_item_box2 {
+ width: 75%;
+ height: 100px;
+ padding: 10px;
+ box-sizing: border-box;
+ background-color: gainsboro;
+ display: flex;
+ justify-content: space-between;
+ flex-direction: column;
+ color: black;
+}
+
+.yhq {
+ color: white;
+ padding: 2px 2px;
+ box-sizing: border-box;
+ border-radius: 5px;
+ background-color: #251;
+ margin-right: 10px;
+}
+
+.bx_box {
+ display: flex;
+ justify-content: space-between;
+}
+
+/* 立即使用 */
+.bor_box {
+ width: 30%;
+ border-radius: 20px;
+ text-align: center;
+ border: 2px solid rgb(0, 197, 164);
+ color: rgb(0, 197, 164);
+}
+
+/* 转增 */
+.increase {
+ width: 20%;
+ border-radius: 20px;
+ padding: 2px;
+ box-sizing: border-box;
+ color: white;
+ text-align: center;
+ background-color: rgb(13, 139, 118);
+
+}
\ No newline at end of file
diff --git a/demo_module/src/view/Mine/Mycoupon.jsx b/demo_module/src/view/Mine/Mycoupon.jsx
new file mode 100644
index 0000000..95c9889
--- /dev/null
+++ b/demo_module/src/view/Mine/Mycoupon.jsx
@@ -0,0 +1,180 @@
+import React, { useEffect, useState } from 'react'
+import { NavBar } from 'antd-mobile'
+import './Mycoupon.css'
+
+
+export default function Mycoupon() {
+ const [status, setStatus] = useState(0)
+
+ const [list, setList] = useState([
+ {
+ id: 1,
+ title: '满100减10',
+ price: 100,
+ time: '2021.11.11-2021.12.12',
+ cate: '新人礼',
+ state: 0,
+ },
+ {
+ id: 1001,
+ title: '满100减10',
+ price: 100,
+ time: '2021.11.11-2021.12.12',
+ cate: '新人礼',
+ state: 0
+ },
+ {
+ id: 1002,
+ title: '满100减10',
+ price: 100,
+ time: '2021.11.11-2021.12.12',
+ cate: '新人礼',
+ state: 0
+ },
+ {
+ id: 2,
+ title: '满200减20',
+ price: 200,
+ time: '2021.11.11-2021.12.12',
+ cate: '新人礼',
+ state: 1
+ },
+ {
+ id: 3,
+ title: '满300减30',
+ price: 300,
+ time: '2021.11.11-2021.12.12',
+ cate: '新人礼',
+ state: 2
+ }
+ ])
+
+ const [active, setActive] = useState(0)
+
+ //筛选状态
+ const up = (val) => {
+ let ls = list.filter(ele => { return ele.state === val }).length
+
+ if (ls < 1) {
+ setStatus(3)
+ } else {
+ setStatus(val)
+ console.log(status);
+ }
+ }
+ const [stop, setStop] = useState(0)
+
+ useEffect(() => {
+ if (stop === 0) {
+ up(0)
+ setStop(1)
+ }
+
+ })
+
+ // 返回上一个页面
+ const back = () => {
+ window.history.go(-1)
+ }
+ return (
+ <>
+ {/* 标头 */}
+
+
+ {/* nav */}
+ {
+ setActive(0)
+ up(0)
+ }}>未使用
+ {
+ setActive(1)
+ up(1)
+ }}>已使用
+ {
+ setActive(2)
+ up(2)
+ }}>已过期
+
+ {
+ status === 0 ?
+ list.filter(ele => { return ele.state === 0 }).map(item => {
+ return (
+
+
+
+ )
+}
--
Gitee
From b9c448d69148df1f9031b91a0fe4e1588cad7383 Mon Sep 17 00:00:00 2001
From: ZHANGFU <3079975645@qq.com>
Date: Mon, 2 Dec 2024 20:28:51 +0800
Subject: [PATCH 2/5] =?UTF-8?q?=E7=AB=A0=E5=AF=8C=E6=9B=B4=E6=96=B0?=
=?UTF-8?q?=E4=BA=86=20=E6=88=91=E7=9A=84=E5=8D=A1=E5=88=B8=E4=B8=AD?=
=?UTF-8?q?=E5=B7=B2=E8=BF=87=E6=9C=9F=E7=9A=84=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
demo_module/src/view/Mine/Mycoupon.css | 45 ++++++++++++++++++++++++++
demo_module/src/view/Mine/Mycoupon.jsx | 28 ++++++++++++++--
2 files changed, 71 insertions(+), 2 deletions(-)
diff --git a/demo_module/src/view/Mine/Mycoupon.css b/demo_module/src/view/Mine/Mycoupon.css
index 211d31a..40b703a 100644
--- a/demo_module/src/view/Mine/Mycoupon.css
+++ b/demo_module/src/view/Mine/Mycoupon.css
@@ -27,6 +27,7 @@
height: 100%;
/* background-color: #251; */
color: white;
+
}
.nav_item_box {
@@ -37,6 +38,7 @@
justify-content: space-between;
align-items: center;
margin-top: 10px;
+ position: relative;
}
p {
@@ -66,6 +68,7 @@ p {
justify-content: space-between;
flex-direction: column;
color: black;
+
}
.yhq {
@@ -101,4 +104,46 @@ p {
text-align: center;
background-color: rgb(13, 139, 118);
+}
+
+
+
+/* 已过期 */
+
+.watermark {
+ width: 5rem;
+ height: 5rem;
+ text-align: center;
+ line-height: 4rem;
+ font-size: 1rem;
+ border-radius: 5rem;
+ transform: rotate(-55deg);
+ position: absolute;
+ right: -0.5rem;
+ top: 0.5rem;
+ color: rgb(223, 162, 162);
+ border: .2rem solid;
+}
+
+.watermark-dotted {
+ width: 4.5rem;
+ height: 4.5rem;
+ border-radius: 5rem;
+ border: .1rem dashed;
+ margin: auto;
+ margin-top: .1rem;
+}
+
+.watermark-small {
+ width: 4rem;
+ height: 4rem;
+ border-radius: 5rem;
+ border: .1rem solid;
+ margin: auto;
+ margin-top: .1rem;
+}
+
+.watermark-p {
+ font-weight: bold;
+ font-size: 1.2rem;
}
\ No newline at end of file
diff --git a/demo_module/src/view/Mine/Mycoupon.jsx b/demo_module/src/view/Mine/Mycoupon.jsx
index 95c9889..e9fb4eb 100644
--- a/demo_module/src/view/Mine/Mycoupon.jsx
+++ b/demo_module/src/view/Mine/Mycoupon.jsx
@@ -46,7 +46,23 @@ export default function Mycoupon() {
time: '2021.11.11-2021.12.12',
cate: '新人礼',
state: 2
- }
+ },
+ {
+ id: 3001,
+ title: '满300减30',
+ price: 300,
+ time: '2021.11.11-2021.12.12',
+ cate: '新人礼',
+ state: 2
+ },
+ {
+ id: 3002,
+ title: '满300减30',
+ price: 300,
+ time: '2021.11.11-2021.12.12',
+ cate: '新人礼',
+ state: 2
+ },
])
const [active, setActive] = useState(0)
@@ -159,7 +175,13 @@ export default function Mycoupon() {
+
+ )
+ })
+ : status === 1 ?
+ list.filter(ele => { return ele.state === 1 }).map(item => {
+ return (
+
+
+
+
+ ￥{item.price}
+全场通用
+
+
+ 优惠券{item.cate}
+
+
+ {item.title}
+ 立即使用
+
+
+ 有效期：{item.time}
+ 转增
+
+
+ )
+ })
+ : status === 2 ?
+ list.filter(ele => { return ele.state === 2 }).map(item => {
+ return (
+
+
+
+
+ ￥{item.price}
+全场通用
+
+
+ 优惠券{item.cate}
+
+
+ {item.title}
+ 已使用
+
+
+ 有效期：{item.time}
+
+
+ )
+ })
+ : status === 3 ?
+
+
+
+
+ ￥{item.price}
+全场通用
+
+
+ 优惠券{item.cate}
+
+
+ {item.title}
+ 已过期
+
+
+ 有效期：{item.time}
+ 还没有优惠券哦
+ : null
+
+ }
+ 优惠券{item.cate}
{item.title}
- 已过期
+
+
+
+
+ 已过期
+有效期：{item.time}
@@ -175,6 +197,8 @@ export default function Mycoupon() {
}
+
+ {/* nav */}
+ {
+ setActive(0)
+ up(0)
+ }}>全部
+ {
+ setActive(1)
+ up(1)
+ }}>收益
+ {
+ setActive(2)
+ up(2)
+ }}>支出
+
+ {
+ status === 0 ?
+ list.map(item => {
+ return (
+
+
+ )
+}
diff --git a/demo_module/src/view/Mine/Mybean.css b/demo_module/src/view/Mine/Mybean.css
new file mode 100644
index 0000000..3477990
--- /dev/null
+++ b/demo_module/src/view/Mine/Mybean.css
@@ -0,0 +1,61 @@
+.box {
+ background-color: rgb(216, 73, 73);
+ color: #ffffff;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ padding: 0 20px;
+ box-sizing: border-box;
+ width: 100%;
+ height: 150px;
+
+ margin-top: 20px;
+ border-radius: 30px;
+}
+
+
+.bigtxt {
+ font-size: 2em;
+ font-weight: bold;
+ color: #ffffff;
+ margin-bottom: 0.5em;
+}
+
+.img1 {
+ width: 150px;
+ height: 140px;
+
+}
+
+
+
+
+
+.box2 {
+ margin-top: 20px;
+ width: 100%;
+ height: 50px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ font-size: 1.2em;
+ border-bottom: 1px solid #ccc;
+}
+
+.box2-1 {
+ width: 100%;
+ height: 50px;
+ display: flex;
+ align-items: center;
+ font-size: 1.2em;
+}
+
+
+
+.img2 {
+ margin-left: 20px;
+ margin-right: 20px;
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+}
\ No newline at end of file
diff --git a/demo_module/src/view/Mine/Mybean.jsx b/demo_module/src/view/Mine/Mybean.jsx
new file mode 100644
index 0000000..e283fd9
--- /dev/null
+++ b/demo_module/src/view/Mine/Mybean.jsx
@@ -0,0 +1,52 @@
+import './Mybean.css'
+import React from 'react'
+import { useNavigate } from 'react-router-dom'
+import { NavBar } from 'antd-mobile'
+
+export default function Mybean() {
+ const navigate = useNavigate()
+ // 返回上一个页面
+ const back = () => {
+ navigate(-1)
+ // window.history.go(-1)
+ }
+
+
+
+ return (
+ <>
+
+ {/* 头像和信息 */}
+
+ )
+ })
+ : status === 1 ?
+ list.filter(ele => { return ele.state === 1 }).map(item => {
+ return (
+
+ 
+
+ {/* 豆子 */}
+
+
+ {item.name} {item.purposes}
+{item.time}
+
+
+ {0 + item.gains} 豆
+
+ {/* 头像和信息 */}
+
+ )
+ })
+ : status === 2 ?
+ list.filter(ele => { return ele.state === 2 }).map(item => {
+ return (
+
+
+
+ {/* 豆子 */}
+
+
+ {item.name} {item.purposes}
+{item.time}
+
+
+ {0 + item.gains} 豆
+
+ {/* 头像和信息 */}
+
+ )
+ })
+ : status === 3 ?
+
+
+
+ {/* 豆子 */}
+
+
+ {item.name} {item.purposes}
+{item.time}
+
+
+ {0 + item.gains} 豆
+ 还没有记录哦
+ : 还没有记录哦
+ }
+
+
+
+ 状元豆：
+ 300
+ （个）
+
+
+ 
+
+
+ {
+ navigate('/mine/mybean/earnings')
+ }} >
+
+ {/*
+
+
+ 收益记录
+
+
+ 收益记录
+
+ 》
+
+
+
*/}
+
+ )
+}
diff --git a/demo_module/src/view/Mine/Mycustomer.css b/demo_module/src/view/Mine/Mycustomer.css
new file mode 100644
index 0000000..e69de29
diff --git a/demo_module/src/view/Mine/Mycustomer.jsx b/demo_module/src/view/Mine/Mycustomer.jsx
new file mode 100644
index 0000000..c300397
--- /dev/null
+++ b/demo_module/src/view/Mine/Mycustomer.jsx
@@ -0,0 +1,26 @@
+import './Mycustomer.css'
+import React from 'react'
+import { NavBar } from 'antd-mobile'
+import { useNavigate } from 'react-router-dom'
+
+
+export default function Earnings() {
+ const navigate = useNavigate()
+
+ // 返回上一个页面
+ const back = () => {
+ navigate(-1)
+ // window.history.go(-1)
+ }
+
+
+
+ return (
+ <>
+
+
+ 提现记录
+
+
+ 提现记录
+
+ 》
+
+
+
+
+
+ )
+}
diff --git "a/demo_module/src/view/\346\250\241\346\235\277.jsx" "b/demo_module/src/view/\346\250\241\346\235\277.jsx"
new file mode 100644
index 0000000..35ab7a0
--- /dev/null
+++ "b/demo_module/src/view/\346\250\241\346\235\277.jsx"
@@ -0,0 +1,24 @@
+import React from 'react'
+import { NavBar } from 'antd-mobile'
+import { useNavigate } from 'react-router-dom'
+
+export default function Earnings() {
+ const navigate = useNavigate()
+
+ // 返回上一个页面
+ const back = () => {
+ navigate(-1)
+ // window.history.go(-1)
+ }
+
+
+
+ return (
+ <>
+
+
+
+
+ )
+}
--
Gitee
From b1a823d03f3d3e25d102144a5e6a3bc3c2190d3a Mon Sep 17 00:00:00 2001
From: ZHANGFU <3079975645@qq.com>
Date: Thu, 5 Dec 2024 16:34:29 +0800
Subject: [PATCH 4/5] =?UTF-8?q?=E7=AB=A0=E5=AF=8C=E5=AE=8C=E6=88=90?=
=?UTF-8?q?=E4=BA=86=E5=AE=A2=E6=9C=8D=E9=A1=B5=E9=9D=A2=20=E6=9C=AA?=
=?UTF-8?q?=E5=86=99=E5=90=8E=E7=AB=AF=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
demo_module/package-lock.json | 1 +
demo_module/package.json | 1 +
demo_module/src/view/Mine/Mycustomer.css | 134 +++++++++++++++++
demo_module/src/view/Mine/Mycustomer.jsx | 91 +++++++++++-
demo_module/src/view/endUser.jsx | 105 +++++++++++++
demo_module/src/view/endUser.less | 180 +++++++++++++++++++++++
6 files changed, 508 insertions(+), 4 deletions(-)
create mode 100644 demo_module/src/view/endUser.jsx
create mode 100644 demo_module/src/view/endUser.less
diff --git a/demo_module/package-lock.json b/demo_module/package-lock.json
index 907c3f3..64cd862 100644
--- a/demo_module/package-lock.json
+++ b/demo_module/package-lock.json
@@ -10,6 +10,7 @@
"dependencies": {
"@reduxjs/toolkit": "^2.3.0",
"antd-mobile": "^5.38.1",
+ "antd-mobile-icons": "^0.3.0",
"axios": "^1.7.7",
"qrcode": "^1.5.4",
"qrcode.react": "^4.1.0",
diff --git a/demo_module/package.json b/demo_module/package.json
index 3d55aac..8bf644b 100644
--- a/demo_module/package.json
+++ b/demo_module/package.json
@@ -12,6 +12,7 @@
"dependencies": {
"@reduxjs/toolkit": "^2.3.0",
"antd-mobile": "^5.38.1",
+ "antd-mobile-icons": "^0.3.0",
"axios": "^1.7.7",
"qrcode": "^1.5.4",
"qrcode.react": "^4.1.0",
diff --git a/demo_module/src/view/Mine/Mycustomer.css b/demo_module/src/view/Mine/Mycustomer.css
index e69de29..34689b9 100644
--- a/demo_module/src/view/Mine/Mycustomer.css
+++ b/demo_module/src/view/Mine/Mycustomer.css
@@ -0,0 +1,134 @@
+.nav {
+ width: 100%;
+ height: 610px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+}
+
+.messages1 {
+ /* border: 2px solid #77ff00; */
+
+}
+
+.messages1_box1 {
+ /* border: 1px solid #f50000; */
+ width: 100%;
+ display: flex;
+}
+
+.messages1_box1>img {
+ width: 50px;
+ height: 50px;
+ border-radius: 50%;
+}
+
+.messages1_box1_text {
+ margin-left: 10px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ border: 1px solid #4b4949;
+ padding: 5px;
+ box-sizing: border-box;
+ border-radius: 15px;
+}
+
+.consult {
+ width: 100%;
+ height: 100px;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-evenly;
+ align-items: center;
+ /* border: 1px solid #f50000; */
+}
+
+button {
+ border: none;
+ border-radius: 10%;
+ padding: 5px;
+ box-sizing: border-box;
+ background-color: aqua;
+ color: rgb(0, 115, 255);
+}
+
+
+
+.item {
+ display: flex;
+ align-items: center;
+ width: 100%;
+ height: 50px;
+ box-sizing: border-box;
+ margin-top: 20px;
+ font-size: 1.1em;
+ font-weight: bold;
+}
+
+.bubble {
+ border: 1px solid rgb(166, 112, 166);
+ padding: 15px;
+ box-sizing: border-box;
+ border-radius: 10px;
+ background-color: #d3f1fd;
+}
+
+
+
+.item>img {
+ width: 50px;
+ height: 50px;
+ border-radius: 50%;
+ margin-right: 15px;
+}
+
+
+
+
+
+
+
+
+
+.messages2 {
+ width: 100%;
+ height: 50px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ /* border: 2px solid #77ff00; */
+ font-size: 1.2em;
+ font-weight: bold
+}
+
+
+
+.messages2>input {
+ width: 80%;
+ height: 40px;
+ border-radius: 10px;
+ padding: 10px;
+ box-sizing: border-box;
+ font-size: 1.2em;
+ font-weight: bold;
+ background-color: #d3f1fd;
+}
+
+.send {
+ width: 20%;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ color: white;
+ background-color: red;
+ border-radius: 10px;
+ margin: 5px;
+ box-sizing: border-box;
+}
+
+.Scroll_bar {
+ height: 420px;
+ overflow-y: scroll;
+ overflow-x: hidden;
+}
\ No newline at end of file
diff --git a/demo_module/src/view/Mine/Mycustomer.jsx b/demo_module/src/view/Mine/Mycustomer.jsx
index c300397..bd515b3 100644
--- a/demo_module/src/view/Mine/Mycustomer.jsx
+++ b/demo_module/src/view/Mine/Mycustomer.jsx
@@ -1,25 +1,108 @@
import './Mycustomer.css'
-import React from 'react'
+import React, { useState } from 'react'
import { NavBar } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'
export default function Earnings() {
const navigate = useNavigate()
+ const [texta, setTexta] = useState('')
+
+
+
+ const [list, setList] = useState([
+ {
+ id: 1,
+ title: '线上课程咨询',
+ content: '线上课程咨询',
+ time: '2022-01-01 12:00:00',
+ status: '已回复',
+ content: '您好,请问有什么可以帮助您的吗?',
+ },
+ {
+ id: 2,
+ title: '线下课程咨询',
+ content: '线下课程咨询',
+ time: '2022-01-02 12:00:00',
+ status: '未回复',
+ content: '您好,请问有什么可以帮助您的吗?',
+ }
+ ])
// 返回上一个页面
const back = () => {
navigate(-1)
- // window.history.go(-1)
}
+ // 点击回复按钮
+ const reply = (id) => {
+ navigate(`/reply/${id}`)
+ }
+
+ //发送问题
+ const pushList = () => {
+ if (texta === '') {
+ alert('请输入问题')
+ } else {
+ setList([...list, {
+ id: list.length + 1,
+ title: '其他问题咨询',
+ content: texta,
+ time: '2022-01-01 12:00:00',
+ status: '未回复',
+ // content: '您好,请稍后~',
+ }])
+ setTexta('')
+ }
+ }
return (
<>
-
+
+
)
diff --git a/demo_module/src/view/endUser.jsx b/demo_module/src/view/endUser.jsx
new file mode 100644
index 0000000..85a6509
--- /dev/null
+++ b/demo_module/src/view/endUser.jsx
@@ -0,0 +1,105 @@
+import { LeftOutline } from 'antd-mobile-icons'
+import "./endUser.less"
+import { useNavigate } from "react-router-dom"
+import { useState } from 'react';
+import { ChevronLeftIcon } from 'tdesign-icons-react';
+import axios from '../../ulits/index';
+import { useEffect } from 'react';
+import { useParams } from 'react-router-dom';
+
+
+const EndUser = () => {
+ const navigate = useNavigate()
+
+ const [userVal, serUserVal] = useState("") // 文本数据
+ const [flags, setFlags] = useState(true) // 切换语音
+ const { user_id, img } = useParams()
+
+ const decodedImgUrl = decodeURIComponent(img);
+
+ const hendleBack = () => {
+ navigate(sessionStorage.getItem('route'))
+ }
+
+ const [chathistory, setChathistory] = useState([])
+
+ const chatHistory = async () => {
+ const res = await axios.post('/findChat', { user_id: user_id, rider_id: '674e7b9058fa18f9cad4799f' })
+ if (res.data.code == 200) {
+ setChathistory(res.data.chat_list)
+ }
+ }
+
+ const hendleAdd = () => {
+
+ }
+
+ useEffect(() => {
+ chatHistory()
+ }, [])
+
+ return (
+
+
+ {/* 咨询问题 */}
+
+
+
+ {/* 用户咨询记录 */}
+
+
+ + 您好,请选择您想要咨询的问题类型: +
+
+
+
+
+
+
+
+
+
+ {
+ list.map(item => {
+ return (
+ <>
+
+
+
+
+
+ )
+ })
+ }
+ {item.content}
+
+ {
+ setTexta(e.target.value)
+ }} />
+
{
+ pushList()
+ }}>发送
+
+
+ )
+}
+
+export default EndUser
\ No newline at end of file
diff --git a/demo_module/src/view/endUser.less b/demo_module/src/view/endUser.less
new file mode 100644
index 0000000..c31c654
--- /dev/null
+++ b/demo_module/src/view/endUser.less
@@ -0,0 +1,180 @@
+*{
+ padding: 0;
+ margin: 0%;
+}
+#endUser {
+ width: 100%;
+ height: 100vh;
+ box-sizing: border-box;
+ position: relative;
+ .user-header {
+ width: 100%;
+ height: 20vh;
+ background-color: #2ecc71;
+ border-bottom-left-radius: 15%;
+ border-bottom-right-radius: 15%;
+ position: relative;
+ .header-ellipse {
+ width: 85%;
+ height: 100%;
+ text-align: center;
+ background-color: #2aba66;
+ border-top-right-radius: 4rem;
+ border-bottom-right-radius: 6rem;
+ border-bottom-left-radius: 15%;
+ line-height: 4rem;
+ display: flex;
+
+ }
+ }
+
+ .y_bottom {
+ width: 100% !important;
+ height: 90vh;
+ background-color: #ecfdfa;
+ box-sizing: border-box;
+ // position: absolute;
+ top: -6rem;
+ position: relative;
+ .websocket {
+ width: 100%;
+ height: 100%;
+ overflow-y: scroll;
+ box-sizing: border-box;
+
+ .left {
+ width: 100%;
+ height: 4rem;
+ display: flex;
+ align-items: center;
+
+ img {
+ width: 3rem;
+ height: 3rem;
+ border-radius: 3rem;
+ background-color: white;
+ margin: 0 0.5rem;
+ }
+
+ .contL {
+ max-width: 12rem;
+ box-sizing: border-box;
+ padding: 1rem;
+ border-radius: 2rem 2rem 2rem 0.5rem;
+ background-color: white;
+ }
+ }
+
+ .right {
+ width: 100%;
+ height: 6rem;
+ margin: 2.5rem 0;
+ display: flex;
+ align-items: center;
+ justify-content: right;
+
+ img {
+ width: 3rem;
+ height: 3rem;
+ border-radius: 3rem;
+ background-color: white;
+ margin: 0 0.5rem;
+ }
+
+ .contL {
+ box-sizing: border-box;
+ max-width: 12rem;
+ padding: 1rem;
+ border-radius: 2rem 2rem 0.5rem 2rem;
+ background-color: #ff5980;
+ color: white;
+ }
+ }
+
+ }
+
+ .bottomPut {
+ width: 100%;
+ position: absolute;
+ bottom: 0;
+ height: 5rem;
+ background-color: #f2f2f2;
+ display: flex;
+ align-items: center;
+
+ .speech-to-text {
+ img {
+ width: 2rem;
+ height: 2rem;
+ margin-left: .7rem;
+ }
+ }
+
+ .TextSpeech {
+ display: flex;
+ width: 30rem;
+ align-items: center;
+ box-sizing: border-box;
+ position: relative;
+
+ input {
+ margin-left: 0.5rem;
+ width: 15rem;
+ height: 2.5rem;
+ border-radius: 3rem;
+ padding-left: 1rem;
+ border: 0;
+ outline: none;
+ }
+
+ button {
+ margin-left: 1.5rem;
+ width: 17rem;
+ height: 2.5rem;
+ border-radius: 3rem;
+ padding-left: 1rem;
+ border: 0;
+ background-color: white;
+ text-align: center;
+ }
+
+ .img1 {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 3rem;
+ padding: 0.2rem;
+ }
+
+ .img2 {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 3rem;
+ right: 2rem;
+ position: absolute;
+ padding: 0.2rem;
+ background-color: white;
+ }
+ }
+
+ .jiajia {
+ img {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 3rem;
+ margin-right: .5rem;
+ margin-top: .2rem;
+ }
+
+ button {
+ color: white;
+ background-color: #2aba66;
+ width: 4rem;
+ height: 2.2rem;
+ border-radius: 3rem;
+ border: 0;
+ margin-right: .1rem;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
--
Gitee
From 5fe64c70c79c921259437babfb6a0731d8fd5176 Mon Sep 17 00:00:00 2001
From: ZHANGFU <3079975645@qq.com>
Date: Thu, 5 Dec 2024 16:37:38 +0800
Subject: [PATCH 5/5] =?UTF-8?q?=E5=B0=86=E6=B2=A1=E7=94=A8=E7=9A=84?=
=?UTF-8?q?=E6=96=87=E4=BB=B6=E8=BF=9B=E8=A1=8C=E4=BA=86=E5=BD=92=E7=B1=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../src/view/\344\274\232\350\257\235/endUser.jsx" | 0
.../src/view/\344\274\232\350\257\235/endUser.less" | 0
2 files changed, 0 insertions(+), 0 deletions(-)
rename demo_module/src/view/endUser.jsx => "demo_module/src/view/\344\274\232\350\257\235/endUser.jsx" (100%)
rename demo_module/src/view/endUser.less => "demo_module/src/view/\344\274\232\350\257\235/endUser.less" (100%)
diff --git a/demo_module/src/view/endUser.jsx "b/demo_module/src/view/\344\274\232\350\257\235/endUser.jsx"
similarity index 100%
rename from demo_module/src/view/endUser.jsx
rename to "demo_module/src/view/\344\274\232\350\257\235/endUser.jsx"
diff --git a/demo_module/src/view/endUser.less "b/demo_module/src/view/\344\274\232\350\257\235/endUser.less"
similarity index 100%
rename from demo_module/src/view/endUser.less
rename to "demo_module/src/view/\344\274\232\350\257\235/endUser.less"
--
Gitee
+
+
+ hendleBack()} />
+
+ OMINI.BASS
+拨打电话
+
+
+
+
+ {
+ chathistory.map((item, index) => {
+ return (
+
+
+
+ 
+
+ )
+ })
+ }
+
+
+ {item.message}
+
+
+ 
+
+
+ 啊啊啊啊
+
+
+
+
+
+ {
+ flags ? 
setFlags(false)} />
+ :
+ 
setFlags(true)} />
+ }
+
+ setFlags(false)} />
+ :
+ setFlags(true)} />
+ }
+
+ {
+ flags ? serUserVal(e.target.value)} /> :
+ }
+
+ {
+ flags ? 
: null
+ }
+
+ : null
+ }
+
+ {
+ userVal ?
+
+ :
+ 
+ }
+
+
+
+ }
+
+