Browse Source

fix():修改计费规则传参

tags/PMS_Frontend_v1.0.6-develop
guoxin 1 year ago
parent
commit
20d1dc1069
  1. 47
      src/pages/InRoadMgm/BusinessMgm/ChargeRules/EditModal.jsx
  2. 214
      src/pages/InRoadMgm/BusinessMgm/ChargeRules/FormModal.jsx
  3. 71
      src/pages/InRoadMgm/BusinessMgm/ChargeRules/index.scss
  4. 34
      src/pages/SystemMgm/OrgnizationMgm/loadable.jsx

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

@ -30,7 +30,7 @@ const FormModal = (props) => {
const defaultData = {
feeName: '',
freeTimeAble: 0,
operationId: '',
operator_name: '',
feeCode: '',
freeTime: '',
description: '',
@ -255,7 +255,7 @@ const FormModal = (props) => {
<Form.Item
name="feeName"
label="规则名称"
className="yisa-label"
className="yisa-label inputSearch"
rules={[{ required: true, message: "请选择${label}" }]}
>
<Input placeholder="请输入规则名称" style={{ width: 200, marginLeft: 10 }} autoComplete="off" />
@ -264,16 +264,16 @@ const FormModal = (props) => {
<Form.Item
name="feeCode"
label="规则编码"
className="yisa-label"
className="yisa-label inputSearch"
rules={[{ required: true, message: "请选择${label}" }]}
>
<Input placeholder="请输入规则编码" style={{ width: 200, marginLeft: 10 }} autoComplete="off" />
</Form.Item>
<Form.Item
name="operationId"
name="operator_name"
label="商户名称"
className="yisa-label"
className="yisa-label inputSearch"
rules={[{ required: true, message: "请选择${label}" }]}
>
<Select
@ -300,7 +300,7 @@ const FormModal = (props) => {
<Form.Item
name="freeTime"
label="普通免费分钟数 "
className="yisa-label"
className="yisa-label minSearch"
rules={[{ required: true, message: "请选择${label}" }]}
>
<Input placeholder="请输入免费分钟数" style={{ marginLeft: 10 }} autoComplete="off" />
@ -320,7 +320,7 @@ const FormModal = (props) => {
<Form.Item
name="evFreeTime"
label="免费分钟数"
className="yisa-label"
className="yisa-label timeSearch"
rules={[{ required: true, message: "请输入${label}" }]}
>
<Input
@ -333,7 +333,7 @@ const FormModal = (props) => {
<Form.Item
name="evCarDiscount"
label="折扣系数"
className="yisa-label"
className="yisa-label timeSearch"
rules={[{ required: true, message: "请输入${label}" }]}
>
<Input
@ -387,14 +387,14 @@ const FormModal = (props) => {
// console.log(fields);
return (
<div className="yisa-table">
<div className="row-line" key={key}>
<div className="row-line" key={'rules-'+key}>
<div className="timeAdd">
<Space direction="vertical" size={12}>
<Form.Item
{...restField}
name={[name, "date"]}
label="生效日期"
className="yisa-label"
className="yisa-label inputSearch"
rules={[{ required: true, message: "请选择${label}" }]}
>
<DatePicker
@ -453,10 +453,10 @@ const FormModal = (props) => {
<Form.List name={[name, "details"]}>
{(fields, { add, remove }) => (
<>
{fields.map(({ key, name, ...restField }, j) => {
{fields.map(({ key, name, ...restField }, i) => {
// console.log(fields);
return (
<div key={key}>
<div key={'details-'+key}>
<div className="row">
<Form.Item
{...restField}
@ -466,7 +466,7 @@ const FormModal = (props) => {
>
<TimePicker format={format} style={{ marginLeft: 10 }} />
</Form.Item>
to
<label className="mid">to</label>
<Form.Item
{...restField}
name={[name, "end"]}
@ -479,7 +479,7 @@ const FormModal = (props) => {
label=""
>
{
!j ?
!i ?
<PlusCircleOutlined
onClick={() =>
add({
@ -510,10 +510,9 @@ const FormModal = (props) => {
<Form.List name={[name, "items"]}>
{(fields, { add, remove }) => (
<>
{fields.map(({ key, name, ...restField }, j) => {
// console.log(fields);
{fields.map(({ key, name, ...restField }, z) => {
return (
<div className="row-line" key={key}>
<div className="row-line" key={'items-'+key}>
<div className="row">
<Form.Item
name={[name, "type"]}
@ -539,8 +538,11 @@ const FormModal = (props) => {
]}
/>
</Form.Item>
<Form.Item
noStyle
shouldUpdate>
{
getValue == 3 ?
form?.getFieldValue('rules')[j].details[i].items[z].type == '3' ?
<div className="row">
<Form.Item
{...restField}
@ -549,7 +551,7 @@ const FormModal = (props) => {
>
<Input style={{ width: 50, marginLeft: 10 }} />
</Form.Item>
<label>/</label>
<label className="mid">/</label>
</div>
:
<div className="row">
@ -561,7 +563,7 @@ const FormModal = (props) => {
<Input style={{ width: 50, marginLeft: 10 }} />
</Form.Item>
<label>分钟</label>
<label className="mid">分钟</label>
<Form.Item
{...restField}
name={[name, "unit"]}
@ -569,7 +571,7 @@ const FormModal = (props) => {
>
<Input style={{ width: 50, marginLeft: 10 }} />
</Form.Item>
<label>/</label>
<label className="mid">/</label>
<Form.Item
{...restField}
name={[name, "period"]}
@ -577,9 +579,10 @@ const FormModal = (props) => {
>
<Input style={{ width: 50, marginLeft: 10 }} />
</Form.Item>
<label>分钟</label>
<label className="mid">分钟</label>
</div>
}
</Form.Item>
<Form.Item
className="btm-box"
>

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

@ -78,11 +78,13 @@ const FormModal = (props) => {
};
const [formData, setFormData] = useState(defaultData)
const [getNewCar, setGetNewCar] = useState(false)
//
const getNewCarRef = useRef(null)
getNewCarRef.current = false
//
const [getPerson, setGetPerson] = useState()
const [getPerson, setGetPerson] = useState(false)
// //
// const getNewCarRef = useRef(null)
// getNewCarRef.current = false
// //
// const getNewCarDisability = useRef(null)
// getNewCarDisability.current = false
//
const [getValue, setGetValue] = useState(1)
const [getValue2, setGetValue2] = useState(1)
@ -99,72 +101,71 @@ const FormModal = (props) => {
//
const handleForm = (changedValues, allValues) => {
// let obj = {};
console.log('表单', changedValues, allValues);
let obj = {};
let key = Object.keys(changedValues)[0];
let val = Object.values(changedValues)[0];
console.log('val', val);
console.log('key', key);
if (key == 'newCarStatus') {
getNewCarRef.current = val
}
// switch (key) {
// case "freeTimeAble":
// obj[key] = val ? 1 : 0;
// break;
// case "newCarStatus":
// obj[key] = val ? 1 : 0;
// break;
// case "rules":
// let _arr = allValues["rules"];
// if (val?.length) {
// //
// let curNum = val.length - 1;
// let curObj = val[curNum];
// if (curObj) {
// let _key = Object.keys(curObj)[0];
// let _val = Object.values(curObj)[0];
// if (_key == "unitUp") {
// _arr[curNum][_key] = _val ? 1 : 0;
// } else if (_key == "details" || _key == "holiday") {
// let _curNum = _val.length - 1;
// let _curObj = _val[curNum];
// if (_curObj) {
// let _dkey = Object.keys(_curObj)[0];
// let _dval = Object.values(_curObj)[0];
// if (_dkey == "items") {
// let _iurNum = _dval.length - 1;
// let _iurObj = _dval[curNum];
// if (_iurObj) {
// let _ikey = Object.keys(_iurObj)[0];
// let _ival = Object.values(_iurObj)[0];
// console.log('_ikey', _ikey, _ival);
// _arr[curNum][_key][_curNum][_dkey][_iurNum][_ikey] = _ival;
// }
// } else {
// _arr[curNum][_key][_curNum][_dkey] = _dval;
// }
// }
// } else {
// _arr[curNum][_key] = _val;
// }
// }
// }
// if (val?.date) {
// _arr[0].date = val.date;
// }
// obj[key] = _arr;
// break;
// default:
// obj[key] = val;
// break;
// }
setGetNewCar(val)
}
if (key == 'newCarDisability') {
setGetPerson(val)
}
switch (key) {
case "freeTimeAble":
obj[key] = val ? 1 : 0;
break;
case "newCarStatus":
obj[key] = val ? 1 : 0;
break;
case "rules":
let _arr = allValues["rules"];
if (val?.length) {
//
let curNum = val.length - 1;
let curObj = val[curNum];
if (curObj) {
let _key = Object.keys(curObj)[0];
let _val = Object.values(curObj)[0];
if (_key == "unitUp") {
_arr[curNum][_key] = _val ? 1 : 0;
} else if (_key == "details" || _key == "holiday") {
let _curNum = _val.length - 1;
let _curObj = _val[curNum];
if (_curObj) {
let _dkey = Object.keys(_curObj)[0];
let _dval = Object.values(_curObj)[0];
if (_dkey == "items") {
let _iurNum = _dval.length - 1;
let _iurObj = _dval[curNum];
if (_iurObj) {
let _ikey = Object.keys(_iurObj)[0];
let _ival = Object.values(_iurObj)[0];
_arr[curNum][_key][_curNum][_dkey][_iurNum][_ikey] = _ival;
}
} else {
_arr[curNum][_key][_curNum][_dkey] = _dval;
}
}
} else {
_arr[curNum][_key] = _val;
}
}
}
if (val?.date) {
_arr[0].date = val.date;
}
obj[key] = _arr;
break;
default:
obj[key] = val;
break;
}
let newObj = { ...form.getFieldsValue() };
form.setFieldsValue(newObj);
changeGetNewCar()
// changeGetNewCar()
// changeNewCarDisability()
};
const changeGetNewCar = ()=>{
setGetNewCar(getNewCarRef.current)
}
//
const handelTime = (arr, type) => {
@ -219,16 +220,12 @@ const FormModal = (props) => {
if (JSON.stringify(yisaData) != "{}") {
newObj = handelDate(yisaData, 2)
}
// console.log(newObj);
form.setFieldsValue(newObj);
}, [yisaData]);
}, []);
useEffect(() => {
operationName()
}, [])
useEffect(() => {
console.log(getNewCar);
}, [getNewCar])
@ -253,7 +250,7 @@ const FormModal = (props) => {
<Form.Item
name="feeName"
label="规则名称"
className="yisa-label"
className="yisa-label inputSearch"
rules={[{ required: true, message: "请选择${label}" }]}
>
<Input placeholder="请输入规则名称" style={{ width: 200, marginLeft: 10 }} autoComplete="off" />
@ -262,7 +259,7 @@ const FormModal = (props) => {
<Form.Item
name="feeCode"
label="规则编码"
className="yisa-label"
className="yisa-label inputSearch"
rules={[{ required: true, message: "请选择${label}" }]}
>
<Input placeholder="请输入规则编码" style={{ width: 200, marginLeft: 10 }} autoComplete="off" />
@ -271,7 +268,7 @@ const FormModal = (props) => {
<Form.Item
name="operationId"
label="商户名称"
className="yisa-label"
className="yisa-label inputSearch"
rules={[{ required: true, message: "请选择${label}" }]}
>
<Select
@ -298,82 +295,86 @@ const FormModal = (props) => {
<Form.Item
name="freeTime"
label="普通免费分钟数"
className="yisa-label"
className="yisa-label minSearch"
rules={[{ required: true, message: "请选择${label}" }]}
>
<Input placeholder="请输入免费分钟数" style={{ marginLeft: 10 }} autoComplete="off" />
</Form.Item>
<label className="yisa-label">单位分钟免费停车时间</label>
</div>
<Form.Item name="freeTimeAble" valuePropName="checked">
<Checkbox>免费分钟数不纳入计费时长</Checkbox>
</Form.Item>
<Form.Item valuePropName="checked" name="newCarStatus">
<Checkbox>新能源车</Checkbox>
</Form.Item>
{
getNewCar?
{getNewCar ?
<div >
<div className="place">
<Form.Item
name="evFreeTime"
label="免费分钟数"
className="yisa-label"
className="yisa-label timeSearch"
rules={[{ required: true, message: "请输入${label}" }]}
>
<Input
style={{ width: 200, marginLeft: 10 }}
placeholder="请输入免费分钟数"
/>
<label>单位分钟免费停车时间</label>
</Form.Item>
<label>单位分钟免费停车时间</label>
</div>
<div className="place">
<Form.Item
name="evCarDiscount"
label="折扣系数"
className="yisa-label"
className="yisa-label timeSearch"
rules={[{ required: true, message: "请输入${label}" }]}
>
<Input
style={{ width: 200, marginLeft: 10 }}
placeholder="请输入0-100的值"
/>
<label>单位%</label>
</Form.Item>
<label>单位%</label>
</div>
</div> : ''}
</div> : ''
}
<Form.Item valuePropName="checked" name="newCarDisability">
<Checkbox>残疾人车</Checkbox>
</Form.Item>
{
getPerson === true ?
getPerson == true ?
<div >
<div className="place">
<Form.Item
name="disabledFreeTime"
label="免费分钟数"
className="yisa-label"
className="yisa-label timeSearch"
rules={[{ required: true, message: "请输入${label}" }]}
>
<Input
style={{ width: 200, marginLeft: 10 }}
placeholder="请输入免费分钟数"
/>
<label>单位分钟免费停车时间</label>
</Form.Item>
<label>单位分钟免费停车时间</label>
</div>
<div className="place">
<Form.Item
name="disabledCarDiscount"
label="折扣系数"
className="yisa-label"
className="yisa-label timeSearch"
rules={[{ required: true, message: "请输入${label}" }]}
>
<Input
style={{ width: 200, marginLeft: 10 }}
placeholder="请输入0-100的值"
/>
<label>单位%</label>
</Form.Item>
<label>单位%</label>
</div>
</div> : ''
}
@ -385,14 +386,14 @@ const FormModal = (props) => {
// console.log(fields);
return (
<div className="yisa-table">
<div className="row-line" key={key}>
<div className="row-line" key={'rules-' + key}>
<div className="timeAdd">
<Space direction="vertical" size={12}>
<Form.Item
{...restField}
name={[name, "date"]}
label="生效日期"
className="yisa-label"
className="yisa-label inputSearch"
rules={[{ required: true, message: "请选择${label}" }]}
>
<DatePicker
@ -451,10 +452,10 @@ const FormModal = (props) => {
<Form.List name={[name, "details"]}>
{(fields, { add, remove }) => (
<>
{fields.map(({ key, name, ...restField }, j) => {
{fields.map(({ key, name, ...restField }, i) => {
// console.log(fields);
return (
<div key={key}>
<div key={'details-' + key}>
<div className="row">
<Form.Item
{...restField}
@ -464,7 +465,7 @@ const FormModal = (props) => {
>
<TimePicker format={format} style={{ marginLeft: 10 }} />
</Form.Item>
to
<label className="mid">to</label>
<Form.Item
{...restField}
name={[name, "end"]}
@ -477,7 +478,7 @@ const FormModal = (props) => {
label=""
>
{
!j ?
!i ?
<PlusCircleOutlined
onClick={() =>
add({
@ -508,10 +509,9 @@ const FormModal = (props) => {
<Form.List name={[name, "items"]}>
{(fields, { add, remove }) => (
<>
{fields.map(({ key, name, ...restField }, j) => {
// console.log(fields);
{fields.map(({ key, name, ...restField }, z) => {
return (
<div className="row-line" key={key}>
<div className="row-line" key={'items-' + key}>
<div className="row">
<Form.Item
name={[name, "type"]}
@ -537,8 +537,11 @@ const FormModal = (props) => {
]}
/>
</Form.Item>
<Form.Item
noStyle
shouldUpdate>
{
getValue == 3 ?
form?.getFieldValue('rules')[j].details[i].items[z].type == '3' ?
<div className="row">
<Form.Item
{...restField}
@ -547,7 +550,7 @@ const FormModal = (props) => {
>
<Input style={{ width: 50, marginLeft: 10 }} />
</Form.Item>
<label>/</label>
<label className="mid">/</label>
</div>
:
<div className="row">
@ -558,8 +561,7 @@ const FormModal = (props) => {
>
<Input style={{ width: 50, marginLeft: 10 }} />
</Form.Item>
<label>分钟</label>
<label className="mid">分钟</label>
<Form.Item
{...restField}
name={[name, "unit"]}
@ -567,7 +569,7 @@ const FormModal = (props) => {
>
<Input style={{ width: 50, marginLeft: 10 }} />
</Form.Item>
<label>/</label>
<label className="mid">/</label>
<Form.Item
{...restField}
name={[name, "period"]}
@ -575,9 +577,11 @@ const FormModal = (props) => {
>
<Input style={{ width: 50, marginLeft: 10 }} />
</Form.Item>
<label>分钟</label>
<label className="mid">分钟</label>
</div>
}
</Form.Item>
<Form.Item
className="btm-box"
>

71
src/pages/InRoadMgm/BusinessMgm/ChargeRules/index.scss

@ -4,8 +4,6 @@ $color-user-list-bg : var(--color-user-list-bg);
$color-text: var(--color-text);
$color-primary: var(--color-primary);
.paid-ChargeRules {
display: flex;
padding: 15px;
@ -13,7 +11,9 @@ $color-primary : var(--color-primary);
.paid-search {
.search {
font-size: 16px;
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
font-family:
Microsoft YaHei,
Microsoft YaHei-Bold;
font-weight: 700;
text-align: left;
color: #eeeff1;
@ -64,7 +64,6 @@ $color-primary : var(--color-primary);
margin-right: 10px;
}
}
}
}
}
@ -77,7 +76,9 @@ $color-primary : var(--color-primary);
.result {
padding: 25px;
.font {
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-family:
Microsoft YaHei,
Microsoft YaHei-Regular;
font-weight: 400;
text-align: left;
color: #eeeff1;
@ -93,14 +94,17 @@ $color-primary : var(--color-primary);
background-color: #616b83 !important;
color: #ffffff !important;
font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
font-family:
Microsoft YaHei,
Microsoft YaHei-Bold;
font-weight: 700;
text-align: center;
border-right: none !important;
border-top-color: #888f9d !important;
border-color: #888f9d !important;
}
.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table, .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table{
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
border-top: none !important;
border-left: none !important;
}
@ -110,23 +114,25 @@ $color-primary : var(--color-primary);
color: #ffffff !important;
text-align: center;
font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-family:
Microsoft YaHei,
Microsoft YaHei-Regular;
font-weight: 400;
border-right: none !important;
border-left: none !important;
border-bottom-color: #626b7e !important;
}
}
}
}
.revenue {
.tab-title {
text-align: center;
font-size: 18px;
font-weight: 400;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-family:
Microsoft YaHei,
Microsoft YaHei-Regular;
}
width: 700px !important;
.tab-index {
@ -156,7 +162,9 @@ $color-primary : var(--color-primary);
background-color: #616b83 !important;
color: #ffffff !important;
font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
font-family:
Microsoft YaHei,
Microsoft YaHei-Bold;
font-weight: 700;
text-align: center;
border-right: none !important;
@ -221,6 +229,9 @@ $color-primary : var(--color-primary);
margin-left: 20px;
}
}
.place{
display: flex;
}
}
.yisa-table {
margin-top: 20px;
@ -235,6 +246,9 @@ $color-primary : var(--color-primary);
.ruler {
text-align: center;
}
.mid{
line-height: 35px;
}
}
.time {
display: flex;
@ -324,9 +338,25 @@ $color-primary : var(--color-primary);
.ant-form-item-label {
label {
margin-top: 5px;
// width: 150px;
}
}
}
.ant-form-item-label>label{
width: 50px;
}
.ant-form-item-row {
flex-wrap: unset;
flex-direction: row;
}
.inputSearch label{
width: 90px;
}
.minSearch label{
width: 180px;
}
.timeSearch label{
width: 111px;
}
}
.row {
@ -338,12 +368,8 @@ $color-primary : var(--color-primary);
.hide {
display: none;
}
.ant-form-vertical .ant-form-item{
flex-direction:row
}
}
.ruleModal {
.yisa-search {
margin: 20px 0 0 20px;
}
@ -424,14 +450,17 @@ $color-primary : var(--color-primary);
background-color: #616b83 !important;
color: #ffffff !important;
font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
font-family:
Microsoft YaHei,
Microsoft YaHei-Bold;
font-weight: 700;
text-align: center;
border-right: none !important;
border-top-color: #888f9d !important;
border-color: #888f9d !important;
}
.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table, .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table{
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
border-top: none !important;
border-left: none !important;
}
@ -443,7 +472,9 @@ $color-primary : var(--color-primary);
color: #ffffff !important;
text-align: center;
font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-family:
Microsoft YaHei,
Microsoft YaHei-Regular;
font-weight: 400;
border-right: none !important;
border-left: none !important;

34
src/pages/SystemMgm/OrgnizationMgm/loadable.jsx

@ -31,7 +31,7 @@ function OrgnizationMgm() {
}
const getAreaTree = () => {
ajax.getAreaTree().then((e) => {
ajax.getDepartName().then((e) => {
if (e.status == 20000) {
setAreaTree(e.data)
setDefaultTreeActiveKey([e.data[0].id])
@ -104,6 +104,7 @@ function OrgnizationMgm() {
})
}
const handleOrgEdit = (e, { isTop, level, pid, id, name }) => {
console.log(isTop);
e.stopPropagation()
e.nativeEvent.stopImmediatePropagation()
orgForm.setFieldsValue({
@ -138,6 +139,9 @@ function OrgnizationMgm() {
}).then((e) => {
if (e.status == 20000) {
resloved(e.message)
message.success(e.message)
}else{
message.error(e.message)
}
}).catch((err) => {
rejected(err)
@ -150,6 +154,9 @@ function OrgnizationMgm() {
ajax.saveAreaTree(data).then((e) => {
if (e.status == 20000) {
resolved(e.message)
message.success(e.message)
}else{
message.error(e.message)
}
}).catch((err) => {
rejected(err)
@ -162,6 +169,9 @@ function OrgnizationMgm() {
ajax.editAreaTree(data).then((e) => {
if (e.status == 20000) {
resolved(e.message)
message.success(e.message)
}else{
message.error(e.message)
}
}).catch((err) => {
rejected(err)
@ -288,11 +298,15 @@ function OrgnizationMgm() {
const handleOrgConfirm = () => {
orgForm.validateFields().then((data) => {
let arr =data.depart_id
console.log(arr);
// let strArr=arr.map(num=>parseInt(num))
console.log(arr.at(-2));
if (data.id) {
ajaxAreaEdit(Object.assign({}, {
id: data.id,
name: data.name,
pid: [...data.depart_id].pop()
pid: arr.at(-1)
})).then((msg) => {
message.success(msg)
setOrgModalVisible(false)
@ -303,7 +317,7 @@ function OrgnizationMgm() {
} else {
ajaxAreaSave(Object.assign({}, {
name: data.name,
pid: [...data.depart_id].pop(),
pid:arr.at(-1),
level: data.level
})).then((msg) => {
message.success(msg)
@ -434,15 +448,19 @@ function OrgnizationMgm() {
return <>
<span className='label-text'>{name}</span>
{
level > 2 ? <>
level === 1 ? <>
<PlusCircleOutlined className='label-icon' onClick={(e) => handleOrgAdd(e, { level, pid, isTop: false, id, name })} />
<EditOutlined className="label-icon" onClick={(e) => handleOrgEdit(e, { level, pid, isTop: true, id, name })} />
</> :''
}
{
level >= 2 ? <>
<PlusCircleOutlined className='label-icon' onClick={(e) => handleOrgAdd(e, { level, pid, isTop: true, id, name })} />
<EditOutlined className="label-icon" onClick={(e) => handleOrgEdit(e, { level, pid, isTop: false, id, name })} />
<DeleteOutlined className="label-icon" onClick={(e) => handleOrgDel(e, { name, id })} />
</> : <>
<PlusCircleOutlined className='label-icon' onClick={(e) => handleOrgAdd(e, {level, pid, isTop: false, id, name})} />
<EditOutlined className="label-icon" onClick={(e) => handleOrgEdit(e, {level, pid, isTop: true, id, name})}/>
</>
</>:''
}
</>
}

Loading…
Cancel
Save