静态页面

package-lock.json

@@ -2612,14 +2612,12 @@
     "@types/prop-types": {
       "version": "15.7.3",
       "resolved": "https://registry.npm.taobao.org/@types/prop-types/download/@types/prop-types-15.7.3.tgz?cache=0&sync_timestamp=1605055213103&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fprop-types%2Fdownload%2F%40types%2Fprop-types-15.7.3.tgz",
-      "integrity": "sha1-KrDV2i5YFflLC51LldHl8kOrLKc=",
-      "dev": true
+      "integrity": "sha1-KrDV2i5YFflLC51LldHl8kOrLKc="
     },
     "@types/react": {
       "version": "16.14.2",
       "resolved": "https://registry.npm.taobao.org/@types/react/download/@types/react-16.14.2.tgz",
       "integrity": "sha1-hdzAlH0GRTSZI8BMzvYBihq3U4w=",
-      "dev": true,
       "requires": {
         "@types/prop-types": "*",
         "csstype": "^3.0.2"
@@ -3707,6 +3705,11 @@
       "integrity": "sha1-MPpAyef+B9vIlWeM0ocCTeokHdk=",
       "dev": true
     },
+    "bind-decorator": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npm.taobao.org/bind-decorator/download/bind-decorator-1.0.11.tgz",
+      "integrity": "sha1-5BvAah9l3ZzsR2yRxdrzl4SIJS8="
+    },
     "bindings": {
       "version": "1.5.0",
       "resolved": "https://registry.npm.taobao.org/bindings/download/bindings-1.5.0.tgz",
@@ -4903,8 +4906,7 @@
     "csstype": {
       "version": "3.0.5",
       "resolved": "https://registry.npm.taobao.org/csstype/download/csstype-3.0.5.tgz",
-      "integrity": "sha1-f97GoopnrhhkfFFmip/5W7L6e7g=",
-      "dev": true
+      "integrity": "sha1-f97GoopnrhhkfFFmip/5W7L6e7g="
     },
     "cuint": {
       "version": "0.2.2",
@@ -4955,6 +4957,11 @@
         "whatwg-url": "^7.0.0"
       }
     },
+    "dayjs": {
+      "version": "1.9.7",
+      "resolved": "https://registry.npm.taobao.org/dayjs/download/dayjs-1.9.7.tgz?cache=0&sync_timestamp=1607180938588&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdayjs%2Fdownload%2Fdayjs-1.9.7.tgz",
+      "integrity": "sha1-SyYLsX3O7S1fKQON/uA8ZaZ4b8A="
+    },
     "debug": {
       "version": "4.3.1",
       "resolved": "https://registry.npm.taobao.org/debug/download/debug-4.3.1.tgz?cache=0&sync_timestamp=1605791507452&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.3.1.tgz",
@@ -13659,6 +13666,19 @@
         }
       }
     },
+    "taro-ui": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npm.taobao.org/taro-ui/download/taro-ui-2.3.4.tgz",
+      "integrity": "sha1-p6LN1nsrSknRDDUdid700oubsZI=",
+      "requires": {
+        "@types/react": "^16.7.3",
+        "bind-decorator": "^1.0.11",
+        "classnames": "^2.2.6",
+        "dayjs": "^1.7.7",
+        "lodash": "^4.17.10",
+        "prop-types": "^15.6.2"
+      }
+    },
     "terser": {
       "version": "4.8.0",
       "resolved": "https://registry.npm.taobao.org/terser/download/terser-4.8.0.tgz?cache=0&sync_timestamp=1605780687639&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fterser%2Fdownload%2Fterser-4.8.0.tgz",

package.json

@@ -44,7 +44,8 @@
     "fetch": "^1.1.0",
     "node-sass": "^5.0.0",
     "react": "^16.10.0",
-    "react-dom": "^16.10.0"
+    "react-dom": "^16.10.0",
+    "taro-ui": "^2.3.4"
   },
   "devDependencies": {
     "@babel/core": "^7.8.0",

src/pages/WoDe/YeZhuRenZheng/index.jsx

@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from 'react'
 import { Picker } from '@tarojs/components'
+import { AtList, AtListItem } from 'taro-ui'
 import request, { apis } from '@/utils/request'
 import { useModel } from '@/store'
 import '@/assets/css/reset.less'
@@ -24,7 +25,7 @@ export default function YeZhuRenZheng () {
   }, [Level1Value])
 
   useEffect(() => {
-    GetLevel3List()
+    GetLevel3List(Level2List)
   }, [Level2Value])
 
   const GetLevel2List = () => {
@@ -36,9 +37,9 @@ export default function YeZhuRenZheng () {
     })
   }
 
-  const GetLevel3List = () => {
+  const GetLevel3List = (list = []) => {
     if (Level2Value !== null) {
-      request({ ...apis.getRenZhengAddressList, params: { phaseId: Level2List[Level2Value].id } }).then((res) => {
+      request({ ...apis.getRenZhengAddressList, params: { phaseId: list[Level2Value].id } }).then((res) => {
         setLevel3List(res || [])
         if (res !== null && res.length > 0) {
           setLevel3Value(0)
@@ -47,10 +48,18 @@ export default function YeZhuRenZheng () {
     }
   }
 
+  const Level2Change = (e) => {
+    console.log(e)
+  }
+
   return (
     <view className='YeZhuRenZheng'>
       <view className='Form'>
-        <Picker mode='selector' value={Level1Value}></Picker>
+        <Picker mode='selector' range={Level2List} onChange={Level2Change}>
+          <AtList>
+            <AtListItem title='期号' />
+          </AtList>
+        </Picker>
         {/* <view className='flex-h'>
           <text className='iconfont iconxingming'></text>
           <Input className='flex-item' placeholder='请输入您的姓名' value={FormData.RealName} onInput={(e) => { setFormData({ ...FormData, RealName: e.detail.value }) }}></Input>