|
|
@ -5,6 +5,8 @@ import ajax from "@/services" |
|
|
import "./index.scss"; |
|
|
import "./index.scss"; |
|
|
|
|
|
|
|
|
const isDev = window.location.href.indexOf('localhost') > -1 |
|
|
const isDev = window.location.href.indexOf('localhost') > -1 |
|
|
|
|
|
let testTemp = [] |
|
|
|
|
|
|
|
|
function OrgnizationMgm() { |
|
|
function OrgnizationMgm() { |
|
|
|
|
|
|
|
|
const [editStatus, setEditStatus] = useState(false) |
|
|
const [editStatus, setEditStatus] = useState(false) |
|
|
@ -52,8 +54,8 @@ function OrgnizationMgm() { |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
const getRoleTree = () => { |
|
|
|
|
|
ajax.getOrgRoleNodeList().then((e) => { |
|
|
|
|
|
|
|
|
const getRoleTree = (id) => { |
|
|
|
|
|
ajax.getOrgRoleNodeList({id: id}).then((e) => { |
|
|
if (e.status == 20000) { |
|
|
if (e.status == 20000) { |
|
|
setRoleTree(e.data) |
|
|
setRoleTree(e.data) |
|
|
} |
|
|
} |
|
|
@ -63,8 +65,10 @@ function OrgnizationMgm() { |
|
|
const getOrgTree = () => { |
|
|
const getOrgTree = () => { |
|
|
ajax.getOrgTree().then((e) => { |
|
|
ajax.getOrgTree().then((e) => { |
|
|
if (e.status == 20000) { |
|
|
if (e.status == 20000) { |
|
|
setOrgTree(e.data) |
|
|
|
|
|
handleTreeClick(undefined, {node: e.data[0]}) |
|
|
|
|
|
|
|
|
testTemp = e.data |
|
|
|
|
|
recursionTree(testTemp) |
|
|
|
|
|
setOrgTree(testTemp) |
|
|
|
|
|
handleTreeClick(undefined, {node: testTemp[0]}) |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
@ -166,15 +170,28 @@ function OrgnizationMgm() { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
const handleTreeClick = (e, {node}) => { |
|
|
const handleTreeClick = (e, {node}) => { |
|
|
|
|
|
|
|
|
|
|
|
// 第三层级不予配置 |
|
|
|
|
|
if (node.level > 2) { |
|
|
|
|
|
setActiveOrg({}) |
|
|
|
|
|
message.error('不允许配置') |
|
|
|
|
|
return |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
getRoleTree(node.id) |
|
|
|
|
|
let ids = node.ids.split("-").filter(item => item != "undefined") |
|
|
|
|
|
ids.push(node.id) |
|
|
ajaxGetOrgDetail(node.id).then((data) => { |
|
|
ajaxGetOrgDetail(node.id).then((data) => { |
|
|
setActiveOrg({ |
|
|
setActiveOrg({ |
|
|
id: node.id, |
|
|
id: node.id, |
|
|
|
|
|
ids: ids, |
|
|
key: node.key, |
|
|
key: node.key, |
|
|
name: node.name, |
|
|
name: node.name, |
|
|
level: node.level, |
|
|
level: node.level, |
|
|
img_url: node.img_url, |
|
|
img_url: node.img_url, |
|
|
control_area: node.control_area, |
|
|
control_area: node.control_area, |
|
|
...data |
|
|
|
|
|
|
|
|
...data, |
|
|
|
|
|
role_auth: data.role_auth ? data.role_auth.map((id) => Number(id)) : [] |
|
|
}) |
|
|
}) |
|
|
baseForm.setFieldsValue({ |
|
|
baseForm.setFieldsValue({ |
|
|
platform: data.platform, |
|
|
platform: data.platform, |
|
|
@ -183,7 +200,7 @@ function OrgnizationMgm() { |
|
|
img_url: data.img_url |
|
|
img_url: data.img_url |
|
|
}) |
|
|
}) |
|
|
setImgUrl(data.img_url) |
|
|
setImgUrl(data.img_url) |
|
|
setRoleCheckedKeys(data.role_auth) |
|
|
|
|
|
|
|
|
setRoleCheckedKeys(data.role_auth ? data.role_auth.map((id) => Number(id)) : []) |
|
|
}).catch(err => { |
|
|
}).catch(err => { |
|
|
message.error(err) |
|
|
message.error(err) |
|
|
}) |
|
|
}) |
|
|
@ -220,12 +237,22 @@ function OrgnizationMgm() { |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const recursionTree = (treeData, pid) => { |
|
|
|
|
|
treeData.map((item) => { |
|
|
|
|
|
item.ids += '-' + pid |
|
|
|
|
|
if (item.children) { |
|
|
|
|
|
recursionTree(item.children, item.id) |
|
|
|
|
|
} |
|
|
|
|
|
return item |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const handleAreaTreeChange = (checkedKeys) => { |
|
|
const handleAreaTreeChange = (checkedKeys) => { |
|
|
baseForm.setFieldValue('control_area', checkedKeys.join(',')) |
|
|
baseForm.setFieldValue('control_area', checkedKeys.join(',')) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
const handleRoleTreeChange = (checkedKeys) => { |
|
|
|
|
|
|
|
|
const handleRoleTreeChange = (checkedKeys, _) => { |
|
|
setRoleCheckedKeys(checkedKeys) |
|
|
setRoleCheckedKeys(checkedKeys) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -249,7 +276,8 @@ function OrgnizationMgm() { |
|
|
const handleConfirm = () => { |
|
|
const handleConfirm = () => { |
|
|
ajaxOrgDetailSave(Object.assign({}, baseForm.getFieldsValue(), { |
|
|
ajaxOrgDetailSave(Object.assign({}, baseForm.getFieldsValue(), { |
|
|
id: activeOrg.id, |
|
|
id: activeOrg.id, |
|
|
role: roleCheckedKeys.join(',') |
|
|
|
|
|
|
|
|
role: roleCheckedKeys.join(','), |
|
|
|
|
|
control_area: baseForm.getFieldValue('control_area').join(',') |
|
|
})).then((msg) => { |
|
|
})).then((msg) => { |
|
|
message.success(msg) |
|
|
message.success(msg) |
|
|
setEditStatus(false) |
|
|
setEditStatus(false) |
|
|
@ -345,7 +373,7 @@ function OrgnizationMgm() { |
|
|
</Upload> |
|
|
</Upload> |
|
|
</Form.Item> |
|
|
</Form.Item> |
|
|
{ |
|
|
{ |
|
|
activeOrg.level > 2 ? <> |
|
|
|
|
|
|
|
|
activeOrg.level > 1 ? <> |
|
|
<Form.Item label="管辖范围" name="control_type"> |
|
|
<Form.Item label="管辖范围" name="control_type"> |
|
|
<Select disabled={!editStatus}> |
|
|
<Select disabled={!editStatus}> |
|
|
<Option value={1}>按区管理</Option> |
|
|
<Option value={1}>按区管理</Option> |
|
|
@ -371,7 +399,7 @@ function OrgnizationMgm() { |
|
|
</div> |
|
|
</div> |
|
|
), |
|
|
), |
|
|
}, |
|
|
}, |
|
|
activeOrg.level > 2 ? { |
|
|
|
|
|
|
|
|
activeOrg.level > 1 ? { |
|
|
label: `功能配置`, |
|
|
label: `功能配置`, |
|
|
key: '2', |
|
|
key: '2', |
|
|
children: ( |
|
|
children: ( |
|
|
@ -381,10 +409,9 @@ function OrgnizationMgm() { |
|
|
<Tree |
|
|
<Tree |
|
|
disabled={!editStatus} |
|
|
disabled={!editStatus} |
|
|
checkable |
|
|
checkable |
|
|
defaultCheckedKeys={roleCheckedKeys || []} |
|
|
|
|
|
treeData={roleTree} |
|
|
treeData={roleTree} |
|
|
onCheck={handleRoleTreeChange} |
|
|
onCheck={handleRoleTreeChange} |
|
|
// checkedKeys={roleCheckedKeys} |
|
|
|
|
|
|
|
|
checkedKeys={roleCheckedKeys} |
|
|
fieldNames={{ |
|
|
fieldNames={{ |
|
|
title: 'name', |
|
|
title: 'name', |
|
|
key: 'id' |
|
|
key: 'id' |
|
|
@ -395,12 +422,12 @@ function OrgnizationMgm() { |
|
|
), |
|
|
), |
|
|
} : undefined |
|
|
} : undefined |
|
|
] |
|
|
] |
|
|
}, [JSON.stringify(activeOrg), editStatus, imgUrl]) |
|
|
|
|
|
|
|
|
}, [JSON.stringify(activeOrg), editStatus, imgUrl, roleCheckedKeys]) |
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
useEffect(() => { |
|
|
getOrgTree() |
|
|
getOrgTree() |
|
|
getAreaTree() |
|
|
getAreaTree() |
|
|
getRoleTree() |
|
|
|
|
|
|
|
|
// getRoleTree() |
|
|
}, []) |
|
|
}, []) |
|
|
|
|
|
|
|
|
const treeTitleRender = ({name, children, level, pid, id, virtually_code, lng_lat, code}) => { |
|
|
const treeTitleRender = ({name, children, level, pid, id, virtually_code, lng_lat, code}) => { |
|
|
@ -437,18 +464,22 @@ function OrgnizationMgm() { |
|
|
<Tabs |
|
|
<Tabs |
|
|
defaultActiveKey="1" |
|
|
defaultActiveKey="1" |
|
|
onChange={(v) => setTabActive(v)} |
|
|
onChange={(v) => setTabActive(v)} |
|
|
items={tabRender} |
|
|
|
|
|
|
|
|
items={Object.keys(activeOrg).length ? (activeOrg.level < 3 ? tabRender : null) : null } |
|
|
/> |
|
|
/> |
|
|
<div className="form-confirm"> |
|
|
|
|
|
{ |
|
|
|
|
|
!editStatus ? ( |
|
|
|
|
|
<Button type="primary" className="yisa-btn" onClick={() => handleEdit()}>编辑</Button> |
|
|
|
|
|
) : <> |
|
|
|
|
|
<Button type="primary" className="yisa-btn" onClick={() => handleConfirm()}>确认</Button> |
|
|
|
|
|
<Button type="ghost" className="yisa-btn" onClick={() => handleCancel()}>取消</Button> |
|
|
|
|
|
</> |
|
|
|
|
|
} |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
{ |
|
|
|
|
|
Object.keys(activeOrg).length ? ( |
|
|
|
|
|
<div className="form-confirm"> |
|
|
|
|
|
{ |
|
|
|
|
|
!editStatus ? ( |
|
|
|
|
|
<Button type="primary" className="yisa-btn" onClick={() => handleEdit()}>编辑</Button> |
|
|
|
|
|
) : <> |
|
|
|
|
|
<Button type="primary" className="yisa-btn" onClick={() => handleConfirm()}>确认</Button> |
|
|
|
|
|
<Button type="ghost" className="yisa-btn" onClick={() => handleCancel()}>取消</Button> |
|
|
|
|
|
</> |
|
|
|
|
|
} |
|
|
|
|
|
</div> |
|
|
|
|
|
) : null |
|
|
|
|
|
} |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<Modal |
|
|
<Modal |
|
|
|
