From 9a6a5904a4275e22ed8cfc7c3304fe59238fa4d3 Mon Sep 17 00:00:00 2001 From: yj <1336058017@qq.com> Date: Mon, 6 Jan 2025 11:18:53 +0800 Subject: [PATCH] =?UTF-8?q?=E6=84=8F=E8=A7=81=E5=8F=8D=E9=A6=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/Home/Index/index.ts | 6 + src/assets/icon56-active.png | Bin 0 -> 3349 bytes src/assets/icon56.png | Bin 0 -> 3644 bytes .../FeedBackModel/index.module.scss | 45 ++++++ src/components/FeedBackModel/index.tsx | 130 ++++++++++++++++++ src/page/Home/Index/index.tsx | 9 +- src/page/Home/index.module.scss | 15 +- src/page/Home/index.tsx | 13 +- src/page/Meeting/index.tsx | 6 +- src/utils/package/imageUrl.ts | 6 +- src/utils/styles/App.scss | 5 + 11 files changed, 227 insertions(+), 8 deletions(-) create mode 100644 src/assets/icon56-active.png create mode 100644 src/assets/icon56.png create mode 100644 src/components/FeedBackModel/index.module.scss create mode 100644 src/components/FeedBackModel/index.tsx diff --git a/src/api/Home/Index/index.ts b/src/api/Home/Index/index.ts index d18265e..8756a7d 100644 --- a/src/api/Home/Index/index.ts +++ b/src/api/Home/Index/index.ts @@ -5,6 +5,12 @@ export const GetRoom = (data: { pageIndex: number, pageSize: number }) => method: 'get' }) +export const PostFeedback = (data: any) => + request({ + url: `/home/feedback`, + method: 'post', + data, + }) export const PostRoom = (data: any) => request({ url: `/home/room`, diff --git a/src/assets/icon56-active.png b/src/assets/icon56-active.png new file mode 100644 index 0000000000000000000000000000000000000000..8e637e894b494ea016ffa08a95db7b35a72f6825 GIT binary patch literal 3349 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 UYS5hp(0>jb%7 literal 0 HcmV?d00001 diff --git a/src/assets/icon56.png b/src/assets/icon56.png new file mode 100644 index 0000000000000000000000000000000000000000..3bd99040dc8aef22944cb76869e00a9968104c8b GIT binary patch literal 3644 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 O5MpL*MXWZwNd7kztboY? literal 0 HcmV?d00001 diff --git a/src/components/FeedBackModel/index.module.scss b/src/components/FeedBackModel/index.module.scss new file mode 100644 index 0000000..689f213 --- /dev/null +++ b/src/components/FeedBackModel/index.module.scss @@ -0,0 +1,45 @@ +.feedBackModel { + max-height: 80vh; + display: flex; + flex-direction: column; + .feedBackModelContent { + flex-grow: 1; + overflow-y: auto; + margin: 10px 0; + + .feedBackModelContentRate { + margin-bottom: 20px; + background-color: #101215; + padding: 10px 20px 30px; + box-sizing: border-box; + } + + .feedBackModelContentList { + margin-bottom: 20px; + + >div:nth-child(2) { + >div { + background-color: #101215; + margin-bottom: 10px; + cursor: pointer; + color: #7F859B; + font-size: 14px; + padding: 4px 8px; + box-sizing: border-box; + border: 1px transparent solid; + } + + .active { + color: white; + border: 1px #495EAD solid; + } + } + } + } + + .feedBackModelFooter { + flex-shrink: 0; + display: flex; + justify-content: flex-end; + } +} \ No newline at end of file diff --git a/src/components/FeedBackModel/index.tsx b/src/components/FeedBackModel/index.tsx new file mode 100644 index 0000000..931b645 --- /dev/null +++ b/src/components/FeedBackModel/index.tsx @@ -0,0 +1,130 @@ +import { PostFeedback } from '@/api/Home/Index'; +import styles from '@/components/FeedBackModel/index.module.scss' +import { Button, message, Modal, Rate } from 'antd'; +import TextArea from 'antd/es/input/TextArea'; +import { useState, useImperativeHandle, forwardRef } from "react"; +const FeedBackModel = forwardRef((_props: any, ref: any) => { + useImperativeHandle(ref, () => ({ + changeModal: () => { + setIsFeedBackModel(true) + }, + })) + const [isFeedBackModel, setIsFeedBackModel] = useState(false); + const [feedBackForm, setFeedBackForm] = useState({ + rateValue: 0, + otherContent: '', + type: 0, + }); + const [feedBackList, _setFeedBackList] = useState([ + { + text: "其他，需要手动填写", + value: 1 + }, + { + text: "软件卡顿", + value: 2 + }, + { + text: "设计不合理", + value: 3 + }, + { + text: "功能太少", + value: 4 + }, + { + text: "通话不流畅", + value: 5 + }, + { + text: "视频卡顿", + value: 6 + }, + { + text: "操作麻烦", + value: 7 + }, + ]); + return ( + <> + setIsFeedBackModel(false)} + centered + width={'500px'} + > +
+
+
+
评分:
+
+ { + setFeedBackForm({ + ...feedBackForm, + rateValue: e + }) + }} /> +
+
+
+
建议:
+
+ { + feedBackList.map((item, index) => { + return ( +
{ + setFeedBackForm({ + ...feedBackForm, + type: item.value + }) + }}> + {item.value}： + {item.text} +
+ ) + }) + } +
+
+
+