静态页面

src/subpackages/pages/marketing/components/ResidentListItem/index.jsx

@@ -1,4 +1,4 @@
-
+import { useState, useEffect } from 'react'
 import Taro from '@tarojs/taro'
 import { Image, Block } from '@tarojs/components'
 import { formatDate } from '@/utils/chatDate'
@@ -7,7 +7,14 @@ import { API_INVALID } from '@/constants/api'
 import './index.scss'
 
 export default function ResidentListItem (props) {
-  const { data = {}, change = () => { } } = props
+  const { data = {} } = props
+
+  const [Status, setStatus] = useState(null)
+
+  useEffect(() => {
+    setStatus(data.status)
+  }, [])
+
   const ToUnVisable = () => {
     Taro.showModal({
       title: '提示',
@@ -16,7 +23,7 @@ export default function ResidentListItem (props) {
         if (res.confirm) {
           fetch({ url: API_INVALID, method: 'put', payload: { type: data.type, id: data.id } }).then(() => {
             Taro.showToast({ title: '审核成功', icon: 'none', duration: 2000 })
-            change()
+            setStatus(3)
           })
         }
       }
@@ -34,7 +41,7 @@ export default function ResidentListItem (props) {
           <text className='Status'>已报备</text>
         } */}
         {
-          data.customerStatus - 0 === 1 &&
+          data.customerStatus - 0 === 1 && Status - 0 !== 3 &&
           <text className='Status' onClick={() => { Taro.navigateTo({ url: `/subpackages/pages/marketing/sureVisit/index?id=${data.id}` }) }}>到访确认</text>
         }
       </view>
@@ -98,9 +105,13 @@ export default function ResidentListItem (props) {
           <text className='active' onClick={() => { Taro.navigateTo({ url: `/subpackages/pages/marketing/changeVisit/index?id=${data.id}&name=${data.name}&buildingId=${data.buildingId}&type=${data.type}&channelId=${data.channelId}` }) }}>更新交易</text>
         }
         {
-          data.type === 'report' && data.channelStatus - 0 === 1 &&
+          data.type === 'report' && data.channelStatus - 0 === 1 && Status - 0 !== 3 &&
           <text onClick={ToUnVisable}>无效</text>
         }
+        {
+          data.type === 'report' && Status - 0 === 3 &&
+          <text>无效</text>
+        }
       </view>
     </view>
   )