Skip to content

X
xform
Commit a1db4b1a authored by 田翔's avatar 田翔
Browse files
Options

fix: 将表格嵌入关联表单

parent 247753b3
Show whitespace changes
Inline Side-by-side
Showing with 199 additions and 126 deletions
package.json
View file @ a1db4b1a
{ {
"name": "panda-xform", "name": "panda-xform",
"version": "4.3.0", "version": "4.3.1",
"description": "4.3.0 弹出层修改", "description": "4.3.1 将表格嵌入关联表单",
"keywords": [ "keywords": [
"panda-xform" "panda-xform"
], ],
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
"@babel/plugin-transform-modules-amd": "^7.14.5", "@babel/plugin-transform-modules-amd": "^7.14.5",
"@umijs/fabric": "^2.0.7", "@umijs/fabric": "^2.0.7",
"@wisdom-map/amap": "1.1.0-beta.45", "@wisdom-map/amap": "1.1.0-beta.45",
"@wisdom-map/arcgismap": "1.4.0-124", "@wisdom-map/arcgismap": "1.4.0-158",
"@wisdom-map/basemap": "1.1.0-24", "@wisdom-map/basemap": "1.1.0-24",
"babel-loader": "^8.2.2", "babel-loader": "^8.2.2",
"babel-plugin-import": "^1.13.3", "babel-plugin-import": "^1.13.3",
......
src/core/Account/components/SearchGroup/index.js
View file @ a1db4b1a
...@@ -14,9 +14,9 @@ const SearchGroup = forwardRef((props, ref) => { ...@@ -14,9 +14,9 @@ const SearchGroup = forwardRef((props, ref) => {
useImperativeHandle(ref, () => ({ useImperativeHandle(ref, () => ({
getQueryInfo, getQueryInfo,
})); }))
const { readOnly } = props const { readOnly, btnsClick } = props
const [form] = Form.useForm() const [form] = Form.useForm()
const [showPicker, setShowPicker] = useState(true) const [showPicker, setShowPicker] = useState(true)
const [dateArray, setDateArray] = useState([]) const [dateArray, setDateArray] = useState([])
...@@ -173,7 +173,7 @@ const SearchGroup = forwardRef((props, ref) => { ...@@ -173,7 +173,7 @@ const SearchGroup = forwardRef((props, ref) => {
style={{ width: '100%', textAlign: 'left' }} style={{ width: '100%', textAlign: 'left' }}
size='middle' size='middle'
type='text' type='text'
onClick={() => btnsClick('导出模板')} onClick={() => btnsClick({ type: '导出模板' })}
icon={<ExportOutlined />} icon={<ExportOutlined />}
> >
导出模板 导出模板
...@@ -187,7 +187,7 @@ const SearchGroup = forwardRef((props, ref) => { ...@@ -187,7 +187,7 @@ const SearchGroup = forwardRef((props, ref) => {
style={{ width: '100%', textAlign: 'left' }} style={{ width: '100%', textAlign: 'left' }}
size='middle' size='middle'
type='text' type='text'
onClick={() => btnsClick('导出全字段模板')} onClick={() => btnsClick({ type: '导出全字段模板' })}
icon={<ExportOutlined />} icon={<ExportOutlined />}
> >
导出全字段模板 <QuestionCircleOutlined style={{ fontSize: 10 }} title='导出整张台账表字段' /> 导出全字段模板 <QuestionCircleOutlined style={{ fontSize: 10 }} title='导出整张台账表字段' />
...@@ -201,7 +201,7 @@ const SearchGroup = forwardRef((props, ref) => { ...@@ -201,7 +201,7 @@ const SearchGroup = forwardRef((props, ref) => {
style={{ width: '100%', textAlign: 'left' }} style={{ width: '100%', textAlign: 'left' }}
size='middle' size='middle'
type='text' type='text'
onClick={() => btnsClick('导出数据')} onClick={() => btnsClick({ type: '导出数据' })}
icon={<ExportOutlined />} icon={<ExportOutlined />}
> >
导出数据 导出数据
...@@ -215,7 +215,7 @@ const SearchGroup = forwardRef((props, ref) => { ...@@ -215,7 +215,7 @@ const SearchGroup = forwardRef((props, ref) => {
style={{ width: '100%', textAlign: 'left' }} style={{ width: '100%', textAlign: 'left' }}
size='middle' size='middle'
type='text' type='text'
onClick={() => btnsClick('导出全字段数据')} onClick={() => btnsClick({ type: '导出全字段数据' })}
icon={<ExportOutlined />} icon={<ExportOutlined />}
> >
导出全字段数据 导出全字段数据
...@@ -233,7 +233,7 @@ const SearchGroup = forwardRef((props, ref) => { ...@@ -233,7 +233,7 @@ const SearchGroup = forwardRef((props, ref) => {
style={{ width: '100%', textAlign: 'left' }} style={{ width: '100%', textAlign: 'left' }}
size='middle' size='middle'
type='text' type='text'
onClick={() => btnsClick('批量删除')} onClick={() => btnsClick({ type: '批量删除' })}
icon={<DeleteOutlined />} icon={<DeleteOutlined />}
> >
批量删除 批量删除
...@@ -247,7 +247,7 @@ const SearchGroup = forwardRef((props, ref) => { ...@@ -247,7 +247,7 @@ const SearchGroup = forwardRef((props, ref) => {
style={{ width: '100%', textAlign: 'left' }} style={{ width: '100%', textAlign: 'left' }}
size='middle' size='middle'
type='text' type='text'
onClick={() => btnsClick('批量修改')} onClick={() => btnsClick({ type: '批量修改' })}
icon={<EditOutlined />} icon={<EditOutlined />}
> >
批量修改 批量修改
...@@ -279,13 +279,9 @@ const SearchGroup = forwardRef((props, ref) => { ...@@ -279,13 +279,9 @@ const SearchGroup = forwardRef((props, ref) => {
const reset = () => { const reset = () => {
form.resetFields() form.resetFields()
btnsClick('重置') btnsClick({ type: '重置' })
} }
const btnsClick = type => {
props?.btnsClick?.(type, null);
};
return ( return (
<Row className={styles.controlRow}> <Row className={styles.controlRow}>
<Form layout={'inline'} form={form} onValuesChange={onValuesChange}> <Form layout={'inline'} form={form} onValuesChange={onValuesChange}>
...@@ -353,7 +349,7 @@ const SearchGroup = forwardRef((props, ref) => { ...@@ -353,7 +349,7 @@ const SearchGroup = forwardRef((props, ref) => {
<Button <Button
type="primary" type="primary"
size="middle" size="middle"
onClick={() => btnsClick('添加')} onClick={() => btnsClick({ type: '添加' })}
icon={<PlusOutlined />} icon={<PlusOutlined />}
style={{ marginLeft: 20 }} style={{ marginLeft: 20 }}
> >
......
src/core/Account/components/TablePack/components/FileView/index.less
View file @ a1db4b1a
...@@ -11,7 +11,8 @@ ...@@ -11,7 +11,8 @@
transform: scale(1.2); transform: scale(1.2);
} }
.img { .img {
width: 65px; max-width: 65px;
max-height: 65px;
} }
.imgSub { .imgSub {
position: absolute; position: absolute;
......
src/core/Account/components/TablePack/index.js
View file @ a1db4b1a
...@@ -37,7 +37,6 @@ const TablePack = (props, ref) => { ...@@ -37,7 +37,6 @@ const TablePack = (props, ref) => {
const [fieldResize, setFieldResize] = useState({}) const [fieldResize, setFieldResize] = useState({})
const [filteredInfo, setFilteredInfo] = useState({}) const [filteredInfo, setFilteredInfo] = useState({})
const [sortedInfo, setSortedInfo] = useState({}) const [sortedInfo, setSortedInfo] = useState({})
const inputRef = useRef()
const filtered = useMemo(() => { const filtered = useMemo(() => {
let array = [] let array = []
...@@ -51,16 +50,9 @@ const TablePack = (props, ref) => { ...@@ -51,16 +50,9 @@ const TablePack = (props, ref) => {
return array return array
}, [filteredInfo]) }, [filteredInfo])
const getColumnSearchProps = (widgetInfo, dataIndex) => { //台账列表、台账选择器表头
const { widget, sourceType, options } = widgetInfo const getColumnProps = (json, v) => {
if (['CheckBox', 'ComboBox', 'RadioButton'].includes(widget)) { let searchProps = {
if (sourceType === '手动输入') {
return {
filters: options.map(v => { return { text: v.value, value: v.value, } }),
}
}
}
return {
filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters, close }) => { filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters, close }) => {
return ( return (
<div <div
...@@ -68,8 +60,7 @@ const TablePack = (props, ref) => { ...@@ -68,8 +60,7 @@ const TablePack = (props, ref) => {
onKeyDown={(e) => e.stopPropagation()} onKeyDown={(e) => e.stopPropagation()}
> >
<Input <Input
ref={inputRef} placeholder={`搜索 ${v}`}
placeholder={`搜索 ${dataIndex}`}
value={selectedKeys[0]} value={selectedKeys[0]}
onChange={e => { onChange={e => {
setSelectedKeys(e.target.value ? [e.target.value] : []) setSelectedKeys(e.target.value ? [e.target.value] : [])
...@@ -117,54 +108,125 @@ const TablePack = (props, ref) => { ...@@ -117,54 +108,125 @@ const TablePack = (props, ref) => {
/> />
), ),
} }
const { widget, sourceType, options } = json?.[v]
if (['CheckBox', 'ComboBox', 'RadioButton'].includes(widget)) {
if (sourceType === '手动输入') {
searchProps = {
filters: options.map(v => { return { text: v.value, value: v.value, } }),
}
}
} }
const btns = useMemo(() => { return {
if (readOnly) { title: json[v]?.title || v,
return [ dataIndex: v,
{ width: fieldResize[v] || 120,
title: '详情', ellipsis: true,
icon: <IconPack.XiangQing />, sorter: true,
sortOrder: sortedInfo.field === v ? sortedInfo.order : null,
filteredValue: filteredInfo[v] || null,
onHeaderCell: (column) => ({
width: column.width,
onResize: (e, props) => {
setFieldResize({ ...fieldResize, [v]: props?.size?.width })
}, },
] }),
render: (value, r) => {
let props = { ...json[v], value }
if (widget === 'FileUpload') {
return <FileView {...props} />
} }
return [ if (['Coordinate', 'Device', 'DrawPath', 'DrawArea'].includes(widget)) {
{ return <CoordView {...props} />
title: '详情', }
icon: <IconPack.XiangQing />, if (['RadioButton', 'CheckBox'].includes(widget)) {
}, return <SelectView {...props} />
{ }
title: '编辑', if (value && value.length > 10) {
icon: <IconPack.BianJi />, return (
<Tooltip title={value}>
<span style={{ display: 'inline-block', width: '100%' }}>{value}</span>
</Tooltip>
)
}
return (
<div>{value}</div>
)
}, },
{
title: '删除',
icon: <IconPack.ShanChu />,
} }
]
}, [readOnly, parent])
const fileColumns = useMemo(() => {
const { webShowFieldGroup, formJson } = config
let showField = []
if (Array.isArray(fieldList) && fieldList.length > 0) {
showField = fieldList
} else {
showField = webShowFieldGroup ? webShowFieldGroup.split(',').filter(v => v) : []
} }
let json = getFileInfo(formJson)
let array = [] //关联表单表头
showField.forEach((v, i) => { const getRelevanceColumnProps = (json, v) => {
const { widget } = json?.[v] || {} const { widget } = json?.[v] || {}
array.push({ return {
title: json[v]?.title || v, title: json[v]?.title || v,
dataIndex: v, dataIndex: v,
width: fieldResize[v] || 120, width: fieldResize[v] || 120,
ellipsis: true, ellipsis: true,
sorter: true, sorter: (a, b) => a[v] - b[v],
sortOrder: sortedInfo.field === v ? sortedInfo.order : null,
filteredValue: filteredInfo[v] || null, filteredValue: filteredInfo[v] || null,
...getColumnSearchProps(json[v], v), filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters, close }) => (
<div
style={{ padding: 8 }}
onKeyDown={(e) => e.stopPropagation()}
>
<Input
ref={searchInput}
placeholder={`Search ${v}`}
value={selectedKeys[0]}
onChange={(e) => setSelectedKeys(e.target.value ? [e.target.value] : [])}
onPressEnter={() => {
confirm();
}}
style={{
marginBottom: 8,
display: 'block',
}}
/>
<Space>
<Button
type="primary"
onClick={() => {
confirm();
}}
icon={<SearchOutlined />}
size="small"
style={{
width: 90,
}}
>
搜索
</Button>
<Button
onClick={() => {
clearFilters();
confirm();
}}
size="small"
style={{
width: 90,
}}
>
重置
</Button>
</Space>
</div>
),
filterIcon: (filtered) => (
<SearchOutlined
style={{
color: filtered ? '#1890ff' : undefined,
}}
/>
),
onFilter: (value, record) =>
record[v].toString().toLowerCase().includes(value.toLowerCase()),
onFilterDropdownOpenChange: (visible) => {
if (visible) {
setTimeout(() => searchInput.current?.select(), 100);
}
},
onHeaderCell: (column) => ({ onHeaderCell: (column) => ({
width: column.width, width: column.width,
onResize: (e, props) => { onResize: (e, props) => {
...@@ -193,26 +255,69 @@ const TablePack = (props, ref) => { ...@@ -193,26 +255,69 @@ const TablePack = (props, ref) => {
<div>{value}</div> <div>{value}</div>
) )
} }
}) }
}
const btns = useMemo(() => {
if (readOnly) {
return [
{
title: '详情',
icon: <IconPack.XiangQing />,
},
]
}
return [
{
title: '详情',
icon: <IconPack.XiangQing />,
},
{
title: '编辑',
icon: <IconPack.BianJi />,
},
{
title: '删除',
icon: <IconPack.ShanChu />,
}
]
}, [readOnly, parent])
const fileColumns = useMemo(() => {
const { webShowFieldGroup, formJson } = config
let showField = []
if (Array.isArray(fieldList) && fieldList.length > 0) {
showField = fieldList
} else {
showField = webShowFieldGroup ? webShowFieldGroup.split(',').filter(v => v) : []
}
let json = getFileInfo(formJson)
let array = []
showField.forEach((v, i) => {
if (parent === '关联表单') {
array.push(getRelevanceColumnProps(json, v))
} else {
array.push(getColumnProps(json, v))
}
}) })
return array return array
}, [config, fieldList, fieldResize, filteredInfo, sortedInfo]) }, [parent, config, fieldList, fieldResize, filteredInfo, sortedInfo])
const columns = useMemo(() => { const columns = useMemo(() => {
let columns = [ let columns = [
{ {
title: '序号', title: '序号',
dataIndex: 'r',
key: 'r',
width: 50, width: 50,
align: 'center', align: 'center',
fixed: 'left', filteredValue: null,
render: (_, r, i) => i + 1
}, },
...fileColumns, ...fileColumns,
{ {
title: '操作', title: '操作',
width: btns.length * 35 + 30, width: btns.length * 35 + 30,
align: 'center', align: 'center',
filteredValue: null,
fixed: 'right', fixed: 'right',
render: (r) => { render: (r) => {
return ( return (
...@@ -224,7 +329,7 @@ const TablePack = (props, ref) => { ...@@ -224,7 +329,7 @@ const TablePack = (props, ref) => {
<Popconfirm <Popconfirm
key={v.title} key={v.title}
title='确定要删除数据吗？' title='确定要删除数据吗？'
onConfirm={() => btnsClick(v.title, r.ID)} onConfirm={() => btnsClick({ type: v.title, row: r })}
okText='确定' okText='确定'
cancelText='取消' cancelText='取消'
> >
...@@ -244,7 +349,7 @@ const TablePack = (props, ref) => { ...@@ -244,7 +349,7 @@ const TablePack = (props, ref) => {
title={v.title} title={v.title}
icon={v.icon} icon={v.icon}
style={{ padding: '0 7px' }} style={{ padding: '0 7px' }}
onClick={() => btnsClick(v.title, r.ID)} onClick={() => btnsClick({ type: v.title, row: r })}
> >
</Button> </Button>
) )
...@@ -264,7 +369,7 @@ const TablePack = (props, ref) => { ...@@ -264,7 +369,7 @@ const TablePack = (props, ref) => {
const onChange = (page, filters, sorter) => { const onChange = (page, filters, sorter) => {
setFilteredInfo(filters) setFilteredInfo(filters)
setSortedInfo(sorter) setSortedInfo(sorter)
tableChange(page, filters, sorter) tableChange?.(page, filters, sorter)
} }
const closeTag = (e, { filterName, filterValue }) => { const closeTag = (e, { filterName, filterValue }) => {
...@@ -278,7 +383,7 @@ const TablePack = (props, ref) => { ...@@ -278,7 +383,7 @@ const TablePack = (props, ref) => {
} }
} }
setFilteredInfo(filtered) setFilteredInfo(filtered)
tableChange({}, filtered, sortedInfo) tableChange?.({}, filtered, sortedInfo)
} }
return ( return (
...@@ -339,7 +444,7 @@ const TablePack = (props, ref) => { ...@@ -339,7 +444,7 @@ const TablePack = (props, ref) => {
dataSource={dataSource} dataSource={dataSource}
rowSelection={rowSelection} rowSelection={rowSelection}
onRow={onRow} onRow={onRow}
pagination={false} pagination={parent === '关联表单' ? { total: dataSource.length, showTotal: (value) => `总计 ${value} 条` } : false}
scroll={{ x: '100%', y: 'calc(100% - 40px)' }} scroll={{ x: '100%', y: 'calc(100% - 40px)' }}
onChange={onChange} onChange={onChange}
components={{ components={{
......
src/core/Account/index.js
View file @ a1db4b1a
...@@ -45,11 +45,10 @@ const Account = (props) => { ...@@ -45,11 +45,10 @@ const Account = (props) => {
const tablePackRef = useRef() const tablePackRef = useRef()
const batchEditRef = useRef() const batchEditRef = useRef()
const btnsClick = async (type, id) => { const btnsClick = async ({ type, row }) => {
const { addFieldGroup, editFieldGroup, formJson } = config const { addFieldGroup, editFieldGroup, formJson } = config
const addField = addFieldGroup ? addFieldGroup.split(',').filter(v => v) : [] const addField = addFieldGroup ? addFieldGroup.split(',').filter(v => v) : []
const editField = editFieldGroup ? editFieldGroup.split(',').filter(v => v) : [] const editField = editFieldGroup ? editFieldGroup.split(',').filter(v => v) : []
setOperation({ type, id })
if (type === '添加') { if (type === '添加') {
saveClick(addField, formJson, [], type) saveClick(addField, formJson, [], type)
} }
...@@ -60,7 +59,8 @@ const Account = (props) => { ...@@ -60,7 +59,8 @@ const Account = (props) => {
getDataSource(initParams) getDataSource(initParams)
} }
if (type === '编辑' || type === '详情') { if (type === '编辑' || type === '详情') {
const { code, data, msg } = await GetTableDataInfo({ accountName, id }) setOperation({ type, id: row.ID })
const { code, data, msg } = await GetTableDataInfo({ accountName, id: row.ID })
if (code === 0) { if (code === 0) {
saveClick(editField, formJson, data, type) saveClick(editField, formJson, data, type)
} else { } else {
...@@ -68,7 +68,8 @@ const Account = (props) => { ...@@ -68,7 +68,8 @@ const Account = (props) => {
} }
} }
if (type === '删除') { if (type === '删除') {
const { code, data, msg } = await DeleteTableDataInfo({ accountTable: accountName, ids: id }) setOperation({ type, id: row.ID })
const { code, data, msg } = await DeleteTableDataInfo({ accountTable: accountName, ids: row.ID })
if (code === 0) { if (code === 0) {
message.success('删除成功!') message.success('删除成功!')
getDataSource() getDataSource()
......
src/core/widgets/advanced/RelationForm/index.js
View file @ a1db4b1a
import React, { useMemo, useState, useRef, useLayoutEffect, useEffect } from 'react' import React, { useMemo, useState, useRef, useLayoutEffect, useEffect } from 'react'
import { Button, message, Popconfirm } from 'antd'
import styles from './index.less' import styles from './index.less'
import { import {
GetAccountPageList, GetAccountPageList,
...@@ -9,11 +10,13 @@ import { ...@@ -9,11 +10,13 @@ import {
EditTableDataInfo, EditTableDataInfo,
DeleteTableDataInfo DeleteTableDataInfo
} from '../../../../apis/process' } from '../../../../apis/process'
import { Table, Button, Modal, message, Popconfirm, ConfigProvider } from 'antd'
import { SnippetsOutlined, PlusOutlined, FormOutlined, DeleteOutlined } from '@ant-design/icons' import { SnippetsOutlined, PlusOutlined, FormOutlined, DeleteOutlined } from '@ant-design/icons'
import { GetTableJson } from '../../../../apis/process' import { GetTableJson } from '../../../../apis/process'
import BaseForm from './BaseForm' import BaseForm from './BaseForm'
import { isObject } from '../../../../utils' // import BaseTable from './BaseTable'
import TablePack from '../../../Account/components/TablePack'
import { isObject, isJson } from '../../../../utils'
import Drag from '../../../components/Drag' import Drag from '../../../components/Drag'
const icons = { const icons = {
...@@ -43,7 +46,6 @@ const RelationForm = (props) => { ...@@ -43,7 +46,6 @@ const RelationForm = (props) => {
const { disabled, '台账名称': accountName, '默认显示': defaultShow, '控制规则': controlShow, titleShow, '映射字段': mappedField } = schema const { disabled, '台账名称': accountName, '默认显示': defaultShow, '控制规则': controlShow, titleShow, '映射字段': mappedField } = schema
const [config, setConfig] = useState({ webShowFieldGroup: '', fieldGroup: '' }) const [config, setConfig] = useState({ webShowFieldGroup: '', fieldGroup: '' })
const [dataSource, setDataSource] = useState([]) const [dataSource, setDataSource] = useState([])
const [groupMeta, setGroupMeta] = useState([])
const [visible, setVisible] = useState(false) const [visible, setVisible] = useState(false)
const [formState, setFormState] = useState('详情') const [formState, setFormState] = useState('详情')
const [row, setRow] = useState({}) const [row, setRow] = useState({})
...@@ -51,6 +53,7 @@ const RelationForm = (props) => { ...@@ -51,6 +53,7 @@ const RelationForm = (props) => {
const [schemaValues, setSchemaValues] = useState([]) const [schemaValues, setSchemaValues] = useState([])
const [loading, setLoading] = useState(false) const [loading, setLoading] = useState(false)
const baseFormRef = useRef(null) const baseFormRef = useRef(null)
const baseTableRef = useRef(null)
const formDataObj = useMemo(() => { const formDataObj = useMemo(() => {
let formDataObj = {} let formDataObj = {}
...@@ -224,7 +227,7 @@ const RelationForm = (props) => { ...@@ -224,7 +227,7 @@ const RelationForm = (props) => {
const getConfig = async () => { const getConfig = async () => {
let { code, data, msg } = await GetAccountConfigInfo(accountName) let { code, data, msg } = await GetAccountConfigInfo(accountName)
if (code === 0) { if (code === 0) {
setConfig(data) setConfig({ ...data, formJson: isJson(data.formJson) ? JSON.parse(data.formJson) : {} })
getTableData(data.addFieldGroup ? data.addFieldGroup.split(',') : []) getTableData(data.addFieldGroup ? data.addFieldGroup.split(',') : [])
} else { } else {
message.error(msg) message.error(msg)
...@@ -353,6 +356,10 @@ const RelationForm = (props) => { ...@@ -353,6 +356,10 @@ const RelationForm = (props) => {
} }
} }
const btnsClick = ({ type, row }) => {
rowClick(type, row)
}
useEffect(() => { useEffect(() => {
if (accountName) { if (accountName) {
getData() getData()
...@@ -373,14 +380,13 @@ const RelationForm = (props) => { ...@@ -373,14 +380,13 @@ const RelationForm = (props) => {
<span className='account-header-title'>{titleShow}</span> <span className='account-header-title'>{titleShow}</span>
{disabled ? null : <Button className={styles.headerBtn} type='primary' size='middle' icon={<PlusOutlined />} onClick={addClick}>添加</Button>} {disabled ? null : <Button className={styles.headerBtn} type='primary' size='middle' icon={<PlusOutlined />} onClick={addClick}>添加</Button>}
</div> </div>
<Table <TablePack
parent='关联表单'
loading={loading} loading={loading}
rowKey={r => JSON.stringify(r)} readOnly={disabled}
size='small' config={config}
bordered
columns={columns}
dataSource={dataSource} dataSource={dataSource}
pagination={{ total: dataSource.length, showTotal: (value) => `总计 ${value} 条` }} btnsClick={btnsClick}
/> />
<Drag <Drag
title={accountName} title={accountName}
......
src/core/widgets/advanced/RelationForm/index.less
View file @ a1db4b1a
...@@ -7,45 +7,10 @@ ...@@ -7,45 +7,10 @@
line-height: 45px; line-height: 45px;
position: relative; position: relative;
text-align: center; text-align: center;
// .account-header-title {
// width: 100%;
// text-align: center;
// font-weight: bold;
// font-size: 16px;
// }
.headerBtn { .headerBtn {
position: absolute; position: absolute;
right: 0; right: 0;
top: 7px; top: 7px;
} }
} }
.@{ant-prefix}-table-thead {
.@{ant-prefix}-table-cell {
background: white;
}
th {
border-bottom: 2px solid #DBE7FB;
text-align: center;
}
}
.@{ant-prefix}-table-body {
tr {
td {
border-bottom: 1px solid #DBE7FB;
border-right: 1px solid #DBE7FB;
}
}
.@{ant-prefix}-table-row {
padding: 4px !important;
}
tr:nth-child(even) {
background: #F6F9FE;
.panda-civ-workflow-table-cell-fix-right {
background-color: #F6F9FEed;
}
}
}
.@{ant-prefix}-table-content {
overflow: auto;
}
} }
\ No newline at end of file
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