Commit facaeff6 authored by 皮倩雯's avatar 皮倩雯

fix: '表字段字段配置界面样式修改'

parent 5f3f16f2
...@@ -168,6 +168,7 @@ const AddModal = props => { ...@@ -168,6 +168,7 @@ const AddModal = props => {
const { TreeNode } = TreeSelect; const { TreeNode } = TreeSelect;
const [timeData, setTimeData] = useState(''); const [timeData, setTimeData] = useState('');
const { Option } = Select; const { Option } = Select;
const [synchronization, setSynchronization] = useState('');
// 提交 // 提交
const onSubmit = () => { const onSubmit = () => {
// 不切换树 // 不切换树
...@@ -177,6 +178,12 @@ const AddModal = props => { ...@@ -177,6 +178,12 @@ const AddModal = props => {
if (validate) { if (validate) {
setLoading(true); setLoading(true);
let obj = form.getFieldsValue(); let obj = form.getFieldsValue();
let aa = '';
if (synchronization == true) {
aa = 1;
} else {
aa = 0;
}
let data = [ let data = [
{ {
Unit: obj.Unit || '', Unit: obj.Unit || '',
...@@ -194,7 +201,7 @@ const AddModal = props => { ...@@ -194,7 +201,7 @@ const AddModal = props => {
Order: pramData.Order, Order: pramData.Order,
Name: obj.Name, Name: obj.Name,
Alias: obj.Alias, Alias: obj.Alias,
SyncEvent: obj.SyncEvent, SyncEvent: aa,
ValidationRule: obj.ValidationRule, ValidationRule: obj.ValidationRule,
ExceptionEventFields: characterValue, ExceptionEventFields: characterValue,
}, },
...@@ -358,6 +365,13 @@ const AddModal = props => { ...@@ -358,6 +365,13 @@ const AddModal = props => {
setCharacterValue(res[0].data.root.ExceptionEventFields); setCharacterValue(res[0].data.root.ExceptionEventFields);
setCheckedList(res[0].data.root.ExceptionEventFields.split(',')); setCheckedList(res[0].data.root.ExceptionEventFields.split(','));
} }
if (res[0].data.root.SyncEvent === 1) {
form.setFieldsValue({ SyncEvent: true });
setSynchronization(true);
} else {
form.setFieldsValue({ SyncEvent: false });
setSynchronization(false);
}
setShape(res[0].data.root.Shape); setShape(res[0].data.root.Shape);
console.log(res[0].data.root.Shape); console.log(res[0].data.root.Shape);
if (res[0].data.root.Shape == '文本') { if (res[0].data.root.Shape == '文本') {
...@@ -632,6 +646,13 @@ const AddModal = props => { ...@@ -632,6 +646,13 @@ const AddModal = props => {
setRadio(''); setRadio('');
setRadio1(''); setRadio1('');
setRadio3(''); setRadio3('');
setPep('');
setCho('');
setCheckboxAll1('');
setCheckboxAllID1('');
setFlag(false);
setHide(true);
setSynchronization(false);
} }
}, [isVisible]); }, [isVisible]);
...@@ -958,6 +979,13 @@ const AddModal = props => { ...@@ -958,6 +979,13 @@ const AddModal = props => {
setCharacterValue(aa.ExceptionEventFields); setCharacterValue(aa.ExceptionEventFields);
setCheckedList(aa.ExceptionEventFields.split(',')); setCheckedList(aa.ExceptionEventFields.split(','));
} }
if (aa.SyncEvent === 1) {
form.setFieldsValue({ SyncEvent: true });
setSynchronization(true);
} else {
form.setFieldsValue({ SyncEvent: false });
setSynchronization(false);
}
setShape(aa.Shape); setShape(aa.Shape);
if (aa.Shape == '文本') { if (aa.Shape == '文本') {
setDetail('输入内容将显示在前端输入框提示信息中'); setDetail('输入内容将显示在前端输入框提示信息中');
...@@ -979,6 +1007,7 @@ const AddModal = props => { ...@@ -979,6 +1007,7 @@ const AddModal = props => {
setDetail(''); setDetail('');
} }
console.log(aa.Shape); console.log(aa.Shape);
console.log(aa.Config);
let coordinates = false, let coordinates = false,
picture = false, picture = false,
must = false; must = false;
...@@ -1216,6 +1245,13 @@ const AddModal = props => { ...@@ -1216,6 +1245,13 @@ const AddModal = props => {
setCharacterValue(res[0].data.root.ExceptionEventFields); setCharacterValue(res[0].data.root.ExceptionEventFields);
setCheckedList(res[0].data.root.ExceptionEventFields.split(',')); setCheckedList(res[0].data.root.ExceptionEventFields.split(','));
} }
if (res[0].data.root.SyncEvent === 1) {
form.setFieldsValue({ SyncEvent: true });
setSynchronization(true);
} else {
form.setFieldsValue({ SyncEvent: false });
setSynchronization(false);
}
setShape(res[0].data.root.Shape); setShape(res[0].data.root.Shape);
console.log(res[0].data.root.Shape); console.log(res[0].data.root.Shape);
let coordinates = false, let coordinates = false,
...@@ -1426,11 +1462,13 @@ const AddModal = props => { ...@@ -1426,11 +1462,13 @@ const AddModal = props => {
}); });
} }
if (res[0].data.root.Config.endsWith('.n')) { if (res[0].data.root.Config.endsWith('.n')) {
form.setFieldsValue({ choose: true }); console.log(111);
setCho(true);
} else {
form.setFieldsValue({ choose: false }); form.setFieldsValue({ choose: false });
setCho(false); setCho(false);
} else {
console.log(222);
form.setFieldsValue({ choose: true });
setCho(true);
} }
break; break;
} }
...@@ -1450,6 +1488,12 @@ const AddModal = props => { ...@@ -1450,6 +1488,12 @@ const AddModal = props => {
if (validate) { if (validate) {
setLoading(true); setLoading(true);
let obj = form.getFieldsValue(); let obj = form.getFieldsValue();
let aa = '';
if (synchronization == true) {
aa = 1;
} else {
aa = 0;
}
let data = [ let data = [
{ {
Unit: obj.Unit || '', Unit: obj.Unit || '',
...@@ -1467,7 +1511,7 @@ const AddModal = props => { ...@@ -1467,7 +1511,7 @@ const AddModal = props => {
Order: pramData.Order, Order: pramData.Order,
Name: obj.Name, Name: obj.Name,
Alias: obj.Alias, Alias: obj.Alias,
SyncEvent: obj.SyncEvent, SyncEvent: aa,
ValidationRule: obj.ValidationRule, ValidationRule: obj.ValidationRule,
ExceptionEventFields: characterValue, ExceptionEventFields: characterValue,
}, },
...@@ -1605,6 +1649,7 @@ const AddModal = props => { ...@@ -1605,6 +1649,7 @@ const AddModal = props => {
ShowConfig: '', ShowConfig: '',
pepole: '', pepole: '',
choose: '', choose: '',
SyncEvent: '',
}); });
setRadio(0); setRadio(0);
setRadio3('0'); setRadio3('0');
...@@ -1613,6 +1658,7 @@ const AddModal = props => { ...@@ -1613,6 +1658,7 @@ const AddModal = props => {
setCho(''); setCho('');
setCheckboxAll1(''); setCheckboxAll1('');
setCheckboxAllID1(''); setCheckboxAllID1('');
setSynchronization(false);
setFlag(false); setFlag(false);
setHide(true); setHide(true);
if (i == 1.14) { if (i == 1.14) {
...@@ -1827,6 +1873,10 @@ const AddModal = props => { ...@@ -1827,6 +1873,10 @@ const AddModal = props => {
setCheckboxAllID1(e.target.checked); setCheckboxAllID1(e.target.checked);
}; };
const changeSy = e => {
setSynchronization(e.target.checked);
};
return ( return (
<> <>
<Drawer <Drawer
...@@ -1898,15 +1948,19 @@ const AddModal = props => { ...@@ -1898,15 +1948,19 @@ const AddModal = props => {
</div> </div>
</Item> </Item>
<Item label="同步" name="SyncEvent" labelCol={{ span: 4 }}> <Item label="同步" name="SyncEvent" labelCol={{ span: 4 }}>
<Radio.Group> <Checkbox checked={synchronization} onChange={changeSy}>
工单 → 事件
</Checkbox>
{/* <Radio.Group>
<Radio value={0} style={{ marginRight: '0.5rem' }}> <Radio value={0} style={{ marginRight: '0.5rem' }}>
不同步 不同步
</Radio> </Radio>
<Radio value={1} style={{ marginRight: '0.5rem' }}> <Radio value={1} style={{ marginRight: '0.5rem' }}>
工单 → 事件 工单 → 事件
</Radio> </Radio>
</Radio.Group> */}
{/* <Radio value={2}>事件(上报时) → 工单</Radio> */} {/* <Radio value={2}>事件(上报时) → 工单</Radio> */}
</Radio.Group>
</Item> </Item>
<Row> <Row>
{/* <Col span={1} /> */} {/* <Col span={1} /> */}
...@@ -2270,8 +2324,8 @@ const AddModal = props => { ...@@ -2270,8 +2324,8 @@ const AddModal = props => {
<Tooltip <Tooltip
title={ title={
<> <>
<span>默认展示形式为下拉框</span> <span>弹窗显示人员所属机构</span>
<Image width={200} src={partImage} /> <Image width={200} src={AllImage} />
</> </>
} }
> >
...@@ -2286,21 +2340,6 @@ const AddModal = props => { ...@@ -2286,21 +2340,6 @@ const AddModal = props => {
</div> </div>
} }
> >
<Tooltip
title={
<>
<span>展示形式为弹窗显示人员所属机构</span>
<Image width={200} src={AllImage} />
</>
}
>
<InfoCircleOutlined
style={{
color: 'rgb(24 144 255)',
marginRight: '5px',
}}
/>
</Tooltip>
<div style={{ display: 'inline-block', marginRight: '10px' }}> <div style={{ display: 'inline-block', marginRight: '10px' }}>
<Item name="All1" style={{ marginBottom: '0' }}> <Item name="All1" style={{ marginBottom: '0' }}>
<Checkbox <Checkbox
...@@ -2342,7 +2381,7 @@ const AddModal = props => { ...@@ -2342,7 +2381,7 @@ const AddModal = props => {
return ( return (
<> <>
<Item <Item
label="角色|机构" label="过滤"
name="ConfigName" name="ConfigName"
labelCol={{ span: 4 }} labelCol={{ span: 4 }}
rules={[ rules={[
...@@ -2369,7 +2408,7 @@ const AddModal = props => { ...@@ -2369,7 +2408,7 @@ const AddModal = props => {
return ( return (
<> <>
<Item <Item
label="角色|机构" label="过滤:"
name="Config" name="Config"
labelCol={{ span: 4 }} labelCol={{ span: 4 }}
rules={[ rules={[
...@@ -2445,11 +2484,7 @@ const AddModal = props => { ...@@ -2445,11 +2484,7 @@ const AddModal = props => {
case '位置坐标': case '位置坐标':
return ( return (
<Item label="字段名称" name="Config" labelCol={{ span: 4 }}> <Item label="字段名称" name="Config" labelCol={{ span: 4 }}>
<Input <Input allowClear placeholder="请输入坐标位置" />
allowClear
style={{ width: '93%' }}
placeholder="请输入坐标位置"
/>
</Item> </Item>
); );
case '地址': case '地址':
...@@ -2512,7 +2547,7 @@ const AddModal = props => { ...@@ -2512,7 +2547,7 @@ const AddModal = props => {
fontSize: '24px', fontSize: '24px',
color: '#1890FF', color: '#1890FF',
marginTop: '8px', marginTop: '8px',
marginLeft: '-10px', marginLeft: '-3px',
}} }}
/> />
</Tooltip> </Tooltip>
......
...@@ -587,7 +587,6 @@ const AddModal = props => { ...@@ -587,7 +587,6 @@ const AddModal = props => {
} }
}; };
const mapTree = org => { const mapTree = org => {
console.log(org);
const haveChildren = Array.isArray(org.children) && org.children.length > 0; const haveChildren = Array.isArray(org.children) && org.children.length > 0;
return haveChildren ? ( return haveChildren ? (
<TreeNode value={org.name} title={org.name} disabled> <TreeNode value={org.name} title={org.name} disabled>
......
This diff is collapsed.
.serviceLog{ .serviceLog {
.head{ .head {
padding: 10px; padding: 10px;
background: white; background: white;
margin-bottom: 2px; margin-bottom: 2px;
min-width: 1030px; min-width: 1030px;
} }
.chart{ .foot {
padding: 10px; padding: 10px;
background: white; background: white;
font-size:20px; font-size: 20px;
} }
.table{ .table {
border-top: 1px solid #f0eded; border-top: 1px solid #f0eded;
// overflow: auto;//不要这个,pagination否则无法固定底部 // overflow: auto;//不要这个,pagination否则无法固定底部
.ant-table-thead tr th{ .ant-table-thead tr th {
font-weight: 600; font-weight: 600;
color:rgba(0,0,0,0.85); color: rgba(0, 0, 0, 0.85);
background-color:#F6F9FE; background-color: #f6f9fe;
} }
.ant-table-body{ .ant-table-body {
height:calc(100vh - 580px); height: calc(100vh - 565px);
border-right: white; border-right: white;
overflow: auto !important; overflow: auto !important;
} }
.ant-pagination{ .ant-pagination {
z-index: 999; z-index: 999;
border-top: 1px solid #f0eded; border-top: 1px solid #f0eded;
} }
.ant-table-pagination{ .ant-table-pagination {
padding-right: 12px; padding-right: 12px;
background: white; background: white;
margin: 1px 0; margin: 1px 0;
padding:8px; padding: 8px;
padding-right: 20px; padding-right: 20px;
} }
.ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last{ .ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last {
border-right: 1px solid #DBE7FB !important; border-right: 1px solid #dbe7fb !important;
} }
.ant-table.ant-table-small { .ant-table.ant-table-small {
width: 99%; width: 99%;
margin: 10px auto; margin: 10px auto;
} }
.ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last{ .ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last {
border: 1px solid #DBE7FB; border: 1px solid #dbe7fb;
} }
} }
.ant-spin-container { .ant-spin-container {
background-color: white; background-color: white;
} }
.fontColor{ .fontColor {
font-weight: 600; font-weight: 600;
} }
.icon{ .icon {
margin-top: -5px !important; // margin-top: -5px !important;
vertical-align: text-bottom; vertical-align: text-bottom;
} }
.sel{ .sel {
width: 100px; width: 100px;
} }
} }
.ant-table-column-sorter-up + .ant-table-column-sorter-down {
margin-top: 0;
}
.ant-select-arrow .anticon > svg {
vertical-align: middle;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment