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

事件权限交互修改

parent f3348486
Pipeline #39811 skipped with stages
/* eslint-disable spaced-comment */
/* eslint-disable eqeqeq */
import React, { useEffect, useRef, useState } from 'react'; import React, { useEffect, useRef, useState } from 'react';
import { import {
Card, Card,
...@@ -258,7 +260,7 @@ const InitDataBase = props => { ...@@ -258,7 +260,7 @@ const InitDataBase = props => {
}) })
.then(res => { .then(res => {
setCardLoading(false); setCardLoading(false);
if (res.code === 0&& res.data == true) { if (res.code == 0 && res.data == true) {
notification.success({ notification.success({
message: '提示', message: '提示',
duration: 3, duration: 3,
...@@ -279,7 +281,7 @@ const InitDataBase = props => { ...@@ -279,7 +281,7 @@ const InitDataBase = props => {
}; };
// 获取数据库列表 // 获取数据库列表
const selectFocus = e => { const selectFocus = e => {
//setOption([]); //setOption([]);
let params = form.getFieldsValue(); let params = form.getFieldsValue();
getDataBaseList({ getDataBaseList({
// _version: 9999, // _version: 9999,
...@@ -290,7 +292,7 @@ const InitDataBase = props => { ...@@ -290,7 +292,7 @@ const InitDataBase = props => {
}) })
.then(res => { .then(res => {
if (res.code == 0) { if (res.code == 0) {
console.log(res.data.root) console.log(res.data.root);
setOption(res.data.root); setOption(res.data.root);
} else { } else {
notification.error({ notification.error({
...@@ -689,7 +691,7 @@ const InitDataBase = props => { ...@@ -689,7 +691,7 @@ const InitDataBase = props => {
<Input placeholder="请输入用户名称" /> <Input placeholder="请输入用户名称" />
</Form.Item> </Form.Item>
<Form.Item label={`${formLables.password}:`} name="password"> <Form.Item label={`${formLables.password}:`} name="password">
<Input placeholder="请输入用户密码" type="password"/> <Input placeholder="请输入用户密码" type="password" />
</Form.Item> </Form.Item>
<Form.Item label={`${formLables.dbName}:`} name="dbName"> <Form.Item label={`${formLables.dbName}:`} name="dbName">
<Select <Select
...@@ -757,7 +759,7 @@ const InitDataBase = props => { ...@@ -757,7 +759,7 @@ const InitDataBase = props => {
<Card className={styles.mgTop20}> <Card className={styles.mgTop20}>
<div className={styles.tableTitle}>近期保存的数据库连接</div> <div className={styles.tableTitle}>近期保存的数据库连接</div>
<Table <Table
style={{ marginTop: '20px'}} style={{ marginTop: '20px' }}
scroll={{ x: 'max-content', y: 'calc(100vh - 580px)' }} scroll={{ x: 'max-content', y: 'calc(100vh - 580px)' }}
columns={columns} columns={columns}
dataSource={data} dataSource={data}
......
...@@ -8,7 +8,7 @@ import { ...@@ -8,7 +8,7 @@ import {
Popconfirm, Popconfirm,
notification, notification,
Spin, Spin,
Pagination Pagination,
} from 'antd'; } from 'antd';
import copy from 'copy-to-clipboard'; import copy from 'copy-to-clipboard';
import PageContainer from '@/components/BasePageContainer'; import PageContainer from '@/components/BasePageContainer';
...@@ -338,11 +338,11 @@ const ManagementDataBase = () => { ...@@ -338,11 +338,11 @@ const ManagementDataBase = () => {
]; ];
const paginationChange = (page, pageSizes) => { const paginationChange = (page, pageSizes) => {
console.log(page) console.log(page);
console.log(pageSizes) console.log(pageSizes);
setCurrentPage(page); setCurrentPage(page);
setPageSize(pageSizes); setPageSize(pageSizes);
} };
return ( return (
<> <>
......
...@@ -133,7 +133,7 @@ const Fieldselection = props => { ...@@ -133,7 +133,7 @@ const Fieldselection = props => {
title="流程节点配置" title="流程节点配置"
visible={visible} visible={visible}
onOk={onFinish} onOk={onFinish}
width="700px" width="750px"
onCancel={handleCancel} onCancel={handleCancel}
maskClosable={false} maskClosable={false}
destroyOnClose destroyOnClose
......
...@@ -130,7 +130,7 @@ const AddFlowsModal = props => { ...@@ -130,7 +130,7 @@ const AddFlowsModal = props => {
let a1 = []; let a1 = [];
let a2; let a2;
let a3 = []; let a3 = [];
initialArr.map(i => { initialArr.data.map(i => {
// console.log(i.groupType) // console.log(i.groupType)
a2 = i.groupType; a2 = i.groupType;
// console.log(a2) // console.log(a2)
......
...@@ -791,11 +791,12 @@ const AddModal = props => { ...@@ -791,11 +791,12 @@ const AddModal = props => {
return tempObj; return tempObj;
}; };
const formateArrDataA1 = (initialArr, name) => { const formateArrDataA1 = (initialArr, name) => {
console.log(initialArr);
let aa = []; let aa = [];
let a1 = []; let a1 = [];
let a2; let a2;
let a3 = []; let a3 = [];
initialArr.map(i => { initialArr.data.map(i => {
// console.log(i.groupType) // console.log(i.groupType)
a2 = i.groupType; a2 = i.groupType;
// console.log(a2) // console.log(a2)
...@@ -888,6 +889,9 @@ const AddModal = props => { ...@@ -888,6 +889,9 @@ const AddModal = props => {
}; };
const onOK = prop => { const onOK = prop => {
console.log(prop.isType); console.log(prop.isType);
console.log(prop.stt);
console.log(prop.filed22);
console.log(prop.title);
if (prop.isType == 'app') { if (prop.isType == 'app') {
let title = prop.title; let title = prop.title;
let selectData = prop.stt; let selectData = prop.stt;
...@@ -904,8 +908,13 @@ const AddModal = props => { ...@@ -904,8 +908,13 @@ const AddModal = props => {
} }
}); });
console.log(aa); console.log(aa);
if (aa.length == 0) { if (item == '外部字段' && aa.length == 0) {
bb = 1; bb = 0;
} else {
// eslint-disable-next-line no-lonely-if
if (aa.length == 0) {
bb = 1;
}
} }
}); });
console.log(aa); console.log(aa);
...@@ -917,6 +926,8 @@ const AddModal = props => { ...@@ -917,6 +926,8 @@ const AddModal = props => {
} else { } else {
setIsVisible(false); setIsVisible(false);
let inputText = { ...inputValue }; let inputText = { ...inputValue };
console.log(inputText);
console.log(prop.str);
inputText[prop.pickItem] = prop.str; inputText[prop.pickItem] = prop.str;
setCheckedList1(prop.checkedList); setCheckedList1(prop.checkedList);
setInputValue(inputText); setInputValue(inputText);
...@@ -990,11 +1001,11 @@ const AddModal = props => { ...@@ -990,11 +1001,11 @@ const AddModal = props => {
} }
} }
}); });
if (a.length > 0) { // if (a.length > 0) {
pp.外部字段 = a; // pp.外部字段 = a;
console.log(pp); // console.log(pp);
arr.push('外部字段'); // arr.push('外部字段');
} // }
console.log(a); console.log(a);
console.log(pp); console.log(pp);
setFiled1(pp); setFiled1(pp);
......
.ant-modal-close-x {
line-height: 35px;
}
.ant-btn .anticon.anticon-plus > svg {
margin-top: -5px;
}
.incidentContainer {
.ant-card-body {
padding: 12px 24px 24px 24px;
}
.ant-modal-body {
padding: 0px 24px 0px 24px;
}
.linkDrowp {
position: absolute;
left: 93.5%;
width: 1rem;
height: 100%;
display: flex;
align-items: center;
}
.listItem {
display: flex;
justify-content: space-between;
font-size: 14px;
font-weight: 400;
color: #414e65;
cursor: pointer;
line-height: 28px;
align-items: center;
padding: 8px 14px;
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
margin-top: -5px;
}
.pickItem {
background-color: #f5f6f9;
}
.contentContainers {
.ant-table table {
width: 100% !important;
overflow-x: scroll;
}
display: flex;
width: 100%;
position: relative;
.ant-table.ant-table-bordered > .ant-table-container {
min-width: calc(100vw - 582px);
height: calc(100vh - 166px);
overflow-x: hidden;
border: none;
}
.orgContainer {
height: calc(100vh - 74px);
width: 250px;
left: 0;
top: 0;
overflow-x: hidden;
margin-right: 10px;
position: relative;
transition-property: width, left;
transition-duration: 0.5s;
white-space: nowrap;
.ant-tree {
padding-top: 6px;
.ant-tree-switcher {
line-height: 1;
margin-right: 0px !important;
color: #1890ff;
.ant-tree-switcher-line-icon {
margin-left: 5px;
}
}
}
.switcher {
display: block;
position: absolute;
font-size: 18px;
color: #1890ff !important;
top: 50%;
right: 2px;
transform: translate(0%, -50%);
z-index: 1;
}
}
.orgContainerHide {
// transform: translateX(-230px);
left: 0px;
top: 0;
width: 26px;
}
.ant-popover-message-title {
padding-left: 20px;
}
.userContainer {
height: calc(100vh - 74px) !important;
z-index: 999;
min-width: 800px;
background: white;
width: 100%;
position: relative;
transition: width 0.5s;
.title {
margin: 16px 0 10px 16px;
display: inline-block;
width: 270px;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ant-table-pagination {
padding-right: 12px;
background: white;
margin: 1px 0;
padding: 8px;
padding-right: 20px;
}
.ant-btn {
margin: 0px 10px;
.ant-btn-primary {
background: #50aefc;
}
}
.ant-input-search-button {
margin-left: 0px !important;
}
.ant-table-thead tr th {
font-weight: 600;
color: rgba(0, 0, 0, 0.85);
background-color: #f6f9fe;
}
.ant-table-cell {
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ant-table-body {
height: calc(100vh - 210px);
border-right: white;
overflow: auto !important;
}
.clickRowStyle {
background: #cfe7fd;
}
.ant-pagination {
z-index: 999;
border-top: 1px solid #f0eded;
}
}
}
.icon {
margin-top: -5px !important;
vertical-align: text-bottom;
}
}
.formData {
height: 38rem;
overflow-y: scroll;
.ant-form-item-label
> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
display: none;
}
.formData_label {
display: flex;
align-items: center;
}
.filed_listItem {
display: flex;
height: 3.6rem;
.ant-btn-icon-only {
width: 32px;
height: 32px;
/* padding: 2.4px 0; */
font-size: 16px;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
}
}
.ant-modal-root .ant-checkbox-group .ant-checkbox-group-item {
margin-right: 0px !important;
min-width: 200px !important;
}
}
.listCard {
display: flex;
justify-content: space-around;
width: 100%;
.cardItem {
padding: 0.5rem;
width: 50%;
}
.cardContent {
height: 30rem;
overflow-y: scroll;
overflow-x: scroll;
width: 100%;
}
.cardItemData {
padding: 1rem;
border: 1px solid #b5b8c8;
margin-bottom: 1rem;
overflow-x: scroll;
}
}
.listCard1 {
width: 100%;
display: flex;
height: 34rem;
.cardItem1 {
border: 1px solid #b5b8c8;
padding: 0.5rem;
width: 70%;
}
.cardItem11 {
padding: 0rem 0.5rem;
width: 30%;
height: 34.5rem;
overflow-y: scroll;
overflow-x: scroll;
}
.cardContent1 {
height: 33rem;
overflow-y: scroll;
width: 100%;
display: flex;
justify-content: space-around;
}
.tab {
width: 100%;
}
.cardItemData1 {
padding: 0rem 1rem;
margin-bottom: 1rem;
width: 100%;
height: 28rem;
}
}
.doctorTable {
margin-bottom: 16px;
}
.ant-drawer-footer {
display: flex;
justify-content: flex-end;
}
.config {
display: flex;
padding: 1rem 0 0.5rem 0.5rem;
justify-content: space-between;
width: calc(100% - 10px);
.title {
font-size: 18px;
color: rgba(0, 114, 255, 1);
font-weight: bold;
}
.btn {
display: flex;
justify-content: flex-end;
width: 20rem;
}
.ant-btn {
display: flex;
align-items: center;
margin-left: 20px;
}
}
.containerBox {
width: 100vm;
height: calc(100vh - 90px);
background: #ffffff;
.ant-table.ant-table-small
.ant-table-tbody
.ant-table-wrapper:only-child
.ant-table {
margin-left: 0;
}
.ant-table.ant-table-bordered > .ant-table-container {
border: none;
}
.clickRowStyle {
background: #cfe7fd;
}
.ant-table-thead tr th {
font-weight: 600;
color: rgba(0, 0, 0, 0.85);
}
}
.panda-pro-pages-platform-center-bsmanager-work-order-incident-filed_listItem {
display: flex;
}
...@@ -76,38 +76,90 @@ const incident = () => { ...@@ -76,38 +76,90 @@ const incident = () => {
dataIndex: 'name', dataIndex: 'name',
key: 'name', key: 'name',
width: 150, width: 150,
render: record => {
if (record) {
return (
<Tooltip placement="topLeft" title={record}>
{record}
</Tooltip>
);
}
},
}, },
{ {
title: '事件主表', title: '事件主表',
dataIndex: 'tableName', dataIndex: 'tableName',
key: 'tableName', key: 'tableName',
width: 200, width: 200,
ellipsis: true, render: record => {
if (record) {
return (
<Tooltip placement="topLeft" title={record}>
{record}
</Tooltip>
);
}
},
}, },
{ {
title: '编码', title: '编码',
dataIndex: 'code', dataIndex: 'code',
key: 'code', key: 'code',
width: 50, width: 80,
render: record => {
if (record) {
return (
<Tooltip placement="topLeft" title={record}>
{record}
</Tooltip>
);
}
},
}, },
{ {
title: '摘要字段', title: '摘要字段',
dataIndex: 'summaryFields', dataIndex: 'summaryFields',
key: 'summaryFields', key: 'summaryFields',
width: 200, width: 100,
ellipsis: true, render: record => {
if (record) {
return (
<Tooltip placement="topLeft" title={record}>
{record}
</Tooltip>
);
}
},
}, },
{ {
title: '权限', title: '权限',
dataIndex: 'roles', dataIndex: 'roles',
key: 'roles', key: 'roles',
width: 50, width: 50,
render: record => {
if (record) {
return (
<Tooltip placement="topLeft" title={record}>
{record}
</Tooltip>
);
}
},
}, },
{ {
title: '流程', title: '流程',
dataIndex: 'flowCount', dataIndex: 'flowCount',
key: 'flowCount', key: 'flowCount',
width: 50, width: 50,
render: record => {
if (record) {
return (
<Tooltip placement="topLeft" title={record}>
{record}
</Tooltip>
);
}
},
}, },
{ {
title: '上报', title: '上报',
...@@ -119,23 +171,35 @@ const incident = () => { ...@@ -119,23 +171,35 @@ const incident = () => {
title: '上报字段', title: '上报字段',
dataIndex: 'reportFields', dataIndex: 'reportFields',
key: 'reportFields', key: 'reportFields',
width: 100, width: 80,
render: item => ( render: record => {
<span style={{ color: 'grey' }} key={item}> if (record) {
{item} return (
</span> <Tooltip placement="topLeft" title={record}>
), <span style={{ color: 'grey' }} key={record}>
{record}
</span>
</Tooltip>
);
}
},
}, },
{ {
title: '显示字段', title: '显示字段',
dataIndex: 'displayFields', dataIndex: 'displayFields',
key: 'displayFields', key: 'displayFields',
width: 100, width: 80,
render: item => ( render: record => {
<span style={{ color: 'grey' }} key={item}> if (record) {
{item} return (
</span> <Tooltip placement="topLeft" title={record}>
), <span style={{ color: 'grey' }} key={record}>
{record}
</span>
</Tooltip>
);
}
},
}, },
{ {
...@@ -153,7 +217,7 @@ const incident = () => { ...@@ -153,7 +217,7 @@ const incident = () => {
title: '编辑字段', title: '编辑字段',
dataIndex: 'editableFields', dataIndex: 'editableFields',
key: 'editableFields', key: 'editableFields',
width: 100, width: 80,
render: item => ( render: item => (
<div <div
ref={r => { ref={r => {
...@@ -168,7 +232,7 @@ const incident = () => { ...@@ -168,7 +232,7 @@ const incident = () => {
title: '上报方式', title: '上报方式',
dataIndex: 'createMode', dataIndex: 'createMode',
key: 'createMode', key: 'createMode',
width: 100, width: 80,
}, },
// { // {
// title: '置顶条件', // title: '置顶条件',
...@@ -500,12 +564,12 @@ const incident = () => { ...@@ -500,12 +564,12 @@ const incident = () => {
</div> </div>
<div className={styles.switcher}> <div className={styles.switcher}>
{treeVisible && ( {treeVisible && (
<Tooltip title="隐藏机构列表"> <Tooltip title="隐藏事件列表">
<DoubleLeftOutlined onClick={() => setTreeVisible(false)} /> <DoubleLeftOutlined onClick={() => setTreeVisible(false)} />
</Tooltip> </Tooltip>
)} )}
{!treeVisible && ( {!treeVisible && (
<Tooltip title="显示机构列表"> <Tooltip title="显示事件列表">
<DoubleRightOutlined onClick={() => setTreeVisible(true)} /> <DoubleRightOutlined onClick={() => setTreeVisible(true)} />
</Tooltip> </Tooltip>
)} )}
...@@ -547,7 +611,7 @@ const incident = () => { ...@@ -547,7 +611,7 @@ const incident = () => {
})} })}
columns={columns} columns={columns}
dataSource={tableData[pickItem]} dataSource={tableData[pickItem]}
// scroll={{ y: 'calc(100vh - 155px)', x: 'max-content' }} scroll={{ y: 'calc(100vh - 155px)', x: 'max-content' }}
pagination={{ pagination={{
showTotal: (total, range) => showTotal: (total, range) =>
`第${range[0]}-${range[1]} 条/共 ${total} 条`, `第${range[0]}-${range[1]} 条/共 ${total} 条`,
......
...@@ -8,7 +8,9 @@ ...@@ -8,7 +8,9 @@
.ant-card-body { .ant-card-body {
padding: 12px 24px 24px 24px; padding: 12px 24px 24px 24px;
} }
.ant-modal-body {
padding: 0px 24px 0px 24px;
}
.linkDrowp { .linkDrowp {
position: absolute; position: absolute;
left: 93.5%; left: 93.5%;
...@@ -36,6 +38,10 @@ ...@@ -36,6 +38,10 @@
background-color: #f5f6f9; background-color: #f5f6f9;
} }
.contentContainers { .contentContainers {
.ant-table table {
width: 100% !important;
overflow-x: scroll;
}
display: flex; display: flex;
width: 100%; width: 100%;
position: relative; position: relative;
...@@ -129,7 +135,7 @@ ...@@ -129,7 +135,7 @@
.ant-table-cell { .ant-table-cell {
text-align: center; text-align: center;
overflow: hidden; overflow: hidden;
// text-overflow:ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.ant-table-body { .ant-table-body {
...@@ -204,10 +210,20 @@ ...@@ -204,10 +210,20 @@
} }
} }
.listCard1 { .listCard1 {
width: 100%;
display: flex; display: flex;
height: 34rem;
.cardItem1 { .cardItem1 {
border: 1px solid #b5b8c8;
padding: 0.5rem; padding: 0.5rem;
width: 100%; width: 70%;
}
.cardItem11 {
padding: 0rem 0.5rem;
width: 30%;
height: 34.5rem;
overflow-y: scroll;
overflow-x: scroll;
} }
.cardContent1 { .cardContent1 {
height: 33rem; height: 33rem;
...@@ -216,12 +232,14 @@ ...@@ -216,12 +232,14 @@
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
} }
.tab {
width: 100%;
}
.cardItemData1 { .cardItemData1 {
padding: 1rem; padding: 0rem 1rem;
border: 1px solid #b5b8c8;
margin-bottom: 1rem; margin-bottom: 1rem;
width: 33.3%; width: 100%;
overflow-x: scroll; height: 28rem;
} }
} }
.doctorTable { .doctorTable {
......
...@@ -49,7 +49,7 @@ const GateConfig = () => { ...@@ -49,7 +49,7 @@ const GateConfig = () => {
> >
<img src={configuration} style={{ height: '16px' }} alt="" /> <img src={configuration} style={{ height: '16px' }} alt="" />
<span style={{ marginLeft: '10px', fontWeight: 'bold' }}> <span style={{ marginLeft: '10px', fontWeight: 'bold' }}>
服务管理 网关配置
</span> </span>
</div> </div>
<Divider /> <Divider />
...@@ -66,7 +66,7 @@ const GateConfig = () => { ...@@ -66,7 +66,7 @@ const GateConfig = () => {
marginRight: '-10px', marginRight: '-10px',
}} }}
> >
服务运行 网关开启
</div> </div>
</Col> </Col>
<Col span={22}> <Col span={22}>
......
...@@ -187,7 +187,7 @@ const AddModal = props => { ...@@ -187,7 +187,7 @@ const AddModal = props => {
title={isType === 'rule' ? '选择验证规则' : '字段集选择'} title={isType === 'rule' ? '选择验证规则' : '字段集选择'}
bodyStyle={{ width: '100%', minHeight: '100px' }} bodyStyle={{ width: '100%', minHeight: '100px' }}
style={{ top: '10px' }} style={{ top: '10px' }}
width="700px" width="750px"
centered centered
maskClosable={false} maskClosable={false}
cancelText="取消" cancelText="取消"
......
...@@ -294,7 +294,7 @@ ...@@ -294,7 +294,7 @@
.cardContent { .cardContent {
height: 40rem; height: 40rem;
overflow-y: scroll; overflow-y: scroll;
width: 19.5rem; width: 21rem;
} }
.cardItemData { .cardItemData {
padding: 1rem; padding: 1rem;
......
...@@ -369,7 +369,7 @@ ...@@ -369,7 +369,7 @@
.ant-checkbox-group .ant-checkbox-group-item { .ant-checkbox-group .ant-checkbox-group-item {
margin-right: 0px !important; margin-right: 0px !important;
min-width: 200px !important; min-width: 300px !important;
} }
.ant-tree-list-holder { .ant-tree-list-holder {
......
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