|
|
@ -18,10 +18,10 @@ function ModelConf(props) { |
|
|
|
export_url: '', |
|
|
|
process_url: "" |
|
|
|
}) |
|
|
|
const parameter={ |
|
|
|
const parameter = { |
|
|
|
model_id: '0',//物品类型 |
|
|
|
operator_id: '0',//商户名称 |
|
|
|
model_name:'', |
|
|
|
model_name: '', |
|
|
|
pn: 1, |
|
|
|
page_size: Number(pageSizeOptions[0]), // 每页条数 |
|
|
|
} |
|
|
@ -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]; |
|
|
@ -106,9 +124,9 @@ function ModelConf(props) { |
|
|
|
const checkModal = () => { |
|
|
|
setCheckVisible(false) |
|
|
|
} |
|
|
|
const [getRecord,setGetRecord]=useState({}) |
|
|
|
const deleteModalBtn=()=>{ |
|
|
|
let data ={ |
|
|
|
const [getRecord, setGetRecord] = useState({}) |
|
|
|
const deleteModalBtn = () => { |
|
|
|
let data = { |
|
|
|
id: getRecord |
|
|
|
} |
|
|
|
ajax.brandDeleteData(data).then((res) => { |
|
|
@ -116,7 +134,7 @@ function ModelConf(props) { |
|
|
|
message.success('删除成功') |
|
|
|
setDeleteVisible(false) |
|
|
|
getData(formData) |
|
|
|
}else{ |
|
|
|
} else { |
|
|
|
message.error(res.message) |
|
|
|
} |
|
|
|
}) |
|
|
@ -130,7 +148,7 @@ function ModelConf(props) { |
|
|
|
name: '', |
|
|
|
brand_name: '', |
|
|
|
remarks: '', |
|
|
|
model_name:'' |
|
|
|
model_name: '' |
|
|
|
}) |
|
|
|
const translateBtn = (record) => { |
|
|
|
setGetRecord(record.id) |
|
|
@ -150,7 +168,7 @@ function ModelConf(props) { |
|
|
|
setFormData({ |
|
|
|
...parameter |
|
|
|
}) |
|
|
|
getData({...parameter,pn: 1} ) |
|
|
|
getData({ ...parameter, pn: 1 }) |
|
|
|
} |
|
|
|
const handleDetail = () => { |
|
|
|
let result = [...handleDeColumns]; |
|
|
@ -211,16 +229,16 @@ function ModelConf(props) { |
|
|
|
const changePn = (pn, length) => { |
|
|
|
if (formData.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) => { |
|
|
|
setFormData(Object.assign({}, formData, { 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 })) |
|
|
|
} |
|
|
|
//检索数据 |
|
|
@ -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) |
|
|
|
}) |
|
|
|
} |
|
|
|
//添加 |
|
|
@ -254,13 +271,31 @@ function ModelConf(props) { |
|
|
|
name: '', |
|
|
|
brand_name: '', |
|
|
|
remarks: '', |
|
|
|
model_name:'' |
|
|
|
model_name: '' |
|
|
|
} |
|
|
|
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 }) |
|
|
@ -278,9 +313,9 @@ function ModelConf(props) { |
|
|
|
} |
|
|
|
if (checkData.name == '') { |
|
|
|
message.error('请选择商户') |
|
|
|
} else if (checkData.brand_name =='') { |
|
|
|
} else if (checkData.brand_name == '') { |
|
|
|
message.error('请选择所属类型') |
|
|
|
}else if (checkData.model_name == '') { |
|
|
|
} else if (checkData.model_name == '') { |
|
|
|
message.error('请输入型号名称') |
|
|
|
} else { |
|
|
|
ajax.brandData(data).then((res) => { |
|
|
@ -299,9 +334,9 @@ function ModelConf(props) { |
|
|
|
} |
|
|
|
if (getEditData.name == '') { |
|
|
|
message.error('请选择商户') |
|
|
|
} else if (getEditData.brand_name =='') { |
|
|
|
} else if (getEditData.brand_name == '') { |
|
|
|
message.error('请选择所属类型') |
|
|
|
}else if (getEditData.model_name == '') { |
|
|
|
} else if (getEditData.model_name == '') { |
|
|
|
message.error('请输入型号名称') |
|
|
|
} else { |
|
|
|
ajax.brandEditData(data).then((res) => { |
|
|
@ -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} |
|
|
@ -380,14 +415,14 @@ function ModelConf(props) { |
|
|
|
</div> |
|
|
|
<div className="timePicker yisa-search"> |
|
|
|
<div className="btnBox"> |
|
|
|
<Button className="yisa-btn colorReset reset" onClick={() => { getResetData() }}> |
|
|
|
<Button className="yisa-btn colorReset reset" onClick={() => { getResetData() }}> |
|
|
|
重置 |
|
|
|
</Button> |
|
|
|
<Button type="primary" className="yisa-btn colorBtn submit" onClick={() => { getSearchData() }}> |
|
|
|
查询 |
|
|
|
<Button type="primary" className="yisa-btn colorBtn submit" onClick={() => { getSearchData() }}> |
|
|
|
查询 |
|
|
|
</Button> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -457,27 +492,28 @@ function ModelConf(props) { |
|
|
|
> |
|
|
|
<div className="add"> |
|
|
|
<div className="yisa-search"> |
|
|
|
<div className="redLogo">*</div> |
|
|
|
<div className="redLogo">*</div> |
|
|
|
<label>所属商户</label> |
|
|
|
<Select |
|
|
|
style={{ width: 180, marginLeft: 20 }} |
|
|
|
value={checkData.name} |
|
|
|
options={getMerchantDataName} |
|
|
|
options={getNewMerchantDataName} |
|
|
|
onChange={handleAddDeployType} |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div className="yisa-search"> |
|
|
|
<div className="redLogo">*</div> |
|
|
|
<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> |
|
|
|
<div className="yisa-search"> |
|
|
|
<div className="redLogo">*</div> |
|
|
|
<div className="redLogo">*</div> |
|
|
|
<label>型号名称</label> |
|
|
|
<Input |
|
|
|
placeholder="请输入" |
|
|
@ -486,7 +522,7 @@ function ModelConf(props) { |
|
|
|
onChange={handleAssetsTypeName} |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div className="yisa-search" style={{marginLeft:15}}> |
|
|
|
<div className="yisa-search" style={{ marginLeft: 15 }}> |
|
|
|
<label>备注</label> |
|
|
|
<TextArea |
|
|
|
placeholder="请输入" |
|
|
@ -513,26 +549,31 @@ function ModelConf(props) { |
|
|
|
> |
|
|
|
<div className="add"> |
|
|
|
<div className="yisa-search"> |
|
|
|
<div className="redLogo">*</div> |
|
|
|
<div className="redLogo">*</div> |
|
|
|
<label>所属商户</label> |
|
|
|
<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: '' }) |
|
|
|
); |
|
|
|
}} |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div className="yisa-search"> |
|
|
|
<div className="redLogo">*</div> |
|
|
|
<div className="redLogo">*</div> |
|
|
|
<label>所属类型</label> |
|
|
|
<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 }) |
|
|
@ -541,7 +582,7 @@ function ModelConf(props) { |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div className="yisa-search"> |
|
|
|
<div className="redLogo">*</div> |
|
|
|
<div className="redLogo">*</div> |
|
|
|
<label>型号名称</label> |
|
|
|
<Input |
|
|
|
placeholder="请输入" |
|
|
@ -549,12 +590,12 @@ function ModelConf(props) { |
|
|
|
style={{ width: 180, marginLeft: 20 }} |
|
|
|
onChange={(v) => { |
|
|
|
setGetEditData( |
|
|
|
Object.assign({}, getEditData, { model_name: v.target.value }) |
|
|
|
Object.assign({}, getEditData, { model_name: v.target.value }) |
|
|
|
); |
|
|
|
}} |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div className="yisa-search" style={{marginLeft:15}}> |
|
|
|
<div className="yisa-search" style={{ marginLeft: 15 }}> |
|
|
|
<label>备注</label> |
|
|
|
<TextArea |
|
|
|
placeholder="请输入" |
|
|
|