静态页面

src/pages/WuYe/BaoXiuDetail/index.jsx

@@ -4,6 +4,7 @@ import request, { apis } from '@/utils/request'
 import { useModel } from '@/store'
 import toolclass from '@/utils/toolclass.js'
 import SlidePopup from '@/components/SlidePopup/index'
+import { Textarea } from '@tarojs/components'
 import Page from '@/layouts'
 import { getShareObject } from '@/utils/share.js'
 import '@/assets/css/reset.less'
@@ -19,6 +20,8 @@ export default function BaoXiuDetail () {
   const [ShowPopup, setShowPopup] = useState(false)
   const [ShowPingJiaPopup, setShowPingJiaPopup] = useState(false)
   const [StarIndex, setStarIndex] = useState(0)
+  const [Comment, setComment] = useState(null)
+  const [DataLock, setDataLock] = useState(false)
 
   Taro.useShareAppMessage(() => {
     return getShareObject({
@@ -47,6 +50,24 @@ export default function BaoXiuDetail () {
     }
   }
 
+  const CommentChange = (e) => {
+    setComment(e.detail.value)
+  }
+
+  const ToPingJia = () => {
+    if (DataLock) return
+    setDataLock(true)
+    request({ ...apis.PostGongDanPingJia, args: { orgId: user.orgId }, params: { ticketId: CurrnetBaoXiuId }, data: { score: StarIndex - 0 + 1, comment: Comment } }).then((res) => { // 获取工单详情
+      Taro.showToast({ title: '评价成功', icon: 'none' })
+      setDetailInfo({ ...DetailInfo, status: 5 })
+      setDataLock(false)
+      setShowPingJiaPopup(false)
+    }).catch((res) => {
+      Taro.showToast({ title: res, icon: 'none' })
+      setDataLock(false)
+    })
+  }
+
   return (
     <Page>
       <view className='BaoXiuDetail'>
@@ -111,7 +132,10 @@ export default function BaoXiuDetail () {
 
           {/* 更多操作 */}
           <view className='BottomBtn active'>
-            <text onClick={() => { setShowPingJiaPopup(true) }}>评价</text>
+            {
+              DetailInfo !== null && DetailInfo.status - 0 === 4 &&
+              <text onClick={() => { setShowPingJiaPopup(true) }}>评价</text>
+            }
           </view>
 
           {/* 更多操作 */}
@@ -130,7 +154,8 @@ export default function BaoXiuDetail () {
                 ))
               }
             </view>
-            <text className='Btn'>提交</text>
+            <Textarea placeholder='请输入您的评价' onInput={CommentChange} value={Comment}></Textarea>
+            <text className='Btn' onClick={ToPingJia}>提交</text>
           </view>
         </SlidePopup>
 

src/pages/WuYe/BaoXiuDetail/index.less

@@ -259,6 +259,15 @@
       color: #666;
       line-height: 40px;
     }
+    textarea {
+      font-size: 26px;
+      line-height: 40px;
+      width: 100%;
+      display: block;
+      box-sizing: border-box;
+      border: 2px solid rgba(0, 0, 0, 0.08);
+      margin-top: 60px;
+    }
     >.StarLine {
       font-size: 0;
       white-space: nowrap;

src/utils/api.js

@@ -1,6 +1,10 @@
 const prefix = `${HOST}/api/wx`
 
 const $api = {
+  PostGongDanPingJia: { // 工单评价
+    method: 'post',
+    url: `${prefix}/accessTicket/:orgId`
+  },
   getGuanJiaGongDanList:{ // 获取管家工单列表
     method: 'get',
     url: `${prefix}/life/ticket/list`