静态页面

src/pages.js

       eventType: 'property',
     }
   },
+  {
+    name: '我的-物业缴费',
+    page: 'pages/WoDe/WoDeJiaoFei/index',
+    auth: ['avatar', 'phone', 'yezhu'],
+    track: {
+      event: 'detail',
+      eventType: 'property',
+    }
+  },
+  {
+    name: '我的-物业服务',
+    page: 'pages/WoDe/WoDeGongDan/index',
+    auth: ['avatar', 'phone', 'yezhu'],
+    track: {
+      event: 'detail',
+      eventType: 'property',
+    }
+  },
   {
     name: '我的-我的活动',
     page: 'pages/WoDe/WoDeHuoDong/index',

src/pages/WoDe/WoDeGongDan/index.config.js

+export default {
+  navigationBarTitleText: '物业服务'
+}

src/pages/WoDe/WoDeGongDan/index.css

+.WoDeHuoDong {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background: #f8f8f8;
+  overflow: hidden;
+}
+.WoDeHuoDong .Content {
+  padding: 0 30px;
+  position: relative;
+  overflow: hidden;
+}
+.WoDeHuoDong .Content > .ListItem {
+  position: relative;
+  overflow: hidden;
+  margin-bottom: 30px;
+}
+.WoDeHuoDong .Content > .ListItem:first-child {
+  margin-top: 30px;
+}

src/pages/WoDe/WoDeGongDan/index.jsx

+import React, { useState } from 'react'
+import ScrollPageRefresh from '@/components/ScrollPageRefresh'
+import WuYeBaoXiuItem from '@/components/WuYeBaoXiuItem'
+import { useModel } from '@/store'
+import '@/assets/css/reset.less'
+import '@/assets/css/iconfont.less'
+import './index.less'
+
+export default function WoDeGongDan () {
+
+  const { user } = useModel('user')
+  const [PageList, setPageList] = useState([])
+
+  const Refresh = (e) => { // 下拉刷新
+    setPageList(e)
+  }
+
+  const Push = (e) => { // 上拉加载
+    setPageList(PageList.concat(e))
+  }
+  
+
+  return (
+    <view className='WoDeGongDan'>
+      <ScrollPageRefresh ApiName={`getGongDanList`} ListName={`pagelist`} RequestUrlData={{ orgId: user.orgId }} RequestParams={{ type: 2 }} Refresh={Refresh} Push={Push}>
+        <view className='Content Activity'>
+          {
+            PageList.map((item, index) => (
+              <view className='ListItem' key={`ActivityItem-${index}`}>
+                <WuYeBaoXiuItem Data={item}></WuYeBaoXiuItem>
+              </view>
+            ))
+          }
+        </view>
+      </ScrollPageRefresh>
+    </view>
+  )
+}

src/pages/WoDe/WoDeGongDan/index.less

+.WoDeGongDan {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background: #f8f8f8;
+  overflow: hidden;
+
+  .Content {
+    padding: 0 30px;
+    position: relative;
+    overflow: hidden;
+
+    >.ListItem {
+      position: relative;
+      overflow: hidden;
+      margin-bottom: 30px;
+      &:first-child {
+        margin-top: 30px;
+      }
+    }
+  }
+}

src/pages/WoDe/WoDeJiaoFei/index.config.js

+export default {
+  navigationBarTitleText: '物业缴费'
+}

src/pages/WoDe/WoDeJiaoFei/index.css

+.WoDeHuoDong {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background: #f8f8f8;
+  overflow: hidden;
+}
+.WoDeHuoDong .Content {
+  padding: 0 30px;
+  position: relative;
+  overflow: hidden;
+}
+.WoDeHuoDong .Content > .ListItem {
+  position: relative;
+  overflow: hidden;
+  margin-bottom: 30px;
+}
+.WoDeHuoDong .Content > .ListItem:first-child {
+  margin-top: 30px;
+}

src/pages/WoDe/WoDeJiaoFei/index.jsx

+import React, { useState } from 'react'
+import ScrollPageRefresh from '@/components/ScrollPageRefresh'
+import WuYeJiaoFeiItem from '@/components/WuYeJiaoFeiItem'
+import '@/assets/css/reset.less'
+import '@/assets/css/iconfont.less'
+import './index.less'
+
+export default function WoDeJiaoFei () {
+
+  const [PageList, setPageList] = useState([])
+
+  const Refresh = (e) => { // 下拉刷新
+    setPageList(e)
+  }
+
+  const Push = (e) => { // 上拉加载
+    setPageList(PageList.concat(e))
+  }
+  
+
+  return (
+    <view className='WoDeJiaoFei'>
+      <ScrollPageRefresh ApiName={`getActivityList`} RequestParams={{ mine: 1 }} Refresh={Refresh} Push={Push}>
+        <view className='Content Activity'>
+          {
+            PageList.map((item, index) => (
+              <view className='ListItem' key={`ActivityItem-${index}`}>
+                <WuYeJiaoFeiItem Data={item}></WuYeJiaoFeiItem>
+              </view>
+            ))
+          }
+        </view>
+      </ScrollPageRefresh>
+    </view>
+  )
+}

src/pages/WoDe/WoDeJiaoFei/index.less

+.WoDeJiaoFei {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background: #f8f8f8;
+  overflow: hidden;
+
+  .Content {
+    padding: 0 30px;
+    position: relative;
+    overflow: hidden;
+
+    >.ListItem {
+      position: relative;
+      overflow: hidden;
+      margin-bottom: 30px;
+      &:first-child {
+        margin-top: 30px;
+      }
+    }
+  }
+}

src/pages/WoDe/index.jsx

   const [UserTab] = useState([
     { icon: 'iconrenzheng1', name: '业主认证', id: 1, router: '/pages/WoDe/WoDeRenZheng/index' },
     { icon: 'iconjifenguize', name: '积分明细', id: 2, router: '/pages/FuLi/JiFenMingXi/index' },
-    { icon: 'iconjiaofei', name: '物业缴费', id: 3, router: null },
-    { icon: 'iconfuwu1', name: '物业服务', id: 4, router: null }
+    { icon: 'iconjiaofei', name: '物业缴费', id: 3, router: '/pages/WoDe/WoDeJiaoFei/index' },
+    { icon: 'iconfuwu1', name: '物业服务', id: 4, router: '/pages/WoDe/WoDeGongDan/index' }
   ])
   const [MoreUserTab] = useState([
     { icon: 'iconerweima', name: '推荐二维码', id: 5, router: '/pages/WoDe/TuiJianErWeiMa/index' },

src/utils/api.js

     url: `${prefix}/user/signin`
   },
   deleteCheckingRenZheng: { // 删除审核中的房产
-    method: 'post',
+    method: 'delete',
     url: `${prefix}/user/verify/delete/:id`
   },
   deletePassRenZheng: { // 删除审核通过的房产
-    method: 'post',
+    method: 'delete',
     url: `${prefix}/current_user/verify/delete/:id`
   },
   getOwnerVerifyList: { // 获取业主认证列表