|
|
@ -32,17 +32,35 @@ function ModelConf(props) { |
|
|
|
const [editVisible, setEditVisible] = useState(false) |
|
|
|
const [addVisible, setAddVisible] = useState(false) |
|
|
|
const [deleteVisible, setDeleteVisible] = useState(false) |
|
|
|
const [getModal, setGetModal] = useState(true) |
|
|
|
const [getChange, setGetChange] = useState(true) |
|
|
|
//物品类型 |
|
|
|
const handleOperator = (v) => { |
|
|
|
setFormData({ ...formData, model_id: v }) |
|
|
|
} |
|
|
|
//商户名称 |
|
|
|
const handleDeployType = (value) => { |
|
|
|
setFormData({ ...formData, operator_id: value }) |
|
|
|
setFormData({ ...formData, operator_id: value, model_id: '' }) |
|
|
|
setGetModal(false) |
|
|
|
} |
|
|
|
const handleLoginName = (v) => { |
|
|
|
setFormData({ ...formData, model_name: v.target.value }) |
|
|
|
} |
|
|
|
const [getOperationName, setGetOperationName] = useState([]) |
|
|
|
const [getNewOperationName, setNewGetOperationName] = useState([]) |
|
|
|
useEffect(() => { |
|
|
|
if (formData.operator_id) { |
|
|
|
let data = { |
|
|
|
operator_id: formData.operator_id |
|
|
|
} |
|
|
|
ajax.assetsType(data).then(res => { |
|
|
|
let arr = res.data |
|
|
|
let newArr = arr.slice(1) |
|
|
|
setGetOperationName(res.data) |
|
|
|
setNewGetOperationName(newArr) |
|
|
|
}) |
|
|
|
} |
|
|
|
}, [formData.operator_id]) |
|
|
|
//列表 |
|
|
|
const handleColumns = (tab) => { |
|
|
|
let result = [...deployListColumns]; |
|
|
@ -231,16 +249,15 @@ function ModelConf(props) { |
|
|
|
}) |
|
|
|
getData(Object.assign({}, formData, { pn: 1 })) |
|
|
|
} |
|
|
|
const [getOperationName, setGetOperationName] = useState([]) |
|
|
|
const name = () => { |
|
|
|
ajax.assetsType().then(res => { |
|
|
|
setGetOperationName(res.data) |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
const [getMerchantDataName, setGetMerchantDataName] = useState([]) |
|
|
|
const [getNewMerchantDataName, setGetNewMerchantDataName] = useState([]) |
|
|
|
const merchantDataName = () => { |
|
|
|
ajax.getOperator().then(res => { |
|
|
|
let arr = res.data |
|
|
|
let newArr = arr.slice(1) |
|
|
|
setGetMerchantDataName(res.data) |
|
|
|
setGetNewMerchantDataName(newArr) |
|
|
|
}) |
|
|
|
} |
|
|
|
//添加 |
|
|
@ -258,9 +275,27 @@ function ModelConf(props) { |
|
|
|
} |
|
|
|
const [checkData, setCheckData] = useState(param) |
|
|
|
//商户名称 |
|
|
|
const [getOperatorValue, setGetOperatorValue] = useState('') |
|
|
|
const handleAddDeployType = (value) => { |
|
|
|
setCheckData({ ...checkData, name: value }) |
|
|
|
setGetOperatorValue(value) |
|
|
|
if (value) { |
|
|
|
setGetChange(false) |
|
|
|
} |
|
|
|
setCheckData({ ...checkData, name: value, brand_name: '' }) |
|
|
|
} |
|
|
|
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) |
|
|
|
setNewGetOperationName(newArr) |
|
|
|
}) |
|
|
|
} |
|
|
|
}, [getOperatorValue]) |
|
|
|
//物品编号 |
|
|
|
const handleAddLoginName = (v) => { |
|
|
|
setCheckData({ ...checkData, remarks: v.target.value }) |
|
|
@ -321,29 +356,28 @@ function ModelConf(props) { |
|
|
|
const deleteModal = () => { |
|
|
|
setDeleteVisible(false) |
|
|
|
} |
|
|
|
const [sessionTabList, setSessionTabList] = useSessionStorageState('modelConf', { |
|
|
|
value: { |
|
|
|
} |
|
|
|
}) |
|
|
|
useEffect(() => { |
|
|
|
if (sessionTabList && Object.values(sessionTabList).length > 0) { |
|
|
|
setFormData({ |
|
|
|
model_id: sessionTabList?.model_id, |
|
|
|
operator_id: sessionTabList?.operator_id, |
|
|
|
model_name: sessionTabList?.model_name, |
|
|
|
pn: sessionTabList?.pn, |
|
|
|
page_size: sessionTabList?.page_size, |
|
|
|
}) |
|
|
|
} |
|
|
|
}, []) |
|
|
|
useEffect(() => { |
|
|
|
setSessionTabList({ |
|
|
|
...formData |
|
|
|
}) |
|
|
|
}, [formData]) |
|
|
|
// const [sessionTabList, setSessionTabList] = useSessionStorageState('modelConf', { |
|
|
|
// value: { |
|
|
|
// } |
|
|
|
// }) |
|
|
|
// useEffect(() => { |
|
|
|
// if (sessionTabList && Object.values(sessionTabList).length > 0) { |
|
|
|
// setFormData({ |
|
|
|
// model_id: sessionTabList?.model_id, |
|
|
|
// operator_id: sessionTabList?.operator_id, |
|
|
|
// model_name: sessionTabList?.model_name, |
|
|
|
// pn: sessionTabList?.pn, |
|
|
|
// page_size: sessionTabList?.page_size, |
|
|
|
// }) |
|
|
|
// } |
|
|
|
// }, []) |
|
|
|
// useEffect(() => { |
|
|
|
// setSessionTabList({ |
|
|
|
// ...formData |
|
|
|
// }) |
|
|
|
// }, [formData]) |
|
|
|
useEffect(() => { |
|
|
|
getData() |
|
|
|
name() |
|
|
|
merchantDataName() |
|
|
|
}, []) |
|
|
|
return <> |
|
|
@ -364,6 +398,7 @@ function ModelConf(props) { |
|
|
|
<label>物品类型</label> |
|
|
|
<Select |
|
|
|
style={{ width: 220 }} |
|
|
|
disabled={getModal} |
|
|
|
value={formData.model_id} |
|
|
|
options={getOperationName} |
|
|
|
onChange={handleOperator} |
|
|
@ -462,7 +497,7 @@ function ModelConf(props) { |
|
|
|
<Select |
|
|
|
style={{ width: 180, marginLeft: 20 }} |
|
|
|
value={checkData.name} |
|
|
|
options={getMerchantDataName} |
|
|
|
options={getNewMerchantDataName} |
|
|
|
onChange={handleAddDeployType} |
|
|
|
/> |
|
|
|
</div> |
|
|
@ -470,9 +505,10 @@ function ModelConf(props) { |
|
|
|
<div className="redLogo">*</div> |
|
|
|
<label>所属类型</label> |
|
|
|
<Select |
|
|
|
value={checkData.model_id} |
|
|
|
value={checkData.brand_name} |
|
|
|
disabled={getChange} |
|
|
|
style={{ width: 180, marginLeft: 20 }} |
|
|
|
options={getOperationName} |
|
|
|
options={getNewOperationName} |
|
|
|
onChange={handleAddOperator} |
|
|
|
/> |
|
|
|
</div> |
|
|
@ -518,10 +554,14 @@ function ModelConf(props) { |
|
|
|
<Select |
|
|
|
style={{ width: 180, marginLeft: 20 }} |
|
|
|
value={getEditData.name} |
|
|
|
options={getMerchantDataName} |
|
|
|
options={getNewMerchantDataName} |
|
|
|
onChange={(value) => { |
|
|
|
setGetOperatorValue(value) |
|
|
|
if (value) { |
|
|
|
setGetChange(false) |
|
|
|
} |
|
|
|
setGetEditData( |
|
|
|
Object.assign({}, getEditData, { name: value }) |
|
|
|
Object.assign({}, getEditData, { name: value, brand_name: '' }) |
|
|
|
); |
|
|
|
}} |
|
|
|
/> |
|
|
@ -532,7 +572,8 @@ function ModelConf(props) { |
|
|
|
<Select |
|
|
|
value={getEditData.brand_name} |
|
|
|
style={{ width: 180, marginLeft: 20 }} |
|
|
|
options={getOperationName} |
|
|
|
options={getNewOperationName} |
|
|
|
disabled={getChange} |
|
|
|
onChange={(v) => { |
|
|
|
setGetEditData( |
|
|
|
Object.assign({}, getEditData, { brand_name: v }) |
|
|
|