Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
W
WebPublic
项目
项目
详情
活动
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
图表
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
前端开发小组
WebPublic
Commits
94f59837
提交
94f59837
authored
5月 07, 2020
作者:
徐立
浏览文件
操作
浏览文件
下载
差异文件
Merge branch 'master' of
http://scjoyedu.eicp.net:9121/front-team/webPublic
上级
cc838bc6
f03547a3
显示空白字符变更
内嵌
并排
正在显示
5 个修改的文件
包含
156 行增加
和
54 行删除
+156
-54
services.js
FormInsertDiy/List/services.js
+3
-1
index.js
FormInsertDiy/ListWithAddEditTemplate/index.js
+26
-40
index.js
FormInsertDiy/SingleDataPageInFirstRow/index.js
+106
-0
index.js
one_stop_public/libs/formList/index.js
+8
-11
index.js
zyd_public/components/DraggableSetting/index.js
+13
-2
没有找到文件。
FormInsertDiy/List/services.js
浏览文件 @
94f59837
...
...
@@ -3,7 +3,9 @@ import { uaaRequest } from '@/webPublic/one_stop_public/utils/request';
export
const
getHead
=
(
payload
,
callback
)
=>
{
uaaRequest
(
'/DataColumnApi/getHeaderList'
,
payload
).
then
(
res
=>
{
if
(
!
res
)
return
;
if
(
callback
)
callback
(
res
);
if
(
callback
)
{
callback
(
res
);
}
});
};
...
...
FormInsertDiy/ListWithAddEditTemplate/index.js
浏览文件 @
94f59837
...
...
@@ -20,11 +20,11 @@ import {
}
from
'@/webPublic/Services'
;
import
{
ModalConfirm
}
from
'@/baseComponent/Modal'
;
const
dateRender
=
val
=>
val
&&
moment
(
val
).
format
(
'YYYY-MM-DD HH:mm:ss'
);
const
dateRender
=
(
val
)
=>
val
&&
moment
(
val
).
format
(
'YYYY-MM-DD HH:mm:ss'
);
const
getValue
=
obj
=>
const
getValue
=
(
obj
)
=>
Object
.
keys
(
obj
)
.
map
(
key
=>
obj
[
key
])
.
map
((
key
)
=>
obj
[
key
])
.
join
(
','
);
/**
...
...
@@ -71,20 +71,22 @@ class ListWithAddEditTemplate extends React.Component {
// 渲染值
componentDidMount
()
{
const
{
objId
}
=
this
.
props
;
fetchTableHeader
(
objId
).
then
(
headerList
=>
{
fetchTableHeader
(
objId
).
then
((
headerList
)
=>
{
if
(
!
headerList
)
return
;
this
.
setState
({
headerList
});
this
.
columns
=
headerList
.
filter
(
i
=>
!
i
.
isHidden
)
.
filter
((
i
)
=>
!
i
.
isHidden
)
.
slice
(
0
,
10
)
.
map
(
item
=>
({
.
map
((
item
)
=>
({
title
:
item
.
title
,
dataIndex
:
item
.
name
,
render
:
date
.
includes
(
item
.
type
)
&&
dateRender
,
}));
const
operation
=
{
title
:
'操作'
,
fixed
:
'right'
,
width
:
120
,
render
:
(
_
,
record
)
=>
{
return
(
<
Fragment
>
...
...
@@ -97,11 +99,11 @@ class ListWithAddEditTemplate extends React.Component {
};
this
.
columns
.
push
(
operation
);
const
primaryKey
=
(
headerList
.
find
(
i
=>
i
.
isPrimaryKey
)
||
{}).
name
;
const
primaryKey
=
(
headerList
.
find
((
i
)
=>
i
.
isPrimaryKey
)
||
{}).
name
;
this
.
setState
({
primaryKey
});
const
searchConfig
=
headerList
.
filter
(
i
=>
i
.
isShowQuery
).
map
(
item
=>
{
const
searchConfig
=
headerList
.
filter
((
i
)
=>
i
.
isShowQuery
).
map
((
item
)
=>
{
const
sear
=
getFormArrayConfig
([
item
]);
const
{
required
,
placeHolder
,
...
config
}
=
sear
[
0
];
return
config
;
...
...
@@ -124,19 +126,16 @@ class ListWithAddEditTemplate extends React.Component {
};
// 修改按钮事件
modify
=
record
=>
{
modify
=
(
record
)
=>
{
const
recordTemp
=
{
...
record
,
update_time
:
Date
.
now
()
};
const
{
headerList
}
=
this
.
state
;
// const showEdit = headerList.length >= 10;
// 把record里明文key改成转换后的key,用于在模板表单中回显
const
headerMap
=
headerList
.
reduce
((
acc
,
header
)
=>
({
...
acc
,
[
header
.
name
]:
header
}),
{});
const
formData
=
Object
.
keys
(
recordTemp
).
reduce
(
(
acc
,
key
)
=>
{
const
formData
=
Object
.
keys
(
recordTemp
).
reduce
((
acc
,
key
)
=>
{
if
(
!
headerMap
[
key
])
return
acc
;
return
{
...
acc
,
[
headerMap
[
key
].
base52
]:
recordTemp
[
key
]
};
},
{}
);
},
{});
this
.
setState
({
formData
,
modalVisible
:
true
,
...
...
@@ -145,7 +144,7 @@ class ListWithAddEditTemplate extends React.Component {
});
};
delete
=
record
=>
{
delete
=
(
record
)
=>
{
ModalConfirm
(
'确定删除?'
,
{
onOk
:
()
=>
{
const
{
objId
}
=
this
.
props
;
...
...
@@ -154,7 +153,7 @@ class ListWithAddEditTemplate extends React.Component {
const
Keys
=
{};
Keys
[
primaryKey
]
=
record
[
primaryKey
];
deleteTableItem
(
objId
,
primaryKey
,
record
[
primaryKey
]).
then
(
res
=>
{
deleteTableItem
(
objId
,
primaryKey
,
record
[
primaryKey
]).
then
((
res
)
=>
{
this
.
getPage
();
});
},
...
...
@@ -175,7 +174,7 @@ class ListWithAddEditTemplate extends React.Component {
const
pageNo
=
pagination
.
current
?
pagination
.
current
:
1
;
const
pageSize
=
pagination
.
pageSize
?
pagination
.
pageSize
:
10
;
fetchTableData
({
dataObjId
:
objId
,
query
,
pageSize
,
pageNo
}).
then
(
res
=>
{
fetchTableData
({
dataObjId
:
objId
,
query
,
pageSize
,
pageNo
}).
then
((
res
)
=>
{
if
(
!
res
.
rows
)
{
console
.
log
(
'分页接口rows返回null报错'
);
}
...
...
@@ -197,7 +196,7 @@ class ListWithAddEditTemplate extends React.Component {
({
pageData
})
=>
({
pageData
:
{
...
pageData
,
pagination
},
}),
this
.
getPage
this
.
getPage
,
);
};
...
...
@@ -210,7 +209,7 @@ class ListWithAddEditTemplate extends React.Component {
validateFields
((
err
,
values
)
=>
{
if
(
err
)
return
;
this
.
setState
({
confirmLoading
:
true
});
addOrEditTableItem
({
objId
,
data
:
values
,
isAdd
}).
then
(
res
=>
{
addOrEditTableItem
({
objId
,
data
:
values
,
isAdd
}).
then
((
res
)
=>
{
this
.
setState
({
confirmLoading
:
false
});
if
(
res
===
true
)
{
message
.
success
(
'操作成功'
);
...
...
@@ -232,13 +231,13 @@ class ListWithAddEditTemplate extends React.Component {
});
};
handleSelectRows
=
rows
=>
{
handleSelectRows
=
(
rows
)
=>
{
this
.
setState
({
selectedRows
:
rows
,
});
};
batchDelete
=
e
=>
{
batchDelete
=
(
e
)
=>
{
const
{
selectedRows
,
primaryKey
}
=
this
.
state
;
const
{
objId
}
=
this
.
props
;
...
...
@@ -246,12 +245,14 @@ class ListWithAddEditTemplate extends React.Component {
ModalConfirm
(
'确定删除?'
,
{
onOk
:
()
=>
{
deleteTableItem
(
objId
,
primaryKey
,
selectedRows
.
map
(
row
=>
row
[
primaryKey
])).
then
(
res
=>
{
deleteTableItem
(
objId
,
primaryKey
,
selectedRows
.
map
((
row
)
=>
row
[
primaryKey
])).
then
(
(
res
)
=>
{
this
.
setState
({
selectedRows
:
[],
});
this
.
getPage
();
});
},
);
},
});
};
...
...
@@ -298,20 +299,6 @@ class ListWithAddEditTemplate extends React.Component {
};
return
(
<>
{
showEdit
?
(
<
Edit
id
=
{
objId
}
recordId
=
{
formData
[
primaryKey
]}
recordKey
=
{
primaryKey
}
returnThis
=
{()
=>
{
this
.
setState
({
showEdit
:
false
,
});
this
.
getPage
();
}}
/
>
)
:
(
<
Fragment
>
{
searchConfig
.
length
>
0
?
(
<
SearchDom
formStateChange
=
{
this
.
formStateChange
}
...
...
@@ -335,11 +322,10 @@ class ListWithAddEditTemplate extends React.Component {
selectedRows
=
{
selectedRows
}
onSelectRow
=
{
this
.
handleSelectRows
}
onChange
=
{
this
.
handleStandardTableChange
}
scroll
=
{{
x
:
1200
}}
scroll
=
{{
x
:
true
}}
/
>
<
/Shell
>
<
/Fragment
>
)}
<
AddOrEditModal
{...
addOrEditModalProps
}
/
>
<
/
>
);
...
...
FormInsertDiy/SingleDataPageInFirstRow/index.js
0 → 100644
浏览文件 @
94f59837
import
React
,
{
useState
,
useEffect
}
from
'react'
;
import
{
Form
,
Button
}
from
'antd'
;
import
Shell
from
'@/baseComponent/Shell'
;
import
{
ModalInfo
}
from
'@/baseComponent/Modal'
;
import
{
addOrEditTableItem
,
fetchTableData
,
fetchTableHeader
,
}
from
'@/webPublic/Services'
;
import
{
preHandle
}
from
'@/webPublic/one_stop_public/utils/myutils'
;
import
{
getOneStopConfig
}
from
'@/baseComponent/utils'
;
import
{
RenderFormByContent
}
from
'../RenderForm'
;
// 直接获取的表格数据的字段是明文,找换成base转换后的字段
function
getBaseEncodedData
(
rowData
,
tableHeader
)
{
// {name: base52}
const
nameBaseMap
=
tableHeader
.
reduce
((
acc
,
header
)
=>
{
return
{...
acc
,
[
header
.
name
]
:
header
.
base52
};
},
{});
// 明文字段转换成base后的字段, eg. {process_status: 1} => {JbZWZHoGRsA: 1}
return
Object
.
keys
(
rowData
).
reduce
((
acc
,
name
)
=>
{
const
base52
=
nameBaseMap
[
name
];
if
(
!
base52
)
return
acc
;
return
{...
acc
,
[
base52
]:
rowData
[
name
]
};
},
{});
}
// 配置页面,配置数据在元数据表格的第一行
// 1. 页面显示通过模板id渲染。
// 2. 页面数据通过元数据表id, 查询和修改。
// templateCode, 页面模板id
// tableId, 元数据列表id
// children, 可以传children,但children不能是数组(不能传属性),children里可以自定义其他组件。
function
SingleDataPageInFirstRow
(
props
)
{
const
{
children
,
form
,
templateCode
:
templateCodeFromProps
,
dataObjId
:
dataObjIdFromProps
,
location
:
{
pathname
}
}
=
props
;
// templateCode 和 dataObjId 可以通过组件属性或者根据路径配置获取
const
templateCodeFromPathname
=
getOneStopConfig
(
`
${
pathname
}
-templateCode`
);
const
dataObjIdFromPathname
=
getOneStopConfig
(
`
${
pathname
}
-dataObjId`
);
const
templateCode
=
templateCodeFromPathname
||
templateCodeFromProps
;
const
dataObjId
=
dataObjIdFromPathname
||
dataObjIdFromProps
;
if
(
!
templateCode
||
!
dataObjId
)
{
console
.
warn
(
"模板code或者元数据表格id为空,templateCode: "
+
templateCode
+
", dataObjId: "
+
dataObjId
);
return
null
;
}
const
[
isAdd
,
setIsAdd
]
=
useState
(
false
);
const
[
content
,
setContent
]
=
useState
({});
useEffect
(
()
=>
{
fetchTableHeader
(
dataObjId
).
then
(
tableHeader
=>
{
if
(
!
tableHeader
)
return
;
fetchTableData
({
pageNo
:
1
,
pageSize
:
10
,
isBase
:
true
,
dataObjId
,
query
:
{}
}).
then
(
res
=>
{
const
firstRowData
=
(
res
&&
res
.
rows
&&
res
.
rows
[
0
])
||
{};
setContent
(
getBaseEncodedData
(
firstRowData
,
tableHeader
));
setIsAdd
(
!!
(
!
res
||
res
.
errMsg
))
});
});
},
[
dataObjId
]
);
function
handleSave
()
{
const
{
validateFields
}
=
form
;
validateFields
((
err
,
values
)
=>
{
if
(
err
)
return
;
// console.log(JSON.stringify(values.JjvkRobXWTE), JSON.stringify(values.JjvkwLqcsyY));
preHandle
(
values
);
// console.log(JSON.stringify(values.JjvkRobXWTE));
addOrEditTableItem
({
objId
:
dataObjId
,
isAdd
,
data
:
values
}).
then
(
res
=>
{
if
(
res
)
{
ModalInfo
(
'保存成功!'
);
}
});
});
}
let
ClonedChildren
;
if
(
children
)
{
ClonedChildren
=
React
.
cloneElement
(
React
.
Children
.
only
(
children
),
{
form
,
isAdd
,
url
:
'/DataObjApi/addFormData'
,
});
}
return
(
<
Shell
styleShell
=
{{
marginTop
:
0
}}
>
<
RenderFormByContent
content
=
{
content
}
templateCode
=
{
templateCode
}
form
=
{
form
}
/
>
{
ClonedChildren
||
(
<
div
style
=
{{
textAlign
:
'center'
,
padding
:
16
}}
>
<
Button
type
=
"primary"
shape
=
"round"
ghost
onClick
=
{
handleSave
}
>
保存
<
/Button
>
<
/div
>
)}
<
/Shell
>
);
}
export
default
Form
.
create
()(
SingleDataPageInFirstRow
);
one_stop_public/libs/formList/index.js
浏览文件 @
94f59837
...
...
@@ -361,28 +361,25 @@ class FormList extends React.Component {
const
b
=
nextProps
.
value
||
{}
const
a
=
this
.
props
.
value
||
{}
if
(
JSON
.
stringify
(
a
)
!=
JSON
.
stringify
(
b
)){
const
params
=
{
pageNo
:
1
,
pageSize
:
this
.
props
.
pageSize
||
10
,
query
:
JSON
.
stringify
(
this
.
state
.
formValues
),
};
this
.
custom
=
Base16Encode
(
JSON
.
stringify
(
b
))
if
(
this
.
state
.
objId
)
this
.
getPage
(
params
)
}
if
(
this
.
props
.
objCode
==
"1"
||
this
.
props
.
objCode
==
1
){
if
(
JSON
.
stringify
(
a
)
!=
JSON
.
stringify
(
b
)){
const
params
=
{
pageNo
:
1
,
pageSize
:
this
.
props
.
pageSize
||
10
,
query
:
JSON
.
stringify
(
this
.
state
.
formValues
),
};
this
.
columns
=
nextProps
.
value
.
columns
this
.
custom
=
Base16Encode
(
JSON
.
stringify
(
b
))
if
(
nextProps
.
value
.
getPage
){
this
.
getPage
(
params
,
null
,
nextProps
.
value
.
getPage
);
}
else
{
if
(
this
.
state
.
objId
)
this
.
getPage
(
params
)
}
}
const
x
=
nextProps
.
selects
const
y
=
this
.
props
.
selects
...
...
zyd_public/components/DraggableSetting/index.js
浏览文件 @
94f59837
...
...
@@ -2,6 +2,7 @@ import React, { Fragment, Component } from 'react';
import
styles
from
'./index.less'
;
import
ButtonDiy
from
'@/baseComponent/ButtonDiy'
;
import
Shell
from
'@/baseComponent/Shell'
;
import
{
ModalConfirm
}
from
'@/baseComponent/Modal'
;
export
default
class
FormatSetting
extends
Component
{
...
...
@@ -49,6 +50,14 @@ export default class FormatSetting extends Component {
}
initConfig
=
()
=>
{
ModalConfirm
(
'您确定初始化打印录取通知书格式吗?'
,{
onOk
:
()
=>
{
this
.
props
.
initConfig
();
},
});
};
render
()
{
const
{
bgImage
,
formatSettingObject
,
saveConfig
}
=
this
.
props
;
const
configInfo
=
Object
.
keys
(
formatSettingObject
);
...
...
@@ -56,11 +65,13 @@ export default class FormatSetting extends Component {
return
<
Fragment
>
<
Shell
styleShell
=
{{
marginTop
:
'0'
,
marginBottom
:
'20px'
}}
>
<
div
style
=
{{
height
:
'54px'
,
padding
:
'12px 0 12px 12px'
}}
>
<
ButtonDiy
name
=
"保存"
<
ButtonDiy
name
=
"保存"
className
=
"primary"
handleClick
=
{
saveConfig
}
/
>
<
ButtonDiy
name
=
{
'初始化格式'
}
handleClick
=
{
this
.
initConfig
}
/
>
<
/div
>
<
/Shell
>
<
div
className
=
{
styles
.
outSideDiv
}
>
...
...
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论