From 47311b2d13136d1f9602d3eaf38901caab9963f6 Mon Sep 17 00:00:00 2001
From: guoxin <guoxin@yisa.com>
Date: Fri, 1 Dec 2023 15:59:46 +0800
Subject: [PATCH] =?UTF-8?q?fix():=E5=8F=8D=E9=A6=88=E5=BB=BA=E8=AE=AE?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=92=A4=E5=9B=9E=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CallbackSuggestion/index.scss                  | 50 +++++++++----
 .../CallbackSuggestion/loadable.jsx                | 84 ++++++++++++++++------
 .../OperationCenter/CustomerManage/index.js        |  9 +++
 3 files changed, 106 insertions(+), 37 deletions(-)

diff --git a/src/pages/OperationCenter/CustomerServieMgm/CallbackSuggestion/index.scss b/src/pages/OperationCenter/CustomerServieMgm/CallbackSuggestion/index.scss
index f2e03ad..ad34a6d 100644
--- a/src/pages/OperationCenter/CustomerServieMgm/CallbackSuggestion/index.scss
+++ b/src/pages/OperationCenter/CustomerServieMgm/CallbackSuggestion/index.scss
@@ -229,7 +229,7 @@ $color-primary: var(--color-primary);
         .content {
           .feedbackMsg {
             background: #f3e6ca;
-            width: 65%;
+            width:1000px;
             height: 101px;
             margin-top: 10px;
             .margin-msg {
@@ -245,23 +245,45 @@ $color-primary: var(--color-primary);
              
             }
           }
-          .reply {
-            background: #dbf2cb;
-            width: 65%;
-            height: 101px;
-            margin-top: 10px;
-            .margin-msg {
-              padding: 10px;
-              color: black;
-              .picFlex{
-                display: flex;
-                .pic {
-                  width: 34px;
-                  margin-left: 25px;
+          .reject{
+            .content{
+              display: flex;
+              .reply {
+                background: #dbf2cb;
+                width:1000px;
+                height: 101px;
+                margin-top: 10px;
+                .margin-msg {
+                  padding: 10px;
+                  color: black;
+                  .picFlex{
+                    display: flex;
+                    .pic {
+                      width: 34px;
+                      margin-left: 25px;
+                    }
+                  }
                 }
               }
+              .rejectContent{
+                line-height: 102px;
+                margin-left: 20px;
+                font-size: 18px;
+                cursor: pointer;
+                color: #409eff;
+              }
+            }
+            .reapir{
+              margin: 20px 500px;
+              color: gray;
+              .again{
+                margin-left: 10px;
+                cursor: pointer;
+                color: #409eff;
+              }
             }
           }
+          
         }
         .text {
           margin-top: 20px;
diff --git a/src/pages/OperationCenter/CustomerServieMgm/CallbackSuggestion/loadable.jsx b/src/pages/OperationCenter/CustomerServieMgm/CallbackSuggestion/loadable.jsx
index a7c3c04..0a279a9 100644
--- a/src/pages/OperationCenter/CustomerServieMgm/CallbackSuggestion/loadable.jsx
+++ b/src/pages/OperationCenter/CustomerServieMgm/CallbackSuggestion/loadable.jsx
@@ -196,15 +196,15 @@ function CallbackSuggestion(props) {
     const imgModal = () => {
         setImgVisible(false)
         setRepairData({
-            content:'',
-            image:[]
+            content: '',
+            image: []
         })
     }
     const cancelImg = () => {
         setImgVisible(false)
         setRepairData({
-            content:'',
-            image:[]
+            content: '',
+            image: []
         })
     }
     const getParkId = (record) => {
@@ -251,8 +251,8 @@ function CallbackSuggestion(props) {
         if (lastFormData.page_size === length) {
             setFormData(Object.assign({}, formData, { pn: pn, page_size: length }))
             setLastFormData(Object.assign({}, lastFormData, { pn: pn, page_size: length }))
-            lastFormDataRef.current = Object.assign({}, lastFormData, { pn: pn , page_size: length})
-            getData(Object.assign({}, formData, { pn: pn , page_size: length}))
+            lastFormDataRef.current = Object.assign({}, lastFormData, { pn: pn, page_size: length })
+            getData(Object.assign({}, formData, { pn: pn, page_size: length }))
         }
     }
     //切换每页条数
@@ -301,6 +301,24 @@ function CallbackSuggestion(props) {
             Object.assign({}, repairData, { image: imgUrl })
         );
     }
+    //撤回
+    const handleReject = (res) => {
+        let data = {
+            dialogueId: res.dialogueId,
+            id: getId
+        }
+        ajax.getRejectData(data).then(res => {
+            if (res.status === 20000) {
+                console.log(res.data);
+                setGetImgList(res.data.dialogueDetail)
+            }
+        })
+    }
+    const [getAgain, setGetAgain] = useState(true)
+    const handleAgain = (res) => {
+        setGetAgain(false)
+        setRepairData({ content: res.replyContent })
+    }
     const handleRepair = () => {
         let data = {
             ...repairData,
@@ -316,8 +334,8 @@ function CallbackSuggestion(props) {
                         setGetImg(res.data)
                         setGetImgList(res.data.dialogueDetail)
                         setRepairData({
-                            content:'',
-                            image:[]
+                            content: '',
+                            image: []
                         })
                     }
                 })
@@ -655,29 +673,49 @@ function CallbackSuggestion(props) {
 
                                                                         <Image src={res} />
                                                                     )
-                                                                }):''
+                                                                }) : ''
                                                             }
                                                         </div>
                                                     </div>
                                                 </div>
                                             </div>
                                             :
-                                            <div className="reply">
-                                                <div className="margin-msg">
-                                                    <div className="time">{res.replyTime}</div>
-                                                    <div className="concent">{res.sysUserName}回复：<span>{res.replyContent}</span></div>
-                                                    <div className="picFlex">
-                                                        {res.answerImgMap.length ?
-                                                            res.answerImgMap.map(res => {
-                                                                return (
-                                                                    <div className="pic"><Image src={res} /></div>
-                                                                )
-                                                            })
-                                                            : ''
-                                                        }
+                                            <div className="reject">
+                                                {
+                                                    res.status == 0 ? <div className="content">
+                                                        <div className="reply">
+                                                            <div className="margin-msg">
+                                                                <div className="time">{res.replyTime}</div>
+                                                                <div className="concent">{res.sysUserName}回复：<span>{res.replyContent}</span>
+                                                                </div>
+                                                                <div className="picFlex">
+                                                                    {res.answerImgMap.length ?
+                                                                        res.answerImgMap.map(res => {
+                                                                            return (
+                                                                                <div className="pic"><Image src={res} /></div>
+                                                                            )
+                                                                        })
+                                                                        : ''
+                                                                    }
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div className="rejectContent" onClick={() => { handleReject(res) }}>撤回</div>
                                                     </div>
-                                                </div>
+                                                        :
+                                                        <>
+                                                            {
+                                                                getAgain == true ?
+                                                                    <div className="reapir">你撤回了一条消息
+                                                                        <span className="again" onClick={() => { handleAgain(res) }}>重新编辑</span>
+                                                                    </div> : ''
+                                                            }
+
+                                                        </>
+                                                }
+
                                             </div>
+
                                         }
 
                                     </div>
diff --git a/src/services/OperationCenter/CustomerManage/index.js b/src/services/OperationCenter/CustomerManage/index.js
index 29737e7..c78d7f0 100644
--- a/src/services/OperationCenter/CustomerManage/index.js
+++ b/src/services/OperationCenter/CustomerManage/index.js
@@ -81,10 +81,19 @@ const getComplainList = (params) => {
     data: params,
   });
 };
+//客服管理-反馈建议-撤回
+const getRejectData = (params) => {
+  return ajax({
+    url: "/api/ope/service/withDraw",
+    type: "get",
+    data: params,
+  });
+};
 export default{
   getCarErrorList,
   getAppealList,
   getFeedbackList,
+  getRejectData,
   checkFeedData,
   replyData,
   dealData,