|
@ -34,6 +34,18 @@ function StaggeredMgm(props) { |
|
|
const [checkVisible, setCheckVisible] = useState(false) |
|
|
const [checkVisible, setCheckVisible] = useState(false) |
|
|
const [editVisible, setEditVisible] = useState(false) |
|
|
const [editVisible, setEditVisible] = useState(false) |
|
|
const [addVisible, setAddVisible] = useState(false) |
|
|
const [addVisible, setAddVisible] = useState(false) |
|
|
|
|
|
let infoData = { |
|
|
|
|
|
start_date: moment().subtract(30, 'days').startOf('day').format('YYYY-MM-DD'), |
|
|
|
|
|
end_date: moment().format('YYYY-MM-DD'), |
|
|
|
|
|
start_time: moment().format('HH:mm:ss'), |
|
|
|
|
|
end_time: moment().format('HH:mm:ss'), |
|
|
|
|
|
week: '', |
|
|
|
|
|
num: '', |
|
|
|
|
|
price: '', |
|
|
|
|
|
text: '', |
|
|
|
|
|
} |
|
|
|
|
|
const [getSaleMsg, setGetSaleMsg] = useState([infoData]) |
|
|
|
|
|
|
|
|
//物品类型 |
|
|
//物品类型 |
|
|
const handleParkName = (v) => { |
|
|
const handleParkName = (v) => { |
|
|
setFormData({ ...formData, road: v.target.value }) |
|
|
setFormData({ ...formData, road: v.target.value }) |
|
@ -95,8 +107,8 @@ function StaggeredMgm(props) { |
|
|
return <> |
|
|
return <> |
|
|
<Popover content={ |
|
|
<Popover content={ |
|
|
<div className="operateBtn"> |
|
|
<div className="operateBtn"> |
|
|
<div onClick={() => { CheckBtn(record) }}>查看</div> |
|
|
|
|
|
<div onClick={() => { translateBtn(record) }}>编辑</div> |
|
|
|
|
|
|
|
|
<div onClick={() => CheckBtn(record) }>查看</div> |
|
|
|
|
|
<div onClick={() => translateBtn(record) }>编辑</div> |
|
|
</div>}> |
|
|
</div>}> |
|
|
<button className="scheduleBtn colorBtn">操作</button> |
|
|
<button className="scheduleBtn colorBtn">操作</button> |
|
|
</Popover> |
|
|
</Popover> |
|
@ -110,14 +122,7 @@ function StaggeredMgm(props) { |
|
|
setGetRecordData(record) |
|
|
setGetRecordData(record) |
|
|
let str = record.info |
|
|
let str = record.info |
|
|
let newArr = [] |
|
|
let newArr = [] |
|
|
|
|
|
|
|
|
str.forEach(item => { |
|
|
|
|
|
newArr.push(item) |
|
|
|
|
|
for (let i = 0; i < newArr.length; i++) { |
|
|
|
|
|
newArr[i].disabled = true; |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
setGetSaleMsg(newArr); |
|
|
|
|
|
|
|
|
setGetSaleMsg(record.info); |
|
|
setCheckVisible(true) |
|
|
setCheckVisible(true) |
|
|
} |
|
|
} |
|
|
const checkModal = () => { |
|
|
const checkModal = () => { |
|
@ -231,21 +236,12 @@ function StaggeredMgm(props) { |
|
|
road: '' |
|
|
road: '' |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
let infoData = { |
|
|
|
|
|
start_date: moment().subtract(30, 'days').startOf('day').format('YYYY-MM-DD'), |
|
|
|
|
|
end_date: moment().format('YYYY-MM-DD'), |
|
|
|
|
|
start_time: moment().format('HH:mm:ss 00:00:00'), |
|
|
|
|
|
end_time: moment().format('HH:mm:ss 23:59:59'), |
|
|
|
|
|
week: '', |
|
|
|
|
|
num: '', |
|
|
|
|
|
price: '', |
|
|
|
|
|
text: '', |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const [getCarMsg, setGetCarMsg] = useState({ |
|
|
const [getCarMsg, setGetCarMsg] = useState({ |
|
|
operator_id:'', |
|
|
operator_id:'', |
|
|
road:'' |
|
|
road:'' |
|
|
}) |
|
|
}) |
|
|
const [getSaleMsg, setGetSaleMsg] = useState([infoData]) |
|
|
|
|
|
|
|
|
|
|
|
//商户名称 |
|
|
//商户名称 |
|
|
const handleAddDeployType = (value) => { |
|
|
const handleAddDeployType = (value) => { |
|
|
setGetCarMsg({ |
|
|
setGetCarMsg({ |
|
@ -302,13 +298,11 @@ function StaggeredMgm(props) { |
|
|
} |
|
|
} |
|
|
//错峰时间 |
|
|
//错峰时间 |
|
|
const handleChangeTime = (time, timeString, index) => { |
|
|
const handleChangeTime = (time, timeString, index) => { |
|
|
console.log(time, timeString, index); |
|
|
|
|
|
let times = getSaleMsg[index] |
|
|
let times = getSaleMsg[index] |
|
|
times.start_time = timeString[0] |
|
|
times.start_time = timeString[0] |
|
|
times.end_time = timeString[1] |
|
|
times.end_time = timeString[1] |
|
|
} |
|
|
} |
|
|
const handleChance = (v, index, key) => { |
|
|
const handleChance = (v, index, key) => { |
|
|
console.log(v, index, key); |
|
|
|
|
|
let str = [...getSaleMsg] |
|
|
let str = [...getSaleMsg] |
|
|
if (key == 'num') { |
|
|
if (key == 'num') { |
|
|
str[index][key] = v |
|
|
str[index][key] = v |
|
@ -420,14 +414,16 @@ function StaggeredMgm(props) { |
|
|
}) |
|
|
}) |
|
|
useEffect(() => { |
|
|
useEffect(() => { |
|
|
if (sessionTabList && Object.values(sessionTabList).length > 0) { |
|
|
if (sessionTabList && Object.values(sessionTabList).length > 0) { |
|
|
setFormData({ |
|
|
|
|
|
road: sessionTabList?.road, |
|
|
|
|
|
operator_id: sessionTabList?.operator_id, |
|
|
|
|
|
user: sessionTabList?.user, |
|
|
|
|
|
pn: sessionTabList?.pn, |
|
|
|
|
|
page_size: sessionTabList?.page_size, |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
// setFormData({ |
|
|
|
|
|
// road: sessionTabList?.road, |
|
|
|
|
|
// operator_id: sessionTabList?.operator_id, |
|
|
|
|
|
// user: sessionTabList?.user, |
|
|
|
|
|
// pn: sessionTabList?.pn, |
|
|
|
|
|
// page_size: sessionTabList?.page_size, |
|
|
|
|
|
// }) |
|
|
} |
|
|
} |
|
|
|
|
|
getData() |
|
|
|
|
|
merchantDataName() |
|
|
}, []) |
|
|
}, []) |
|
|
useEffect(() => { |
|
|
useEffect(() => { |
|
|
setSessionTabList({ |
|
|
setSessionTabList({ |
|
@ -435,8 +431,7 @@ function StaggeredMgm(props) { |
|
|
}) |
|
|
}) |
|
|
}, [formData]) |
|
|
}, [formData]) |
|
|
useEffect(() => { |
|
|
useEffect(() => { |
|
|
getData() |
|
|
|
|
|
merchantDataName() |
|
|
|
|
|
|
|
|
|
|
|
}, []) |
|
|
}, []) |
|
|
return <> |
|
|
return <> |
|
|
<div className="paid-StaggeredMgm"> |
|
|
<div className="paid-StaggeredMgm"> |
|
@ -561,9 +556,8 @@ function StaggeredMgm(props) { |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
{getSaleMsg.length ? |
|
|
|
|
|
getSaleMsg?.map((item, index) => { |
|
|
|
|
|
console.log(item); |
|
|
|
|
|
|
|
|
{getSaleMsg&&getSaleMsg.length ? |
|
|
|
|
|
getSaleMsg.map((item, index) => { |
|
|
return ( |
|
|
return ( |
|
|
<> |
|
|
<> |
|
|
<div className="carTitle"> |
|
|
<div className="carTitle"> |
|
@ -578,9 +572,7 @@ function StaggeredMgm(props) { |
|
|
disabled={true} |
|
|
disabled={true} |
|
|
defaultValue={[moment(item.start_date), moment(item.end_date)]} |
|
|
defaultValue={[moment(item.start_date), moment(item.end_date)]} |
|
|
style={{ width: 250, marginLeft: 20 }} |
|
|
style={{ width: 250, marginLeft: 20 }} |
|
|
onChange={(date, dateString) => handleChangeDate( |
|
|
|
|
|
date, dateString, index |
|
|
|
|
|
)} |
|
|
|
|
|
|
|
|
onChange={(date, dateString) => handleChangeDate(date, dateString, index)} |
|
|
/> |
|
|
/> |
|
|
</div> |
|
|
</div> |
|
|
<div className="yisa-search"> |
|
|
<div className="yisa-search"> |
|
@ -588,12 +580,10 @@ function StaggeredMgm(props) { |
|
|
<label>错峰时间</label> |
|
|
<label>错峰时间</label> |
|
|
<TimePicker.RangePicker |
|
|
<TimePicker.RangePicker |
|
|
disabled={true} |
|
|
disabled={true} |
|
|
value={[moment(item.start_time), moment(item.end_time)]} |
|
|
|
|
|
|
|
|
defaultValue={[moment(item.start_time, 'HH:mm:ss'),moment(item.end_time, 'HH:mm:ss')]} |
|
|
style={{ width: 250, marginLeft: 20 }} |
|
|
style={{ width: 250, marginLeft: 20 }} |
|
|
format="HH:mm:ss" |
|
|
format="HH:mm:ss" |
|
|
onChange={(time, timeString) => handleChangeTime( |
|
|
|
|
|
time, timeString, index |
|
|
|
|
|
)} |
|
|
|
|
|
|
|
|
onChange={(time, timeString) => handleChangeTime(time, timeString, index)} |
|
|
/> |
|
|
/> |
|
|
</div> |
|
|
</div> |
|
|
<div className="yisa-search" style={{marginLeft:15}}> |
|
|
<div className="yisa-search" style={{marginLeft:15}}> |
|
@ -673,14 +663,14 @@ function StaggeredMgm(props) { |
|
|
}) : '' |
|
|
}) : '' |
|
|
} |
|
|
} |
|
|
<div className="submitBtn"> |
|
|
<div className="submitBtn"> |
|
|
<Button type="primary" className="cancel colorReset" onClick={() => { checkStaggeredBtn() }}> |
|
|
|
|
|
|
|
|
<Button type="primary" className="cancel colorReset" onClick={checkStaggeredBtn}> |
|
|
关闭 |
|
|
关闭 |
|
|
</Button> |
|
|
</Button> |
|
|
</div> |
|
|
</div> |
|
|
</Modal> |
|
|
</Modal> |
|
|
<Modal |
|
|
<Modal |
|
|
visible={addVisible} |
|
|
visible={addVisible} |
|
|
onCancel={addModal} |
|
|
|
|
|
|
|
|
onCancel={addplaceBtn} |
|
|
footer={null} |
|
|
footer={null} |
|
|
className="staggered-add" |
|
|
className="staggered-add" |
|
|
> |
|
|
> |
|
@ -837,10 +827,10 @@ function StaggeredMgm(props) { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
<div className="submitBtn"> |
|
|
<div className="submitBtn"> |
|
|
<Button type="primary" className="submit colorBtn" onClick={() => { placeSaveBtn() }}> |
|
|
|
|
|
|
|
|
<Button type="primary" className="submit colorBtn" onClick={placeSaveBtn}> |
|
|
提交 |
|
|
提交 |
|
|
</Button> |
|
|
</Button> |
|
|
<Button type="primary" className="cancel colorReset" onClick={() => { addplaceBtn() }}> |
|
|
|
|
|
|
|
|
<Button type="primary" className="cancel colorReset" onClick={addplaceBtn}> |
|
|
取消 |
|
|
取消 |
|
|
</Button> |
|
|
</Button> |
|
|
</div> |
|
|
</div> |
|
@ -895,9 +885,8 @@ function StaggeredMgm(props) { |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
{getSaleMsg.length ? |
|
|
|
|
|
|
|
|
{getSaleMsg&&getSaleMsg.length ? |
|
|
getSaleMsg?.map((item, index) => { |
|
|
getSaleMsg?.map((item, index) => { |
|
|
// console.log(item); |
|
|
|
|
|
return ( |
|
|
return ( |
|
|
<> |
|
|
<> |
|
|
<div className="carTitle"> |
|
|
<div className="carTitle"> |
|
@ -922,7 +911,7 @@ function StaggeredMgm(props) { |
|
|
<label>错峰时间</label> |
|
|
<label>错峰时间</label> |
|
|
<TimePicker.RangePicker |
|
|
<TimePicker.RangePicker |
|
|
disabled={item.disabled} |
|
|
disabled={item.disabled} |
|
|
defaultValue={[moment(item.start_time), moment(item.end_time)]} |
|
|
|
|
|
|
|
|
defaultValue={[moment(item.start_time, 'HH:mm:ss'),moment(item.end_time, 'HH:mm:ss')]} |
|
|
style={{ width: 250, marginLeft: 20 }} |
|
|
style={{ width: 250, marginLeft: 20 }} |
|
|
format="HH:mm:ss" |
|
|
format="HH:mm:ss" |
|
|
onChange={(time, timeString) => handleChangeTime( |
|
|
onChange={(time, timeString) => handleChangeTime( |
|
|