Commit de90d97d authored by 邓超's avatar 邓超

fix: 修改工作流编辑器配置、web配置

parent e6206ea2
Pipeline #53212 waiting for manual action with stages
...@@ -8,7 +8,7 @@ import 'sanitize.css/sanitize.css'; ...@@ -8,7 +8,7 @@ import 'sanitize.css/sanitize.css';
import React from 'react'; import React from 'react';
import ReactDOM from 'react-dom'; import ReactDOM from 'react-dom';
import { ArcGISMap as MapComponent } from '@wisdom-map/arcgismap'; // import { ArcGISMap as MapComponent } from '@wisdom-map/arcgismap';
import { ConfigProvider } from 'antd'; import { ConfigProvider } from 'antd';
import zhCN from 'antd/es/locale/zh_CN'; import zhCN from 'antd/es/locale/zh_CN';
import { ConnectedRouter } from 'connected-react-router/immutable'; import { ConnectedRouter } from 'connected-react-router/immutable';
......
...@@ -2,17 +2,21 @@ ...@@ -2,17 +2,21 @@
color: red; color: red;
cursor: pointer; cursor: pointer;
} }
.ant-layout { .ant-layout {
overflow: auto; overflow: auto;
.ant-layout-content { .ant-layout-content {
margin: 12px !important; margin: 12px !important;
} }
} }
.ant-btn > .anticon + span,
.ant-btn > span + .anticon { .ant-btn>.anticon+span,
.ant-btn>span+.anticon {
margin-left: 8px; margin-left: 8px;
vertical-align: middle; vertical-align: middle;
} }
.siteTitle { .siteTitle {
font-size: 16px; font-size: 16px;
margin: 0 0 6px 0; margin: 0 0 6px 0;
...@@ -20,14 +24,16 @@ ...@@ -20,14 +24,16 @@
padding: 3px; padding: 3px;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
} }
.userManageContainer { .userManageContainer {
.ant-card-body { .ant-card-body {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
} }
.listItem { .listItem {
display: flex; // display: flex;
justify-content: space-between; // justify-content: space-between;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #414e65; color: #414e65;
...@@ -35,38 +41,51 @@ ...@@ -35,38 +41,51 @@
line-height: 28px; line-height: 28px;
align-items: center; align-items: center;
padding: 8px 14px; padding: 8px 14px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
} }
.pickItem { .pickItem {
background-color: #aed8fa; background-color: #aed8fa;
} }
.listHover { .listHover {
background-color: #f5f6f9; background-color: #f5f6f9;
} }
.ant-form-item { .ant-form-item {
vertical-align: top; vertical-align: top;
} }
.ant-form-item-label > label {
.ant-form-item-label>label {
align-items: middle; align-items: middle;
} }
.ant-modal-body { .ant-modal-body {
padding-bottom: 0px; padding-bottom: 0px;
padding-right: 40px; padding-right: 40px;
padding-left: 40px; padding-left: 40px;
.ant-form { .ant-form {
width: 90%; width: 90%;
} }
} }
.anticon svg { .anticon svg {
margin-top: -3px; margin-top: -3px;
} }
.ant-popover-message { .ant-popover-message {
position: relative; position: relative;
padding: 0px 0 0px; padding: 0px 0 0px;
color: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85);
font-size: 14px; font-size: 14px;
} }
.ant-tree-treenode { .ant-tree-treenode {
width: 100% !important; width: 100% !important;
.ant-tree-node-content-wrapper { .ant-tree-node-content-wrapper {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
...@@ -74,31 +93,37 @@ ...@@ -74,31 +93,37 @@
.iconWraper1 { .iconWraper1 {
float: right; float: right;
span { span {
display: none; display: none;
} }
} }
} }
.ant-tree-treenode:hover { .ant-tree-treenode:hover {
.iconWraper1 > span { .iconWraper1>span {
margin-left: 12px; margin-left: 12px;
font-size: 18px; font-size: 18px;
display: inline-block; display: inline-block;
} }
} }
.ant-radio-group { .ant-radio-group {
margin: 0px !important; margin: 0px !important;
} }
.contentContainers { .contentContainers {
display: flex; display: flex;
width: 100%; width: 100%;
position: relative; position: relative;
.ant-table.ant-table-bordered > .ant-table-container {
.ant-table.ant-table-bordered>.ant-table-container {
min-width: calc(100vw - 582px); min-width: calc(100vw - 582px);
// height: calc(100vh - 175px); // height: calc(100vh - 175px);
overflow-x: hidden; overflow-x: hidden;
border: none; border: none;
} }
.orgContainer { .orgContainer {
height: calc(100vh - 74px); height: calc(100vh - 74px);
width: 240px; width: 240px;
...@@ -110,17 +135,21 @@ ...@@ -110,17 +135,21 @@
transition-duration: 0.5s; transition-duration: 0.5s;
white-space: nowrap; white-space: nowrap;
padding-right: 20px; padding-right: 20px;
.ant-tree { .ant-tree {
padding-top: 6px; padding-top: 6px;
.ant-tree-switcher { .ant-tree-switcher {
line-height: 1; line-height: 1;
margin-right: 0px !important; margin-right: 0px !important;
color: #1890ff; color: #1890ff;
.ant-tree-switcher-line-icon { .ant-tree-switcher-line-icon {
margin-left: 5px; margin-left: 5px;
} }
} }
} }
.switcher { .switcher {
display: block; display: block;
position: absolute; position: absolute;
...@@ -139,9 +168,11 @@ ...@@ -139,9 +168,11 @@
top: 0; top: 0;
width: 26px; width: 26px;
} }
.ant-popover-message-title { .ant-popover-message-title {
padding-left: 20px; padding-left: 20px;
} }
.userContainer { .userContainer {
height: calc(100vh - 74px) !important; height: calc(100vh - 74px) !important;
z-index: 999; z-index: 999;
...@@ -150,6 +181,7 @@ ...@@ -150,6 +181,7 @@
width: 100%; width: 100%;
position: relative; position: relative;
transition: width 0.5s; transition: width 0.5s;
.title { .title {
margin: 16px 0 10px 16px; margin: 16px 0 10px 16px;
display: inline-block; display: inline-block;
...@@ -159,6 +191,7 @@ ...@@ -159,6 +191,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.ant-table-pagination { .ant-table-pagination {
padding-right: 12px; padding-right: 12px;
background: white; background: white;
...@@ -166,33 +199,41 @@ ...@@ -166,33 +199,41 @@
padding: 8px; padding: 8px;
padding-right: 20px; padding-right: 20px;
} }
.ant-btn { .ant-btn {
margin: 0px 10px; margin: 0px 10px;
.ant-btn-primary { .ant-btn-primary {
background: #50aefc; background: #50aefc;
} }
} }
.ant-input-search-button { .ant-input-search-button {
margin-left: 0px !important; margin-left: 0px !important;
} }
.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);
} }
.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 {
height: calc(100vh - 210px); height: calc(100vh - 210px);
border-right: white; border-right: white;
overflow: auto !important; overflow: auto !important;
} }
.clickRowStyle { .clickRowStyle {
background: #cfe7fd; background: #cfe7fd;
} }
.ant-pagination { .ant-pagination {
z-index: 999; z-index: 999;
border-top: 1px solid #f0eded; border-top: 1px solid #f0eded;
...@@ -200,21 +241,25 @@ ...@@ -200,21 +241,25 @@
} }
} }
} }
.ant-modal-root { .ant-modal-root {
.ant-tree-switcher { .ant-tree-switcher {
line-height: 1; line-height: 1;
color: #1890ff; color: #1890ff;
margin-right: 0px !important; margin-right: 0px !important;
} }
.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: 200px !important;
} }
.ant-tree-list-holder { .ant-tree-list-holder {
overflow: auto; overflow: auto;
overflow-x: hidden; overflow-x: hidden;
height: 40vh; height: 40vh;
} }
.ant-tabs-content-holder { .ant-tabs-content-holder {
overflow: auto; overflow: auto;
height: 50vh; height: 50vh;
...@@ -224,22 +269,27 @@ ...@@ -224,22 +269,27 @@
.ant-modal-content { .ant-modal-content {
border-radius: 5px; border-radius: 5px;
} }
.ant-modal-header { .ant-modal-header {
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
padding: 28px 40px; padding: 28px 40px;
} }
.ant-modal-close { .ant-modal-close {
top: 14px; top: 14px;
right: 20px; right: 20px;
} }
.ant-modal-footer { .ant-modal-footer {
border: none; border: none;
padding: 28px 40px; padding: 28px 40px;
} }
.ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
.ant-modal-footer .ant-btn+.ant-btn:not(.ant-dropdown-trigger) {
margin-bottom: 0; margin-bottom: 0;
margin-left: 15px; margin-left: 15px;
} }
// .ant-form-horizontal .ant-form-item-control { // .ant-form-horizontal .ant-form-item-control {
// margin-left: 10px; // margin-left: 10px;
// } // }
...@@ -252,18 +302,22 @@ ...@@ -252,18 +302,22 @@
display: flex; display: flex;
align-items: center; align-items: center;
} }
.title { .title {
display: flex; display: flex;
align-items: center; align-items: center;
width: 100%; width: 100%;
} }
.tip { .tip {
display: none; display: none;
} }
.fs { .fs {
font-size: 18px; font-size: 18px;
margin-left: 10px; margin-left: 10px;
} }
.title:hover { .title:hover {
.tip { .tip {
display: flex; display: flex;
...@@ -272,66 +326,78 @@ ...@@ -272,66 +326,78 @@
width: 100%; width: 100%;
} }
} }
.titleText { .titleText {
width: 12rem; width: 12rem;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.ant-popover-inner { .ant-popover-inner {
border-radius: 10px; border-radius: 10px;
background-color: rgba(255, 255, 255, 0.788); background-color: rgba(255, 255, 255, 0.788);
} }
.ant-popover-inner-content { .ant-popover-inner-content {
padding: 10px 10px; padding: 10px 10px;
} }
.ant-popover-message > .anticon { .ant-popover-message>.anticon {
top: 7.0005px; top: 7.0005px;
} }
.listCard { .listCard {
display: flex; display: flex;
.cardItem { .cardItem {
padding: 0.5rem; padding: 0.5rem;
} }
.cardContent { .cardContent {
height: 40rem; height: 40rem;
overflow-y: scroll; overflow-y: scroll;
width: 21rem; width: 21rem;
} }
.cardItemData { .cardItemData {
padding: 1rem; padding: 1rem;
border: 1px solid #b5b8c8; border: 1px solid #b5b8c8;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
} }
.sortable-ghost { .sortable-ghost {
border-bottom: 2px dashed #1890ff; border-bottom: 2px dashed #1890ff;
} }
.doctorTable { .doctorTable {
margin-bottom: 16px; margin-bottom: 16px;
.cardContent { .cardContent {
height: 40rem; height: 40rem;
overflow-y: scroll; overflow-y: scroll;
width: 19.5rem; width: 19.5rem;
} }
} }
.formData { .formData {
height: calc(100vh - 170px); height: calc(100vh - 170px);
overflow-y: scroll; overflow-y: scroll;
padding-right: 20px; padding-right: 20px;
.ant-form-item-label
> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before { .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
display: none; display: none;
} }
.doctorTable { .doctorTable {
margin-bottom: 16px; margin-bottom: 16px;
} }
.filed_listItem { .filed_listItem {
display: flex; display: flex;
height: 3.6rem; height: 3.6rem;
.ant-btn-icon-only { .ant-btn-icon-only {
width: 32px; width: 32px;
height: 32px; height: 32px;
...@@ -344,4 +410,4 @@ ...@@ -344,4 +410,4 @@
justify-content: center; justify-content: center;
} }
} }
} }
\ No newline at end of file
...@@ -366,7 +366,7 @@ const NodeEdit = props => { ...@@ -366,7 +366,7 @@ const NodeEdit = props => {
<Option value="移交上报人">移交上报人</Option> <Option value="移交上报人">移交上报人</Option>
</Select> </Select>
</Form.Item> </Form.Item>
<Form.Item label="检查前面在办" name="aheadHandle"> {/* <Form.Item label="检查前面在办" name="aheadHandle">
<Select> <Select>
<Option value={0}>前面有在办也能移交</Option> <Option value={0}>前面有在办也能移交</Option>
<Option value={1}>前面有在办不能移交</Option> <Option value={1}>前面有在办不能移交</Option>
...@@ -378,7 +378,7 @@ const NodeEdit = props => { ...@@ -378,7 +378,7 @@ const NodeEdit = props => {
<Option value={1}>多人接收,一人办理</Option> <Option value={1}>多人接收,一人办理</Option>
<Option value={2}>一人接收,一人办理</Option> <Option value={2}>一人接收,一人办理</Option>
</Select> </Select>
</Form.Item> </Form.Item> */}
<Form.Item label="平级移交" name="Transferable"> <Form.Item label="平级移交" name="Transferable">
<Radio.Group> <Radio.Group>
<Radio value="0"></Radio> <Radio value="0"></Radio>
......
...@@ -363,12 +363,14 @@ const FlowChart = props => { ...@@ -363,12 +363,14 @@ const FlowChart = props => {
if (modalType === 'edit') { if (modalType === 'edit') {
// 编辑节点 // 编辑节点
let nodeData = diagram.model.findNodeDataForKey(nodeKey); let nodeData = diagram.model.findNodeDataForKey(nodeKey);
const { NodeName, NodeType, roleList, SerialNo } = obj; const { NodeName, NodeType, roleList, SerialNo, aheadHandle, NodeHandling } = obj;
nodeData.NodeName = NodeName; nodeData.NodeName = NodeName;
nodeData.NodeType = NodeType; nodeData.NodeType = NodeType;
nodeData.NodeId = nodeKey; nodeData.NodeId = nodeKey;
nodeData.roleList = roleList; nodeData.roleList = roleList;
nodeData.SerialNo = SerialNo; nodeData.SerialNo = SerialNo;
nodeData.aheadHandle = aheadHandle;
nodeData.NodeHandling = NodeHandling;
diagram.model.updateTargetBindings(nodeData); diagram.model.updateTargetBindings(nodeData);
} }
// 关闭时进行数据比对看数据是否改变 // 关闭时进行数据比对看数据是否改变
......
...@@ -29,6 +29,8 @@ const NodeModal = props => { ...@@ -29,6 +29,8 @@ const NodeModal = props => {
NodeName: '', NodeName: '',
NodeType: '', NodeType: '',
SerialNo: '', SerialNo: '',
aheadHandle: 1,
NodeHandling: 1,
roleList: [], roleList: [],
}); });
useEffect(() => { useEffect(() => {
...@@ -45,7 +47,12 @@ const NodeModal = props => { ...@@ -45,7 +47,12 @@ const NodeModal = props => {
type = '1'; type = '1';
} }
setNodeMsg({ ...nodeMsg, newSerialNo, NodeType: type, roleList: [] }); setNodeMsg({ ...nodeMsg, newSerialNo, NodeType: type, roleList: [] });
form.setFieldsValue({ SerialNo: newSerialNo, NodeType: type }); form.setFieldsValue({
SerialNo: newSerialNo,
NodeType: type,
aheadHandle: 1,
NodeHandling: 1,
});
} }
} }
}, [visible]); }, [visible]);
...@@ -53,8 +60,8 @@ const NodeModal = props => { ...@@ -53,8 +60,8 @@ const NodeModal = props => {
const getFormData = () => { const getFormData = () => {
setNodeMsg(editMsg); setNodeMsg(editMsg);
console.log(editMsg, 'editMsg'); console.log(editMsg, 'editMsg');
const { NodeName, NodeType, SerialNo } = editMsg; const { NodeName, NodeType, SerialNo, aheadHandle, NodeHandling } = editMsg;
form.setFieldsValue({ NodeName, NodeType, SerialNo }); form.setFieldsValue({ NodeName, NodeType, SerialNo, aheadHandle, NodeHandling });
}; };
// 提交表单 // 提交表单
const onFinish = () => { const onFinish = () => {
...@@ -201,7 +208,7 @@ const NodeModal = props => { ...@@ -201,7 +208,7 @@ const NodeModal = props => {
> >
节点信息 节点信息
</Divider> </Divider>
<Form form={form} labelCol={{ span: 5 }} wrapperCol={{ span: 18 }}> <Form form={form} labelCol={{ span: 6 }} wrapperCol={{ span: 17 }}>
<Form.Item <Form.Item
label="序号" label="序号"
name="SerialNo" name="SerialNo"
...@@ -235,6 +242,19 @@ const NodeModal = props => { ...@@ -235,6 +242,19 @@ const NodeModal = props => {
<Option value="2">结束节点</Option> <Option value="2">结束节点</Option>
</Select> </Select>
</Form.Item> </Form.Item>
<Form.Item label="检查前面在办" name="aheadHandle">
<Select>
<Option value={0}>前面有在办也能移交</Option>
<Option value={1}>前面有在办不能移交</Option>
</Select>
</Form.Item>
<Form.Item label="节点办理情况" name="NodeHandling">
<Select>
<Option value={0}>多人接收,多人办理</Option>
<Option value={1}>多人接收,一人办理</Option>
<Option value={2}>一人接收,一人办理</Option>
</Select>
</Form.Item>
</Form> </Form>
<Divider <Divider
orientation="left" orientation="left"
...@@ -262,7 +282,7 @@ const NodeModal = props => { ...@@ -262,7 +282,7 @@ const NodeModal = props => {
rowKey={record => record.roleId} rowKey={record => record.roleId}
bordered bordered
size="small" size="small"
scroll={{ y: 'calc(100vh - 515px)' }} scroll={{ y: 'calc(100vh - 630px)' }}
onRow={(record, index) => ({ onRow={(record, index) => ({
onDoubleClick: () => { onDoubleClick: () => {
toEdit(record, index); toEdit(record, index);
......
...@@ -23,8 +23,8 @@ import ColorLinear from './ColorLinear'; ...@@ -23,8 +23,8 @@ import ColorLinear from './ColorLinear';
import Upload from '@/components/Upload'; import Upload from '@/components/Upload';
import styles from './siteConfigDrawer.less'; import styles from './siteConfigDrawer.less';
const { Option } = Select; const { Option } = Select;
const plainOptions = ['搜索', '首页', '常用', '反馈', '消息']; const plainOptions = ['搜索', '消息', '反馈'];
const defaultCheckedList = ['搜索', '首页', '常用', '反馈', '消息']; const defaultCheckedList = ['搜索', '消息'];
const colorList = [ const colorList = [
{ key: '薄暮', color: '#F5222D' }, { key: '薄暮', color: '#F5222D' },
{ key: '火山', color: '#FA541C' }, { key: '火山', color: '#FA541C' },
...@@ -131,6 +131,7 @@ export default props => { ...@@ -131,6 +131,7 @@ export default props => {
if (validate) { if (validate) {
onOk({ onOk({
...validate, ...validate,
headerPrimaryColor: validate.primaryColor,
mode: 'single', mode: 'single',
menu: 'banner-left', menu: 'banner-left',
}); });
...@@ -271,7 +272,7 @@ export default props => { ...@@ -271,7 +272,7 @@ export default props => {
<Divider orientation="left" style={{ borderTopColor: '#99bbe8' }}> <Divider orientation="left" style={{ borderTopColor: '#99bbe8' }}>
主题配置 主题配置
</Divider> </Divider>
<Form.Item name="headerPrimaryColor" label="顶部"> {/* <Form.Item name="headerPrimaryColor" label="顶部">
<div className={styles.colorBox}> <div className={styles.colorBox}>
<div <div
className={styles.colorSwatch} className={styles.colorSwatch}
...@@ -290,11 +291,11 @@ export default props => { ...@@ -290,11 +291,11 @@ export default props => {
/> />
</div> </div>
</div> </div>
</Form.Item> </Form.Item> */}
<Form.Item name="navTheme" label="菜单"> <Form.Item name="navTheme" label="菜单">
<Radio.Group> <Radio.Group>
<Radio value="dark"></Radio> <Radio value="dark"></Radio>
<Radio value="light"></Radio> <Radio value="light"></Radio>
</Radio.Group> </Radio.Group>
</Form.Item> </Form.Item>
<Form.Item name="primaryColor" label="基础"> <Form.Item name="primaryColor" label="基础">
...@@ -342,7 +343,7 @@ export default props => { ...@@ -342,7 +343,7 @@ export default props => {
onChange={onChange} onChange={onChange}
/> />
</Form.Item> </Form.Item>
<Form.Item label="功能标签" name="mdi"> {/* <Form.Item label="功能标签" name="mdi">
<Select placeholder="请选择功能标签"> <Select placeholder="请选择功能标签">
<Option value="MDI" key="0"> <Option value="MDI" key="0">
多标签模式 多标签模式
...@@ -351,7 +352,7 @@ export default props => { ...@@ -351,7 +352,7 @@ export default props => {
单标签模式 单标签模式
</Option> </Option>
</Select> </Select>
</Form.Item> </Form.Item> */}
<Form.Item label="二维码地址" name="qrcode"> <Form.Item label="二维码地址" name="qrcode">
<Input placeholder="请输入二维码地址" autoComplete="off" /> <Input placeholder="请输入二维码地址" autoComplete="off" />
</Form.Item> </Form.Item>
......
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