ad

src/pages/index/index.jsx

@@ -28,7 +28,6 @@ const IndexPage = (props) => {
 
   useEffect(() => {
     getNoticeList({ pageSize: 5 }).then((res) => {
-      console.log('res', res);
       setNoticeList(res.records)
     })
 

src/pages/payPage/index.jsx

@@ -32,7 +32,7 @@ export default (props) => {
         }).then(() => {
           setTimeout(() => {
             Taro.reLaunch({
-              url: `/pages/index/index?tab=2`
+              // url: `/pages/index/index?tab=2`
             })
           }, 400)
         })

src/pages/setDogLicense/index.jsx

@@ -1,6 +1,6 @@
 import { View, Button, Text, RadioGroup, Picker, Image, Input, Radio, Label, ScrollView, Slot } from '@tarojs/components'
 import Taro, { useDidShow, useRouter } from '@tarojs/taro';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import Form from '@/components/Form';
 import FormItem from '@/components/Form/FormItem';
 import AuthProfile from '@/components/Authorize/AuthProfile';
@@ -9,26 +9,47 @@ import { handleFile } from '@/utils/request';
 import { useModel } from '@/store';
 
 import './style.less'
+import { getCardLicenseInfo } from '../../services/dogAPI';
 
 export default (props) => {
   const { dogs, person } = useModel('userData')
   const [formData, setFormData] = useState()
 
-  const [dogDate, setDogDate] = useState({ immunizationDate: null, petBirthday: '请选择生日', petSex: [], petType: [] })
+  const [dogDate, setDogDate] = useState({ immunizationDate: null, petBirthday: null, petSex: [], petType: [] })
   const [mainDog, setMainDog] = useState([])
+  const [dogStatus, setDogStatus] = useState(true)
+  const [renewalAndReissue, setRenewalAndReissue] = useState()
 
   const router = useRouter()
   const applyType = router.params.type || 'first'
+  useEffect(() => {
+    switch (applyType) {
+      // case 'first':
+      // break;
+      case 'renewal':
+        Taro.setNavigationBarTitle({
+          title: '证件续期'
+        })
+        break;
+      case 'reissue':
+        Taro.setNavigationBarTitle({
+          title: '证件补办'
+        })
+        break;
+
 
+      default:
+        break;
+    }
+
+  }, [applyType])
   useDidShow(() => {
     addDogList().then((res) => {
       setMainDog(res.records)
     })
   }, [])
 
-  const getMainDogChange = (value) => {
-    console.log("🚀 ~ file: index.jsx ~ line 34 ~ getMainDogChange ~ value", value)
-    const { petId } = value.detail.data
+  const getDogInfoFunction = (petId) => {
 
     getDogInfo(petId).then((e) => {
       setFormData(e)
@@ -40,6 +61,34 @@ export default (props) => {
 
     })
   }
+  const getMainDogChange = (value) => {
+    console.log("🚀 ~ file: index.jsx ~ line 34 ~ getMainDogChange ~ value", value)
+    const { petId } = value.detail.data
+    if (applyType == 'renewal' || (applyType == 'reissue')) {
+      setDogStatus(false)
+      getDogInfoFunction(petId)
+      getCardLicenseInfo(petId).then((res) => {
+        console.log('狗子证件有效期', res);
+      })
+    }
+    if (applyType == 'first') {
+      getCardLicenseInfo(petId).then((res) => {
+        if (!res) {
+          setDogStatus(false)
+          getDogInfoFunction(petId)
+        } else {
+          setDogStatus(true)
+          Taro.showToast({
+            title: '当前狗狗已有证件！',
+            icon: 'error',
+            duration: 2000,
+          })
+
+        }
+      })
+    }
+
+  }
 
   const onDateChange = (type, value) => {
     console.log('dogDate', dogDate);
@@ -78,28 +127,54 @@ export default (props) => {
     addlication({ ...value, applyType }).then((res) => {
       console.log('dogInfo xinwe', res);
       Taro.showToast({
-        title: '保存成功',
+        title: '申请成功，等待审核',
         icon: 'none',
         duration: 1000
       })
-      Taro.reLaunch({
-        url: `/pages/payPage/index?id=${res.applyId}`
-      })
+      if (applyType == 'renewal') {
+        Taro.navigateBack({
+          delta: 1
+        })
+        return;
+      } else {
+        Taro.reLaunch({
+          url: `/pages/payPage/index?id=${res.applyId}`
+        })
+      }
+
     })
   }
 
+  const rules = {
+    petName: [{ required: true, message: '请填写狗狗名称' }],
+    petSex: [{ type: 'number', required: true, message: '请填写狗狗性别' }],
+    petBirthday: [{ required: true, message: '请选择狗狗生日' }],
+    petColor: [{ required: true, message: '请选择狗狗毛色' }],
+    petType: [{ required: true, message: '请选择犬种类别' }],
+    dogImg1: [{ required: true, message: '请上传狗狗照片' }],
+    immunizationDate: [{ required: true, message: '请上输入最近免疫时间' }],
+    immunizationCode: [{ required: true, message: '请输入免疫证号' }],
+    immunizationImg: [{ required: true, message: '请上传免疫图片' }],
+    address: [{ required: true, message: '请输入详细地址' }],
 
+  }
 
   return (
     <ScrollView scrollY style={{ height: '100vh' }} >
       <AuthProfile />
       <View class='page' >
-        <Form onSubmit={formSubmit} >
+        <Form onSubmit={formSubmit} rules={rules} >
           <mp-form  >
             <mp-cells >
               <FormItem title='犬主姓名' required>
                 <View >{person?.nickName}</View>
               </FormItem>
+              <FormItem title='证件号' required>
+                <View >{person?.nickName}</View>
+              </FormItem>
+              <FormItem title='有效期' required>
+                <View >{person?.nickName}</View>
+              </FormItem>
               <FormItem title='狗狗名称' required>
                 <s-picker name='petName' rangeKey='name' rangeValue='value' range={mainDog} value={formData?.name} onChange={getMainDogChange} />
               </FormItem>
@@ -110,10 +185,16 @@ export default (props) => {
                 <s-picker name='petType' rangeKey='name' rangeValue='name' range={dogDate.petType} value={formData?.petType} />
               </FormItem>
               <FormItem title='生日' required>
-                <Picker name='petBirthday' mode='date' onChange={(e) => { onDateChange('petBirthday', e.detail.value) }}>
-                  <View className='picker' style={!formData ? { "color": '#858585' } : {}}>
+                <Picker name='petBirthday' mode='date' value={dogDate.petBirthday} onChange={(e) => { onDateChange('petBirthday', e.detail.value) }}>
+                  {dogDate?.petBirthday ? (
+                    <View className='picker' >
+                      {dogDate.petBirthday}
+                    </View>
+                  ) : <View style={{ color: '#858585' }}>请选择...</View>
+                  }
+                  {/* <View className='picker' style={!formData ? { "color": '#858585' } : {}}>
                     {dogDate.petBirthday}
-                  </View>
+                  </View> */}
                 </Picker>
               </FormItem>
               <FormItem title='毛色' required>
@@ -142,24 +223,29 @@ export default (props) => {
               <FormItem title='详细地址' required>
                 <Input name='address' placeholder='请输入详细地址' />
               </FormItem>
-              <FormItem title='申领方式' extClass=''>
-                <View className='radio-list'>
-                  <RadioGroup name='applyMethod'>
-                    {modeList.map((item, i) => {
-                      return (
-                        <Label className='radio-list__label' for={i} key={i}>
-                          <Radio color='#FCD905' className='radio-list__radio' value={item.value} >{item.text}</Radio>
-                        </Label>
-                      )
-                    })}
-                  </RadioGroup>
-                </View>
-              </FormItem>
+              {
+                applyType == 'renewal' ? <></>
+                  :
+                  <FormItem title='申领方式' extClass=''>
+                    <View className='radio-list'>
+                      <RadioGroup name='applyMethod'>
+                        {modeList.map((item, i) => {
+                          return (
+                            <Label className='radio-list__label' for={i} key={i}>
+                              <Radio color='#FCD905' className='radio-list__radio' value={item.value} >{item.text}</Radio>
+                            </Label>
+                          )
+                        })}
+                      </RadioGroup>
+                    </View>
+                  </FormItem>
+              }
+
 
             </mp-cells>
           </mp-form>
           <View slot='button' style={{ margin: '4em 0 2em 0' }}>
-            <Button style={{ backgroundColor: '#fbd804', borderRadius: '40px', color: '#000', border: '0px' }} class='weui-btn' type='primary' loading={false} formType='submit'>确定</Button>
+            <Button disabled={dogStatus} style={{ backgroundColor: !dogStatus ? '#fbd804' : '#858585', borderRadius: '40px', color: '#000', border: '0px' }} class='weui-btn' type='primary' loading={false} formType='submit'>确定</Button>
           </View>
         </Form>
       </View>

src/services/dogAPI.js

@@ -146,3 +146,15 @@ export const getOrder = (id, data) => request(`/order?applyId=${id}`, { data, me
 
 
 
+
+/**
+* 获取狗子证件详情 （挂失补办/续期）
+* @param {*} data
+* @returns
+*/
+export const getCardLicenseInfo = (id, data) => request(`/pet/${id}/card`, { data, method: 'GET' })
+
+
+
+
+