模拟对接 预警人数据
This commit is contained in:
parent
11cf60815e
commit
db4f0c904a
|
@ -7,6 +7,8 @@ import FormItem from '../../../components/form-item/main'
|
|||
import rules from './rules'
|
||||
import moment from 'moment'
|
||||
import { deWeightThree } from '../../../utils'
|
||||
import { isSameDay } from 'date-fns'
|
||||
import Bus from '../../../assets/eventBus.js'
|
||||
import {
|
||||
Select,
|
||||
Button,
|
||||
|
@ -40,6 +42,10 @@ const receiveTypeList = [
|
|||
]
|
||||
//预警百分比
|
||||
const earlyPerList = ['70', '50', '30', '20']
|
||||
const initArray = (targetNum) => {
|
||||
return Array.from({ length: targetNum }, (_, index) => index)
|
||||
}
|
||||
|
||||
export default class addKnockGold extends Component {
|
||||
constructor(props) {
|
||||
super(props)
|
||||
|
@ -127,8 +133,6 @@ export default class addKnockGold extends Component {
|
|||
} else {
|
||||
model.effect_date_type = ''
|
||||
}
|
||||
|
||||
console.log(model.effect_date_type)
|
||||
model.effect_date = this.props.data.time_limit.use_time.effect_day
|
||||
model.usable_time = this.props.data.time_limit.use_time.type
|
||||
model.early_notifier = this.props.data.early_notifier.map((item) => {
|
||||
|
@ -151,7 +155,60 @@ export default class addKnockGold extends Component {
|
|||
}
|
||||
|
||||
//获取预警人数据
|
||||
getUserSelectList() {}
|
||||
getUserSelectList() {
|
||||
const data = [
|
||||
{
|
||||
real_name: '黎明',
|
||||
mobile: '18555454545'
|
||||
},
|
||||
{
|
||||
real_name: '彤彤',
|
||||
mobile: '18547777744'
|
||||
},
|
||||
{
|
||||
real_name: '杨洋',
|
||||
mobile: '15874574122'
|
||||
},
|
||||
{
|
||||
real_name: '何欢媛',
|
||||
mobile: '18695241254'
|
||||
},
|
||||
{
|
||||
real_name: '林青松',
|
||||
mobile: '15184342032'
|
||||
},
|
||||
{
|
||||
real_name: '韦多伦',
|
||||
mobile: '15874747474'
|
||||
},
|
||||
{
|
||||
real_name: 'zh',
|
||||
mobile: '15184345036'
|
||||
}
|
||||
]
|
||||
const defaultDta = ['何欢媛', '韦多伦']
|
||||
const model = this.state.model
|
||||
|
||||
const newData = data.map((item) => {
|
||||
if (defaultDta.indexOf(item.real_name) !== -1) {
|
||||
const obj = {
|
||||
key: item.mobile,
|
||||
text: item.real_name,
|
||||
disabled: true,
|
||||
closable: false
|
||||
}
|
||||
model.early_notifier.push(obj)
|
||||
return obj
|
||||
} else {
|
||||
return {
|
||||
key: item.mobile,
|
||||
text: item.real_name,
|
||||
closable: true
|
||||
}
|
||||
}
|
||||
})
|
||||
this.setState({ userSelectList: newData, model: model })
|
||||
}
|
||||
|
||||
/* x时间控件禁用 */
|
||||
onDisabledRange = (date, type) => {
|
||||
|
@ -165,6 +222,45 @@ export default class addKnockGold extends Component {
|
|||
return disabled
|
||||
}
|
||||
|
||||
/* x时间控件禁用 */
|
||||
onDisabledRange1 = (date, type) => {
|
||||
let step1 = JSON.parse(sessionStorage.getItem('knockGold_effectDate'))
|
||||
let isdisabled = false
|
||||
let str = moment(date).format('YYYY-MM-DD HH:mm:ss')
|
||||
if (type == 'start') {
|
||||
isdisabled =
|
||||
moment(str).isBefore(step1.begin_time) ||
|
||||
moment(str).isAfter(step1.end_time)
|
||||
}
|
||||
|
||||
if (type == 'end') {
|
||||
isdisabled =
|
||||
moment(str).add(1, 'days').isBefore(step1.begin_time) ||
|
||||
moment(str).isAfter(step1.end_time)
|
||||
}
|
||||
return isdisabled
|
||||
}
|
||||
|
||||
onDisabledTime = (date, type) => {
|
||||
const min = new Date()
|
||||
const hour = min.getHours()
|
||||
const minute = min.getMinutes()
|
||||
const second = min.getSeconds()
|
||||
const isSame = isSameDay(date, min)
|
||||
|
||||
return isSame
|
||||
? {
|
||||
disabledHours: () => initArray(hour),
|
||||
disabledMinutes: (hourValue) =>
|
||||
hourValue === hour ? initArray(minute) : [],
|
||||
disabledSeconds: (hourValue, minuteValue) =>
|
||||
hourValue === hour && minuteValue === minute
|
||||
? initArray(second)
|
||||
: []
|
||||
}
|
||||
: {}
|
||||
}
|
||||
|
||||
/* 当预警百分比自定义输入框经行操作时从 early_per 数组中找出并过滤 */
|
||||
filterEarlyPer() {
|
||||
const new_early_per = this.state.model.early_per.filter(
|
||||
|
@ -668,7 +764,7 @@ export default class addKnockGold extends Component {
|
|||
className='zent-datepicker-plan'
|
||||
showTime={{
|
||||
format: 'HH:mm:ss',
|
||||
defaultTime: [moment().format('HH:mm:ss'), '23:59:59']
|
||||
defaultTime: ['00:00:00', '23:59:59']
|
||||
}}
|
||||
format='YYYY-MM-DD HH:mm:ss'
|
||||
disabled={[
|
||||
|
@ -678,9 +774,11 @@ export default class addKnockGold extends Component {
|
|||
width={245}
|
||||
value={this.state.model.entry_time}
|
||||
onChange={(value) => {
|
||||
Bus.emit('change', 'date_time', value)
|
||||
this.onHandleChange(value, 'entry_time')
|
||||
}}
|
||||
disabledDate={this.onDisabledRange}
|
||||
disabledTime={this.onDisabledTime}
|
||||
disabledDate={this.onDisabledRange1}
|
||||
/>
|
||||
</FormItem>
|
||||
{this.state.model.timer_type === '2' ? (
|
||||
|
@ -874,6 +972,7 @@ export default class addKnockGold extends Component {
|
|||
<div className='bt_se'>
|
||||
<Select
|
||||
clearable
|
||||
className='bt_se_select'
|
||||
options={this.state.userSelectList}
|
||||
placeholder='选择一项'
|
||||
size={'xl'}
|
||||
|
|
Loading…
Reference in New Issue