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. 76
      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. 46
      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,

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

@ -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];
@ -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 = () => {
@ -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}

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>

46
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,12 +57,20 @@ 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 [getOption, setGetOption] = useState(['0'])
const onChangeList = (value, options) => { const onChangeList = (value, options) => {
@ -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) => {
@ -366,9 +371,9 @@ function StuffMgm(props) {
} }
}; };
// //
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)
}) })
} }
// //
@ -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>
@ -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