Skip to content

W
WebPublic
提交 f214c831 authored 作者: 徐立's avatar 徐立
浏览文件
操作

暂存

上级 7fc3df49
隐藏空白字符变更
内嵌 并排
正在显示 包含 933 行增加 和 808 行删除
one_stop_public/filePreview/index.jsx
浏览文件 @ f214c831
...@@ -35,6 +35,7 @@ export default class index extends Component { ...@@ -35,6 +35,7 @@ export default class index extends Component {
}; };
render() { render() {
let { path, pathName, width, height } = this.props; let { path, pathName, width, height } = this.props;
console.log(path, '????');
const { visible } = this.state; const { visible } = this.state;
let isShow = let isShow =
pathName?.indexOf('.pdf') !== -1 || pathName?.indexOf('.pdf') !== -1 ||
......
one_stop_public/libs/formList/TreeList.js
浏览文件 @ f214c831
...@@ -16,7 +16,7 @@ import { ...@@ -16,7 +16,7 @@ import {
Tree, Tree,
Popconfirm, Popconfirm,
Tooltip, Tooltip,
Spin Spin,
} from 'antd'; } from 'antd';
import { connect } from 'dva'; import { connect } from 'dva';
import PageHeaderWrapper from './PageHeaderWrapper'; import PageHeaderWrapper from './PageHeaderWrapper';
...@@ -30,11 +30,11 @@ import ExportCurrentInfo from '../../App/ExportCurrentInfo'; ...@@ -30,11 +30,11 @@ import ExportCurrentInfo from '../../App/ExportCurrentInfo';
import StatisticsInfo from '../../App/StatisticsInfo'; import StatisticsInfo from '../../App/StatisticsInfo';
import ImportUtil from '../../App/ImportUtil'; import ImportUtil from '../../App/ImportUtil';
import SearchInfo from '../../App/SearchInfo'; import SearchInfo from '../../App/SearchInfo';
import {Base16Encode} from "../../Base16/index"; import { Base16Encode } from '../../Base16/index';
import {isEmpty} from 'lodash' import { isEmpty } from 'lodash';
import FilePreview from "@/webPublic/one_stop_public/filePreview"; import FilePreview from '@/webPublic/one_stop_public/filePreview';
import {queryApiActionPath} from "@/webPublic/one_stop_public/utils/queryConfig"; import { queryApiActionPath } from '@/webPublic/one_stop_public/utils/queryConfig';
import UploadCom from "@/webPublic/one_stop_public/libs/UploadCom"; import UploadCom from '@/webPublic/one_stop_public/libs/UploadCom';
const FormItem = Form.Item; const FormItem = Form.Item;
let AllWidth = 0; // 表格总长度 let AllWidth = 0; // 表格总长度
const { RangePicker } = DatePicker; const { RangePicker } = DatePicker;
...@@ -83,21 +83,21 @@ const CreateForm = Form.create()(props => { ...@@ -83,21 +83,21 @@ const CreateForm = Form.create()(props => {
handleModalVisible, handleModalVisible,
formItem, formItem,
getItem, getItem,
isView isView,
} = props; } = props;
//通过回调 //通过回调
const okHandle = () => { const okHandle = () => {
form.validateFields((err, fieldsValue) => { form.validateFields((err, fieldsValue) => {
if (err) return; if (err) return;
if(isView){ if (isView) {
handleModalVisible(); handleModalVisible();
return; return;
} }
formItem.map((item, index) => { formItem.map((item, index) => {
if (item.type.indexOf('DATE') > -1) { if (item.type.indexOf('DATE') > -1) {
for (let d in fieldsValue) { for (let d in fieldsValue) {
if (item.name === d&&fieldsValue[d]) { if (item.name === d && fieldsValue[d]) {
fieldsValue[d] = fieldsValue[d].format('YYYY-MM-DD HH:mm:ss'); fieldsValue[d] = fieldsValue[d].format('YYYY-MM-DD HH:mm:ss');
} }
} }
...@@ -107,44 +107,51 @@ const CreateForm = Form.create()(props => { ...@@ -107,44 +107,51 @@ const CreateForm = Form.create()(props => {
handleAdd(params, isAdd); handleAdd(params, isAdd);
}); });
}; };
//需要获取动态表单 //需要获取动态表单
return ( return (
<Modal <Modal
width="700px" width="700px"
maskClosable={false} maskClosable={false}
destroyOnClose destroyOnClose
title={isView?"查看详情":(isAdd ? '新增' : '编辑')} title={isView ? '查看详情' : isAdd ? '新增' : '编辑'}
visible={modalVisible} visible={modalVisible}
footer={isView?null:[ footer={
<Button key="back" onClick={() => handleModalVisible()}> isView
取消 ? null
</Button>, : [
<Button key="submit" type="primary" onClick={okHandle}> <Button key="back" onClick={() => handleModalVisible()}>
确定 取消
</Button> </Button>,
]} <Button key="submit" type="primary" onClick={okHandle}>
确定
</Button>,
]
}
onOk={okHandle} onOk={okHandle}
onCancel={() => handleModalVisible()} onCancel={() => handleModalVisible()}
> >
{formItem.map((item, index) => getItem(false,form, item, isAdd, formData, { span: 5 }, { span: 15 }))} {formItem.map((item, index) =>
getItem(false, form, item, isAdd, formData, { span: 5 }, { span: 15 }),
)}
</Modal> </Modal>
); );
}); });
@connect(({ formList, loading }) => ({ @connect(({ formList, loading }) => ({
formList, loading: loading.models.formList, formList,
loading: loading.models.formList,
})) }))
@Form.create() @Form.create()
class TreeList extends React.Component { class TreeList extends React.Component {
constructor(props){ constructor(props) {
super(props) super(props);
const{json:{treeTitleName,treeKeyName}}=this.props const {
const root={} json: { treeTitleName, treeKeyName },
root[treeTitleName]= '根目录' } = this.props;
root[treeKeyName]='0-0' const root = {};
root[treeTitleName] = '根目录';
root[treeKeyName] = '0-0';
this.state = { this.state = {
data: { data: {
list: [], list: [],
...@@ -152,76 +159,78 @@ class TreeList extends React.Component { ...@@ -152,76 +159,78 @@ class TreeList extends React.Component {
}, },
treeData: [root], treeData: [root],
isReady: false, isReady: false,
parentName: "根节点", parentName: '根节点',
parentId: null, parentId: null,
selects:[], selects: [],
modalVisible: false, modalVisible: false,
formData: null, formData: null,
formValues: {}, formValues: {},
formItem: [], formItem: [],
objId: this.props.objId || (this.props.location?this.props.location.state.id:null), objId: this.props.objId || (this.props.location ? this.props.location.state.id : null),
isAdd: false, isAdd: false,
querys: [], querys: [],
selectedRows: [], selectedRows: [],
primaryKey: null, primaryKey: null,
options: {}, options: {},
isTable: true, isTable: true,
tableWidth:500, tableWidth: 500,
rights:this.props.rights||[], rights: this.props.rights || [],
columnRights:[], columnRights: [],
isReady:false, isReady: false,
groups:{}, groups: {},
showDiv:'', showDiv: '',
showMobileDiv:'', showMobileDiv: '',
isView:false isView: false,
}; };
} }
columns = []; columns = [];
getOptions = () => { getOptions = () => {
const refIds = [] const refIds = [];
for (var i = 0; i < this.state.formItem.length; i++) { for (var i = 0; i < this.state.formItem.length; i++) {
if (
if (this.state.formItem[i].referenceObjId != null && this.state.options[this.state.formItem[i].id + ''] == null) { this.state.formItem[i].referenceObjId != null &&
refIds.push(datas[t].id) this.state.options[this.state.formItem[i].id + ''] == null
) {
refIds.push(datas[t].id);
} }
} }
if (refIds.length > 0) { if (refIds.length > 0) {
dispatch({ dispatch({
type: 'formList/getBatchOptions', type: 'formList/getBatchOptions',
payload: { ids: refIds }, payload: { ids: refIds },
callback: (options) => { callback: options => {
this.setState({ options: { ...this.state.options, ...options } });
this.setState({ options: { ...this.state.options, ...options } }) },
}
}); });
} }
} };
getList = (values, callback) => { getList = (values, callback) => {
const {dispatch, json:{treeParentIdName}} = this.props; const {
dispatch,
json: { treeParentIdName },
} = this.props;
if (!values) { if (!values) {
values = this.state.formValues values = this.state.formValues;
} }
dispatch({ dispatch({
type: 'formList/tree', type: 'formList/tree',
payload: {...values, parentIdName: treeParentIdName,dataObjId:this.state.objId}, payload: { ...values, parentIdName: treeParentIdName, dataObjId: this.state.objId },
callback: callback callback: callback,
}); });
} };
modify = record => { modify = record => {
// if (this.state.formItem.length < 10) { // if (this.state.formItem.length < 10) {
this.getOptions() this.getOptions();
this.setState({ this.setState({
formData: record, formData: record,
modalVisible: true, modalVisible: true,
isAdd: false, isAdd: false,
isView:false isView: false,
}); });
// } else { // } else {
// router.push({ // router.push({
// pathname: '/admin/ddl/dataObj/formEdit', // pathname: '/admin/ddl/dataObj/formEdit',
...@@ -236,16 +245,15 @@ class TreeList extends React.Component { ...@@ -236,16 +245,15 @@ class TreeList extends React.Component {
// } // }
}; };
view = record => { view = record => {
// if (this.state.formItem.length < 10) { // if (this.state.formItem.length < 10) {
this.getOptions() this.getOptions();
this.setState({ this.setState({
formData: record, formData: record,
modalVisible: true, modalVisible: true,
isAdd: false, isAdd: false,
isView:true isView: true,
}); });
// } else { // } else {
// router.push({ // router.push({
// pathname: '/admin/ddl/dataObj/formEdit', // pathname: '/admin/ddl/dataObj/formEdit',
...@@ -260,7 +268,7 @@ class TreeList extends React.Component { ...@@ -260,7 +268,7 @@ class TreeList extends React.Component {
// } // }
}; };
isJSON = (str) => { isJSON = str => {
if (typeof str == 'string') { if (typeof str == 'string') {
try { try {
var obj = JSON.parse(str); var obj = JSON.parse(str);
...@@ -269,14 +277,13 @@ class TreeList extends React.Component { ...@@ -269,14 +277,13 @@ class TreeList extends React.Component {
} else { } else {
return false; return false;
} }
} catch (e) { } catch (e) {
console.log('error：' + str + '!!!' + e); console.log('error：' + str + '!!!' + e);
return false; return false;
} }
} }
console.log('这不是个字符串') console.log('这不是个字符串');
} };
delete = record => { delete = record => {
//找出主键 //找出主键
...@@ -286,30 +293,29 @@ class TreeList extends React.Component { ...@@ -286,30 +293,29 @@ class TreeList extends React.Component {
type: 'formList/delete', type: 'formList/delete',
payload: { payload: {
keys: JSON.stringify(Keys), keys: JSON.stringify(Keys),
objId: this.state.objId objId: this.state.objId,
}, },
callback: () => { callback: () => {
this.getPage({parentId: this.state.parentId},null,null, (list) => { this.getPage({ parentId: this.state.parentId }, null, null, list => {
const treeData = this.refesh(this.state.parentId, list, this.state.treeData);
const treeData = this.refesh(this.state.parentId, list, this.state.treeData)
this.setState({ this.setState({
modalVisible: false, modalVisible: false,
treeData treeData,
}); });
}) });
}, },
}); });
}; };
viewProcess = record => { viewProcess = record => {
const {dispatch}= this.props; const { dispatch } = this.props;
dispatch({ dispatch({
type: 'formList/getAppId', type: 'formList/getAppId',
payload: { payload: {
code: record.process_biz_key, code: record.process_biz_key,
}, },
callback: (data) => { callback: data => {
router.push({pathname: '/portal/serviceCentre/getdetail',state: {id:data.id}}) router.push({ pathname: '/portal/serviceCentre/getdetail', state: { id: data.id } });
}, },
}); });
}; };
...@@ -317,72 +323,69 @@ class TreeList extends React.Component { ...@@ -317,72 +323,69 @@ class TreeList extends React.Component {
/** /**
* 宽度自适应函数 * 宽度自适应函数
*/ */
resize = (e) => { resize = e => {
let scrollWidth = document.documentElement.clientWidth || document.body.clientWidth; //可使宽度 let scrollWidth = document.documentElement.clientWidth || document.body.clientWidth; //可使宽度
let showMobileDiv = scrollWidth-77 let showMobileDiv = scrollWidth - 77;
if(document.querySelector('#previewDiv')){ // 预览模式 if (document.querySelector('#previewDiv')) {
// 预览模式
this.setState({ this.setState({
showMobileDiv:document.querySelector('#previewDiv').clientWidth-77 showMobileDiv: document.querySelector('#previewDiv').clientWidth - 77,
}) });
} else { } else {
this.setState({ this.setState({
showMobileDiv, showMobileDiv,
}) });
} }
} };
//渲染值 //渲染值
componentDidMount() { componentDidMount() {
const { dispatch, isFormCom, isSelect, callback, valueName } = this.props; const { dispatch, isFormCom, isSelect, callback, valueName } = this.props;
window.addEventListener('resize', this.resize); window.addEventListener('resize', this.resize);
if(this.props.objCode){ if (this.props.objCode) {
const { dispatch, objCode,sql} = this.props; const { dispatch, objCode, sql } = this.props;
if(objCode==1||objCode=="1"){ if (objCode == 1 || objCode == '1') {
this.initColumn(); this.initColumn();
}else{ } else {
dispatch({ dispatch({
type: 'DataObj/findByCode', type: 'DataObj/findByCode',
payload: { objCode:this.props.objCode }, payload: { objCode: this.props.objCode },
callback: dataObj => { callback: dataObj => {
this.setState({ objId: dataObj.id ,isTable: data.isTable},()=>{ this.setState({ objId: dataObj.id, isTable: data.isTable }, () => {
dispatch({ dispatch({
type: 'DataRight/getUserRight', type: 'DataRight/getUserRight',
payload: { objId: this.state.objId }, payload: { objId: this.state.objId },
callback: data => { callback: data => {
if(!this.props.rights){ if (!this.props.rights) {
this.setState({ rights: data }); this.setState({ rights: data });
} }
dispatch({ dispatch({
type: 'DataRight/getUserColumnRight', type: 'DataRight/getUserColumnRight',
payload: { objId: this.state.objId }, payload: { objId: this.state.objId },
callback: data => { callback: data => {
this.setState({ columnRights: data }); this.setState({ columnRights: data });
this.initColumn(); this.initColumn();
} },
}); });
} },
}); });
}); });
}, },
}); });
} }
} else {
}else{
dispatch({ dispatch({
type: 'formList/getObjDetail', type: 'formList/getObjDetail',
payload: { id: this.state.objId }, payload: { id: this.state.objId },
callback: data => { callback: data => {
this.setState({ isTable: data.isTable }); this.setState({ isTable: data.isTable });
} },
}); });
dispatch({ dispatch({
type: 'DataRight/getUserRight', type: 'DataRight/getUserRight',
payload: { objId: this.state.objId }, payload: { objId: this.state.objId },
callback: data => { callback: data => {
if(!this.props.rights){ if (!this.props.rights) {
this.setState({ rights: data }); this.setState({ rights: data });
} }
dispatch({ dispatch({
...@@ -391,257 +394,252 @@ class TreeList extends React.Component { ...@@ -391,257 +394,252 @@ class TreeList extends React.Component {
callback: data => { callback: data => {
this.setState({ columnRights: data }); this.setState({ columnRights: data });
this.initColumn(); this.initColumn();
} },
}); });
} },
}); });
} }
} }
/** /**
* 移除监听器 * 移除监听器
*/ */
componentWillUnmount(){ componentWillUnmount() {
window.removeEventListener('resize',this.resize); window.removeEventListener('resize', this.resize);
} }
custom=this.props.value?Base16Encode(JSON.stringify(this.props.value)):null custom = this.props.value ? Base16Encode(JSON.stringify(this.props.value)) : null;
componentWillReceiveProps(nextProps){ componentWillReceiveProps(nextProps) {
const b = nextProps.value || {};
const b = nextProps.value||{} const a = this.props.value || {};
const a = this.props.value||{}
if (JSON.stringify(a) != JSON.stringify(b)) {
const params = {
pageNo: 1,
if(JSON.stringify(a)!=JSON.stringify(b)){ pageSize: this.props.pageSize || 10,
const params = { query: JSON.stringify(this.state.formValues),
pageNo: 1, };
pageSize: this.props.pageSize||10, if (nextProps.value.columns != null && nextProps.value.columns.length > 0) {
query: JSON.stringify(this.state.formValues), this.columns = nextProps.value.columns;
}; }
if(nextProps.value.columns!=null&&nextProps.value.columns.length>0){
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
if(JSON.stringify(x)!=JSON.stringify(y)){
this.setState({selects:x}) 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;
if (JSON.stringify(x) != JSON.stringify(y)) {
this.setState({ selects: x });
} }
} }
initColumn = () =>{ initColumn = () => {
const { dispatch, isFormCom, isSelect, callback, valueName } = this.props;
const { dispatch, isFormCom, isSelect, callback, valueName } = this.props; const { rights, columnRights } = this.state;
if (this.props.value && this.props.value.columns) {
const {rights,columnRights} = this.state; this.columns = this.props.value.columns;
if(this.props.value&&this.props.value.columns){
this.columns=this.props.value.columns
this.getPage(); this.getPage();
return return;
} }
if(this.props.objCode==1||this.props.objCode=="1"){ if (this.props.objCode == 1 || this.props.objCode == '1') {
} else {
}else{
dispatch({ dispatch({
type: 'formList/getHead', type: 'formList/getHead',
payload: { dataObjId: this.state.objId }, payload: { dataObjId: this.state.objId },
callback: datas => { callback: datas => {
const querys = [] const querys = [];
const refIds = [] const refIds = [];
const groups ={}; const groups = {};
if (datas) { if (datas) {
this.state.formItem = datas; this.state.formItem = datas;
let i = 0; let i = 0;
for (let t in datas) { for (let t in datas) {
if (datas[t].isPrimaryKey) this.state.primaryKey = datas[t].name; if (datas[t].isPrimaryKey) this.state.primaryKey = datas[t].name;
if(datas[t].isHidden){ if (datas[t].isHidden) {
continue continue;
} }
let column = {}; let column = {};
column.title = datas[t].title; column.title = datas[t].title;
column.dataIndex = datas[t].name; column.dataIndex = datas[t].name;
column.width = datas[t].width; column.width = datas[t].width;
if(i==0) column.fixed='left'; if (i == 0) column.fixed = 'left';
if(columnRights.length>0&&!columnRights.includes(datas[t].id)){ if (columnRights.length > 0 && !columnRights.includes(datas[t].id)) {
continue; continue;
} }
if (data.includes(datas[t].type)) { if (data.includes(datas[t].type)) {
column.render =( val) =>{ column.render = val => {
if(val == null){ if (val == null) {
return val; return val;
} }
if(datas[t].dataFormatStrWeb!=null){ if (datas[t].dataFormatStrWeb != null) {
return moment(val).format(datas[t].dataFormatStrWeb); return moment(val).format(datas[t].dataFormatStrWeb);
}else { } else {
return moment(val).format('YYYY-MM-DD HH:mm:ss'); return moment(val).format('YYYY-MM-DD HH:mm:ss');
} }
} };
}else if(datas[t].name.indexOf("process_status")>-1){ } else if (datas[t].name.indexOf('process_status') > -1) {
column.render=(val)=>val?(val==="0"?"审核通过":"审核未通过"):null column.render = val => (val ? (val === '0' ? '审核通过' : '审核未通过') : null);
}else if(datas[t].extendTypeId&&datas[t].extendTypeId.indexOf("file")>-1){ //特殊处理附件 } else if (datas[t].extendTypeId && datas[t].extendTypeId.indexOf('file') > -1) {
column.render =( val) =>{ //特殊处理附件
if(this.isJSON(val)){ column.render = val => {
if (this.isJSON(val)) {
val = JSON.parse(val); val = JSON.parse(val);
let files = val.files; let files = val.files;
let xx =( <ul> let xx = (
{files.map((f, index2) => { <ul>
return <li key={index2}><FilePreview {files.map((f, index2) => {
path={queryApiActionPath() + f.path} return (
pathName={f.name} <li key={index2}>
/></li> <FilePreview path={queryApiActionPath() + f.path} pathName={f.name} />
} </li>
)} );
})}
</ul> </ul>
) );
return xx; return xx;
}else { } else {
return val; return val;
} }
} };
}else{ } else {
column.render=(val)=>val&&val.length>100? <Tooltip title={val} overlayStyle={{width:1000}}> column.render = val =>
<span style={{width:column.width||200,display:"block", wordBreak:"keep-all",whiteSpace:"nowrap", overflow:"hidden", textOverflow:"ellipsis"}}>{val}</span> val && val.length > 100 ? (
</Tooltip>:val <Tooltip title={val} overlayStyle={{ width: 1000 }}>
<span
style={{
width: column.width || 200,
display: 'block',
wordBreak: 'keep-all',
whiteSpace: 'nowrap',
overflow: 'hidden',
textOverflow: 'ellipsis',
}}
>
{val}
</span>
</Tooltip>
) : (
val
);
} }
this.setState({tableWidth:((datas.length-1)*200)}) this.setState({ tableWidth: (datas.length - 1) * 200 });
this.columns.push(column); this.columns.push(column);
if (datas[t].isShowQuery) { if (datas[t].isShowQuery) {
querys.push(datas[t]) querys.push(datas[t]);
if (datas[t].referenceObjId != null) { if (datas[t].referenceObjId != null) {
refIds.push(datas[t].id) refIds.push(datas[t].id);
} }
if(datas[t].isGroupQuery!=null){ if (datas[t].isGroupQuery != null) {
dispatch({ dispatch({
type: 'formList/getGroupList', type: 'formList/getGroupList',
payload: { columnId: datas[t].id }, payload: { columnId: datas[t].id },
callback: (gourp) => { callback: gourp => {
groups[datas[t].id] = gourp; groups[datas[t].id] = gourp;
this.setState({ groups }) this.setState({ groups });
} },
}); });
} }
} }
i++; i++;
} }
if (querys.length > 0) { if (querys.length > 0) {
this.setState({ querys }) this.setState({ querys });
if (refIds.length > 0) { if (refIds.length > 0) {
dispatch({ dispatch({
type: 'formList/getBatchOptions', type: 'formList/getBatchOptions',
payload: { ids: refIds }, payload: { ids: refIds },
callback: (options) => { callback: options => {
this.setState({ options }) this.setState({ options });
} },
}); });
} }
} }
this.getPage(); this.getPage();
} }
}, },
}); });
} }
};
sqlBs16 = Base16Encode(this.props.sql);
} getPage = (params, values, callPage, callback) => {
sqlBs16=Base16Encode(this.props.sql) if (this.columns == null || this.columns.length == 0) {
getPage = (params, values,callPage,callback) => {
if(this.columns==null||this.columns.length==0){
return; return;
} }
const { dispatch ,json:{treeParentIdName}} = this.props; const {
dispatch,
json: { treeParentIdName },
} = this.props;
const pagination = this.state.data.pagination; const pagination = this.state.data.pagination;
if (params == null) { if (params == null) {
params = { params = {
// pageNo: pagination.current ? pagination.current : 1, // pageNo: pagination.current ? pagination.current : 1,
//pageSize: pagination.pageSize ? pagination.pageSize : (this.props.pageSize||10), //pageSize: pagination.pageSize ? pagination.pageSize : (this.props.pageSize||10),
query: JSON.stringify(values!=null?values:this.state.formValues), query: JSON.stringify(values != null ? values : this.state.formValues),
}; };
} }
if(this.props.objCode&&(this.props.objCode=="1"||this.props.objCode==1)){ if (this.props.objCode && (this.props.objCode == '1' || this.props.objCode == 1)) {
if(callPage){ if (callPage) {
callPage(params,(data)=>{ callPage(params, data => {
if(!this.state.isReady){ if (!this.state.isReady) {
this.setState({data,isReady:true}) this.setState({ data, isReady: true });
}else{ } else {
this.setState({data}) this.setState({ data });
} }
}) });
}else if(this.props.value&&this.props.value.getPage){ } else if (this.props.value && this.props.value.getPage) {
this.props.value.getPage(params,(data)=>{ this.props.value.getPage(params, data => {
if (!this.state.isReady) {
if(!this.state.isReady){ this.setState({ data, isReady: true });
this.setState({data,isReady:true}) } else {
}else{ this.setState({ data });
this.setState({data})
} }
}) });
} }
} else {
}else{
dispatch({ dispatch({
type: 'formList/tree', type: 'formList/tree',
payload: { payload: {
custom:this.custom, custom: this.custom,
...params, ...params,
parentIdName: treeParentIdName, parentIdName: treeParentIdName,
sql:this.sqlBs16, sql: this.sqlBs16,
dataObjId: this.state.objId, dataObjId: this.state.objId,
}, },
callback:(list)=>{ callback: list => {
const data={ const data = {
list:list, list: list,
pagination:false pagination: false,
} };
if(!this.state.isReady){ if (!this.state.isReady) {
this.setState({data,parentId:params.parentId,isReady:true},()=>{ this.setState({ data, parentId: params.parentId, isReady: true }, () => {
if(callback) callback(list) if (callback) callback(list);
}) });
}else{ } else {
this.setState({data,parentId:params.parentId},()=>{ this.setState({ data, parentId: params.parentId }, () => {
if(callback) callback(list) if (callback) callback(list);
}) });
} }
},
}
}); });
} }
}; };
handleStandardTableChange = (pagination, filtersArg, sorter) => { handleStandardTableChange = (pagination, filtersArg, sorter) => {
const filters = Object.keys(filtersArg) const filters = Object.keys(filtersArg).reduce((obj, key) => {
.reduce((obj, key) => { const newObj = { ...obj };
const newObj = { ...obj }; newObj[key] = getValue(filtersArg[key]);
newObj[key] = getValue(filtersArg[key]); return newObj;
return newObj; }, {});
}, {});
const params = { const params = {
pageNo: pagination.current, pageNo: pagination.current,
...@@ -656,11 +654,13 @@ class TreeList extends React.Component { ...@@ -656,11 +654,13 @@ class TreeList extends React.Component {
}; };
handleAdd = (fields, isAdd) => { handleAdd = (fields, isAdd) => {
const {json:{treeParentIdName}}=this.props const {
json: { treeParentIdName },
} = this.props;
let params = { let params = {
...fields, ...fields,
}; };
params[treeParentIdName]=this.state.parentId params[treeParentIdName] = this.state.parentId;
this.props.dispatch({ this.props.dispatch({
type: 'formList/add', type: 'formList/add',
payload: { payload: {
...@@ -668,19 +668,18 @@ class TreeList extends React.Component { ...@@ -668,19 +668,18 @@ class TreeList extends React.Component {
objId: this.state.objId, objId: this.state.objId,
isAdd: isAdd, isAdd: isAdd,
isSelf: true, isSelf: true,
isView:false isView: false,
}, },
callback: () => { callback: () => {
message.success('操作成功'); message.success('操作成功');
this.getPage({parentId: this.state.parentId},null,null, (list) => {
const treeData = this.refesh(this.state.parentId, list, this.state.treeData) this.getPage({ parentId: this.state.parentId }, null, null, list => {
const treeData = this.refesh(this.state.parentId, list, this.state.treeData);
this.setState({ this.setState({
modalVisible: false, modalVisible: false,
treeData treeData,
}); });
}) });
}, },
}); });
}; };
...@@ -693,14 +692,14 @@ class TreeList extends React.Component { ...@@ -693,14 +692,14 @@ class TreeList extends React.Component {
}; };
add = () => { add = () => {
// if (this.state.formItem.length < 10) { // if (this.state.formItem.length < 10) {
this.getOptions() this.getOptions();
this.setState({ this.setState({
modalVisible: true, modalVisible: true,
formData: {}, formData: {},
isAdd: true, isAdd: true,
isView:false isView: false,
}); });
// } else { // } else {
// router.push({ // router.push({
// pathname: '/admin/ddl/dataObj/formEdit', // pathname: '/admin/ddl/dataObj/formEdit',
...@@ -710,8 +709,8 @@ class TreeList extends React.Component { ...@@ -710,8 +709,8 @@ class TreeList extends React.Component {
}; };
handleSelectRows = rows => { handleSelectRows = rows => {
if(this.props.onSelectRow){ if (this.props.onSelectRow) {
this.props.onSelectRow(rows) this.props.onSelectRow(rows);
} }
this.setState({ this.setState({
selectedRows: rows, selectedRows: rows,
...@@ -730,8 +729,7 @@ class TreeList extends React.Component { ...@@ -730,8 +729,7 @@ class TreeList extends React.Component {
for (let i in columns) { for (let i in columns) {
if (columns[i].isPrimaryKey) { if (columns[i].isPrimaryKey) {
//key //key
Keys[columns[i].name] = selectedRows.map(row => row[columns[i].name]) Keys[columns[i].name] = selectedRows.map(row => row[columns[i].name]).join(',');
.join(',');
} }
} }
this.props.dispatch({ this.props.dispatch({
...@@ -739,7 +737,7 @@ class TreeList extends React.Component { ...@@ -739,7 +737,7 @@ class TreeList extends React.Component {
payload: { payload: {
keys: JSON.stringify(Keys), keys: JSON.stringify(Keys),
objId: this.state.objId, objId: this.state.objId,
isSelf: true isSelf: true,
}, },
callback: () => { callback: () => {
this.setState({ this.setState({
...@@ -753,26 +751,28 @@ class TreeList extends React.Component { ...@@ -753,26 +751,28 @@ class TreeList extends React.Component {
goBack = () => { goBack = () => {
router.goBack(); router.goBack();
}; };
handleSearch = (e) => { handleSearch = e => {
e.preventDefault(); e.preventDefault();
const { dispatch, form } = this.props; const { dispatch, form } = this.props;
const {formValues} = this.state; const { formValues } = this.state;
form.validateFields((err, fieldsValue) => { form.validateFields((err, fieldsValue) => {
if (err) return; if (err) return;
const formItem = this.state.formItem;
const formItem = this.state.formItem
formItem.map((item, index) => { formItem.map((item, index) => {
if (item.type.indexOf('DATE') > -1) { if (item.type.indexOf('DATE') > -1) {
for (let d in fieldsValue) { for (let d in fieldsValue) {
if (item.name === d && fieldsValue[d]) { if (item.name === d && fieldsValue[d]) {
if(fieldsValue[d]!=null&&fieldsValue[d].length>0){ if (fieldsValue[d] != null && fieldsValue[d].length > 0) {
fieldsValue[d]=[fieldsValue[d][0].format('YYYY-MM-DD HH:mm:ss'),fieldsValue[d][1].format('YYYY-MM-DD HH:mm:ss')]; fieldsValue[d] = [
}else { fieldsValue[d][0].format('YYYY-MM-DD HH:mm:ss'),
fieldsValue[d]=""; fieldsValue[d][1].format('YYYY-MM-DD HH:mm:ss'),
];
} else {
fieldsValue[d] = '';
} }
} }
} }
...@@ -780,103 +780,125 @@ class TreeList extends React.Component { ...@@ -780,103 +780,125 @@ class TreeList extends React.Component {
}); });
const values = { const values = {
...this.state.formValues, ...this.state.formValues,
...fieldsValue ...fieldsValue,
}; };
this.setState({ this.setState({
formValues: fieldsValue, formValues: fieldsValue,
}); });
this.getPage(null, values) this.getPage(null, values);
}); });
} };
hanldeHighSearch=(e)=>{ hanldeHighSearch = e => {
const pagination = this.props.formList.data.pagination; const pagination = this.props.formList.data.pagination;
let params = { let params = {
pageNo: pagination.current ? pagination.current : 1, pageNo: pagination.current ? pagination.current : 1,
pageSize: pagination.pageSize ? pagination.pageSize : (this.props.pageSize||10), pageSize: pagination.pageSize ? pagination.pageSize : this.props.pageSize || 10,
...e ...e,
} };
this.setState({formValues:{...e,...this.state.formValues}}) this.setState({ formValues: { ...e, ...this.state.formValues } });
this.getPage(params) this.getPage(params);
} };
handleFormReset = () => { handleFormReset = () => {
const { form, dispatch } = this.props; const { form, dispatch } = this.props;
form.resetFields(); form.resetFields();
this.setState({ this.setState(
formValues: {}, {
}, () => { formValues: {},
this.getPage() },
}); () => {
this.getPage();
} },
getItem = (isQuery,form, item, isAdd, formData, labelCol, wrapperCol) => { );
const {groups} =this.state; };
getItem = (isQuery, form, item, isAdd, formData, labelCol, wrapperCol) => {
const { groups } = this.state;
if (item.isPrimaryKey) { if (item.isPrimaryKey) {
if (isAdd) { if (isAdd) {
return (<></>); return <></>;
} else { } else {
return ( return (
<FormItem labelCol={labelCol} wrapperCol={wrapperCol} label={item.title} key={item.id}> <FormItem labelCol={labelCol} wrapperCol={wrapperCol} label={item.title} key={item.id}>
{form.getFieldDecorator(item.name, { {form.getFieldDecorator(item.name, {
initialValue: formData == null ? '' : formData[item.name], initialValue: formData == null ? '' : formData[item.name],
rules: [{ required: !item.isNull }], rules: [{ required: !item.isNull }],
})(<Input style={{ width: '70%' }} readOnly={!isAdd} placeholder="请输入"/>)} })(<Input style={{ width: '70%' }} readOnly={!isAdd} placeholder="请输入" />)}
</FormItem> </FormItem>
); );
} }
} else if (item.referenceObjId != null) { } else if (item.referenceObjId != null) {
const { options } = this.state const { options } = this.state;
const ops = options[item.id + ''] || [] const ops = options[item.id + ''] || [];
return ( return (
<FormItem labelCol={labelCol} wrapperCol={wrapperCol} label={item.title} key={item.id}> <FormItem labelCol={labelCol} wrapperCol={wrapperCol} label={item.title} key={item.id}>
{form.getFieldDecorator(item.name, { {form.getFieldDecorator(item.name, {
initialValue: formData == null ? '' : formData[item.name], initialValue: formData == null ? '' : formData[item.name],
rules: [{ required: !item.isNull }], rules: [{ required: !item.isNull }],
})(<Select style={{ width: '70%' }} placeholder="请选择" allowClear> })(
<Select style={{ width: '70%' }} placeholder="请选择" allowClear>
{ops.map((r) => <Option value={r[item.referenceCodeName]} {ops.map(r => (
key={r[item.referenceCodeName]}>{r[item.referenceNameName]}</Option>)} <Option value={r[item.referenceCodeName]} key={r[item.referenceCodeName]}>
</Select>)} {r[item.referenceNameName]}
</Option>
))}
</Select>,
)}
</FormItem> </FormItem>
); );
}else if(item.name.indexOf("process_status")>-1){ } else if (item.name.indexOf('process_status') > -1) {
return ( return (
<FormItem labelCol={labelCol} wrapperCol={wrapperCol} label={item.title} key={item.id}> <FormItem labelCol={labelCol} wrapperCol={wrapperCol} label={item.title} key={item.id}>
{form.getFieldDecorator(item.name, { {form.getFieldDecorator(item.name, {
initialValue: formData == null ? '' : formData[item.name], initialValue: formData == null ? '' : formData[item.name],
rules: [{ required: !item.isNull }], rules: [{ required: !item.isNull }],
})(<Select style={{ width: '70%' }} placeholder="请选择" allowClear> })(
<Option value={'0'} key={'0'}>审核通过</Option> <Select style={{ width: '70%' }} placeholder="请选择" allowClear>
<Option value={'2'} key={'2'}>审核未通过</Option> <Option value={'0'} key={'0'}>
</Select>)} 审核通过
</Option>
<Option value={'2'} key={'2'}>
审核未通过
</Option>
</Select>,
)}
</FormItem> </FormItem>
); );
} else if (item.extendTypeId && item.extendTypeId.indexOf('file') > -1) {
} else if(item.extendTypeId&&item.extendTypeId.indexOf("file")>-1){ //特殊处理附件 如果是查询就 跳过
//特殊处理附件 如果是查询就 跳过 if (isQuery) return;
if(isQuery) return ; return (
return ( <FormItem labelCol={labelCol} wrapperCol={wrapperCol} label={item.title} key={item.id}>
<FormItem labelCol={labelCol} wrapperCol={wrapperCol} label={item.title} key={item.id}> {form.getFieldDecorator(item.name, {
{form.getFieldDecorator(item.name, { initialValue:
initialValue: formData == null ? '' : (formData[item.name]&&this.isJSON(formData[item.name])?JSON.parse(formData[item.name]):null), formData == null
rules: [{ required: !item.isNull }], ? ''
})(<UploadCom />)} : formData[item.name] && this.isJSON(formData[item.name])
? JSON.parse(formData[item.name])
: null,
rules: [{ required: !item.isNull }],
})(<UploadCom />)}
</FormItem> </FormItem>
); );
} else if(isQuery&&item.isGroupQuery!=null&&item.isGroupQuery){ //如果是查询 并且是组合查询 } else if (isQuery && item.isGroupQuery != null && item.isGroupQuery) {
//如果是查询 并且是组合查询
const ops = groups[item.id + ''] || [] const ops = groups[item.id + ''] || [];
return ( return (
<FormItem labelCol={labelCol} wrapperCol={wrapperCol} label={item.title} key={item.id}> <FormItem labelCol={labelCol} wrapperCol={wrapperCol} label={item.title} key={item.id}>
{form.getFieldDecorator(item.name, { {form.getFieldDecorator(item.name, {
initialValue: formData == null ? '' : formData[item.name], initialValue: formData == null ? '' : formData[item.name],
rules: [{ required: !item.isNull }], rules: [{ required: !item.isNull }],
})(<Select style={{ width: '70%' }} placeholder="请选择" allowClear> })(
{ops.map((r) => <Option value={r.value} <Select style={{ width: '70%' }} placeholder="请选择" allowClear>
key={r.value}>{r.value}</Option>)} {ops.map(r => (
</Select>)} <Option value={r.value} key={r.value}>
{r.value}
</Option>
))}
</Select>,
)}
</FormItem> </FormItem>
); );
} else if (text.indexOf(item.type) > -1) { } else if (text.indexOf(item.type) > -1) {
...@@ -885,7 +907,7 @@ class TreeList extends React.Component { ...@@ -885,7 +907,7 @@ class TreeList extends React.Component {
{form.getFieldDecorator(item.name, { {form.getFieldDecorator(item.name, {
initialValue: formData == null ? '' : formData[item.name], initialValue: formData == null ? '' : formData[item.name],
rules: [{ required: !item.isNull }], rules: [{ required: !item.isNull }],
})(<Input style={{ width: '70%' }} placeholder="请输入"/>)} })(<Input style={{ width: '70%' }} placeholder="请输入" />)}
</FormItem> </FormItem>
); );
} else if (number.indexOf(item.type) > -1) { } else if (number.indexOf(item.type) > -1) {
...@@ -894,32 +916,37 @@ class TreeList extends React.Component { ...@@ -894,32 +916,37 @@ class TreeList extends React.Component {
{form.getFieldDecorator(item.name, { {form.getFieldDecorator(item.name, {
initialValue: formData == null ? '' : formData[item.name], initialValue: formData == null ? '' : formData[item.name],
rules: [{ required: !item.isNull }], rules: [{ required: !item.isNull }],
})(<InputNumber placeholder="请输入" min={0}/>)} })(<InputNumber placeholder="请输入" min={0} />)}
</FormItem> </FormItem>
); );
} else if (isQuery&&data.indexOf(item.type) > -1) { } else if (isQuery && data.indexOf(item.type) > -1) {
return ( return (
<FormItem labelCol={labelCol} wrapperCol={wrapperCol} label={item.title} key={item.id}> <FormItem labelCol={labelCol} wrapperCol={wrapperCol} label={item.title} key={item.id}>
{form.getFieldDecorator(item.name, { {form.getFieldDecorator(item.name, {
initialValue: formData == null ? null : moment(formData[item.name]), initialValue: formData == null ? null : moment(formData[item.name]),
rules: [{ required: !item.isNull }], rules: [{ required: !item.isNull }],
})( })(
<RangePicker format={item.dataFormatStrWeb==null?"YYYY-MM-DD HH:mm:ss":item.dataFormatStrWeb} <RangePicker
style={{ width: '95%' }} />)} format={item.dataFormatStrWeb == null ? 'YYYY-MM-DD HH:mm:ss' : item.dataFormatStrWeb}
style={{ width: '95%' }}
/>,
)}
</FormItem> </FormItem>
); );
}else if (data.indexOf(item.type) > -1) { } else if (data.indexOf(item.type) > -1) {
return ( return (
<FormItem labelCol={labelCol} wrapperCol={wrapperCol} label={item.title} key={item.id}> <FormItem labelCol={labelCol} wrapperCol={wrapperCol} label={item.title} key={item.id}>
{form.getFieldDecorator(item.name, { {form.getFieldDecorator(item.name, {
initialValue: formData == null ? moment() :(formData[item.name]?moment(formData[item.name]):null), initialValue:
formData == null
? moment()
: formData[item.name]
? moment(formData[item.name])
: null,
rules: [{ required: !item.isNull }], rules: [{ required: !item.isNull }],
})( })(
<DatePicker <DatePicker
format={item.dataFormatStrWeb==null?"YYYY-MM-DD HH:mm:ss":item.dataFormatStrWeb} format={item.dataFormatStrWeb == null ? 'YYYY-MM-DD HH:mm:ss' : item.dataFormatStrWeb}
style={{ width: '100%' }} style={{ width: '100%' }}
placeholder="请输入" placeholder="请输入"
/>, />,
...@@ -932,41 +959,44 @@ class TreeList extends React.Component { ...@@ -932,41 +959,44 @@ class TreeList extends React.Component {
{form.getFieldDecorator(item.name, { {form.getFieldDecorator(item.name, {
initialValue: formData == null ? '' : formData[item.name], initialValue: formData == null ? '' : formData[item.name],
rules: [{ required: !item.isNull }], rules: [{ required: !item.isNull }],
})(<Input style={{ width: '70%' }} placeholder="请输入"/>)} })(<Input style={{ width: '70%' }} placeholder="请输入" />)}
</FormItem> </FormItem>
); );
} }
} };
renderForm() { renderForm() {
const { const { form, get } = this.props;
form,
get, const { querys } = this.state;
} = this.props;
const { querys } = this.state
if (querys.length == 0) { if (querys.length == 0) {
return ''; return '';
} }
return ( return (
<Form layout="inline"> <Form layout="inline">
<Row style={{padding:"15px"}}> <Row style={{ padding: '15px' }}>
{querys.map((item) => {querys.map(item => (
<Col style={{height:58}} span={get==='mobile'?24:8} key={item.id}> <Col style={{ height: 58 }} span={get === 'mobile' ? 24 : 8} key={item.id}>
{this.getItem(true,form, { {this.getItem(
...item, true,
isNull: true form,
}, true)} {
...item,
isNull: true,
},
true,
)}
</Col> </Col>
)} ))}
<Col span={get==='mobile'?24:8} <Col
style={{ span={get === 'mobile' ? 24 : 8}
textAlign:get==='mobile'?'right':'', style={{
paddingRight: get==='mobile'?12:'' textAlign: get === 'mobile' ? 'right' : '',
}} paddingRight: get === 'mobile' ? 12 : '',
> }}
>
<span className={styles.submitButtons}> <span className={styles.submitButtons}>
<Button type="primary" loading={this.props.loading} onClick={this.handleSearch}> <Button type="primary" loading={this.props.loading} onClick={this.handleSearch}>
查询 查询
...@@ -985,38 +1015,36 @@ class TreeList extends React.Component { ...@@ -985,38 +1015,36 @@ class TreeList extends React.Component {
} }
onSelect = (selectedKeys, info) => { onSelect = (selectedKeys, info) => {
if (info.selectedNodes.length > 0) { if (info.selectedNodes.length > 0) {
const parentId = selectedKeys[0] != "0-0" ? selectedKeys[0] : null const parentId = selectedKeys[0] != '0-0' ? selectedKeys[0] : null;
this.setState({parentName: info.selectedNodes[0].props.title, parentId}) this.setState({ parentName: info.selectedNodes[0].props.title, parentId });
this.getPage({parentId: parentId}) this.getPage({ parentId: parentId });
} }
};
} onLoadData = treeNode => {
onLoadData = (treeNode) => { return new Promise(resolve => {
return new Promise((resolve) => {
if (treeNode.props.childs) { if (treeNode.props.childs) {
resolve(); resolve();
return; return;
} }
const parentId = treeNode.props.eventKey != "0-0" ? treeNode.props.eventKey : null const parentId = treeNode.props.eventKey != '0-0' ? treeNode.props.eventKey : null;
this.getList({parentId: parentId}, (list) => { this.getList({ parentId: parentId }, list => {
treeNode.props.dataRef.childs = list; treeNode.props.dataRef.childs = list;
this.setState({ this.setState({
treeData: [...this.state.treeData] treeData: [...this.state.treeData],
}); });
resolve(); resolve();
}) });
}); });
} };
renderTreeNodes = (list) => { renderTreeNodes = list => {
const{json:{treeTitleName,treeKeyName}}=this.props const {
json: { treeTitleName, treeKeyName },
return list.map((item) => { } = this.props;
item.title=item[treeTitleName]
item.key = item[treeKeyName] return list.map(item => {
item.title = item[treeTitleName];
item.key = item[treeKeyName];
if (item.childs) { if (item.childs) {
return ( return (
<TreeNode title={item[treeTitleName]} key={item.key} dataRef={item}> <TreeNode title={item[treeTitleName]} key={item.key} dataRef={item}>
...@@ -1024,42 +1052,35 @@ class TreeList extends React.Component { ...@@ -1024,42 +1052,35 @@ class TreeList extends React.Component {
</TreeNode> </TreeNode>
); );
} }
return <TreeNode {...item} dataRef={item}/>; return <TreeNode {...item} dataRef={item} />;
}) });
};
}
refesh = (parentId, list, data) => { refesh = (parentId, list, data) => {
if (parentId == null) { if (parentId == null) {
data[0].childs = list data[0].childs = list;
return data return data;
} }
for (var i = 0; i < data.length; i++) { for (var i = 0; i < data.length; i++) {
if (data[i].key == parentId) { if (data[i].key == parentId) {
data[i].childs = list data[i].childs = list;
break; break;
} else { } else {
if (data[i].childs) { if (data[i].childs) {
this.refesh(parentId, list, data[i].childs);
this.refesh(parentId, list, data[i].childs)
} }
} }
} }
return data return data;
} };
render() { render() {
const { const { modalVisible, selectedRows, querys, tableWidth, rights, data, isReady } = this.state;
modalVisible, if (!isReady) {
selectedRows, return (
querys, <div style={{ width: 20, margin: 'auto' }}>
tableWidth, <Spin />
rights , </div>
data, );
isReady,
} = this.state;
if(!isReady){
return <div style={{width:20,margin:"auto"}}><Spin/></div>
} }
const { const {
isFormCom, isFormCom,
...@@ -1069,22 +1090,20 @@ class TreeList extends React.Component { ...@@ -1069,22 +1090,20 @@ class TreeList extends React.Component {
valueName, valueName,
notShowBack, notShowBack,
istableCom, // 是否有模板设计器调用 istableCom, // 是否有模板设计器调用
value:{btns}, value: { btns },
json:{treeSpan}, json: { treeSpan },
loading loading,
} = this.props; } = this.props;
const { const { showMobileDiv, isView } = this.state;
showMobileDiv,
isView
} = this.state
let scrollWidth = document.documentElement.clientWidth || document.body.clientWidth; //可使宽度
let scrollWidth = document.documentElement.clientWidth || document.body.clientWidth; //可使宽度 let isMobile = scrollWidth < 1200;
let isMobile = scrollWidth < 1200 if (document.querySelector('#previewDiv')) {
if(document.querySelector('#previewDiv')){ isMobile = true;
isMobile = true
} }
let showDiv = document.querySelector('#mobelDiv')&&document.querySelector('#mobelDiv')?.parentNode.clientWidth let showDiv =
document.querySelector('#mobelDiv') &&
document.querySelector('#mobelDiv')?.parentNode.clientWidth;
const parentMethods = { const parentMethods = {
handleAdd: this.handleAdd, handleAdd: this.handleAdd,
handleModalVisible: this.handleModalVisible, handleModalVisible: this.handleModalVisible,
...@@ -1092,212 +1111,288 @@ class TreeList extends React.Component { ...@@ -1092,212 +1111,288 @@ class TreeList extends React.Component {
formItem: this.state.formItem, formItem: this.state.formItem,
isAdd: this.state.isAdd, isAdd: this.state.isAdd,
getItem: this.getItem, getItem: this.getItem,
isView:isView, isView: isView,
}; };
if (
if(!isSelect&&!rights.includes('edit')&&!rights.includes('delete')&&!rights.includes("view")&&!rights.includes("viewProcess")){ !isSelect &&
!rights.includes('edit') &&
}else{ !rights.includes('delete') &&
!rights.includes('view') &&
let width=0; !rights.includes('viewProcess')
if(rights && rights.includes('viewProcess')){ ) {
width=width+75; } else {
let width = 0;
if (rights && rights.includes('viewProcess')) {
width = width + 75;
} }
if(rights && rights.includes('view')){ if (rights && rights.includes('view')) {
width=width+75; width = width + 75;
} }
if(rights && rights.includes('edit')){ if (rights && rights.includes('edit')) {
width=width+40; width = width + 40;
} }
if(rights && rights.includes('delete')){ if (rights && rights.includes('delete')) {
width=width+40; width = width + 40;
} }
const column = { const column = {
title: '操作', title: '操作',
fixed: 'right', fixed: 'right',
width: width, width: width,
render: (text, record) => { render: (text, record) => {
return <Fragment> return (
<div style={{textAlign:'center'}}> <Fragment>
{isSelect ? this.state.selects.includes(record[valueName]) ? <><span>已选择</span><Divider <div style={{ textAlign: 'center' }}>
type="vertical"/></> : <><a {isSelect ? (
onClick={callback.bind(this, record, this.columns)}>选择</a><Divider this.state.selects.includes(record[valueName]) ? (
type="vertical"/></> : ''} <>
{rights && !rights.includes('view') ? '' : <><a <span>已选择</span>
onClick={this.view.bind(this, record)}>查看详情</a><Divider type="vertical"/></>} <Divider type="vertical" />
{rights && !rights.includes('edit') ? '' : <><a </>
onClick={this.modify.bind(this, record)}>编辑</a><Divider type="vertical"/></>} ) : (
{rights&&rights.includes("viewProcess")&&record.process_biz_key?<><a onClick={this.viewProcess.bind(this, record)}>查看流程详情</a><Divider type="vertical"/></>:''} <>
{rights && !rights.includes('delete') ? '' : <> <Popconfirm <a onClick={callback.bind(this, record, this.columns)}>选择</a>
title="确定删除该数据?" <Divider type="vertical" />
onConfirm={this.delete.bind(this, record)} </>
okText="确定" )
cancelText="取消" ) : (
> ''
<a>删除</a> )}
</Popconfirm></>} {rights && !rights.includes('view') ? (
</div> ''
</Fragment> ) : (
} <>
<a onClick={this.view.bind(this, record)}>查看详情</a>
<Divider type="vertical" />
} </>
if(this.columns.length>0&&this.columns[this.columns.length-1].title=="操作"){ )}
this.columns[this.columns.length-1]=column; {rights && !rights.includes('edit') ? (
}else{ ''
) : (
<>
<a onClick={this.modify.bind(this, record)}>编辑</a>
<Divider type="vertical" />
</>
)}
{rights && rights.includes('viewProcess') && record.process_biz_key ? (
<>
<a onClick={this.viewProcess.bind(this, record)}>查看流程详情</a>
<Divider type="vertical" />
</>
) : (
''
)}
{rights && !rights.includes('delete') ? (
''
) : (
<>
{' '}
<Popconfirm
title="确定删除该数据?"
onConfirm={this.delete.bind(this, record)}
okText="确定"
cancelText="取消"
>
<a>删除</a>
</Popconfirm>
</>
)}
</div>
</Fragment>
);
},
};
if (this.columns.length > 0 && this.columns[this.columns.length - 1].title == '操作') {
this.columns[this.columns.length - 1] = column;
} else {
this.columns.push(column); this.columns.push(column);
} }
}
if(this.columns){
/**
* 计算总长度
*/
AllWidth = 0
this.columns = this.columns.map((item,index) => {
if(isEmpty(item)){
return item
}
if(index === this.columns.length-1&&this.columns[this.columns.length-1].title !== '操作'){
AllWidth+=150
item.width = ''
return item
}
let width = item.width?item.width:150
if(!item.width){
item.width = 150
}
AllWidth += width
return item
})
if(!isEmpty(this.columns[this.columns.length-1])
&&this.columns[this.columns.length-1].title === '操作'
){
this.columns[this.columns.length-2].width = ''
AllWidth+=100
}
} }
const xxxx = <>
<Row gutter={16}>
if (this.columns) {
<Col span={treeSpan}> /**
<Card bordered={false} style={{minHeight: 500}}> * 计算总长度
*/
AllWidth = 0;
this.columns = this.columns.map((item, index) => {
<Tree showLine defaultExpandedKeys={["0-0"]} onSelect={this.onSelect} loadData={this.onLoadData}> if (isEmpty(item)) {
{this.renderTreeNodes(this.state.treeData)} return item;
</Tree> }
</Card> if (
</Col> index === this.columns.length - 1 &&
<Col span={24-treeSpan}> this.columns[this.columns.length - 1].title !== '操作'
) {
<Card bordered={false} bodyStyle={{padding:0}}> AllWidth += 150;
<div className={styles.tableList}> item.width = '';
<div className={styles.tableListForm}>{this.renderForm()}</div> return item;
<div className={styles.tableListOperator}> }
{notShowBack ? notShowBack : <Button icon="rollback" type="primary" onClick={this.goBack}> let width = item.width ? item.width : 150;
返回 if (!item.width) {
</Button>} item.width = 150;
{btns&&btns.before&&btns.before.length>0?btns.before.map((r)=><Button {...r}/>):""} }
{rights && !rights.includes('add') ? '' : AllWidth += width;
<Button icon="plus" type="primary" onClick={this.add}> return item;
新建 });
</Button>} if (
{rights && !rights.includes('searchData') ? '' :<SearchInfo hanldeHighSearch={this.hanldeHighSearch} objId = {this.state.objId}/>} !isEmpty(this.columns[this.columns.length - 1]) &&
this.columns[this.columns.length - 1].title === '操作'
{rights && !rights.includes('importData') ? '' : <ImportUtil objId={this.state.objId}/>} ) {
{rights && !rights.includes('exportCurrent') ? '' : <ExportCurrentInfo objId={this.state.objId} this.columns[this.columns.length - 2].width = '';
query={JSON.stringify(this.state.formValues)} AllWidth += 100;
custom={this.props.value?Base16Encode(JSON.stringify(this.props.value)):null} }
sql={Base16Encode(this.props.sql)} }
/>} const xxxx = (
{rights && !rights.includes('exportData') ? '' : <ExportInfo objId={this.state.objId}/>} <>
{rights && !rights.includes('statistics') ? '' : <Row gutter={16}>
<StatisticsInfo objId={this.state.objId}/>} <Col span={treeSpan}>
{rights && !rights.includes('delete') ? '' : selectedRows.length > 0 && ( <Card bordered={false} style={{ minHeight: 500 }}>
<span> <Tree
<Popconfirm showLine
title="确定删除该数据?" defaultExpandedKeys={['0-0']}
onConfirm={this.batchDelete} onSelect={this.onSelect}
okText="确定" loadData={this.onLoadData}
cancelText="取消"
>
<Button>批量删除</Button></Popconfirm>
</span>
)}
{btns&&btns.before&&btns.before.length>0?btns.before.map((r)=><Button {...r} loading={loading}/>):""}
</div>
{
(!istableCom)||(this.props.value&&this.props.value.columns)?
<StandardTable
showHeader={this.props.showHeader!=null?this.props.showHeader:true}
noSelectRow={this.props.onSelectRow==null&&( rights==null|| !rights.includes('delete')) }
rowKey="id"
data={data}
isHiddenPage={this.props.isHiddenPage!=null?this.props.isHiddenPage:false}
columns={this.columns}
scroll={this.props.value&&this.props.value.columns?{}:{ x: AllWidth }}
selectedRows={selectedRows}
onSelectRow={this.handleSelectRows}
onChange={this.handleStandardTableChange}
loading={this.props.loading}
/>
:
<div
id='mobelDiv'
style={{
overflow:'hidden',
width: isMobile?showMobileDiv:showDiv,
height: '100%'
}}
> >
<div {this.renderTreeNodes(this.state.treeData)}
> </Tree>
{ </Card>
get==='mobile'? </Col>
<div>手机端,请将手机横屏查看</div> <Col span={24 - treeSpan}>
:null <Card bordered={false} bodyStyle={{ padding: 0 }}>
} <div className={styles.tableList}>
{ <div className={styles.tableListForm}>{this.renderForm()}</div>
showDiv&&<StandardTable <div className={styles.tableListOperator}>
showHeader={this.props.showHeader!=null?this.props.showHeader:true} {notShowBack ? (
noSelectRow={this.props.onSelectRow==null&&( rights==null|| !rights.includes('delete')) } notShowBack
) : (
<Button icon="rollback" type="primary" onClick={this.goBack}>
返回
</Button>
)}
{btns && btns.before && btns.before.length > 0
? btns.before.map(r => <Button {...r} />)
: ''}
{rights && !rights.includes('add') ? (
''
) : (
<Button icon="plus" type="primary" onClick={this.add}>
新建
</Button>
)}
{rights && !rights.includes('searchData') ? (
''
) : (
<SearchInfo hanldeHighSearch={this.hanldeHighSearch} objId={this.state.objId} />
)}
{rights && !rights.includes('importData') ? (
''
) : (
<ImportUtil objId={this.state.objId} />
)}
{rights && !rights.includes('exportCurrent') ? (
''
) : (
<ExportCurrentInfo
objId={this.state.objId}
query={JSON.stringify(this.state.formValues)}
custom={
this.props.value ? Base16Encode(JSON.stringify(this.props.value)) : null
}
sql={Base16Encode(this.props.sql)}
/>
)}
{rights && !rights.includes('exportData') ? (
''
) : (
<ExportInfo objId={this.state.objId} />
)}
{rights && !rights.includes('statistics') ? (
''
) : (
<StatisticsInfo objId={this.state.objId} />
)}
{rights && !rights.includes('delete')
? ''
: selectedRows.length > 0 && (
<span>
<Popconfirm
title="确定删除该数据?"
onConfirm={this.batchDelete}
okText="确定"
cancelText="取消"
>
<Button>批量删除</Button>
</Popconfirm>
</span>
)}
{btns && btns.before && btns.before.length > 0
? btns.before.map(r => <Button {...r} loading={loading} />)
: ''}
</div>
{!istableCom || (this.props.value && this.props.value.columns) ? (
<StandardTable
showHeader={this.props.showHeader != null ? this.props.showHeader : true}
noSelectRow={
this.props.onSelectRow == null &&
(rights == null || !rights.includes('delete'))
}
rowKey="id" rowKey="id"
data={data} data={data}
isHiddenPage={this.props.isHiddenPage != null ? this.props.isHiddenPage : false}
columns={this.columns} columns={this.columns}
scroll={this.props.value&&this.props.value.columns?{}:{ x: AllWidth }} scroll={this.props.value && this.props.value.columns ? {} : { x: AllWidth }}
selectedRows={selectedRows} selectedRows={selectedRows}
isHiddenPage={this.props.isHiddenPage!=null?this.props.isHiddenPage:false}
onSelectRow={this.handleSelectRows} onSelectRow={this.handleSelectRows}
onChange={this.handleStandardTableChange} onChange={this.handleStandardTableChange}
loading={this.props.loading} loading={this.props.loading}
/> />
} ) : (
<div
id="mobelDiv"
style={{
overflow: 'hidden',
width: isMobile ? showMobileDiv : showDiv,
height: '100%',
}}
>
<div>
{get === 'mobile' ? <div>手机端,请将手机横屏查看</div> : null}
{showDiv && (
<StandardTable
showHeader={this.props.showHeader != null ? this.props.showHeader : true}
noSelectRow={
this.props.onSelectRow == null &&
(rights == null || !rights.includes('delete'))
}
rowKey="id"
data={data}
columns={this.columns}
scroll={
this.props.value && this.props.value.columns ? {} : { x: AllWidth }
}
selectedRows={selectedRows}
isHiddenPage={
this.props.isHiddenPage != null ? this.props.isHiddenPage : false
}
onSelectRow={this.handleSelectRows}
onChange={this.handleStandardTableChange}
loading={this.props.loading}
/>
)}
</div>
</div>
)}
</div> </div>
</div> </Card>
</Col>
</Row>
} <CreateForm {...parentMethods} modalVisible={modalVisible} />
</>
);
</div>
</Card></Col></Row>
<CreateForm {...parentMethods} modalVisible={modalVisible}/></>
if (isFormCom) { if (isFormCom) {
return xxxx return xxxx;
} }
return ( return <PageHeaderWrapper title="">{xxxx}</PageHeaderWrapper>;
<PageHeaderWrapper title="">
{xxxx}
</PageHeaderWrapper>
);
} }
} }
......
one_stop_public/libs/formList/index.js
浏览文件 @ f214c831
...@@ -104,9 +104,7 @@ const CreateForm = Form.create()(props => { ...@@ -104,9 +104,7 @@ const CreateForm = Form.create()(props => {
//处理日期何时入库问题 //处理日期何时入库问题
try { try {
fieldsValue[d] = fieldsValue[d].format('YYYY-MM-DD HH:mm:ss'); fieldsValue[d] = fieldsValue[d].format('YYYY-MM-DD HH:mm:ss');
}catch (e) { } catch (e) {}
}
break; break;
} }
} }
...@@ -154,9 +152,11 @@ const CreateForm = Form.create()(props => { ...@@ -154,9 +152,11 @@ const CreateForm = Form.create()(props => {
); );
}); });
@connect(({ formList,DataColumn,DataObj, loading }) => ({ @connect(({ formList, DataColumn, DataObj, loading }) => ({
formList,DataColumn,DataObj, formList,
loading: loading.models.formList||loading.models.DataColumn||loading.models.DataObj, DataColumn,
DataObj,
loading: loading.models.formList || loading.models.DataColumn || loading.models.DataObj,
})) }))
@Form.create() @Form.create()
class FormList extends React.Component { class FormList extends React.Component {
...@@ -192,26 +192,26 @@ class FormList extends React.Component { ...@@ -192,26 +192,26 @@ class FormList extends React.Component {
columns = []; columns = [];
checkList = []; // 复选框内容 checkList = []; // 复选框内容
getOptions = () => { getOptions = () => {
const refIds = [] const refIds = [];
for (var i = 0; i < this.state.formItem.length; i++) { for (var i = 0; i < this.state.formItem.length; i++) {
if (
if (this.state.formItem[i].referenceObjId != null && this.state.options[this.state.formItem[i].id + ''] == null) { this.state.formItem[i].referenceObjId != null &&
refIds.push(this.state.formItem[i].id) this.state.options[this.state.formItem[i].id + ''] == null
) {
refIds.push(this.state.formItem[i].id);
} }
} }
if (refIds.length > 0) { if (refIds.length > 0) {
this.props.dispatch({ this.props.dispatch({
type: 'formList/getBatchOptions', type: 'formList/getBatchOptions',
payload: { ids: refIds }, payload: { ids: refIds },
callback: (options) => { callback: options => {
this.setState({ options: { ...this.state.options, ...options } });
this.setState({ options: { ...this.state.options, ...options } }) },
}
}); });
} }
} };
modify = record => { modify = record => {
// if (this.state.formItem.length < 10) { // if (this.state.formItem.length < 10) {
this.getOptions(); this.getOptions();
...@@ -299,9 +299,11 @@ class FormList extends React.Component { ...@@ -299,9 +299,11 @@ class FormList extends React.Component {
code: record.process_biz_key, code: record.process_biz_key,
}, },
callback: data => { callback: data => {
const domainName = sessionStorage.getItem('domainName') ? sessionStorage.getItem('domainName') : ''; const domainName = sessionStorage.getItem('domainName')
? sessionStorage.getItem('domainName')
: '';
window.open(domainName+"/portal/serviceCentre/getdetail?id="+data.id, '_blank'); window.open(domainName + '/portal/serviceCentre/getdetail?id=' + data.id, '_blank');
//router.push({ pathname: '/portal/serviceCentre/getdetail', state: { id: data.id } }); //router.push({ pathname: '/portal/serviceCentre/getdetail', state: { id: data.id } });
}, },
}); });
...@@ -437,14 +439,13 @@ class FormList extends React.Component { ...@@ -437,14 +439,13 @@ class FormList extends React.Component {
// 表头筛选逻辑 // 表头筛选逻辑
Array.isArray(this.props.value.columns) && Array.isArray(this.props.value.columns) &&
this.props.value.columns.map(item => { this.props.value.columns.map(item => {
if(item.dataIndex!=null){ if (item.dataIndex != null) {
cacheList.push({ cacheList.push({
label: item.title, label: item.title,
value: item.dataIndex, value: item.dataIndex,
}); });
cacheChecked.push(item.dataIndex); cacheChecked.push(item.dataIndex);
} }
}); });
this.checkList = cacheList; this.checkList = cacheList;
...@@ -515,13 +516,13 @@ class FormList extends React.Component { ...@@ -515,13 +516,13 @@ class FormList extends React.Component {
let cacheChecked = []; let cacheChecked = [];
// 表头筛选逻辑 // 表头筛选逻辑
datas.map(item => { datas.map(item => {
if(item.name!=null){ if (item.name != null) {
cacheList.push({ cacheList.push({
label: item.title, label: item.title,
value: item.name, value: item.name,
}); });
cacheChecked.push(item.name); cacheChecked.push(item.name);
} }
}); });
this.checkList = cacheList; this.checkList = cacheList;
this.setState({ this.setState({
...@@ -741,7 +742,7 @@ class FormList extends React.Component { ...@@ -741,7 +742,7 @@ class FormList extends React.Component {
this.setState({ this.setState({
modalVisible: this.state.modalVisible ? false : true, modalVisible: this.state.modalVisible ? false : true,
formData: {}, formData: {},
isView:false isView: false,
}); });
}; };
...@@ -839,7 +840,7 @@ class FormList extends React.Component { ...@@ -839,7 +840,7 @@ class FormList extends React.Component {
this.setState({ this.setState({
formValues: fieldsValue, formValues: fieldsValue,
}); });
const params = { const params = {
pageNo: 1, pageNo: 1,
pageSize: this.props.pageSize || 10, pageSize: this.props.pageSize || 10,
query: JSON.stringify(values), query: JSON.stringify(values),
...@@ -907,14 +908,19 @@ class FormList extends React.Component { ...@@ -907,14 +908,19 @@ class FormList extends React.Component {
initialValue: formData == null ? '' : formData[item.name], initialValue: formData == null ? '' : formData[item.name],
rules: [{ required: !item.isNull }], rules: [{ required: !item.isNull }],
})( })(
<Select disabled={isView} style={{ width: '70%' }} <Select
optionFilterProp="children" disabled={isView}
showSearch style={{ width: '70%' }}
filterOption={(input, option) => optionFilterProp="children"
option showSearch
? option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0 filterOption={(input, option) =>
: false option
} placeholder="请选择" allowClear> ? option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
: false
}
placeholder="请选择"
allowClear
>
{ops.map(r => ( {ops.map(r => (
<Option value={r[item.referenceCodeName]} key={r[item.referenceCodeName]}> <Option value={r[item.referenceCodeName]} key={r[item.referenceCodeName]}>
{r[item.referenceNameName]} {r[item.referenceNameName]}
...@@ -968,15 +974,19 @@ class FormList extends React.Component { ...@@ -968,15 +974,19 @@ class FormList extends React.Component {
initialValue: formData == null ? '' : formData[item.name], initialValue: formData == null ? '' : formData[item.name],
rules: [{ required: !item.isNull }], rules: [{ required: !item.isNull }],
})( })(
<Select disabled={isView} style={{ width: 200 }} placeholder="请选择" <Select
optionFilterProp="children" disabled={isView}
showSearch style={{ width: 200 }}
filterOption={(input, option) => placeholder="请选择"
option optionFilterProp="children"
? option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0 showSearch
: false filterOption={(input, option) =>
} option
allowClear> ? option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
: false
}
allowClear
>
{ops.map(r => ( {ops.map(r => (
<Option value={r.value} key={r.value}> <Option value={r.value} key={r.value}>
{r.value} {r.value}
...@@ -1203,7 +1213,7 @@ class FormList extends React.Component { ...@@ -1203,7 +1213,7 @@ class FormList extends React.Component {
render: (text, record) => { render: (text, record) => {
return ( return (
<Fragment> <Fragment>
<div style={{ textAlign: 'center',"padding-left":"0px","padding-right":"0px"}}> <div style={{ textAlign: 'center', 'padding-left': '0px', 'padding-right': '0px' }}>
{isSelect ? ( {isSelect ? (
this.state.selects.includes(record[valueName]) ? ( this.state.selects.includes(record[valueName]) ? (
<> <>
...@@ -1238,7 +1248,7 @@ class FormList extends React.Component { ...@@ -1238,7 +1248,7 @@ class FormList extends React.Component {
{rights && rights.includes('viewProcess') && record.process_biz_key ? ( {rights && rights.includes('viewProcess') && record.process_biz_key ? (
<> <>
<a onClick={this.viewProcess.bind(this, record)}>流程详情</a> <a onClick={this.viewProcess.bind(this, record)}>流程详情</a>
{rights.includes('delete') ?<Divider type="vertical" />:""} {rights.includes('delete') ? <Divider type="vertical" /> : ''}
</> </>
) : ( ) : (
'' ''
......
one_stop_public/tableCompon/index.jsx
浏览文件 @ f214c831
...@@ -160,7 +160,6 @@ export default class tableCom extends Component { ...@@ -160,7 +160,6 @@ export default class tableCom extends Component {
}; };
showModal = (fk, title, data, modalProps) => { showModal = (fk, title, data, modalProps) => {
const { dispatch } = this.props; const { dispatch } = this.props;
dispatch({ dispatch({
type: 'DataColumn/showModal', type: 'DataColumn/showModal',
payload: { isShowModal: true }, payload: { isShowModal: true },
...@@ -415,9 +414,9 @@ export default class tableCom extends Component { ...@@ -415,9 +414,9 @@ export default class tableCom extends Component {
onFilter: (value, record) => onFilter: (value, record) =>
record[dataIndex] record[dataIndex]
? record[dataIndex] ? record[dataIndex]
.toString() .toString()
.toLowerCase() .toLowerCase()
.includes(value.toLowerCase()) .includes(value.toLowerCase())
: '', : '',
onFilterDropdownVisibleChange: visible => { onFilterDropdownVisibleChange: visible => {
if (visible) { if (visible) {
...@@ -490,7 +489,7 @@ export default class tableCom extends Component { ...@@ -490,7 +489,7 @@ export default class tableCom extends Component {
if (this.count.length > 10) { if (this.count.length > 10) {
console.log( console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j + `页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:存在循环风险，1秒内执行超过10次，现已停止执行，请检查,`, 1}列:存在循环风险，1秒内执行超过10次，现已停止执行，请检查,`,
); );
return; return;
...@@ -512,9 +511,9 @@ export default class tableCom extends Component { ...@@ -512,9 +511,9 @@ export default class tableCom extends Component {
this.props.fatherCode != null this.props.fatherCode != null
? bindObj ? bindObj
? { ? {
...bindObj, ...bindObj,
base52: `${this.props.fatherCode}.[${this.props.index}].${bindObj.base52}`, base52: `${this.props.fatherCode}.[${this.props.index}].${bindObj.base52}`,
} }
: { base52: `${this.props.fatherCode}.[${this.props.index}].${this.props.uuid}` } : { base52: `${this.props.fatherCode}.[${this.props.index}].${this.props.uuid}` }
: bindObj; : bindObj;
if (this.props.fatherCode == null && dataColumn == null) if (this.props.fatherCode == null && dataColumn == null)
...@@ -754,7 +753,7 @@ export default class tableCom extends Component { ...@@ -754,7 +753,7 @@ export default class tableCom extends Component {
} catch (e) { } catch (e) {
console.log( console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j + `页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`, 1}列:公式配置有误,回调函数内部错误,`,
e, e,
); );
} }
...@@ -810,7 +809,7 @@ export default class tableCom extends Component { ...@@ -810,7 +809,7 @@ export default class tableCom extends Component {
} catch (e) { } catch (e) {
console.log( console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j + `页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`, 1}列:公式配置有误,回调函数内部错误,`,
e, e,
); );
//message.error(`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j + 1}列:公式配置有误,回调函数内部错误${e}`, 10) //message.error(`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j + 1}列:公式配置有误,回调函数内部错误${e}`, 10)
...@@ -824,7 +823,7 @@ export default class tableCom extends Component { ...@@ -824,7 +823,7 @@ export default class tableCom extends Component {
} catch (e) { } catch (e) {
console.log( console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j + `页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`, 1}列:公式配置有误,回调函数内部错误,`,
e, e,
); );
} }
...@@ -836,7 +835,7 @@ export default class tableCom extends Component { ...@@ -836,7 +835,7 @@ export default class tableCom extends Component {
} catch (e) { } catch (e) {
console.log( console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j + `页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`, 1}列:公式配置有误,回调函数内部错误,`,
e, e,
); );
} }
...@@ -885,7 +884,7 @@ export default class tableCom extends Component { ...@@ -885,7 +884,7 @@ export default class tableCom extends Component {
} catch (e) { } catch (e) {
console.log( console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j + `页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`, 1}列:公式配置有误,回调函数内部错误,`,
e, e,
); );
} }
...@@ -898,7 +897,7 @@ export default class tableCom extends Component { ...@@ -898,7 +897,7 @@ export default class tableCom extends Component {
} catch (e) { } catch (e) {
console.log( console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j + `页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`, 1}列:公式配置有误,回调函数内部错误,`,
e, e,
); );
} }
...@@ -910,7 +909,7 @@ export default class tableCom extends Component { ...@@ -910,7 +909,7 @@ export default class tableCom extends Component {
} catch (e) { } catch (e) {
console.log( console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j + `页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`, 1}列:公式配置有误,回调函数内部错误,`,
e, e,
); );
} }
...@@ -961,7 +960,7 @@ export default class tableCom extends Component { ...@@ -961,7 +960,7 @@ export default class tableCom extends Component {
} catch (e) { } catch (e) {
console.log( console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j + `页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`, 1}列:公式配置有误,回调函数内部错误,`,
e, e,
); );
} }
...@@ -974,7 +973,7 @@ export default class tableCom extends Component { ...@@ -974,7 +973,7 @@ export default class tableCom extends Component {
} catch (e) { } catch (e) {
console.log( console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j + `页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`, 1}列:公式配置有误,回调函数内部错误,`,
e, e,
); );
} }
...@@ -986,7 +985,7 @@ export default class tableCom extends Component { ...@@ -986,7 +985,7 @@ export default class tableCom extends Component {
} catch (e) { } catch (e) {
console.log( console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j + `页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`, 1}列:公式配置有误,回调函数内部错误,`,
e, e,
); );
} }
...@@ -1041,7 +1040,7 @@ export default class tableCom extends Component { ...@@ -1041,7 +1040,7 @@ export default class tableCom extends Component {
} catch (e) { } catch (e) {
console.log( console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j + `页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`, 1}列:公式配置有误,回调函数内部错误,`,
e, e,
); );
} }
...@@ -1054,7 +1053,7 @@ export default class tableCom extends Component { ...@@ -1054,7 +1053,7 @@ export default class tableCom extends Component {
} catch (e) { } catch (e) {
console.log( console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j + `页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`, 1}列:公式配置有误,回调函数内部错误,`,
e, e,
); );
} }
...@@ -1066,7 +1065,7 @@ export default class tableCom extends Component { ...@@ -1066,7 +1065,7 @@ export default class tableCom extends Component {
} catch (e) { } catch (e) {
console.log( console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j + `页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`, 1}列:公式配置有误,回调函数内部错误,`,
e, e,
); );
} }
...@@ -1184,7 +1183,7 @@ export default class tableCom extends Component { ...@@ -1184,7 +1183,7 @@ export default class tableCom extends Component {
} catch { } catch {
console.log( console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j + `页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,函数内部错误,`, 1}列:公式配置有误,函数内部错误,`,
e, e,
); );
} }
...@@ -1194,7 +1193,7 @@ export default class tableCom extends Component { ...@@ -1194,7 +1193,7 @@ export default class tableCom extends Component {
} catch (e) { } catch (e) {
console.log( console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j + `页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,暂存失败,`, 1}列:公式配置有误,暂存失败,`,
e, e,
); );
} }
...@@ -1221,9 +1220,9 @@ export default class tableCom extends Component { ...@@ -1221,9 +1220,9 @@ export default class tableCom extends Component {
this.props.fatherCode != null this.props.fatherCode != null
? bindObj ? bindObj
? { ? {
...bindObj, ...bindObj,
base52: `${this.props.fatherCode}.[${this.props.index}].${bindObj.base52}`, base52: `${this.props.fatherCode}.[${this.props.index}].${bindObj.base52}`,
} }
: { base52: `${this.props.fatherCode}.[${this.props.index}].${this.props.uuid}` } : { base52: `${this.props.fatherCode}.[${this.props.index}].${this.props.uuid}` }
: bindObj; : bindObj;
if (this.props.fatherCode == null && dataColumn == null) if (this.props.fatherCode == null && dataColumn == null)
...@@ -1424,7 +1423,7 @@ export default class tableCom extends Component { ...@@ -1424,7 +1423,7 @@ export default class tableCom extends Component {
taskAssignee, taskAssignee,
userId, userId,
j, j,
isPreview isPreview,
} = this.props; } = this.props;
const { options, labels, selectDis, modalCode, modalTitle, modalInit, modalProps } = this.state; const { options, labels, selectDis, modalCode, modalTitle, modalInit, modalProps } = this.state;
...@@ -1604,8 +1603,8 @@ export default class tableCom extends Component { ...@@ -1604,8 +1603,8 @@ export default class tableCom extends Component {
{get === 'mobile' ? <br /> : ''} {get === 'mobile' ? <br /> : ''}
</span> </span>
) : ( ) : (
'' ''
); );
break; break;
case 'UploadCom': case 'UploadCom':
...@@ -1664,7 +1663,8 @@ export default class tableCom extends Component { ...@@ -1664,7 +1663,8 @@ export default class tableCom extends Component {
) { ) {
if (obj && obj.defaultValues && obj.defaultValues[formKey]) { if (obj && obj.defaultValues && obj.defaultValues[formKey]) {
return ( return (
<MobileItem isPreview={isPreview} <MobileItem
isPreview={isPreview}
labelCol={{ span: json.labelSpan }} labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }} wrapperCol={{ span: json.wrapperSpan }}
label={json.label ? json.label : sqlData[key] ? sqlData[key].title : ''} label={json.label ? json.label : sqlData[key] ? sqlData[key].title : ''}
...@@ -1675,7 +1675,8 @@ export default class tableCom extends Component { ...@@ -1675,7 +1675,8 @@ export default class tableCom extends Component {
} else { } else {
return ( return (
<> <>
<MobileItem isPreview={isPreview} <MobileItem
isPreview={isPreview}
labelCol={{ span: json.labelSpan }} labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }} wrapperCol={{ span: json.wrapperSpan }}
label={json.label ? json.label : sqlData[key] ? sqlData[key].title : ''} label={json.label ? json.label : sqlData[key] ? sqlData[key].title : ''}
...@@ -1752,8 +1753,8 @@ export default class tableCom extends Component { ...@@ -1752,8 +1753,8 @@ export default class tableCom extends Component {
</span> </span>
</> </>
) : ( ) : (
'' ''
)} )}
</Col> </Col>
<Col <Col
span={json.wrapperSpan} span={json.wrapperSpan}
...@@ -1820,9 +1821,9 @@ export default class tableCom extends Component { ...@@ -1820,9 +1821,9 @@ export default class tableCom extends Component {
this.props.fatherCode != null this.props.fatherCode != null
? bindObj ? bindObj
? { ? {
...bindObj, ...bindObj,
base52: `${this.props.fatherCode}.[${this.props.index}].${bindObj.base52}`, base52: `${this.props.fatherCode}.[${this.props.index}].${bindObj.base52}`,
} }
: { base52: `${this.props.fatherCode}.[${this.props.index}].${this.props.uuid}` } : { base52: `${this.props.fatherCode}.[${this.props.index}].${this.props.uuid}` }
: bindObj; : bindObj;
...@@ -1835,18 +1836,18 @@ export default class tableCom extends Component { ...@@ -1835,18 +1836,18 @@ export default class tableCom extends Component {
var title = json.label || (dataColumn && dataColumn.title); var title = json.label || (dataColumn && dataColumn.title);
var initValue; var initValue;
const objinit = { ...init, ...obj } const objinit = { ...init, ...obj };
if (objinit != null) { if (objinit != null) {
if (this.props.fatherCode != null) { if (this.props.fatherCode != null) {
initValue = objinit[this.props.index] != null initValue =
? objinit[this.props.index][bindObj ? bindObj.base52 : this.props.uuid] objinit[this.props.index] != null
: null; ? objinit[this.props.index][bindObj ? bindObj.base52 : this.props.uuid]
: null;
} else { } else {
initValue = objinit[dataColumn.base52]; initValue = objinit[dataColumn.base52];
} }
} else { } else {
if (json.initialValue != null) { if (json.initialValue != null) {
try { try {
initValue = JSON.parse(json.initialValue); initValue = JSON.parse(json.initialValue);
...@@ -1856,7 +1857,6 @@ export default class tableCom extends Component { ...@@ -1856,7 +1857,6 @@ export default class tableCom extends Component {
} }
} }
if (!isEdit) { if (!isEdit) {
if (this.props.fatherCode) { if (this.props.fatherCode) {
if (bindObj != null) { if (bindObj != null) {
...@@ -1932,18 +1932,18 @@ export default class tableCom extends Component { ...@@ -1932,18 +1932,18 @@ export default class tableCom extends Component {
<span> <span>
{labels != null {labels != null
? labels.map((r, i) => ? labels.map((r, i) =>
i == 0 ? ( i == 0 ? (
typeof r == 'string' ? ( typeof r == 'string' ? (
<span>{r}</span> <span>{r}</span>
) : ( ) : (
Object.values(r) Object.values(r)
) )
) : typeof r == 'string' ? ( ) : typeof r == 'string' ? (
<span style={{ marginLeft: 12 }}>{r}</span> <span style={{ marginLeft: 12 }}>{r}</span>
) : ( ) : (
',' + Object.values(r) ',' + Object.values(r)
), ),
) )
: ''} : ''}
</span> </span>
); );
...@@ -2021,8 +2021,8 @@ export default class tableCom extends Component { ...@@ -2021,8 +2021,8 @@ export default class tableCom extends Component {
<span> <span>
{obj[dataColumn.base52] {obj[dataColumn.base52]
? moment(+new Date(obj[dataColumn.base52])).format( ? moment(+new Date(obj[dataColumn.base52])).format(
json.format ? json.format : 'YYYY-MM-DD HH:mm:ss', json.format ? json.format : 'YYYY-MM-DD HH:mm:ss',
) )
: ''} : ''}
</span> </span>
); );
...@@ -2136,11 +2136,11 @@ export default class tableCom extends Component { ...@@ -2136,11 +2136,11 @@ export default class tableCom extends Component {
height={json.height} height={json.height}
/> />
) : ( ) : (
<img <img
src={config.httpServer + obj[dataColumn.base52]} src={config.httpServer + obj[dataColumn.base52]}
style={{ width: json.width, height: json.height }} style={{ width: json.width, height: json.height }}
/> />
); );
} }
break; break;
...@@ -2149,10 +2149,10 @@ export default class tableCom extends Component { ...@@ -2149,10 +2149,10 @@ export default class tableCom extends Component {
<img <img
src={config.httpServer + obj[dataColumn.base52]} src={config.httpServer + obj[dataColumn.base52]}
style={{ style={{
marginLeft:5, marginLeft: 5,
width: width:
get === 'mobile' get === 'mobile'
? (document.documentElement.clientWidth - 10 || document.body.clientWidth - 10) ? document.documentElement.clientWidth - 10 || document.body.clientWidth - 10
: json.width, : json.width,
height: get === 'mobile' ? '' : json.height, height: get === 'mobile' ? '' : json.height,
}} }}
...@@ -2356,7 +2356,7 @@ export default class tableCom extends Component { ...@@ -2356,7 +2356,7 @@ export default class tableCom extends Component {
} }
> >
{(json.isMobileLabel != null && json.isMobileLabel) || {(json.isMobileLabel != null && json.isMobileLabel) ||
(json.isMobileLabel == null && json.isLabel) (json.isMobileLabel == null && json.isLabel)
? title ? title
: ''} : ''}
</MobileList.Item> </MobileList.Item>
...@@ -2402,7 +2402,8 @@ export default class tableCom extends Component { ...@@ -2402,7 +2402,8 @@ export default class tableCom extends Component {
title title
) { ) {
cm = ( cm = (
<MobileItem isPreview={isPreview} <MobileItem
isPreview={isPreview}
labelCol={{ span: json.labelSpan }} labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }} wrapperCol={{ span: json.wrapperSpan }}
label={title} label={title}
...@@ -2443,7 +2444,8 @@ export default class tableCom extends Component { ...@@ -2443,7 +2444,8 @@ export default class tableCom extends Component {
title title
) { ) {
cm = ( cm = (
<MobileItem isPreview={isPreview} <MobileItem
isPreview={isPreview}
labelCol={{ span: json.labelSpan }} labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }} wrapperCol={{ span: json.wrapperSpan }}
label={title} label={title}
...@@ -2474,7 +2476,8 @@ export default class tableCom extends Component { ...@@ -2474,7 +2476,8 @@ export default class tableCom extends Component {
title title
) { ) {
cm = ( cm = (
<MobileItem isPreview={isPreview} <MobileItem
isPreview={isPreview}
labelCol={{ span: json.labelSpan }} labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }} wrapperCol={{ span: json.wrapperSpan }}
label={title} label={title}
...@@ -2509,7 +2512,8 @@ export default class tableCom extends Component { ...@@ -2509,7 +2512,8 @@ export default class tableCom extends Component {
title title
) { ) {
cm = ( cm = (
<MobileItem isPreview={isPreview} <MobileItem
isPreview={isPreview}
labelCol={{ span: json.labelSpan }} labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }} wrapperCol={{ span: json.wrapperSpan }}
label={title} label={title}
...@@ -2550,25 +2554,25 @@ export default class tableCom extends Component { ...@@ -2550,25 +2554,25 @@ export default class tableCom extends Component {
getPopupContainer={ getPopupContainer={
this.props.isDynamic && document.querySelector('#dynamic_div') this.props.isDynamic && document.querySelector('#dynamic_div')
? () => { ? () => {
return document.querySelector('#dynamic_div'); return document.querySelector('#dynamic_div');
} }
: '' : ''
} }
onFocus={() => { onFocus={() => {
get === 'mobile' // 移动端取消输入键盘弹出 get === 'mobile' // 移动端取消输入键盘弹出
? setTimeout(() => { ? setTimeout(() => {
if (document.querySelectorAll(`.ant-select-search__field`).length > 0) { if (document.querySelectorAll(`.ant-select-search__field`).length > 0) {
let ary = [...document.querySelectorAll(`.ant-select-search__field`)]; let ary = [...document.querySelectorAll(`.ant-select-search__field`)];
ary.map(item => { ary.map(item => {
item.setAttribute('readonly', 'readonly'); item.setAttribute('readonly', 'readonly');
// setTimeout(() => { // setTimeout(() => {
// ary.map(arr => { // ary.map(arr => {
// arr.removeAttribute('readonly'); // arr.removeAttribute('readonly');
// }) // })
// }); // });
}); });
} }
}) })
: null; : null;
}} }}
filterOption={(input, option) => filterOption={(input, option) =>
...@@ -2579,10 +2583,10 @@ export default class tableCom extends Component { ...@@ -2579,10 +2583,10 @@ export default class tableCom extends Component {
> >
{options {options
? options.map(r => ( ? options.map(r => (
<Option key={r.value} value={r.value}> <Option key={r.value} value={r.value}>
{r.label} {r.label}
</Option> </Option>
)) ))
: ''} : ''}
</Select>, </Select>,
); );
...@@ -2593,7 +2597,8 @@ export default class tableCom extends Component { ...@@ -2593,7 +2597,8 @@ export default class tableCom extends Component {
title title
) { ) {
cm = ( cm = (
<MobileItem isPreview={isPreview} <MobileItem
isPreview={isPreview}
labelCol={{ span: json.labelSpan }} labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }} wrapperCol={{ span: json.wrapperSpan }}
label={title} label={title}
...@@ -2614,22 +2619,22 @@ export default class tableCom extends Component { ...@@ -2614,22 +2619,22 @@ export default class tableCom extends Component {
json.vlds && json.vlds.length > 0 json.vlds && json.vlds.length > 0
? json.vlds ? json.vlds
: [ : [
{ {
validator: (rule, value, callback) => { validator: (rule, value, callback) => {
if ( if (
(Object.keys(value).length == 0 || (Object.keys(value).length == 0 ||
Object.keys(value.selects).length == 0) && Object.keys(value.selects).length == 0) &&
required != null && required != null &&
required required
) { ) {
var errors = []; var errors = [];
errors.push(new Error('请选择至少一个', rule.field)); errors.push(new Error('请选择至少一个', rule.field));
} }
callback(errors); callback(errors);
},
required: required,
}, },
required: required, ],
},
],
})( })(
<TableSelect <TableSelect
get={get} get={get}
...@@ -2647,7 +2652,8 @@ export default class tableCom extends Component { ...@@ -2647,7 +2652,8 @@ export default class tableCom extends Component {
title title
) { ) {
cm = ( cm = (
<MobileItem isPreview={isPreview} <MobileItem
isPreview={isPreview}
labelCol={{ span: json.labelSpan }} labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }} wrapperCol={{ span: json.wrapperSpan }}
label={title} label={title}
...@@ -2696,7 +2702,8 @@ export default class tableCom extends Component { ...@@ -2696,7 +2702,8 @@ export default class tableCom extends Component {
title title
) { ) {
cm = ( cm = (
<MobileItem isPreview={isPreview} <MobileItem
isPreview={isPreview}
labelCol={{ span: json.labelSpan }} labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }} wrapperCol={{ span: json.wrapperSpan }}
label={title} label={title}
...@@ -2743,21 +2750,21 @@ export default class tableCom extends Component { ...@@ -2743,21 +2750,21 @@ export default class tableCom extends Component {
onOpenChange={ onOpenChange={
get === 'mobile' get === 'mobile'
? () => { ? () => {
// 取消唤起移动端小键盘 // 取消唤起移动端小键盘
setTimeout(() => { setTimeout(() => {
if (document.querySelector('.ant-calendar-input ')) { if (document.querySelector('.ant-calendar-input ')) {
document
.querySelector('.ant-calendar-input ')
.setAttribute('readonly', 'readonly');
setTimeout(() => {
document document
.querySelector('.ant-calendar-input ') .querySelector('.ant-calendar-input ')
.removeAttribute('readonly'); .setAttribute('readonly', 'readonly');
}); setTimeout(() => {
} document
}); .querySelector('.ant-calendar-input ')
} .removeAttribute('readonly');
: () => { } });
}
});
}
: () => {}
} }
format={json.format ? json.format : 'YYYY-MM-DD HH:mm:ss'} format={json.format ? json.format : 'YYYY-MM-DD HH:mm:ss'}
/>, />,
...@@ -2769,7 +2776,8 @@ export default class tableCom extends Component { ...@@ -2769,7 +2776,8 @@ export default class tableCom extends Component {
title title
) { ) {
cm = ( cm = (
<MobileItem isPreview={isPreview} <MobileItem
isPreview={isPreview}
labelCol={{ span: json.labelSpan }} labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }} wrapperCol={{ span: json.wrapperSpan }}
label={title} label={title}
...@@ -2809,7 +2817,8 @@ export default class tableCom extends Component { ...@@ -2809,7 +2817,8 @@ export default class tableCom extends Component {
title title
) { ) {
cm = ( cm = (
<MobileItem isPreview={isPreview} <MobileItem
isPreview={isPreview}
labelCol={{ span: json.labelSpan }} labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }} wrapperCol={{ span: json.wrapperSpan }}
label={title} label={title}
...@@ -2834,7 +2843,8 @@ export default class tableCom extends Component { ...@@ -2834,7 +2843,8 @@ export default class tableCom extends Component {
title title
) { ) {
cm = ( cm = (
<MobileItem isPreview={isPreview} <MobileItem
isPreview={isPreview}
labelCol={{ span: json.labelSpan }} labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }} wrapperCol={{ span: json.wrapperSpan }}
label={title} label={title}
...@@ -2867,7 +2877,8 @@ export default class tableCom extends Component { ...@@ -2867,7 +2877,8 @@ export default class tableCom extends Component {
title title
) { ) {
cm = ( cm = (
<MobileItem isPreview={isPreview} <MobileItem
isPreview={isPreview}
labelCol={{ span: json.labelSpan }} labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }} wrapperCol={{ span: json.wrapperSpan }}
label={title} label={title}
...@@ -2908,7 +2919,8 @@ export default class tableCom extends Component { ...@@ -2908,7 +2919,8 @@ export default class tableCom extends Component {
title title
) { ) {
cm = ( cm = (
<MobileItem isPreview={isPreview} <MobileItem
isPreview={isPreview}
labelCol={{ span: json.labelSpan }} labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }} wrapperCol={{ span: json.wrapperSpan }}
label={title} label={title}
...@@ -2933,7 +2945,8 @@ export default class tableCom extends Component { ...@@ -2933,7 +2945,8 @@ export default class tableCom extends Component {
title title
) { ) {
cm = ( cm = (
<MobileItem isPreview={isPreview} <MobileItem
isPreview={isPreview}
labelCol={{ span: json.labelSpan }} labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }} wrapperCol={{ span: json.wrapperSpan }}
label={title} label={title}
...@@ -2954,7 +2967,7 @@ export default class tableCom extends Component { ...@@ -2954,7 +2967,7 @@ export default class tableCom extends Component {
<Signature <Signature
width={ width={
get === 'mobile' get === 'mobile'
? (document.documentElement.clientWidth - 10 || document.body.clientWidth - 10) ? document.documentElement.clientWidth - 10 || document.body.clientWidth - 10
: json.width : json.width
} }
height={json.height} height={json.height}
...@@ -2967,7 +2980,8 @@ export default class tableCom extends Component { ...@@ -2967,7 +2980,8 @@ export default class tableCom extends Component {
title title
) { ) {
cm = ( cm = (
<MobileItem isPreview={isPreview} <MobileItem
isPreview={isPreview}
labelCol={{ span: json.labelSpan }} labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }} wrapperCol={{ span: json.wrapperSpan }}
label={title} label={title}
...@@ -3037,8 +3051,8 @@ export default class tableCom extends Component { ...@@ -3037,8 +3051,8 @@ export default class tableCom extends Component {
/> />
</FormModal> </FormModal>
) : ( ) : (
'' ''
)} )}
<Card.Header title={<span style={{ fontSize: 14 }}>{title}:</span>} /> <Card.Header title={<span style={{ fontSize: 14 }}>{title}:</span>} />
<Card.Body>{cm}</Card.Body> <Card.Body>{cm}</Card.Body>
</Card> </Card>
...@@ -3116,8 +3130,8 @@ export default class tableCom extends Component { ...@@ -3116,8 +3130,8 @@ export default class tableCom extends Component {
/> />
</FormModal> </FormModal>
) : ( ) : (
'' ''
)} )}
</Row> </Row>
); );
} else { } else {
...@@ -3150,8 +3164,8 @@ export default class tableCom extends Component { ...@@ -3150,8 +3164,8 @@ export default class tableCom extends Component {
/> />
</FormModal> </FormModal>
) : ( ) : (
'' ''
)} )}
<Form.Item <Form.Item
labelCol={{ span: json.labelSpan }} labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }} wrapperCol={{ span: json.wrapperSpan }}
...@@ -3192,8 +3206,8 @@ export default class tableCom extends Component { ...@@ -3192,8 +3206,8 @@ export default class tableCom extends Component {
/> />
</FormModal> </FormModal>
) : ( ) : (
'' ''
)} )}
{cm} {cm}
</> </>
); );
...@@ -3228,27 +3242,32 @@ export default class tableCom extends Component { ...@@ -3228,27 +3242,32 @@ export default class tableCom extends Component {
/> />
</FormModal> </FormModal>
) : ( ) : (
'' ''
)} )}
{json.isMobileLabel && !isEdit && get == 'mobile' ? ( {json.isMobileLabel && !isEdit && get == 'mobile' ? (
<MobileItem isPreview={isPreview} <MobileItem
isPreview={isPreview}
labelCol={{ span: json.labelSpan }} labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }} wrapperCol={{ span: json.wrapperSpan }}
label={title} label={title}
> >
{cm} {cm}
</MobileItem> </MobileItem>
) : ( ) : isEdit && get == 'web' ? (
isEdit && get == 'web' ? (json.isLabel ? <Form.Item json.isLabel ? (
<Form.Item
labelCol={{ span: json.labelSpan }} labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }} wrapperCol={{ span: json.wrapperSpan }}
label={title}> label={title}
>
{cm} {cm}
</Form.Item> : <Form.Item>{cm}</Form.Item>) : cm </Form.Item>
) : (
<Form.Item>{cm}</Form.Item>
)
)} ) : (
cm
)}
</> </>
); );
} }
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论