Browse Source

fix():修改路内BUG

tags/PMS_V1.0.0_Alpha5
guoxin 1 year ago
parent
commit
49a3002e99
  1. 7
      src/pages/InRoadMgm/BusinessMgm/ChargeRules/EditModal.jsx
  2. 6
      src/pages/InRoadMgm/BusinessMgm/ChargeRules/FormModal.jsx
  3. 2
      src/pages/InRoadMgm/PersonMgm/Performance/WorkerStat/loadable.jsx
  4. 124
      src/pages/InRoadMgm/Stuff/CategroyConf/loadable.jsx
  5. 4
      src/pages/InRoadMgm/Stuff/ModelConf/index.scss
  6. 21
      src/pages/InRoadMgm/Stuff/ModelConf/loadable.jsx
  7. 76
      src/pages/InRoadMgm/Stuff/StuffMgm/loadable.jsx
  8. 51
      src/pages/InRoadMgm/Stuff/StuffStat/loadable.jsx

7
src/pages/InRoadMgm/BusinessMgm/ChargeRules/EditModal.jsx

@ -796,7 +796,7 @@ const FormModal = (props) => {
label="时段" label="时段"
className="yisa-label" className="yisa-label"
> >
<TimePicker format={format} style={{ marginLeft: 10 }}
<TimePicker format={format} allowClear={false} style={{ marginLeft: 10 }}
onChange={handleChangeStartTime} onChange={handleChangeStartTime}
/> />
</Form.Item> </Form.Item>
@ -806,7 +806,7 @@ const FormModal = (props) => {
name={[name, "end"]} name={[name, "end"]}
label="" label=""
> >
<TimePicker format={format} onChange={handleChangeEndTime} />
<TimePicker format={format} allowClear={false} onChange={handleChangeEndTime} />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
className="btm-box" className="btm-box"
@ -977,7 +977,7 @@ const FormModal = (props) => {
label="时段" label="时段"
className="yisa-label" className="yisa-label"
> >
<TimePicker format={format} style={{ marginLeft: 10 }}
<TimePicker format={format} allowClear={false} style={{ marginLeft: 10 }}
onChange={handleChangeStartTime} /> onChange={handleChangeStartTime} />
</Form.Item> </Form.Item>
<label className="mid">to</label> <label className="mid">to</label>
@ -987,6 +987,7 @@ const FormModal = (props) => {
label="" label=""
> >
<TimePicker format={format} <TimePicker format={format}
allowClear={false}
onChange={handleChangeEndTime} /> onChange={handleChangeEndTime} />
</Form.Item> </Form.Item>

6
src/pages/InRoadMgm/BusinessMgm/ChargeRules/FormModal.jsx

@ -776,7 +776,7 @@ const FormModal = (props) => {
label="时段" label="时段"
className="yisa-label" className="yisa-label"
> >
<TimePicker format={format} style={{ marginLeft: 10 }}
<TimePicker format={format} allowClear={false} style={{ marginLeft: 10 }}
onChange={handleChangeStartTime} /> onChange={handleChangeStartTime} />
</Form.Item> </Form.Item>
<label className="mid">to</label> <label className="mid">to</label>
@ -786,6 +786,7 @@ const FormModal = (props) => {
label="" label=""
> >
<TimePicker format={format} <TimePicker format={format}
allowClear={false}
onChange={handleChangeEndTime} /> onChange={handleChangeEndTime} />
</Form.Item> </Form.Item>
@ -958,7 +959,7 @@ const FormModal = (props) => {
label="时段" label="时段"
className="yisa-label" className="yisa-label"
> >
<TimePicker format={format} style={{ marginLeft: 10 }}
<TimePicker format={format} allowClear={false} style={{ marginLeft: 10 }}
onChange={handleChangeStartTime} /> onChange={handleChangeStartTime} />
</Form.Item> </Form.Item>
<label className="mid">to</label> <label className="mid">to</label>
@ -968,6 +969,7 @@ const FormModal = (props) => {
label="" label=""
> >
<TimePicker format={format} <TimePicker format={format}
allowClear={false}
onChange={handleChangeEndTime} /> onChange={handleChangeEndTime} />
</Form.Item> </Form.Item>

2
src/pages/InRoadMgm/PersonMgm/Performance/WorkerStat/loadable.jsx

@ -26,7 +26,7 @@ function WorkerStat(props) {
operator: '0',// operator: '0',//
username: '',// username: '',//
user_id: '0',// user_id: '0',//
job_status: '0',//
job_status: '1',//
start: moment().subtract(1, 'days').format('YYYY-MM-DD'), start: moment().subtract(1, 'days').format('YYYY-MM-DD'),
end: moment().subtract(1, 'days').format('YYYY-MM-DD'), end: moment().subtract(1, 'days').format('YYYY-MM-DD'),
pn: 1, pn: 1,

124
src/pages/InRoadMgm/Stuff/CategroyConf/loadable.jsx

@ -18,7 +18,7 @@ function CategroyConf(props) {
export_url: '', export_url: '',
process_url: "" process_url: ""
}) })
const parameter={
const parameter = {
brand_id: '0',// brand_id: '0',//
operatorid: '0',// operatorid: '0',//
pn: 1, pn: 1,
@ -31,14 +31,34 @@ function CategroyConf(props) {
const [editVisible, setEditVisible] = useState(false) const [editVisible, setEditVisible] = useState(false)
const [addVisible, setAddVisible] = useState(false) const [addVisible, setAddVisible] = useState(false)
const [deleteVisible, setDeleteVisible] = useState(false) const [deleteVisible, setDeleteVisible] = useState(false)
const [getOperatorid, setGetOperatorid] = useState(true)
// //
const handleOperator = (v) => { const handleOperator = (v) => {
setFormData({ ...formData, brand_id: v }) setFormData({ ...formData, brand_id: v })
} }
// //
const [getOperationName, setGetOperationName] = useState([])
const [getOperatorValue, setGetOperatorValue] = useState('')
const handleDeployType = (value) => { const handleDeployType = (value) => {
setFormData({ ...formData, operatorid: value })
setGetOperatorValue(value)
if (value) {
setGetOperatorid(false)
}
setFormData({ ...formData, operatorid: value, brand_id: '' })
setGetOperationName([])
} }
useEffect(() => {
if (getOperatorValue != '') {
let data = {
operator_id: getOperatorValue
}
ajax.assetsType(data).then(res => {
let arr = res.data
let newArr = arr.slice(1)
setGetOperationName(res.data)
})
}
}, [getOperatorValue])
// //
const handleColumns = (tab) => { const handleColumns = (tab) => {
let result = [...deployListColumns]; let result = [...deployListColumns];
@ -99,9 +119,9 @@ function CategroyConf(props) {
const checkModal = () => { const checkModal = () => {
setCheckVisible(false) setCheckVisible(false)
} }
const [getRecord,setGetRecord]=useState({})
const deleteModalBtn=()=>{
let data ={
const [getRecord, setGetRecord] = useState({})
const deleteModalBtn = () => {
let data = {
id: getRecord id: getRecord
} }
ajax.saveGoodDeleteData(data).then((res) => { ajax.saveGoodDeleteData(data).then((res) => {
@ -109,7 +129,7 @@ function CategroyConf(props) {
message.success('删除成功') message.success('删除成功')
setDeleteVisible(false) setDeleteVisible(false)
getData(formData) getData(formData)
}else{
} else {
message.error(res.message) message.error(res.message)
} }
}) })
@ -141,7 +161,7 @@ function CategroyConf(props) {
setFormData({ setFormData({
...parameter ...parameter
}) })
getData({...parameter,pn: 1} )
getData({ ...parameter, pn: 1 })
} }
const handleDetail = () => { const handleDetail = () => {
let result = [...handleDeColumns]; let result = [...handleDeColumns];
@ -197,16 +217,16 @@ function CategroyConf(props) {
const changePn = (pn, length) => { const changePn = (pn, length) => {
if (formData.page_size === length) { if (formData.page_size === length) {
setFormData(Object.assign({}, formData, { pn: pn, page_size: length })) setFormData(Object.assign({}, formData, { pn: pn, page_size: length }))
setLastFormData(Object.assign({}, lastFormData, { pn: pn , page_size: length }))
lastFormDataRef.current = Object.assign({}, lastFormData, { pn: pn,page_size: length })
getData(Object.assign({}, formData, { pn: pn, page_size: length }))
setLastFormData(Object.assign({}, lastFormData, { pn: pn, page_size: length }))
lastFormDataRef.current = Object.assign({}, lastFormData, { pn: pn, page_size: length })
getData(Object.assign({}, formData, { pn: pn, page_size: length }))
} }
} }
// //
const changeLength = (pn, length) => { const changeLength = (pn, length) => {
setFormData(Object.assign({}, formData, { pn: 1, page_size: length })) setFormData(Object.assign({}, formData, { pn: 1, page_size: length }))
setLastFormData(Object.assign({}, lastFormData, { pn: 1, page_size: length })) setLastFormData(Object.assign({}, lastFormData, { pn: 1, page_size: length }))
lastFormDataRef.current = Object.assign({}, lastFormData, { pn: pn,page_size: length })
lastFormDataRef.current = Object.assign({}, lastFormData, { pn: pn, page_size: length })
getData(Object.assign({}, formData, { pn: 1, page_size: length })) getData(Object.assign({}, formData, { pn: 1, page_size: length }))
} }
// //
@ -214,12 +234,6 @@ function CategroyConf(props) {
setFormData({ ...formData, pn: 1 }) setFormData({ ...formData, pn: 1 })
getData(Object.assign({}, formData, { pn: 1 })) getData(Object.assign({}, formData, { pn: 1 }))
} }
const [getOperationName, setGetOperationName] = useState([])
const name = () => {
ajax.assetsType().then(res => {
setGetOperationName(res.data)
})
}
const [getMerchantDataName, setGetMerchantDataName] = useState([]) const [getMerchantDataName, setGetMerchantDataName] = useState([])
const [getNewMerchantDataName, setNewGetMerchantDataName] = useState([]) const [getNewMerchantDataName, setNewGetMerchantDataName] = useState([])
const merchantDataName = () => { const merchantDataName = () => {
@ -273,7 +287,7 @@ function CategroyConf(props) {
brand_name: '', brand_name: '',
remarks: '' remarks: ''
}) })
}else{
} else {
message.error(res.message) message.error(res.message)
} }
}) })
@ -283,7 +297,7 @@ function CategroyConf(props) {
const editBtn = () => { const editBtn = () => {
let data = { let data = {
...getEditData, ...getEditData,
id:getRecord
id: getRecord
} }
if (getEditData.name == '') { if (getEditData.name == '') {
message.error('请选择商户') message.error('请选择商户')
@ -299,7 +313,7 @@ function CategroyConf(props) {
brand_name: '', brand_name: '',
remarks: '' remarks: ''
}) })
}else{
} else {
message.error(res.message) message.error(res.message)
} }
}) })
@ -310,7 +324,7 @@ function CategroyConf(props) {
setDeleteVisible(false) setDeleteVisible(false)
} }
const addPlaceBtn=()=>{
const addPlaceBtn = () => {
setAddVisible(false) setAddVisible(false)
setCheckData({ setCheckData({
name: '', name: '',
@ -318,7 +332,7 @@ function CategroyConf(props) {
remarks: '' remarks: ''
}) })
} }
const editPlaceBtn=()=>{
const editPlaceBtn = () => {
setEditVisible(false) setEditVisible(false)
setGetEditData({ setGetEditData({
name: '', name: '',
@ -326,33 +340,38 @@ function CategroyConf(props) {
remarks: '' remarks: ''
}) })
} }
const [sessionTabList, setSessionTabList] = useSessionStorageState('categroyConf', {
value: {
}
})
useEffect(() => {
console.log(location)
if (sessionTabList && Object.values(sessionTabList).length > 0) {
setFormData({
brand_id: sessionTabList?.brand_id,
operatorid: sessionTabList?.operatorid,
pn: sessionTabList?.pn,
page_size: sessionTabList?.page_size,
})
}
}, [])
useEffect(() => {
setSessionTabList({
...formData
})
}, [formData])
// const [sessionTabList, setSessionTabList] = useSessionStorageState('categroyConf', {
// value: {
// }
// })
// useEffect(() => {
// console.log(location)
// if (sessionTabList && Object.values(sessionTabList).length > 0) {
// setFormData({
// brand_id: sessionTabList?.brand_id,
// operatorid: sessionTabList?.operatorid,
// pn: sessionTabList?.pn,
// page_size: sessionTabList?.page_size,
// })
// }
// }, [])
// useEffect(() => {
// setSessionTabList({
// ...formData
// })
// }, [formData])
// //
const deleteModal = () => { const deleteModal = () => {
setDeleteVisible(false) setDeleteVisible(false)
} }
const getOperName = () => {
ajax.assetsType().then(res => {
setGetOperationName(res.data)
})
}
useEffect(() => { useEffect(() => {
getData() getData()
name()
getOperName()
merchantDataName() merchantDataName()
}, []) }, [])
return <> return <>
@ -373,6 +392,7 @@ function CategroyConf(props) {
<label>物品类型</label> <label>物品类型</label>
<Select <Select
style={{ width: 220 }} style={{ width: 220 }}
disabled={getOperatorid}
value={formData.brand_id} value={formData.brand_id}
options={getOperationName} options={getOperationName}
onChange={handleOperator} onChange={handleOperator}
@ -380,11 +400,11 @@ function CategroyConf(props) {
</div> </div>
<div className="timePicker yisa-search"> <div className="timePicker yisa-search">
<div className="btnBox"> <div className="btnBox">
<Button className="yisa-btn colorReset reset" onClick={() => { getResetData() }}>
<Button className="yisa-btn colorReset reset" onClick={() => { getResetData() }}>
重置 重置
</Button> </Button>
<Button type="primary" className="yisa-btn colorBtn submit" onClick={() => { getSearchData() }}>
查询
<Button type="primary" className="yisa-btn colorBtn submit" onClick={() => { getSearchData() }}>
查询
</Button> </Button>
@ -457,7 +477,7 @@ function CategroyConf(props) {
> >
<div className="add"> <div className="add">
<div className="yisa-search"> <div className="yisa-search">
<div className="redLogo">*</div>
<div className="redLogo">*</div>
<label>所属商户</label> <label>所属商户</label>
<Select <Select
style={{ width: 180, marginLeft: 20 }} style={{ width: 180, marginLeft: 20 }}
@ -467,7 +487,7 @@ function CategroyConf(props) {
/> />
</div> </div>
<div className="yisa-search"> <div className="yisa-search">
<div className="redLogo">*</div>
<div className="redLogo">*</div>
<label>类型名称</label> <label>类型名称</label>
<Input <Input
value={checkData.brand_name} value={checkData.brand_name}
@ -476,7 +496,7 @@ function CategroyConf(props) {
onChange={handleAddOperator} onChange={handleAddOperator}
/> />
</div> </div>
<div className="yisa-search" style={{marginLeft:15}}>
<div className="yisa-search" style={{ marginLeft: 15 }}>
<label>备注</label> <label>备注</label>
<TextArea <TextArea
placeholder="请输入" placeholder="请输入"
@ -503,7 +523,7 @@ function CategroyConf(props) {
> >
<div className="add"> <div className="add">
<div className="yisa-search"> <div className="yisa-search">
<div className="redLogo">*</div>
<div className="redLogo">*</div>
<label>所属商户</label> <label>所属商户</label>
<Select <Select
style={{ width: 180, marginLeft: 20 }} style={{ width: 180, marginLeft: 20 }}
@ -517,7 +537,7 @@ function CategroyConf(props) {
/> />
</div> </div>
<div className="yisa-search"> <div className="yisa-search">
<div className="redLogo">*</div>
<div className="redLogo">*</div>
<label>类型名称</label> <label>类型名称</label>
<Input <Input
value={getEditData.brand_name} value={getEditData.brand_name}
@ -530,7 +550,7 @@ function CategroyConf(props) {
}} }}
/> />
</div> </div>
<div className="yisa-search" style={{marginLeft:15}}>
<div className="yisa-search" style={{ marginLeft: 15 }}>
<label>备注</label> <label>备注</label>
<TextArea <TextArea
placeholder="请输入" placeholder="请输入"

4
src/pages/InRoadMgm/Stuff/ModelConf/index.scss

@ -283,10 +283,10 @@ $color-primary : var(--color-primary);
.cancel{ .cancel{
width: 80px; width: 80px;
height: 35px; height: 35px;
background: #fff;
background: #3e4557;
border: none; border: none;
border-radius: 4px; border-radius: 4px;
color: #3e4557;
color: #fff;
cursor: pointer; cursor: pointer;
margin-left: 20px; margin-left: 20px;
} }

21
src/pages/InRoadMgm/Stuff/ModelConf/loadable.jsx

@ -153,6 +153,7 @@ function ModelConf(props) {
const translateBtn = (record) => { const translateBtn = (record) => {
setGetRecord(record.id) setGetRecord(record.id)
setEditVisible(true) setEditVisible(true)
setGetOperatorValue( record.operatorid)
setGetEditData(Object.assign({}, getEditData, { setGetEditData(Object.assign({}, getEditData, {
name: record.operatorid, name: record.operatorid,
brand_name: record.brand_id, brand_name: record.brand_id,
@ -162,6 +163,7 @@ function ModelConf(props) {
} }
const editModal = () => { const editModal = () => {
setEditVisible(false) setEditVisible(false)
setGetChange(true)
} }
// //
const getResetData = () => { const getResetData = () => {
@ -266,6 +268,12 @@ function ModelConf(props) {
} }
const addModal = () => { const addModal = () => {
setAddVisible(false) setAddVisible(false)
setCheckData({
name: '',
brand_name: '',
remarks: '',
model_name: ''
})
} }
let param = { let param = {
name: '', name: '',
@ -322,6 +330,12 @@ function ModelConf(props) {
if (res.status === 20000) { if (res.status === 20000) {
setAddVisible(false) setAddVisible(false)
getData(formData) getData(formData)
setCheckData({
name: '',
brand_name: '',
remarks: '',
model_name: ''
})
} }
}) })
} }
@ -343,13 +357,12 @@ function ModelConf(props) {
if (res.status === 20000) { if (res.status === 20000) {
setEditVisible(false) setEditVisible(false)
getData(formData) getData(formData)
setGetChange(true)
} }
}) })
} }
} }
const placeBtn = () => { const placeBtn = () => {
setAddVisible(false)
setEditVisible(false)
setDeleteVisible(false) setDeleteVisible(false)
} }
// //
@ -535,7 +548,7 @@ function ModelConf(props) {
<button type="primary" className="submit" onClick={() => { placeSaveBtn() }}> <button type="primary" className="submit" onClick={() => { placeSaveBtn() }}>
提交 提交
</button> </button>
<button type="primary" className="cancel colorReset" onClick={() => { placeBtn() }}>
<button type="primary" className="cancel colorReset" onClick={() => { addModal() }}>
取消 取消
</button> </button>
</div> </div>
@ -612,7 +625,7 @@ function ModelConf(props) {
<button type="primary" className="submit" onClick={() => { editBtn() }}> <button type="primary" className="submit" onClick={() => { editBtn() }}>
提交 提交
</button> </button>
<button type="primary" className="cancel colorReset" onClick={() => { placeBtn() }}>
<button type="primary" className="cancel colorReset" onClick={() => { editModal() }}>
取消 取消
</button> </button>
</div> </div>

76
src/pages/InRoadMgm/Stuff/StuffMgm/loadable.jsx

@ -27,7 +27,7 @@ function StuffMgm(props) {
region_id: ['0'],// region_id: ['0'],//
code: '',// code: '',//
brand_id: '0',// brand_id: '0',//
model_id: '',//
model_id: '0',//
operatorid: '0',// operatorid: '0',//
name: '',// name: '',//
status: '3',// status: '3',//
@ -57,22 +57,30 @@ function StuffMgm(props) {
const [getBrandId, setGetBrandId] = useState('') const [getBrandId, setGetBrandId] = useState('')
const handleOperator = (v) => { const handleOperator = (v) => {
setGetBrandId(v) setGetBrandId(v)
setFormData({ ...formData, brand_id: v })
setFormData({ ...formData, brand_id: v, model_id: '' })
setGetAssetsModel([])
} }
// //
const handleDeployType = (value) => { const handleDeployType = (value) => {
setFormData({ ...formData, operatorid: value })
setGetOperatorValue(value)
if (value) {
setGetOperatorid(false)
}
setFormData({ ...formData, operatorid: value, brand_id: '', model_id: '' })
setGetOperationName([])
setGetAssetsModel([])
} }
// //
const [getOption,setGetOption]=useState(['0'])
const onChangeList = (value,options) => {
const [getOption, setGetOption] = useState(['0'])
const onChangeList = (value, options) => {
let res = []; let res = [];
if (options) { if (options) {
let last = options[options.length - 1];
if (last.children) {
addChild(last, res);
}
res.push(last.id);
let last = options[options.length - 1];
if (last.children) {
addChild(last, res);
}
res.push(last.id);
} }
setGetOption(res) setGetOption(res)
setFormData({ ...formData, region_id: value }) setFormData({ ...formData, region_id: value })
@ -224,7 +232,7 @@ function StuffMgm(props) {
}) })
const [getId, setGetId] = useState({}) const [getId, setGetId] = useState({})
function findParents(treeData, id) { function findParents(treeData, id) {
console.log(treeData, id);
console.log(treeData, id);
let allparents = [] let allparents = []
if (treeData.length == 0) { if (treeData.length == 0) {
@ -305,10 +313,7 @@ function StuffMgm(props) {
setFormData({ setFormData({
...parameter, ...parameter,
}) })
setTimeout(()=>{
getData({ ...parameter, pn: 1})
},800)
getData({ ...parameter, pn: 1 }, [])
} }
// //
const getSearchData = (data = formData) => { const getSearchData = (data = formData) => {
@ -358,17 +363,17 @@ function StuffMgm(props) {
] ]
const addChild = (child, res) => { const addChild = (child, res) => {
if (child.children) { if (child.children) {
child.children.forEach((item) => {
addChild(item, res);
});
child.children.forEach((item) => {
addChild(item, res);
});
} else { } else {
res.push(child.id);
res.push(child.id);
} }
};
};
// //
const getData = (data = formData) => {
const getData = (data = formData, region_id = getOption) => {
setAjaxLoading(true) setAjaxLoading(true)
ajax.assetsList({ ...data,region_id:getOption}).then(res => {
ajax.assetsList({ ...data, region_id }).then(res => {
setAjaxLoading(false) setAjaxLoading(false)
if (res.status === 20000) { if (res.status === 20000) {
utils.tableScrollTop() utils.tableScrollTop()
@ -413,9 +418,13 @@ function StuffMgm(props) {
const [getRecipient, setGetRecipient] = useState([]) const [getRecipient, setGetRecipient] = useState([])
const [getNewRecipient, setNewGetRecipient] = useState([])
const recipientName = () => { const recipientName = () => {
ajax.recipient().then(res => { ajax.recipient().then(res => {
let arr = res.data
let newArr = arr.slice(1)
setGetRecipient(res.data) setGetRecipient(res.data)
setNewGetRecipient(newArr)
}) })
} }
// //
@ -473,7 +482,7 @@ function StuffMgm(props) {
if (value) { if (value) {
setGetOperatorid(false) setGetOperatorid(false)
} }
setCheckData({ ...checkData, operatorid: value, brand_id: '',model_id:'' })
setCheckData({ ...checkData, operatorid: value, brand_id: '', model_id: '' })
setNewGetOperationName([]) setNewGetOperationName([])
setNewGetAssetsModel([]) setNewGetAssetsModel([])
} }
@ -551,7 +560,7 @@ function StuffMgm(props) {
status: '', status: '',
uid: '' uid: ''
}) })
setGetSelectStatus(false)
setGetSelectStatus(true)
setGetUid({ setGetUid({
uid: '' uid: ''
}) })
@ -642,6 +651,8 @@ function StuffMgm(props) {
// }, []) // }, [])
const [getNewOperationName, setNewGetOperationName] = useState([]) const [getNewOperationName, setNewGetOperationName] = useState([])
const [getOperationName, setGetOperationName] = useState([])
useEffect(() => { useEffect(() => {
if (getOperatorValue != '') { if (getOperatorValue != '') {
let data = { let data = {
@ -696,7 +707,13 @@ function StuffMgm(props) {
// sessionStorage.removeItem('stuffMgm') // sessionStorage.removeItem('stuffMgm')
// } // }
// }, []) // }, [])
const [getOperationName, setGetOperationName] = useState([])
const getAssetData=()=>{
ajax.assetsModel().then(res => {
let arr = res.data
let newArr = arr.slice(1)
setGetAssetsModel(res.data)
})
}
const getOperName = () => { const getOperName = () => {
ajax.assetsType().then(res => { ajax.assetsType().then(res => {
setGetOperationName(res.data) setGetOperationName(res.data)
@ -707,6 +724,7 @@ function StuffMgm(props) {
operatorid() operatorid()
getOperName() getOperName()
merchantDataName() merchantDataName()
getAssetData()
recipientName() recipientName()
getCascaderList() getCascaderList()
}, []) }, [])
@ -762,6 +780,7 @@ function StuffMgm(props) {
<Select <Select
style={{ width: 220 }} style={{ width: 220 }}
value={formData.brand_id} value={formData.brand_id}
disabled={getOperatorid}
options={getOperationName} options={getOperationName}
onChange={handleOperator} onChange={handleOperator}
/> />
@ -773,6 +792,7 @@ function StuffMgm(props) {
placeholder="请选择" placeholder="请选择"
value={formData.model_id} value={formData.model_id}
options={getAssetsModel} options={getAssetsModel}
disabled={getOperatorid}
onChange={handleJobStatus} onChange={handleJobStatus}
/> />
</div> </div>
@ -814,7 +834,7 @@ function StuffMgm(props) {
</div> </div>
<div className="timePicker yisa-search"> <div className="timePicker yisa-search">
<div className="btnBox"> <div className="btnBox">
<Button className="yisa-btn colorReset reset" onClick={() => { getResetData() }}>
<Button className="yisa-btn colorReset reset" onClick={() => { getResetData() }}>
重置 重置
</Button> </Button>
<Button type="primary" className="yisa-btn colorBtn submit" onClick={() => { getSearchData() }}> <Button type="primary" className="yisa-btn colorBtn submit" onClick={() => { getSearchData() }}>
@ -986,7 +1006,7 @@ function StuffMgm(props) {
placeholder="请选择" placeholder="请选择"
disabled={getSelectStatus} disabled={getSelectStatus}
value={getUid.uid} value={getUid.uid}
options={getRecipient}
options={getNewRecipient}
onChange={handleAddRecipient} onChange={handleAddRecipient}
/> />
</div> </div>
@ -1145,7 +1165,7 @@ function StuffMgm(props) {
placeholder="请选择" placeholder="请选择"
disabled={getSelectStatus} disabled={getSelectStatus}
value={getEditData.uid} value={getEditData.uid}
options={getRecipient}
options={getNewRecipient}
onChange={(v) => { onChange={(v) => {
setGetEditData( setGetEditData(
Object.assign({}, getEditData, { uid: v }) Object.assign({}, getEditData, { uid: v })

51
src/pages/InRoadMgm/Stuff/StuffStat/loadable.jsx

@ -27,6 +27,9 @@ function StuffStat(props) {
const [formData, setFormData] = useState(parameter) const [formData, setFormData] = useState(parameter)
const lastFormDataRef = useRef(formData) const lastFormDataRef = useRef(formData)
const [lastFormData, setLastFormData] = useState(formData) const [lastFormData, setLastFormData] = useState(formData)
const [getOperatorid, setGetOperatorid] = useState(true)
const [getOperationName, setGetOperationName] = useState([])
// //
const handleJobStatus = (value) => { const handleJobStatus = (value) => {
setFormData({ ...formData, model_id: value }) setFormData({ ...formData, model_id: value })
@ -35,12 +38,46 @@ function StuffStat(props) {
const [getBrandId, setGetBrandId] = useState({}) const [getBrandId, setGetBrandId] = useState({})
const handleOperator = (v) => { const handleOperator = (v) => {
setGetBrandId(v) setGetBrandId(v)
setFormData({ ...formData, brand_id: v })
setFormData({ ...formData, brand_id: v ,model_id:''})
setGetAssetsModel([])
} }
const [getAssetsModel, setGetAssetsModel] = useState([])
useEffect(() => {
if (getBrandId != '') {
let data = {
brand_id: getBrandId,
operator_id: getOperatorValue
}
ajax.assetsModel(data).then(res => {
let arr = res.data
let newArr = arr.slice(1)
setGetAssetsModel(res.data)
})
}
}, [getBrandId])
// //
const [getOperatorValue, setGetOperatorValue] = useState('')
const handleDeployType = (value) => { const handleDeployType = (value) => {
setFormData({ ...formData, operatorid: value })
setGetOperatorValue(value)
if (value) {
setGetOperatorid(false)
}
setFormData({ ...formData, operatorid: value,brand_id:'', model_id:''})
setGetOperationName([])
setGetAssetsModel([])
} }
useEffect(() => {
if (getOperatorValue != '') {
let data = {
operator_id: getOperatorValue
}
ajax.assetsType(data).then(res => {
let arr = res.data
let newArr = arr.slice(1)
setGetOperationName(res.data)
})
}
}, [getOperatorValue])
// //
const handleColumns = (tab) => { const handleColumns = (tab) => {
let result = [...deployListColumns]; let result = [...deployListColumns];
@ -153,7 +190,6 @@ function StuffStat(props) {
getData(Object.assign({}, formData, { pn: 1 })) getData(Object.assign({}, formData, { pn: 1 }))
} }
const [getOperationName, setGetOperationName] = useState([])
const operationName = () => { const operationName = () => {
ajax.assetsType().then(res => { ajax.assetsType().then(res => {
setGetOperationName(res.data) setGetOperationName(res.data)
@ -165,7 +201,6 @@ function StuffStat(props) {
setGetMerchantDataName(res.data) setGetMerchantDataName(res.data)
}) })
} }
const [getAssetsModel, setGetAssetsModel] = useState([])
const assetsModelName = () => { const assetsModelName = () => {
let data = { let data = {
brand_id: getBrandId brand_id: getBrandId
@ -174,9 +209,6 @@ function StuffStat(props) {
setGetAssetsModel(res.data) setGetAssetsModel(res.data)
}) })
} }
useEffect(() => {
assetsModelName()
}, [getBrandId])
const [sessionTabList, setSessionTabList] = useSessionStorageState('stuffStat', { const [sessionTabList, setSessionTabList] = useSessionStorageState('stuffStat', {
@ -203,8 +235,9 @@ function StuffStat(props) {
}, [formData]) }, [formData])
useEffect(() => { useEffect(() => {
getData() getData()
merchantDataName()
operationName() operationName()
merchantDataName()
assetsModelName()
}, []) }, [])
return <> return <>
<div className="paid-StuffStat"> <div className="paid-StuffStat">
@ -226,6 +259,7 @@ function StuffStat(props) {
style={{ width: 220 }} style={{ width: 220 }}
value={formData.brand_id} value={formData.brand_id}
options={getOperationName} options={getOperationName}
disabled={getOperatorid}
onChange={handleOperator} onChange={handleOperator}
/> />
</div> </div>
@ -235,6 +269,7 @@ function StuffStat(props) {
style={{ width: 220 }} style={{ width: 220 }}
placeholder="请选择" placeholder="请选择"
value={formData.model_id} value={formData.model_id}
disabled={getOperatorid}
options={getAssetsModel} options={getAssetsModel}
onChange={handleJobStatus} onChange={handleJobStatus}
/> />

Loading…
Cancel
Save