import React, {Component} from 'react'
|
import PropTypes from 'prop-types'
|
import moment from 'moment'
|
import { Button, Affix, Modal, notification, Spin, message } from 'antd'
|
import MutilForm from '@/tabviews/tableshare/mutilform'
|
import Utils from '@/utils/utils.js'
|
import Api from '@/api'
|
import './index.scss'
|
|
const { confirm } = Modal
|
|
class MainAction extends Component {
|
static propTpyes = {
|
BID: PropTypes.string,
|
BData: PropTypes.any,
|
Tab: PropTypes.any,
|
type: PropTypes.string,
|
MenuID: PropTypes.string,
|
actions: PropTypes.array, // 搜索条件列表
|
dict: PropTypes.object, // 字典项
|
setting: PropTypes.any,
|
triggerPopview: PropTypes.func
|
}
|
|
state = {
|
visible: false,
|
formdata: null,
|
tabledata: null,
|
confirmLoading: false,
|
execAction: null,
|
loadingUuid: '',
|
btnloading: false,
|
configMap: {}
|
}
|
|
refreshdata = (item, type) => {
|
this.props.refreshdata(item, type)
|
}
|
|
/**
|
* @description 触发按钮操作
|
*/
|
actionTrigger = (item, record) => {
|
const { setting, type, Tab, BID } = this.props
|
|
if (type === 'sub' && Tab && Tab.supMenu && !BID) {
|
notification.warning({
|
top: 92,
|
message: '需要上级主键值！',
|
duration: 10
|
})
|
return
|
}
|
|
let _this = this
|
let data = this.props.gettableselected() || []
|
|
if (record) { // 表格中触发按钮
|
data = [record]
|
}
|
|
if (item.Ot !== 'notRequired' && data.length === 0) {
|
// 需要选择行时，校验数据
|
notification.warning({
|
top: 92,
|
message: this.props.dict['main.action.confirm.selectline'],
|
duration: 10
|
})
|
return
|
} else if (item.Ot === 'requiredSgl' && data.length !== 1) {
|
// 需要选择单行时，校验数据
|
notification.warning({
|
top: 92,
|
message: this.props.dict['main.action.confirm.selectSingleLine'],
|
duration: 10
|
})
|
return
|
} else if (item.Ot !== 'notRequired' && !setting.primaryKey) {
|
// 需要选择行时，校验是否设置主键
|
notification.warning({
|
top: 92,
|
message: '未设置主键！',
|
duration: 10
|
})
|
return
|
}
|
|
if (item.OpenType === 'prompt') {
|
confirm({
|
title: this.props.dict['main.action.confirm.tip'],
|
onOk() {
|
return new Promise(resolve => {
|
_this.execSubmit(item, data, resolve)
|
})
|
},
|
onCancel() {}
|
})
|
} else if (item.OpenType === 'exec') {
|
this.setState({loadingUuid: item.uuid})
|
this.execSubmit(item, data, () => {
|
this.setState({loadingUuid: ''})
|
})
|
} else if (item.OpenType === 'pop') {
|
this.setState({
|
execAction: item,
|
tabledata: data,
|
btnloading: true
|
}, () => {
|
this.improveAction(item)
|
})
|
} else if (item.OpenType === 'excelOut') {
|
this.setState({loadingUuid: item.uuid})
|
this.refreshdata(item, 'excelOut')
|
} else if (item.OpenType === 'popview' && this.props.type !== 'subtab') {
|
this.props.triggerPopview(item, data)
|
} else if (item.OpenType === 'popview' && this.props.type === 'subtab') {
|
notification.warning({
|
top: 92,
|
message: '弹窗页面不支持此设置！',
|
duration: 10
|
})
|
} else if (item.OpenType === 'outerpage') {
|
let url = item.url
|
if (item.Ot === 'requiredSgl' && setting.primaryKey) {
|
url = url + '?ID=' + data[0][setting.primaryKey]
|
} else if (item.Ot !== 'notRequired' && !setting.primaryKey) {
|
let ids = data.map(_data => _data[setting.primaryKey]).join(',')
|
url = url + '?ID=' + ids
|
}
|
window.open(url)
|
} else if (item.OpenType === 'tab' || item.OpenType === 'blank') {
|
this.props.triggerPopview(item, data)
|
} else {
|
notification.warning({
|
top: 92,
|
message: '完善中。。。',
|
duration: 10
|
})
|
}
|
}
|
|
/**
|
* @description 按钮提交执行
|
*/
|
execSubmit = (btn, data, _resolve, formdata) => {
|
const { setting } = this.props
|
|
if (btn.intertype === 'inner') {
|
// 使用内部接口时，内部函数和数据源不可同时为空, 使用系统函数时，类型不可为空
|
if (!btn.innerFunc && (!btn.sql || (btn.sql && !btn.sqlType))) {
|
this.actionSettingError()
|
_resolve()
|
return
|
}
|
|
// 执行方式为多行拼接，且打开方式为表单时，会转为循环发送请求
|
// 打开方式为模态框，使用内部函数添加
|
if (
|
btn.Ot === 'notRequired' ||
|
btn.Ot === 'requiredSgl' ||
|
(btn.Ot === 'requiredOnce' && btn.OpenType !== 'pop') ||
|
(btn.OpenType === 'pop' && !btn.innerFunc && btn.sql && btn.sqlType === 'insert')
|
) {
|
|
// 创建凭证时，需要选择行时
|
if (data.length === 0 && !btn.innerFunc && btn.verify && btn.verify.voucher && btn.verify.voucher.enabled) {
|
notification.warning({
|
top: 92,
|
message: '使用创建凭证函数，需要选择行！',
|
duration: 10
|
})
|
return
|
}
|
|
let param = { // 系统存储过程
|
func: 'sPC_TableData_InUpDe',
|
BID: this.props.BID
|
}
|
let primaryId = setting.primaryKey && data[0] ? data[0][setting.primaryKey] : ''
|
|
if (btn.OpenType === 'prompt' || btn.OpenType === 'exec') { // 是否弹框或直接执行
|
let ID = ''
|
if (btn.Ot === 'notRequired') {
|
|
} else if (btn.Ot === 'requiredSgl') {
|
ID = data[0][setting.primaryKey]
|
} else if (btn.Ot === 'requiredOnce') { // id值拼接
|
let ids = data.map(d => { return d[setting.primaryKey]})
|
ID = ids.join(',')
|
}
|
|
if (btn.innerFunc) { // 使用自定义函数
|
param.func = btn.innerFunc
|
if (setting.primaryKey) { // 主键存在时，设置主键参数
|
param[setting.primaryKey] = ID
|
}
|
} else if (btn.sql) {
|
param.ID = primaryId
|
param.LText = Utils.formatOptions(Utils.getSysDefaultSql(btn, setting, '', param, data[0])) // 数据源
|
param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') + '.000'
|
param.secretkey = Utils.encrypt(param.LText, param.timestamp)
|
}
|
} else if (btn.OpenType === 'pop') { // 表单
|
if (btn.innerFunc) {
|
param.func = btn.innerFunc
|
|
if (setting.primaryKey) { // 主键存在时，设置主键参数
|
param[setting.primaryKey] = primaryId
|
}
|
|
formdata.forEach(_data => {
|
param[_data.key] = _data.value
|
})
|
|
} else if (btn.sql && btn.sqlType === 'insert') { // 系统函数添加时，生成uuid
|
param.ID = Utils.getguid()
|
param.LText = Utils.formatOptions(Utils.getSysDefaultSql(btn, setting, formdata, param, data[0])) // 数据源
|
param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') + '.000'
|
param.secretkey = Utils.encrypt(param.LText, param.timestamp)
|
} else if (btn.sql) {
|
param.ID = primaryId
|
param.LText = Utils.formatOptions(Utils.getSysDefaultSql(btn, setting, formdata, param, data[0])) // 数据源
|
param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') + '.000'
|
param.secretkey = Utils.encrypt(param.LText, param.timestamp)
|
}
|
}
|
|
|
Api.genericInterface(param).then((res) => {
|
if (res.status) {
|
this.execSuccess(btn, res)
|
} else {
|
this.execError(res, btn)
|
}
|
_resolve()
|
})
|
} else if (btn.Ot === 'required' || (btn.Ot === 'requiredOnce' && btn.OpenType === 'pop')) {
|
let deffers = data.map(cell => {
|
let param = {
|
func: 'sPC_TableData_InUpDe',
|
BID: this.props.BID
|
}
|
let primaryId = setting.primaryKey ? cell[setting.primaryKey] : ''
|
|
if (btn.OpenType === 'prompt' || btn.OpenType === 'exec') { // 是否弹框或直接执行
|
|
if (btn.innerFunc) {
|
param.func = btn.innerFunc
|
if (setting.primaryKey) {
|
param[setting.primaryKey] = primaryId
|
}
|
} else if (btn.sql) {
|
param.ID = primaryId
|
param.LText = Utils.formatOptions(Utils.getSysDefaultSql(btn, setting, '', param, cell)) // 数据源
|
param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') + '.000'
|
param.secretkey = Utils.encrypt(param.LText, param.timestamp)
|
}
|
} else if (btn.OpenType === 'pop') { // 表单
|
if (btn.innerFunc) {
|
param.func = btn.innerFunc
|
|
if (setting.primaryKey) {
|
param[setting.primaryKey] = primaryId
|
}
|
|
formdata.forEach(_data => {
|
param[_data.key] = _data.value
|
})
|
|
} else if (btn.sql) {
|
param.ID = primaryId
|
param.LText = Utils.formatOptions(Utils.getSysDefaultSql(btn, setting, formdata, param, cell)) // 数据源
|
param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') + '.000'
|
param.secretkey = Utils.encrypt(param.LText, param.timestamp)
|
}
|
}
|
|
return new Promise(resolve => {
|
Api.genericInterface(param).then(res => {
|
resolve(res)
|
})
|
})
|
})
|
Promise.all(deffers).then(result => {
|
let iserror = false
|
let errorMsg = ''
|
result.forEach(res => {
|
if (res.status) {
|
errorMsg = res
|
} else {
|
iserror = true
|
errorMsg = res
|
}
|
})
|
if (!iserror) {
|
this.execSuccess(btn, errorMsg)
|
} else {
|
this.execError(errorMsg, btn)
|
}
|
_resolve()
|
})
|
} else {
|
this.actionSettingError()
|
_resolve()
|
return
|
}
|
} else if (btn.intertype === 'outer') {
|
/** *********************调用外部接口************************* */
|
let param = {
|
BID: this.props.BID
|
}
|
|
if (!btn.interface) { // 接口地址不存在时报错
|
this.actionSettingError()
|
_resolve()
|
return
|
}
|
|
if (btn.Ot === 'notRequired' || btn.Ot === 'requiredSgl' || btn.Ot === 'requiredOnce') {
|
// 获取id
|
if (btn.Ot === 'notRequired') {
|
|
} else if (btn.Ot === 'requiredSgl' && setting.primaryKey) {
|
param[setting.primaryKey] = data[0][setting.primaryKey]
|
} else if (btn.Ot === 'requiredOnce' && setting.primaryKey) {
|
let ids = data.map(d => { return d[setting.primaryKey]})
|
param[setting.primaryKey] = ids.join(',')
|
}
|
|
if (btn.OpenType === 'pop' && formdata) { // 表单
|
formdata.forEach(_data => {
|
param[_data.key] = _data.value
|
})
|
}
|
|
let _outParam = null
|
|
new Promise(resolve => {
|
// 内部请求
|
if (btn.innerFunc) {
|
param.func = btn.innerFunc
|
// 存在内部函数时，数据预处理
|
Api.genericInterface(param).then(res => {
|
if (res.status) {
|
delete res.ErrCode
|
delete res.ErrMesg
|
delete res.message
|
delete res.status
|
|
if (btn.sysInterface === 'true') {
|
res.rduri = window.GLOB.mainSystemApi || window.GLOB.subSystemApi
|
} else {
|
res.rduri = btn.interface
|
}
|
// res.method = btn.method
|
if (btn.outerFunc) {
|
res.func = btn.outerFunc
|
}
|
// 使用处理后的数据调用外部接口
|
resolve(res)
|
} else {
|
this.execError(res, btn)
|
_resolve()
|
}
|
})
|
} else {
|
// 不存在内部函数时，生成外部请求参数
|
if (btn.sysInterface === 'true') {
|
param.rduri = window.GLOB.mainSystemApi || window.GLOB.subSystemApi
|
} else {
|
param.rduri = btn.interface
|
}
|
// param.method = btn.method
|
if (btn.outerFunc) {
|
param.func = btn.outerFunc
|
}
|
resolve(param)
|
}
|
}).then(res => {
|
if (!res) return
|
// 外部请求
|
_outParam = JSON.parse(JSON.stringify(res))
|
return Api.genericInterface(res)
|
}).then(response => {
|
if (!response) return
|
// 回调请求
|
if (btn.callbackFunc) {
|
// 存在回调函数时，调用
|
delete response.ErrMesg
|
delete response.message
|
delete response.status
|
|
delete _outParam.rduri
|
|
response.func = btn.callbackFunc
|
|
let _callbackparam = {..._outParam, ...response}
|
return Api.genericInterface(_callbackparam)
|
} else {
|
if (response.status) {
|
this.execSuccess(btn, response)
|
_resolve()
|
} else {
|
this.execError(response, btn)
|
_resolve()
|
}
|
}
|
}).then(res => {
|
if (!res) return
|
|
if (res.status) {
|
this.execSuccess(btn, res)
|
} else {
|
this.execError(res, btn)
|
}
|
_resolve()
|
})
|
|
} else if (btn.Ot === 'required') {
|
// 选择多行，循环调用
|
|
new Promise(resolve => {
|
// 内部请求
|
if (btn.innerFunc) {
|
let deffers = data.map(cell => {
|
let _param = {
|
BID: this.props.BID,
|
func: btn.innerFunc
|
}
|
if (setting.primaryKey) {
|
_param[setting.primaryKey] = cell[setting.primaryKey]
|
}
|
return new Promise(resolve => {
|
Api.genericInterface(_param).then(res => {
|
resolve(res)
|
})
|
})
|
})
|
Promise.all(deffers).then(result => {
|
let iserror = false
|
let errorMsg = ''
|
result.forEach(res => {
|
if (!res.status) {
|
iserror = true
|
errorMsg = res.message
|
}
|
})
|
if (!iserror) {
|
resolve(result)
|
} else {
|
notification.error({
|
top: 92,
|
message: errorMsg,
|
duration: 15
|
})
|
this.refreshdata(btn, 'error')
|
_resolve()
|
}
|
})
|
} else {
|
let params = data.map(cell => {
|
let _cell = {
|
BID: this.props.BID,
|
}
|
if (setting.primaryKey) {
|
_cell[setting.primaryKey] = cell[setting.primaryKey]
|
}
|
|
return _cell
|
})
|
resolve(params)
|
}
|
}).then(result => {
|
// 外部请求
|
if (!result) return
|
|
let deffers = result.map(res => {
|
delete res.ErrCode
|
delete res.ErrMesg
|
delete res.message
|
delete res.status
|
|
if (btn.sysInterface === 'true') {
|
res.rduri = window.GLOB.mainSystemApi || window.GLOB.subSystemApi
|
} else {
|
res.rduri = btn.interface
|
}
|
// res.method = btn.method
|
if (btn.outerFunc) {
|
res.func = btn.outerFunc
|
}
|
return new Promise(resolve => {
|
Api.genericInterface(res).then(response => {
|
resolve(response)
|
})
|
})
|
})
|
return Promise.all(deffers)
|
|
}).then(result => {
|
// 回调请求
|
let iserror = false
|
let errorMsg = ''
|
result.forEach(res => {
|
if (!res.status) {
|
iserror = true
|
errorMsg = res
|
} else {
|
errorMsg = res
|
}
|
})
|
if (iserror) {
|
this.execError(errorMsg, btn)
|
_resolve()
|
return
|
}
|
|
if (btn.callbackFunc) {
|
// 存在回调函数时，调用
|
let deffers = result.map(res => {
|
delete res.ErrCode
|
delete res.ErrMesg
|
delete res.message
|
delete res.status
|
|
res.func = btn.callbackFunc
|
return new Promise(resolve => {
|
Api.genericInterface(res).then(response => {
|
resolve(response)
|
})
|
})
|
})
|
return Promise.all(deffers)
|
} else {
|
_resolve()
|
this.execSuccess(btn, errorMsg)
|
}
|
}).then(result => {
|
if (!result) return
|
|
let iserror = false
|
let errorMsg = ''
|
result.forEach(res => {
|
if (!res.status) {
|
iserror = true
|
errorMsg = res
|
} else {
|
errorMsg = res
|
}
|
})
|
if (iserror) {
|
this.execError(errorMsg, btn)
|
return
|
} else {
|
this.execSuccess(btn, errorMsg)
|
}
|
_resolve()
|
})
|
|
} else {
|
this.actionSettingError()
|
_resolve()
|
return
|
}
|
|
} else {
|
this.actionSettingError()
|
_resolve()
|
return
|
}
|
}
|
|
/**
|
* @description 操作成功后处理
|
* 1、excel导出，成功后取消导出按钮加载中状态
|
* 2、状态码为 S 时，显示成功信息后系统默认信息
|
* 3、状态码为 -1 时，不显示任何信息
|
* 4、模态框执行成功后是否关闭
|
* 5、通知主列表刷新
|
*/
|
execSuccess = (btn, res) => {
|
if (btn.OpenType === 'excelOut') { // 导出excel
|
this.setState({
|
loadingUuid: ''
|
})
|
} else if (res && res.ErrCode === 'S') { // 执行成功
|
notification.success({
|
top: 92,
|
message: res.ErrMesg || this.props.dict['main.action.confirm.success'],
|
duration: 2
|
})
|
} else if (res && res.ErrCode === '-1') { // 完成后不提示
|
|
} else if (res.Relogin === 'true') { // 切换用户功能
|
sessionStorage.setItem('avatar', res.icon || '')
|
sessionStorage.setItem('UserID', res.UserID)
|
sessionStorage.setItem('SessionUid', Utils.getuuid())
|
sessionStorage.setItem('LoginUID', res.LoginUID)
|
sessionStorage.setItem('User_Name', res.UserName)
|
|
window.location.reload()
|
return
|
}
|
|
if (btn.OpenType === 'pop' && btn.setting && btn.setting.finish !== 'unclose') {
|
this.setState({
|
visible: false
|
})
|
}
|
this.refreshdata(btn, 'success')
|
}
|
|
/**
|
* @description 操作失败后处理
|
* 1、状态码为 E、N、F、NM 时，显示相应提示信息
|
* 2、excel导出，失败后取消导出按钮加载中状态
|
* 3、通知主列表刷新
|
*/
|
execError = (res, btn) => {
|
if (res.ErrCode === 'E') {
|
Modal.error({
|
title: res.message || res.ErrMesg,
|
})
|
} else if (res.ErrCode === 'N') {
|
notification.error({
|
top: 92,
|
message: res.message || res.ErrMesg,
|
duration: btn.errorTime || 15
|
})
|
} else if (res.ErrCode === 'F') {
|
notification.error({
|
className: 'notification-custom-error',
|
top: 92,
|
message: res.message || res.ErrMesg,
|
duration: btn.errorTime || 15
|
})
|
} else if (res.ErrCode === 'NM') {
|
message.error(res.message || res.ErrMesg)
|
}
|
|
if (btn.OpenType === 'excelOut') {
|
this.setState({
|
loadingUuid: ''
|
})
|
}
|
|
this.refreshdata(btn, 'error')
|
}
|
|
/**
|
* @description 按钮配置信息错误提示
|
*/
|
actionSettingError = () => {
|
notification.warning({
|
top: 92,
|
message: this.props.dict['main.action.settingerror'],
|
duration: 10
|
})
|
}
|
|
/**
|
* @description 获取按钮配置信息
|
*/
|
improveAction = (action) => {
|
const { configMap, execAction } = this.state
|
|
let _config = configMap[action.uuid]
|
|
if (_config) {
|
this.setState({
|
execAction: {..._config, ...execAction}
|
}, () => {
|
this.improveActionForm()
|
})
|
} else {
|
Api.getSystemCacheConfig({
|
func: 'sPC_Get_LongParam',
|
MenuID: action.uuid
|
}).then(res => {
|
let _LongParam = ''
|
|
if (res.status && res.LongParam) {
|
_LongParam = window.decodeURIComponent(window.atob(res.LongParam))
|
try {
|
_LongParam = JSON.parse(_LongParam)
|
} catch (e) {
|
_LongParam = ''
|
}
|
}
|
|
if (!res.status) {
|
notification.warning({
|
top: 92,
|
message: res.message,
|
duration: 10
|
})
|
this.setState({
|
execAction: null,
|
tabledata: null,
|
btnloading: false
|
})
|
} else if (!_LongParam || (action.OpenType === 'pop' && _LongParam.type !== 'Modal')) {
|
notification.warning({
|
top: 92,
|
message: '未获取到按钮配置信息！',
|
duration: 10
|
})
|
this.setState({
|
execAction: null,
|
tabledata: null,
|
btnloading: false
|
})
|
} else {
|
this.setState({
|
configMap: {...configMap, [action.uuid]: _LongParam},
|
execAction: {..._LongParam, ...execAction}
|
}, () => {
|
this.improveActionForm()
|
})
|
}
|
})
|
}
|
}
|
|
/**
|
* @description 获取下拉表单选项信息
|
*/
|
improveActionForm = () => {
|
const { configMap, execAction } = this.state
|
let subfields = []
|
|
if (execAction.setting.display === 'prompt') { // 如果表单以是否框展示，不请求下拉菜单信息
|
this.setState({
|
btnloading: false
|
})
|
this.modelconfirm()
|
return
|
}
|
|
if (execAction.groups.length > 0) {
|
execAction.groups.forEach(group => {
|
group.sublist.forEach(field => {
|
if ((field.type === 'select' || field.type === 'link' || field.type === 'multiselect') && field.resourceType === '1' && field.dataSource) {
|
subfields.push(field)
|
}
|
})
|
})
|
} else {
|
execAction.fields.forEach(field => {
|
if ((field.type === 'select' || field.type === 'link' || field.type === 'multiselect') && field.resourceType === '1' && field.dataSource) {
|
subfields.push(field)
|
}
|
})
|
}
|
|
if (subfields.length === 0) {
|
this.setState({
|
visible: true,
|
btnloading: false
|
})
|
return
|
}
|
|
let deffers = subfields.map(item => {
|
let _option = Utils.getSelectQueryOptions(item)
|
let _sql = Utils.formatOptions(_option.sql)
|
let isSSO = item.database === 'sso'
|
|
let param = {
|
func: 'sPC_Get_SelectedList',
|
LText: _sql,
|
obj_name: 'data',
|
arr_field: _option.field
|
}
|
|
param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') + '.000'
|
param.secretkey = Utils.encrypt(param.LText, param.timestamp)
|
|
return new Promise(resolve => {
|
Api.getSystemCacheConfig(param, isSSO).then(res => {
|
res.search = item
|
resolve(res)
|
})
|
})
|
})
|
|
let _field = {}
|
let error = ''
|
Promise.all(deffers).then(result => {
|
result.forEach(res => {
|
if (res.status) {
|
let options = res.data.map(cell => {
|
let item = {
|
key: Utils.getuuid(),
|
Value: cell[res.search.valueField],
|
Text: cell[res.search.valueText]
|
}
|
|
if (res.search.type === 'link') {
|
item.parentId = cell[res.search.linkField]
|
} else if (res.search.type === 'select' && res.search.linkSubField && res.search.linkSubField.length > 0) {
|
res.search.linkSubField.forEach(_field => {
|
item[_field] = (cell[_field] || cell[_field] === 0) ? cell[_field] : ''
|
})
|
}
|
|
return item
|
})
|
|
_field[res.search.uuid] = options
|
} else {
|
error = res
|
}
|
})
|
|
if (error) {
|
notification.warning({
|
top: 92,
|
message: error.message,
|
duration: 10
|
})
|
}
|
|
this.setState({
|
configMap: {...configMap, ..._field}
|
}, () => {
|
this.setState({
|
visible: true,
|
btnloading: false
|
})
|
})
|
})
|
}
|
|
/**
|
* @description 模态框（表单），确认
|
*/
|
handleOk = () => {
|
this.formRef.handleConfirm().then(res => {
|
this.setState({
|
confirmLoading: true
|
})
|
|
this.execSubmit(this.state.execAction, this.state.tabledata, () => {
|
this.setState({
|
confirmLoading: false
|
})
|
}, res)
|
}, () => {})
|
}
|
|
/**
|
* @description 模态框（表单），取消
|
*/
|
handleCancel = () => {
|
this.setState({
|
visible: false
|
})
|
}
|
|
modelconfirm = () => {
|
const { execAction, tabledata } = this.state
|
let _this = this
|
let _fields = []
|
if (execAction.groups.length > 0) {
|
execAction.groups.forEach(group => {
|
_fields = [..._fields, ...group.sublist]
|
})
|
} else {
|
_fields = execAction.fields
|
}
|
let result = _fields.map(item => {
|
return {
|
key: item.field,
|
readonly: item.readonly === 'true',
|
type: item.type,
|
value: item.initval
|
}
|
})
|
|
confirm({
|
title: this.props.dict['main.action.confirm.tip'],
|
onOk() {
|
return new Promise(resolve => {
|
_this.execSubmit(execAction, tabledata, resolve, result)
|
})
|
},
|
onCancel() {}
|
})
|
}
|
|
/**
|
* @description 显示模态框
|
*/
|
getModels = () => {
|
const { execAction } = this.state
|
|
if (!execAction || !this.state.visible) return
|
|
let title = ''
|
let width = '62vw'
|
let clickouter = false
|
let container = document.body
|
|
if (execAction && execAction.setting) {
|
title = execAction.setting.title
|
width = execAction.setting.width + 'vw'
|
|
if (execAction.setting.container === 'tab') {
|
width = execAction.setting.width + '%'
|
container = () => document.getElementById('commontable' + this.props.MenuID)
|
}
|
|
if (execAction.setting.clickouter === 'close') {
|
clickouter = true
|
}
|
}
|
|
if (this.props.type === 'subtab') {
|
container = document.body
|
}
|
|
return (
|
<Modal
|
title={title}
|
maskClosable={clickouter}
|
getContainer={container}
|
wrapClassName='action-modal'
|
visible={this.state.visible}
|
width={width}
|
onOk={this.handleOk}
|
confirmLoading={this.state.confirmLoading}
|
onCancel={this.handleCancel}
|
destroyOnClose
|
>
|
<MutilForm
|
dict={this.props.dict}
|
action={execAction}
|
inputSubmit={this.handleOk}
|
configMap={this.state.configMap}
|
data={this.state.tabledata[0]}
|
BData={this.props.BData}
|
wrappedComponentRef={(inst) => this.formRef = inst}
|
/>
|
</Modal>
|
)
|
}
|
|
render() {
|
const { loadingUuid, btnloading } = this.state
|
|
if (this.props.setting.actionfixed && this.props.type === 'main') { // 按钮是否固定在头部
|
return (
|
<Affix offsetTop={48}>
|
<div className="button-list toolbar-button" id={this.props.MenuID + 'mainaction'}>
|
{this.props.actions.map((item, index) => {
|
if (loadingUuid === item.uuid) {
|
return (
|
<Button
|
className={'mk-btn mk-' + item.class}
|
icon={item.icon}
|
key={'action' + index}
|
onClick={() => {this.actionTrigger(item)}}
|
loading
|
>{item.label}</Button>
|
)
|
} else {
|
return (
|
<Button
|
className={'mk-btn mk-' + item.class}
|
icon={item.icon}
|
key={'action' + index}
|
onClick={() => {this.actionTrigger(item)}}
|
>{item.label}</Button>
|
)
|
}
|
})}
|
{this.getModels()}
|
{btnloading && <Spin size="large" />}
|
</div>
|
</Affix>
|
)
|
} else {
|
return (
|
<div className="button-list toolbar-button">
|
{this.props.actions.map((item, index) => {
|
if (loadingUuid === item.uuid) {
|
return (
|
<Button
|
className={'mk-btn mk-' + item.class}
|
icon={item.icon}
|
key={'action' + index}
|
onClick={() => {this.actionTrigger(item)}}
|
loading
|
>{item.label}</Button>
|
)
|
} else {
|
return (
|
<Button
|
className={'mk-btn mk-' + item.class}
|
icon={item.icon}
|
key={'action' + index}
|
onClick={() => {this.actionTrigger(item)}}
|
>{item.label}</Button>
|
)
|
}
|
})}
|
{this.getModels()}
|
{btnloading && <Spin size="large" />}
|
</div>
|
)
|
}
|
}
|
}
|
|
export default MainAction
|
