You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
96 lines
3.3 KiB
96 lines
3.3 KiB
import React, { useState } from 'react'
|
|
import Taro from '@tarojs/taro'
|
|
import { View, Picker } from '@tarojs/components'
|
|
import { AtButton, AtIcon, } from 'taro-ui'
|
|
import request from '@/services/request'
|
|
import { roadSpotPrepare, roadSpotConfirm } from '@/services/api'
|
|
import './index.scss'
|
|
|
|
function Index() {
|
|
const rateArr = ['50%', '75%'];
|
|
const [rate, setRate] = useState('50%')
|
|
const [prepare, setPrepare] = useState({
|
|
previewId: null,
|
|
spotCountyRoadCount: null,
|
|
spotTownRoadCount: null,
|
|
spotVillageRoadCount: null,
|
|
})
|
|
|
|
const startSpotCheck = () => {
|
|
Taro.showLoading({ title: '抽取中' })
|
|
request.post(roadSpotPrepare(), { countyPercentage: rate === '50%' ? 50 : 75 }).then(res => {
|
|
Taro.hideLoading()
|
|
if (res.statusCode === 200 || res.statusCode === 204) {
|
|
Taro.showToast({ title: '抽取成功', icon: 'success' })
|
|
setPrepare(res.data)
|
|
} else {
|
|
Taro.showToast({ title: '抽取失败', icon: 'error' })
|
|
console.log(res.errMsg)
|
|
}
|
|
})
|
|
}
|
|
|
|
const onSubmit = () => {
|
|
if (!prepare.previewId) {
|
|
Taro.showToast({ title: '请先抽取道路' })
|
|
return
|
|
}
|
|
Taro.showLoading({ title: '提交中' })
|
|
request.post(roadSpotConfirm(), { previewId: prepare.previewId }).then(res => {
|
|
Taro.hideLoading()
|
|
if (res.statusCode === 204) {
|
|
Taro.showToast({ title: '提交成功', icon: 'success' })
|
|
setTimeout(() => {
|
|
Taro.navigateBack()
|
|
}, 1500)
|
|
} else {
|
|
Taro.showToast({ title: '提交失败', icon: 'error' })
|
|
console.log(res.errMsg)
|
|
}
|
|
})
|
|
}
|
|
|
|
return (
|
|
<View className='page'>
|
|
<View className='content'>
|
|
<View className='item'>
|
|
<View className='title'>抽查县道比例（%）:</View>
|
|
<Picker mode='selector'
|
|
range={rateArr}
|
|
onChange={e => setRate(rateArr[e.detail.value])}
|
|
>
|
|
<View className='input'>
|
|
{rate || '请选择'}
|
|
<AtIcon value='chevron-down' size='20' color='#ccc' />
|
|
</View>
|
|
</Picker>
|
|
</View>
|
|
<View className='item'>
|
|
<View className='title'>抽查乡道比例（%）：</View>
|
|
<View className='input disabled'>{rate === '50%' ? '25%' : '50%'}</View>
|
|
</View>
|
|
<View className='item'>
|
|
<View className='title'>抽查村道比例（%）：</View>
|
|
<View className='input disabled'>{rate === '50%' ? '10%' : '20%'}</View>
|
|
</View>
|
|
<AtButton type='primary' className='start-btn' size='small'
|
|
onClick={startSpotCheck}
|
|
>开始抽取</AtButton>
|
|
<View className='item'>
|
|
<View className='title'>抽查县道（公里）：</View>
|
|
<View className='input disabled'>{prepare.countryMil}</View>
|
|
</View>
|
|
<View className='item'>
|
|
<View className='title'>抽查乡道（公里）：</View>
|
|
<View className='input disabled'>{prepare.townMil}</View>
|
|
</View>
|
|
<View className='item'>
|
|
<View className='title'>抽查村道（公里）：</View>
|
|
<View className='input disabled'>{prepare.villageMil}</View>
|
|
</View>
|
|
<AtButton type='primary' className='submit-btn' onClick={onSubmit}>提交</AtButton>
|
|
</View>
|
|
</View>
|
|
)
|
|
}
|
|
export default Index
|