静态页面

src/pages/WoDe/YeZhuRenZheng/index.jsx

   let CodeTimer = null
   const [CodeTimerNum, setCodeTimerNum] = useState(60)
   const [DataLock, setDataLock] = useState(false)
+  const [RoleName, setRoleName] = useState(null)
+  const [RoleList] = useState([
+    { name: '户主', id: 'OWNER' },
+    { name: '租客', id: 'TENANT' },
+    { name: '家属', id: 'RELATION' }
+  ])
   const [Level1Value] = useState(user.orgId)
   const [Level2Value, setLevel2Value] = useState(null)
   const [Level2List, setLevel2List] = useState([])
       clearTimeout(CodeTimer)
       setCodeTimerNum(60)
     }
-  
+
     return () => {
       if (CodeTimer) {
         clearTimeout(CodeTimer)
       Taro.showToast({ title: '请填写手机号', icon: 'none' })
       return false
     }
+    if (RoleName === null) {
+      Taro.showToast({ title: '请选择认证身份', icon: 'none' })
+      return false
+    }
     return true
   }
 
       setDataLock(false)
       return false
     }
+    let CurrentRoleName = null
+    RoleList.map((item) => {
+      if(item.name === RoleName){
+        CurrentRoleName = item.id
+      }
+    })
     request({  // 校验业主是否认证某房产
       ...apis.checkOwnerVerify,
       params: {
         buildingId: Level3List[Level3Value].id,
         unitId: Level4List[Level4Value].id,
         levelId: Level5List[Level5Value].id,
-        roomNoId: Level6List[Level6Value].id
+        roomNoId: Level6List[Level6Value].id,
+        roleName: CurrentRoleName
       }
     }).then(() => {
       request({ ...apis.checkPhoneCode, params: { captcha: PhoneCode, tel: FormData.Phone } }).then(() => { // 校验验证码
     }
   }
 
+  const RoleChange = (e) => {
+    setRoleName(RoleList[e.detail.value].name)
+  }
+
   const Level2Change = (e) => {
     setLevel2Value(e.detail.value - 0)
   }
             <Input type='idcard' className='flex-item' placeholder='请输入验证码' value={PhoneCode} onInput={(e) => { setPhoneCode(e.detail.value) }}></Input>
             <text className={CodeTimerNum - 0 === 60 ? 'active' : ''} onClick={ToGetPhoneCode}>{CodeTimerNum - 0 === 60 ? `获取验证码` : `${CodeTimerNum > 9 ? `${CodeTimerNum}s后再次获取` : `0${CodeTimerNum}s后再次获取`}`}</text>
           </view>
+          <view className='flex-h'>
+            <text>身份</text>
+            <view className='flex-item'>
+              <Picker value={RoleName} range-key='name' range={RoleList} onChange={RoleChange}>
+                <view className='PickerText'>{RoleName !== null ? RoleName : '请选择认证身份'}</view>
+              </Picker>
+            </view>
+          </view>
           <view className='flex-h'>
             <text>期号</text>
             <view className='flex-item'>