静态页面

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

@@ -9,10 +9,12 @@ export default function EditUserDetailBasicInfo (props) {
   const { Data = {}, close = () => { }, CustomerId = null } = props
 
   const [FormData, setFormData] = useState({ ...Data })
-  const [Age, setAge] = useState(null)
-  const [HouseholdIncome, setHouseholdIncome] = useState(null)
-  const [EstimatedPurchaseTime, setEstimatedPurchaseTime] = useState(null)
+  const [Sex, setSex] = useState(Data?.sex - 0 === 1 ? '男' : '女')
+  const [Age, setAge] = useState(Data?.age || null)
+  const [HouseholdIncome, setHouseholdIncome] = useState(Data?.householdIncome || null)
+  const [EstimatedPurchaseTime, setEstimatedPurchaseTime] = useState(Data?.estimatedPurchaseTime || null)
 
+  const [SexList] = useState(['男', '女'])
   const [AgeRange] = useState(['18-25', '26-30', '30-35', '36-45', '46-50', '50-60', '60以上'])
   const [IncomeRange] = useState(['10万以下', '10-15万', '15-20万', '20-30万', '30-50万', '50-75万', '75-100万', '100万以上'])
   const [BuyTimeRange] = useState(['1月以内', '1至3月', '半年以内', '一年以内', '一年以上'])
@@ -40,12 +42,17 @@ export default function EditUserDetailBasicInfo (props) {
     let resData = FormData
     if (key === 'age') {
       resData[key] = AgeRange[e.detail.value]
+      setAge(AgeRange[e.detail.value])
     } else if (key === 'householdIncome') {
       resData[key] = IncomeRange[e.detail.value]
+      setHouseholdIncome(IncomeRange[e.detail.value])
     } else if (key === 'estimatedPurchaseTime') {
       resData[key] = BuyTimeRange[e.detail.value]
+      setEstimatedPurchaseTime(BuyTimeRange[e.detail.value])
+    } else if (key === 'sex') {
+      resData[key] = SexList[e.detail.value] === '男' ? 1 : 2
+      setSex(SexList[e.detail.value])
     }
-    console.log(resData)
     setFormData(resData)
   }
 
@@ -87,6 +94,16 @@ export default function EditUserDetailBasicInfo (props) {
             </view>
           </view>
 
+          <text>性别</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+              <Picker onChange={PickerChange.bind(this, 'sex')} value={null} range={SexList}>
+                <text>{Sex || '请选择'}</text>
+              </Picker>
+            </view>
+            <text className='iconfont icon-jiantoudown'></text>
+          </view>
+
           <text>家庭住址</text>
           <view className='FormLine flex-h'>
             <view className='flex-item'>
@@ -105,7 +122,7 @@ export default function EditUserDetailBasicInfo (props) {
           <view className='FormLine flex-h'>
             <view className='flex-item'>
               <Picker onChange={PickerChange.bind(this, 'age')} value={null} range={AgeRange}>
-                <text>{FormData.age || '请选择'}</text>
+                <text>{Age || '请选择'}</text>
               </Picker>
             </view>
             <text className='iconfont icon-jiantoudown'></text>
@@ -122,7 +139,7 @@ export default function EditUserDetailBasicInfo (props) {
           <view className='FormLine flex-h'>
             <view className='flex-item'>
               <Picker onChange={PickerChange.bind(this, 'householdIncome')} value={null} range={IncomeRange}>
-                <text>{FormData.householdIncome || '请选择'}</text>
+                <text>{HouseholdIncome || '请选择'}</text>
               </Picker>
             </view>
             <text className='iconfont icon-jiantoudown'></text>
@@ -153,7 +170,7 @@ export default function EditUserDetailBasicInfo (props) {
           <view className='FormLine flex-h'>
             <view className='flex-item'>
               <Picker onChange={PickerChange.bind(this, 'estimatedPurchaseTime')} value={null} range={BuyTimeRange}>
-                <text>{FormData.estimatedPurchaseTime || '请选择'}</text>
+                <text>{EstimatedPurchaseTime || '请选择'}</text>
               </Picker>
             </view>
             <text className='iconfont icon-jiantoudown'></text>