静态页面

config/dev.js

@@ -3,8 +3,8 @@ module.exports = {
     NODE_ENV: '"development"'
   },
   defineConstants: {
-    // HOST: '"https://xs.ycjcjy.com"'
-    HOST: '"http://127.0.0.1:6060"'
+    HOST: '"https://xs.ycjcjy.com"'
+    // HOST: '"http://127.0.0.1:6060"'
   },
   mini: {
     debugReact: true

src/components/WuYeFuWu/index.jsx

@@ -109,18 +109,18 @@ export default function WuYeFuWu () {
                   </view>
                 </view>
               </view> */}
-              {/* <view>
-                <view>
+              <view>
+                <view onClick={() => { Taro.navigateTo({ url: `/pages/WuYe/GongGongFuWu/index` }) }}>
                   <view className='centerLabel'>
                     <view className='Icon'>
-                      <text className='iconfont icongonggongfuwu'></text>
+                      <image mode='aspectFit' src='https://zhiyun-image.oss-accelerate.aliyuncs.com/miniapp/upload/images/1608544670576-微信图片_20201221175016.png'></image>
                     </view>
                     <view className='Name'>
                       <text>公共服务</text>
                     </view>
                   </view>
                 </view>
-              </view> */}
+              </view>
               {
                 typeList.map((item, index) => (
                   <view key={`TypeList-${index}`}>

src/pages.js

@@ -48,6 +48,15 @@ const Property = [
       eventType: 'property',
     }
   },
+  {
+    name: '物业-公共服务列表',
+    page: 'pages/WuYe/GongGongFuWu/index',
+    auth: ['avatar', 'phone', 'yezhu'],
+    track: {
+      event: 'list',
+      eventType: 'property',
+    }
+  },
   {
     name: '物业-服务详情',
     page: 'pages/WuYe/FuWuDetail/index',

src/pages/WoDe/YeZhuShenHe/index.jsx

@@ -29,7 +29,7 @@ export default function YeZhuShenHe () {
   }
 
   const GetWuYePhoneList = () => { // 获取物业电话
-    request({ ...apis.getWuYePhone }).then((res) => {
+    request({ ...apis.getWuYePhone, params: { type: 'prop' } }).then((res) => {
       setPhoneList(res || [])
     })
   }

src/pages/WuYe/BaoXiuDetail/index.jsx

@@ -38,7 +38,7 @@ export default function BaoXiuDetail () {
   const Init = () => {
     request({ ...apis.getGongDanDetail, args: { orgId: user.orgId }, params: { ticketId: CurrnetBaoXiuId } }).then((res) => { // 获取工单详情
       setDetailInfo(res)
-      request({ ...apis.getWuYePhone }).then((cRes) => { // 获取物业电话
+      request({ ...apis.getWuYePhone, params: { type: 'prop' } }).then((cRes) => { // 获取物业电话
         setPhoneList(cRes || [])
       })
     })

src/pages/WuYe/BaoXiuQuYu/index.css

@@ -11,6 +11,16 @@
   position: relative;
   overflow: hidden;
 }
+.WuYeBaoXiuQuYu > view.AdvContent > view {
+  width: 100%;
+  padding-bottom: 30%;
+  background: #fff;
+  border-radius: 10px;
+}
+.WuYeBaoXiuQuYu > view.AdvContent > view image {
+  width: 100%;
+  height: 100%;
+}
 .WuYeBaoXiuQuYu > view:first-child {
   margin-top: 30px;
 }
@@ -34,12 +44,6 @@
   font-weight: bold;
   line-height: 60px;
 }
-.WuYeBaoXiuQuYu > view > view > view > text:first-child {
-  font-weight: normal;
-  font-size: 40px;
-  color: #F35844;
-  margin-right: 20px;
-}
 .WuYeBaoXiuQuYu > view > view > text {
   display: block;
   font-size: 24px;

src/pages/WuYe/BaoXiuQuYu/index.jsx

@@ -22,6 +22,11 @@ export default function WuYeBaoXiuQuYu () {
   return (
     <Page>
       <view className='WuYeBaoXiuQuYu'>
+        <view className='AdvContent'>
+          <view>
+            <image mode='aspectFill' src='https://zhiyun-image.oss-cn-shanghai.aliyuncs.com/xiangsong/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20201223144943.png' className='centerLabel'></image>
+          </view>
+        </view>
         {
           TypeList.map((item, index) => (
             <view key={`WuYeBaoXiuQuYu-${index}`}>
@@ -37,11 +42,6 @@ export default function WuYeBaoXiuQuYu () {
             </view>
           ))
         }
-        <view className='AdvContent'>
-          <view>
-            <image mode='aspectFill' src={null} className='centerLabel'></image>
-          </view>
-        </view>
       </view>
     </Page>
   )

src/pages/WuYe/BaoXiuQuYu/index.less

@@ -17,6 +17,10 @@
         padding-bottom: 30%;
         background: #fff;
         border-radius: 10px;
+        image {
+          width: 100%;
+          height: 100%;
+        }
       }
     }
 

src/pages/WuYe/GongGongFuWu/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '公共服务'
+}

src/pages/WuYe/GongGongFuWu/index.css

@@ -0,0 +1,37 @@
+.GongGongFuWu {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.GongGongFuWu > .GongGongFuWuContent {
+  padding: 0 30px;
+  position: relative;
+  overflow: hidden;
+}
+.GongGongFuWu > .GongGongFuWuContent .ListItem {
+  align-items: center;
+  border-bottom: 2px solid #f8f8f8;
+  position: relative;
+  overflow: hidden;
+}
+.GongGongFuWu > .GongGongFuWuContent .ListItem > text {
+  font-size: 30px;
+  color: #999;
+}
+.GongGongFuWu > .GongGongFuWuContent .ListItem > view {
+  padding: 10px 0;
+  margin-right: 20px;
+  position: relative;
+  overflow: hidden;
+}
+.GongGongFuWu > .GongGongFuWuContent .ListItem > view > text {
+  display: block;
+  font-size: 26px;
+  line-height: 36px;
+  color: #06a7e4;
+}
+.GongGongFuWu > .GongGongFuWuContent .ListItem > view > text:first-child {
+  font-size: 30px;
+  color: #333;
+  margin-bottom: 10px;
+}

src/pages/WuYe/GongGongFuWu/index.jsx

@@ -0,0 +1,39 @@
+import React, { useState, useEffect } from 'react'
+import Page from '@/layouts'
+import Taro from '@tarojs/taro'
+import request, { apis } from '@/utils/request'
+// import { Input } from '@tarojs/components'
+import '@/assets/css/reset.less'
+import '@/assets/css/iconfont.less'
+import './index.less'
+
+export default function GongGongFuWu () {
+
+  const [PageList, setPageList] = useState([])
+
+  useEffect(() => {
+    request({ ...apis.getWuYePhone, params: { type: 'common' } }).then((res) => { // 获取公共电话
+      setPageList(res || [])
+    })
+  }, [])
+
+  return (
+    <Page>
+      <view className='GongGongFuWu'>
+        <view className='GongGongFuWuContent'>
+          {
+            PageList.map((item, index) => (
+              <view className='ListItem flex-h' key={`FuWuItem-${index}`} onClick={() => { Taro.makePhoneCall({ phoneNumber: item.tel }) }}>
+                <view className='flex-item'>
+                  <text>{item.name}</text>
+                  <text>{item.tel}</text>
+                </view>
+                <text className='iconfont iconjiantouright'></text>
+              </view>
+            ))
+          }
+        </view>
+      </view>
+    </Page>
+  )
+}

src/pages/WuYe/GongGongFuWu/index.less

@@ -0,0 +1,43 @@
+.GongGongFuWu {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+
+  >.GongGongFuWuContent {
+    padding: 0 30px;
+    position: relative;
+    overflow: hidden;
+
+    .ListItem {
+      align-items: center;
+      border-bottom: 2px solid #f8f8f8;
+      position: relative;
+      overflow: hidden;
+
+      >text {
+        font-size: 30px;
+        color: #999;
+      }
+
+      >view {
+        padding: 10px 0;
+        margin-right: 20px;
+        position: relative;
+        overflow: hidden;
+
+        >text {
+          display: block;
+          font-size: 26px;
+          line-height: 36px;
+          color: #06a7e4;
+
+          &:first-child {
+            font-size: 30px;
+            color: #333;
+            margin-bottom: 10px;
+          }
+        }
+      }
+    }
+  }
+}

src/pages/WuYe/JiaoFeiDetail/index.jsx

@@ -105,7 +105,7 @@ export default function JiaoFeiDetail () {
   }
 
   const Init = () => {
-    request({ ...apis.getWuYePhone }).then((res) => { // 获取物业电话
+    request({ ...apis.getWuYePhone, params: { type: 'prop' } }).then((res) => { // 获取物业电话
       setPhoneList(res || [])
     })
   }