意向楼盘

project.config.json

 	"projectname": "miniapp",
 	"description": "",
 	"appid": "wxe44244d1a5ea3364",
+	
 	"setting": {
 		"urlCheck": false,
 		"es6": false,

src/app.config.js

 export default {
   pages,
   subPackages,
+  darkmode: true,
+  // themeLocation: "theme.json",
+
+
   window: {
     backgroundTextStyle: 'light',
     navigationBarBackgroundColor: '#fff',
     navigationBarTitleText: 'WeChat',
-    navigationBarTextStyle: 'black'
+    navigationBarTextStyle: 'black',
+    // navigationBarBackgroundColor: "@navBackgroundColor",
+    // navigationBarTextStyle: "@navTextStyle"
   },
+
   tabBar: {
     color: '#666',
     selectedColor: '#193C83',

src/components/BottomMoadl/index.jsx

+
+import Taro from '@tarojs/taro'
+import { View, Button, RadioGroup, Label, Radio, ScrollView } from '@tarojs/components'
+import { API_GET_AGENT_BUILDINGS, API_ITEMS_LIST } from '@/constants/api'
+import { ROLE_CODE } from '@/constants/user'
+import { useSelector } from 'react-redux'
+import { fetch } from '@/utils/request'
+
+import { useState, useEffect, useRef } from 'react'
+import './style.css'
+
+
+export default (props) => {
+  const { closeModal, setBuidName, onChange = () => { }, type = '', frameTitle, flag, } = props
+
+
+  let wrapAnimate = 'wrap wrapAnimate'
+  let frameAnimate = 'frame-wrapper'
+  const [textNextSum, setTextNext] = useState(1)
+  const [recommendContent, setRecommendContent] = useState([])
+  const city = useSelector(state => state.city)
+
+  const [loading, setLoading] = useState(false)
+  const [dicts, setDicts] = useState([])
+
+  const hideFrame = (e) => {
+    console.log('关闭', e);
+    closeModal()//关闭
+
+  }
+
+
+  useEffect(() => {
+    if (type !== ROLE_CODE.CUSTOMER && type !== ROLE_CODE.DRIFT && type !== ROLE_CODE.CONSULTANT) {
+      fetch({ url: API_GET_AGENT_BUILDINGS }).then((res) => {
+        setDicts(res || [])
+      })
+    } else {
+      fetch({ url: API_ITEMS_LIST, payload: { pageNumber: 1, pageSize: 1000, cityId: city.curCity.id } }).then((res) => {
+
+        setDicts(res.records)
+      })
+    }
+  }, [])
+
+  const [darkMode, setDarkMode] = useState('light')
+
+  useEffect(() => {
+    Taro.getSystemInfo({
+      success: function (res) {
+        console.log(res.theme)
+        setDarkMode(res.theme)
+
+      }
+    })
+
+  }, [darkMode])
+
+  const [conTent, setConTent] = useState()
+
+  const buildingConten = (e) => {
+    console.log(e, 'eeeeeeeeeeeeeeee');
+    setConTent(e.detail.value)
+
+
+
+
+  }
+
+  const buliClick = (e) => {
+    e.stopPropagation()
+
+    if (conTent === '' || conTent === null || conTent === undefined) {
+      Taro.showToast({
+        title: '未正确选择楼盘',
+        icon: 'error',
+        duration: 2000
+      })
+
+    } else {
+      onChange(conTent)
+      return dicts.map((item, inx) => {
+
+
+        if (item.buildingId === conTent) {
+
+
+          const findIndex = inx
+          const name = dicts[findIndex].buildingName
+          //  item.buildingName
+          setBuidName(name)
+          console.log(name);
+
+          closeModal()
+
+          console.log('选中', conTent);
+          // const newArr = dicts.filter(function (obj) {
+          //   return obj.buildingId == e.detail.value;
+          // });
+          // console.log(newArr);
+
+
+
+        }
+        return item
+
+      })
+
+
+    }
+
+  }
+
+
+  return (
+    flag && <view   >
+      <view className={wrapAnimate} style='background:rgba(0,0,0,0);'></view>
+      <view onClick={hideFrame} className={frameAnimate} catchMove>
+        <view className={darkMode == 'dark' ? 'frame-dark' : 'frame'}>
+          {/* 标题  */}
+          <view className={darkMode == 'dark' ? 'title-wrapper-dark' : 'title-wrapper'}>
+            <view>{frameTitle}</view>
+          </view>
+          {/* 内容 */}
+          <view style='overflow-x: hidden;'>
+            <View className='page-section'>
+              <View className='radio-list' >
+                <scroll-view
+                  scrollY
+                  style={{ height: '30vh', overflow: 'hidden' }}
+                  catchMove
+                >
+                  <RadioGroup className='radio-list__RadioGroup' onChange={buildingConten} onClick={e => e.stopPropagation()}>
+                    {dicts.map((item, i) => {
+                      return (
+                        <Label catchMove className='radio-list__label' for={i} key={i}>
+                          <view className={darkMode == 'dark' ? 'radio-list__text-dark' : 'radio-list__text'}>{item.buildingName}</view>
+
+                          <Radio catchMove className='radio-list__radio' value={item.buildingId} checked={item.buildingId === conTent ? true : false}></Radio>
+
+                        </Label>
+                      )
+                    })}
+                  </RadioGroup>
+                </scroll-view>
+              </View>
+            </View>
+
+            {/* <view className='bottom-text' onClick={handleTextNext}> */}
+            <view style={{ display: 'flex', margin: '2em auto' }}>
+              <Button className='checkBtn' onClick={() => closeModal()}  >取消</Button>
+              <Button className='okBtn' onClick={buliClick}> 确定</Button>
+            </view>
+
+          </view>
+        </view>
+      </view>
+    </view>
+
+  )
+}

src/components/BottomMoadl/style.css

+.wrapAnimate {
+  animation: wrapAnimate 0.2s ease forwards;
+}
+@keyframes wrapAnimate {
+  0% {
+  }
+  100% {
+    background: rgba(0, 0, 0, 0.35);
+  }
+}
+
+.frame-wrapper {
+  position: fixed;
+  height: 100vh;
+  width: 100vw;
+  z-index: 80;
+}
+.frame {
+  background: #fff;
+  position: absolute;
+
+  bottom: 0;
+  width: 100%;
+  padding: 2.9vw 2.9vw 0;
+  border-top-left-radius: 20px;
+  border-top-right-radius: 20px;
+  z-index: 85;
+  box-sizing: border-box;
+  align-items: center;
+  text-align: center;
+}
+.title-wrapper-dark {
+  color: white;
+  justify-content: space-between;
+  text-align: center;
+  height: 28px;
+  font-size: 35px;
+  font-weight: 700;
+  margin-bottom: 5.9vw;
+}
+.radio-list__text-dark {
+  width: 100%;
+  align-items: center;
+  color: white;
+}
+.frame-dark {
+  background: #2b2b2b;
+  /* background: #fff; */
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  padding: 2.9vw 2.9vw 0;
+  border-top-left-radius: 20px;
+  border-top-right-radius: 20px;
+  z-index: 85;
+  box-sizing: border-box;
+  align-items: center;
+  text-align: center;
+}
+.title-wrapper {
+  justify-content: space-between;
+  text-align: center;
+  height: 28px;
+  font-size: 35px;
+  font-weight: 700;
+  color: #202020;
+  margin-bottom: 5.9vw;
+  margin: 1.5em auto;
+}
+.title-wrapper > image {
+  width: 3.5vw;
+  height: 3.5vw;
+  padding: 0 5vw;
+  margin-right: -5vw;
+}
+
+.wrap {
+  position: fixed;
+  z-index: 1;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
+.checkBtn {
+  display: inline-block;
+  width: 35%;
+
+  background-color: white;
+  color: #57bd6a;
+  text-align: center;
+  height: 10vw;
+  font-size: 26px;
+  box-shadow: 0px 8px 38px 0px rgba(0, 0, 0, 0.12);
+}
+
+.okBtn {
+  width: 35%;
+  background-color: #57bd6a;
+  color: white;
+  text-align: center;
+  height: 10vw;
+  font-size: 26px;
+}
+.radio-list__label {
+  display: flex;
+  align-items: center;
+}
+.radio-list__RadioGroup {
+}
+.radio-list__radio {
+  display: flex;
+
+  margin-top: 1em;
+  margin-bottom: 0.2em;
+}
+.radio-list__text {
+  width: 100%;
+  align-items: center;
+  color: #000;
+}

src/components/Picker/index.jsx

 
 export default (props) => {
   const { kv, value, onChange, dicts, placeholder, mode, ...leftProps } = props
+
   const [rangeKey, rangeVal] = kv || ['label', 'value']
 
   const [inx, setInx] = useState()
   useEffect(() => {
     if (dicts && dicts.length > 0) {
       if (value !== undefined && value !== null) {
-        for(let i = 0; i < dicts.length; i += 1) {
+        for (let i = 0; i < dicts.length; i += 1) {
           if (dicts[i][rangeVal] === value) {
+
             setInx(i)
             setText(dicts[i][rangeKey])
             break;
 
   useEffect(() => {
     if (mode && mode !== 'selector') {
+
       setText(value)
     }
   }, [mode, value])
       onChange={handleChange}
       value={inx}
       range={dicts}
-      mode={mode||'selector'}
+      mode={mode || 'selector'}
       {...leftProps}
     >
       <View>{text || placeholder || '请选择'}</View>

src/pages/mine/addCustomer/components/BuildingPicker.jsx

       })
     } else {
       fetch({ url: API_ITEMS_LIST, payload: { pageNumber: 1, pageSize: 1000, cityId: city.curCity.id } }).then((res) => {
-        setDicts(res.records || [])
+        setDicts(res.records)
       })
     }
   }, [])

src/pages/mine/components/MyCollectForBuilding/index.jsx

 import ProjectListItem from '@/components/ProjectListItem/index'
 import './index.scss'
 
-export default function MyCollectForBuilding () {
-  
+export default function MyCollectForBuilding() {
+
   const user = useSelector(state => state.user)
   const [PersonId, setPersonId] = useState(null)
   const [pageNumber, setPageNumber] = useState(1)
   const [IsPull, setPull] = useState(false)
 
   useEffect(() => {
-    if(user?.userInfo?.person?.personId) {
+    if (user?.userInfo?.person?.personId) {
       setPersonId(user.userInfo.person.personId)
     }
   }, [user])
 
   useEffect(() => {
-    if(PersonId) {
+
+    if (PersonId) {
       GetPageList()
     }
   }, [pageNumber, PersonId])
   }
 
   const PageLoadMore = () => { // 页面上拉加载更多
-    if(HasNextPage) {
+    if (HasNextPage) {
       setPageNumber(pageNumber + 1)
     }
   }
 
   useEffect(() => { // 下拉刷新触发
     if (IsPull) {
-      if(pageNumber === 1) {
+      if (pageNumber === 1) {
         GetPageList()
       } else {
         setPageNumber(1)

theme.json

+{
+  "light": {
+    "navBackgroundColor": "#ffffff",
+    "navTextStyle": "black"
+  },
+  "dark": {
+    "navBackgroundColor": "#000000",
+    "navTextStyle": "white"
+  }
+}