import React, {Component} from 'react'
|
import PropTypes from 'prop-types'
|
import moment from 'moment'
|
import {connect} from 'react-redux'
|
import { is, fromJS } from 'immutable'
|
import { Button, Modal, notification, message, Drawer, Switch, Checkbox, Progress } from 'antd'
|
|
import Api from '@/api'
|
import Utils, { getSysDefaultSql } from '@/utils/utils.js'
|
import options from '@/store/options.js'
|
import zhCN from '@/locales/zh-CN/main.js'
|
import enUS from '@/locales/en-US/main.js'
|
import asyncSpinComponent from '@/utils/asyncSpinComponent'
|
import { updateForm } from '@/utils/utils-update.js'
|
import MKEmitter from '@/utils/events.js'
|
import MkIcon from '@/components/mk-icon'
|
// import './index.scss'
|
|
const MutilForm = asyncSpinComponent(() => import('@/tabviews/zshare/mutilform'))
|
const { confirm } = Modal
|
|
class NormalButton extends Component {
|
static propTpyes = {
|
BID: PropTypes.string, // 主表ID
|
BData: PropTypes.any, // 主表数据
|
style: PropTypes.any, // 按钮样式
|
selectedData: PropTypes.any, // 子表中选择数据
|
Tab: PropTypes.any, // 如果当前元素为标签时，tab为标签信息
|
btn: PropTypes.object, // 按钮
|
columns: PropTypes.any, // 字段列
|
setting: PropTypes.any, // 页面通用设置
|
ContainerId: PropTypes.any, // tab页面ID，用于弹窗控制
|
disabled: PropTypes.any, // 行按钮禁用
|
}
|
|
state = {
|
dict: sessionStorage.getItem('lang') !== 'en-US' ? zhCN : enUS,
|
visible: false,
|
formdata: null,
|
selines: null,
|
confirmLoading: false,
|
btnconfig: null,
|
loading: false,
|
loadingNumber: '',
|
loadingTotal: '',
|
disabled: false,
|
hidden: false,
|
checkParam: null,
|
autoMatic: false,
|
check: false
|
}
|
|
moduleParams = null
|
|
UNSAFE_componentWillMount () {
|
const { btn, selectedData, BData } = this.props
|
let disabled = false
|
|
if (btn.controlField && selectedData && selectedData.length > 0) { // 表格中按钮隐藏控制
|
selectedData.forEach(item => {
|
let s = item[btn.controlField] !== undefined ? item[btn.controlField] + '' : ''
|
if (s === btn.controlVal || (btn.controlVal && btn.controlVal.split(',').includes(s))) {
|
disabled = true
|
}
|
})
|
this.setState({hidden: disabled && btn.control === 'hidden'})
|
} else if (btn.control === 'parent') {
|
if (!BData || !BData.hasOwnProperty(btn.controlField)) {
|
this.setState({hidden: true})
|
} else {
|
let s = BData[btn.controlField] + ''
|
if (s === btn.controlVal || (btn.controlVal && btn.controlVal.split(',').includes(s))) {
|
this.setState({hidden: true})
|
} else {
|
this.setState({hidden: false})
|
}
|
}
|
}
|
if (this.props.disabled || disabled) {
|
this.setState({disabled: true})
|
}
|
|
if (btn.OpenType === 'form') {
|
let data = selectedData && selectedData[0] ? selectedData[0] : null
|
this.setState({check: data && data[btn.field] === btn.openVal})
|
} else if (btn.OpenType === 'formSubmit') {
|
this.setState({
|
selines: selectedData || []
|
})
|
}
|
}
|
|
shouldComponentUpdate (nextProps, nextState) {
|
return !is(fromJS(this.props), fromJS(nextProps)) || !is(fromJS(this.state), fromJS(nextState))
|
}
|
|
componentDidMount () {
|
const { btn } = this.props
|
|
MKEmitter.addListener('triggerBtnId', this.actionTrigger)
|
if (btn.OpenType === 'formSubmit') {
|
MKEmitter.addListener('triggerFormSubmit', this.actionSubmit)
|
}
|
MKEmitter.addListener('returnModuleParam', this.resetModuleParam)
|
|
if (btn.autoMatic) {
|
MKEmitter.addListener('triggerBtnPopSubmit', this.triggerBtnPopSubmit)
|
}
|
}
|
|
UNSAFE_componentWillReceiveProps (nextProps) {
|
const { btn, selectedData, BData } = this.props
|
|
let disabled = false
|
if (btn.controlField && !is(fromJS(nextProps.selectedData || []), fromJS(selectedData || []))) {
|
if (nextProps.selectedData && nextProps.selectedData.length > 0) { // 表格中按钮隐藏控制
|
nextProps.selectedData.forEach(item => {
|
let s = item[btn.controlField] !== undefined ? item[btn.controlField] + '' : ''
|
if (s === btn.controlVal || (btn.controlVal && btn.controlVal.split(',').includes(s))) {
|
disabled = true
|
}
|
})
|
}
|
this.setState({hidden: disabled && btn.control === 'hidden'})
|
} else if (btn.control === 'parent' && !is(fromJS(nextProps.BData || {}), fromJS(BData || {}))) {
|
if (!nextProps.BData || !nextProps.BData.hasOwnProperty(btn.controlField)) {
|
this.setState({hidden: true})
|
} else {
|
let s = nextProps.BData[btn.controlField] + ''
|
if (s === btn.controlVal || (btn.controlVal && btn.controlVal.split(',').includes(s))) {
|
this.setState({hidden: true})
|
} else {
|
this.setState({hidden: false})
|
}
|
}
|
}
|
|
if (nextProps.disabled || disabled) {
|
this.setState({disabled: true})
|
} else {
|
this.setState({disabled: false})
|
}
|
|
if (btn.OpenType === 'form') {
|
let data = nextProps.selectedData && nextProps.selectedData[0] ? nextProps.selectedData[0] : null
|
this.setState({check: data && data[btn.field] === btn.openVal})
|
} else if (btn.OpenType === 'formSubmit') {
|
this.setState({
|
selines: nextProps.selectedData || []
|
})
|
}
|
}
|
|
componentWillUnmount () {
|
this.setState = () => {
|
return
|
}
|
MKEmitter.removeListener('triggerBtnId', this.actionTrigger)
|
MKEmitter.removeListener('triggerFormSubmit', this.actionSubmit)
|
MKEmitter.removeListener('returnModuleParam', this.resetModuleParam)
|
MKEmitter.removeListener('triggerBtnPopSubmit', this.triggerBtnPopSubmit)
|
}
|
|
triggerBtnPopSubmit = (id) => {
|
const { btn } = this.props
|
|
if (btn.uuid !== id) return
|
|
this.handleOk()
|
}
|
|
actionSubmit = (res) => {
|
const { btn, setting, BID } = this.props
|
const { selines } = this.state
|
|
if (btn.uuid !== res.menuId) return
|
|
let data = selines || []
|
|
if (setting.supModule && !BID) {
|
notification.warning({
|
top: 92,
|
message: '需要上级主键值！',
|
duration: 3
|
})
|
return
|
} else if (btn.Ot !== 'notRequired' && data.length === 0) {
|
notification.warning({
|
top: 92,
|
message: '请选择行！',
|
duration: 5
|
})
|
return
|
} else if (btn.Ot === 'requiredSgl' && data.length !== 1) {
|
notification.warning({
|
top: 92,
|
message: '请选择单行数据！',
|
duration: 5
|
})
|
return
|
}
|
|
this.setState({ loading: true })
|
|
this.execSubmit(data, () => {}, res.form)
|
}
|
|
resetModuleParam = (menuId, btnId, param) => {
|
const { btn } = this.props
|
|
if (btn.$menuId !== menuId || btn.uuid !== btnId || !param) return
|
|
this.moduleParams = param
|
}
|
|
/**
|
* @description 按钮状态改变
|
*/
|
updateStatus = () => {
|
this.setState({
|
loading: false,
|
visible: false,
|
confirmLoading: false
|
})
|
}
|
|
/**
|
* @description 触发按钮操作
|
*/
|
actionTrigger = (triggerId, record, type) => {
|
const { Tab, BID, btn, selectedData, setting } = this.props
|
const { loading, disabled } = this.state
|
|
if (loading || disabled) return
|
if (triggerId && btn.uuid !== triggerId) return
|
|
if (((Tab && Tab.supMenu) || setting.supModule) && !BID) {
|
notification.warning({
|
top: 92,
|
message: '需要上级主键值！',
|
duration: 5
|
})
|
return
|
} else if (type === 'linkbtn' && !btn.$toolbtn && !is(fromJS(selectedData || []), fromJS(record))) {
|
return
|
}
|
|
this.setState({autoMatic: type === 'autoMatic'})
|
|
let _this = this
|
let data = record || selectedData || []
|
|
if (btn.Ot !== 'notRequired' && data.length === 0) {
|
// 需要选择行时，校验数据
|
notification.warning({
|
top: 92,
|
message: this.state.dict['main.action.confirm.selectline'],
|
duration: 5
|
})
|
return
|
} else if (btn.Ot === 'requiredSgl' && data.length !== 1) {
|
// 需要选择单行时，校验数据
|
notification.warning({
|
top: 92,
|
message: this.state.dict['main.action.confirm.selectSingleLine'],
|
duration: 5
|
})
|
return
|
} else if (!['requiredSgl', 'notRequired', 'requiredOnce', 'required'].includes(btn.Ot)) {
|
// 数据选择类型校验
|
this.actionSettingError()
|
return
|
} else if (btn.intertype === 'system') {
|
// 使用内部接口时，操作类型和数据源不可为空
|
if (!btn.sql || !btn.sqlType) {
|
this.actionSettingError()
|
return
|
} else if (data.length === 0 && btn.verify && btn.verify.voucher && btn.verify.voucher.enabled) {
|
notification.warning({
|
top: 92,
|
message: '使用创建凭证函数，需要选择行！',
|
duration: 5
|
})
|
return
|
}
|
} else if (btn.intertype === 'inner') {
|
// 使用内部接口时，内部函数不可为空
|
if (!btn.innerFunc) {
|
this.actionSettingError()
|
return
|
}
|
} else if (btn.intertype === 'custom') {
|
if (btn.callbackType === 'script' && (!btn.verify || !btn.verify.cbScripts || !btn.verify.cbScripts.filter(item => item.status !== 'false').length === 0)) {
|
this.actionSettingError()
|
return
|
} else if (btn.procMode === 'system' && data.length === 0 && btn.verify && btn.verify.voucher && btn.verify.voucher.enabled) {
|
notification.warning({
|
top: 92,
|
message: '使用创建凭证函数，需要选择行！',
|
duration: 5
|
})
|
return
|
} else if (window.GLOB.systemType === 'production' && !btn.proInterface) {
|
notification.warning({
|
top: 92,
|
message: '尚未设置正式系统接口地址！',
|
duration: 5
|
})
|
return
|
}
|
} else if (btn.intertype === 'outer') {
|
// 接口地址不存在时报错
|
if (!btn.interface && btn.sysInterface !== 'true') {
|
this.actionSettingError()
|
return
|
}
|
} else if (!['inner', 'outer', 'system', 'custom'].includes(btn.intertype)) {
|
// 接口类型错误
|
this.actionSettingError()
|
return
|
}
|
|
this.setState({
|
selines: data
|
})
|
|
if (btn.OpenType === 'formSubmit') {
|
this.setState({}, () => {
|
MKEmitter.emit('mkFormSubmit', btn.uuid)
|
})
|
return
|
} else if (btn.OpenType === 'prompt') {
|
this.setState({loading: true})
|
confirm({
|
title: btn.tipTitle || this.state.dict['main.action.confirm.tip'],
|
onOk() {
|
return new Promise(resolve => {
|
_this.execSubmit(data, resolve)
|
})
|
},
|
onCancel() {
|
_this.setState({loading: false})
|
}
|
})
|
} else if (btn.OpenType === 'exec') {
|
this.setState({loading: true})
|
this.execSubmit(data, () => { this.setState({loading: false})})
|
} else if (btn.OpenType === 'pop') {
|
let modal = this.state.btnconfig
|
if (!modal && btn.modal) {
|
modal = this.handleModelConfig(btn.modal)
|
}
|
|
this.setState({
|
loading: true,
|
btnconfig: modal
|
}, () => {
|
this.improveAction()
|
})
|
} else if (btn.OpenType === 'form') {
|
this.setState({
|
loading: true,
|
check: !this.state.check
|
}, () => {
|
let type = 'text'
|
let fieldlen = 50
|
let value = this.state.check ? btn.openVal : btn.closeVal
|
|
if (typeof(value) === 'number') {
|
type = 'number'
|
fieldlen = 0
|
}
|
|
let item = {
|
type: type,
|
readonly: false,
|
readin: true,
|
writein: true,
|
fieldlen: fieldlen,
|
key: btn.field,
|
value: value
|
}
|
this.execSubmit(data, () => { this.setState({loading: false})}, [item])
|
})
|
}
|
|
if (window.GLOB.systemType === 'production') {
|
let _change = {
|
prompt: '提示框',
|
exec: '直接执行',
|
pop: '弹窗（表单）'
|
}
|
MKEmitter.emit('queryTrigger', {menuId: btn.uuid, name: _change[btn.OpenType]})
|
}
|
}
|
|
getSystemParam = (data, formdata, retmsg) => {
|
const { setting, columns, btn } = this.props
|
let _params = []
|
|
if ( btn.Ot === 'notRequired' || btn.Ot === 'requiredSgl' || btn.Ot === 'requiredOnce' ) {
|
let param = { // 系统存储过程
|
func: 'sPC_TableData_InUpDe'
|
}
|
let check_param = null
|
|
if (this.props.BID) {
|
param.BID = this.props.BID
|
}
|
|
let primaryId = ''
|
|
if ((btn.Ot === 'requiredSgl' || btn.Ot === 'requiredOnce') && setting.primaryKey) {
|
let ids = data.map(d => { return d[setting.primaryKey] || ''})
|
ids = ids.filter(Boolean)
|
primaryId = ids.join(',')
|
}
|
|
if (btn.OpenType === 'prompt' || btn.OpenType === 'exec') { // 是否弹框或直接执行
|
param.ID = primaryId
|
|
if (retmsg) {
|
const { sql, callbacksql } = getSysDefaultSql(btn, setting, '', param, data[0], columns, this.props.Tab, retmsg, this.moduleParams, Utils.getAllSearchOptions) // 数据源
|
param.LText = sql
|
param.$callbacksql = callbacksql
|
} else {
|
param.LText = getSysDefaultSql(btn, setting, '', param, data[0], columns, this.props.Tab, false, this.moduleParams, Utils.getAllSearchOptions) // 数据源
|
if (btn.output) {
|
param.key_back_type = 'Y'
|
}
|
}
|
|
if (sessionStorage.getItem('dataM') === 'true') { // 数据权限
|
param.LText = param.LText.replace(/\$@/ig, '/*')
|
param.LText = param.LText.replace(/@\$/ig, '*/')
|
} else {
|
param.LText = param.LText.replace(/@\$|\$@/ig, '')
|
}
|
|
param.exec_type = 'y' // 后台解码
|
param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
|
param.secretkey = Utils.encrypt('', param.timestamp)
|
|
if (/\$check@|@check\$/ig.test(param.LText)) {
|
check_param = fromJS(param).toJS()
|
check_param.LText = check_param.LText.replace(/\$check@/ig, '/*')
|
check_param.LText = check_param.LText.replace(/@check\$/ig, '*/')
|
check_param.LText = Utils.formatOptions(check_param.LText)
|
|
param.LText = param.LText.replace(/\$check@|@check\$/ig, '')
|
}
|
|
param.LText = Utils.formatOptions(param.LText)
|
} else if (btn.OpenType === 'pop' || btn.OpenType === 'formSubmit' || btn.OpenType === 'form') { // 表单
|
if (btn.sqlType === 'insert') { // 系统函数添加时，生成uuid
|
primaryId = ''
|
|
if (formdata && setting.primaryKey) { // 表单中存在主键字段，主键值以表单中的值为准
|
let _form = formdata.filter(_form => _form.key === setting.primaryKey)[0]
|
if (_form) {
|
primaryId = _form.value
|
}
|
}
|
|
param.ID = primaryId || Utils.getguid()
|
|
if (retmsg) {
|
const { sql, callbacksql } = getSysDefaultSql(btn, setting, formdata, param, data[0], columns, this.props.Tab, retmsg, this.moduleParams, Utils.getAllSearchOptions) // 数据源
|
param.LText = sql
|
param.$callbacksql = callbacksql
|
} else {
|
param.LText = getSysDefaultSql(btn, setting, formdata, param, data[0], columns, this.props.Tab, false, this.moduleParams, Utils.getAllSearchOptions) // 数据源
|
if (btn.output) {
|
param.key_back_type = 'Y'
|
}
|
}
|
|
if (sessionStorage.getItem('dataM') === 'true') { // 数据权限
|
param.LText = param.LText.replace(/\$@/ig, '/*')
|
param.LText = param.LText.replace(/@\$/ig, '*/')
|
} else {
|
param.LText = param.LText.replace(/@\$|\$@/ig, '')
|
}
|
|
param.exec_type = 'y' // 后台解码
|
param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
|
param.secretkey = Utils.encrypt('', param.timestamp)
|
|
if (/\$check@|@check\$/ig.test(param.LText)) {
|
check_param = fromJS(param).toJS()
|
check_param.LText = check_param.LText.replace(/\$check@/ig, '/*')
|
check_param.LText = check_param.LText.replace(/@check\$/ig, '*/')
|
check_param.LText = Utils.formatOptions(check_param.LText)
|
|
param.LText = param.LText.replace(/\$check@|@check\$/ig, '')
|
}
|
|
param.LText = Utils.formatOptions(param.LText)
|
} else {
|
param.ID = primaryId
|
|
if (retmsg) {
|
const { sql, callbacksql } = getSysDefaultSql(btn, setting, formdata, param, data[0], columns, this.props.Tab, retmsg, this.moduleParams, Utils.getAllSearchOptions) // 数据源
|
param.LText = sql
|
param.$callbacksql = callbacksql
|
} else {
|
param.LText = getSysDefaultSql(btn, setting, formdata, param, data[0], columns, this.props.Tab, false, this.moduleParams, Utils.getAllSearchOptions) // 数据源
|
if (btn.output) {
|
param.key_back_type = 'Y'
|
}
|
}
|
|
if (sessionStorage.getItem('dataM') === 'true') { // 数据权限
|
param.LText = param.LText.replace(/\$@/ig, '/*')
|
param.LText = param.LText.replace(/@\$/ig, '*/')
|
} else {
|
param.LText = param.LText.replace(/@\$|\$@/ig, '')
|
}
|
|
param.exec_type = 'y' // 后台解码
|
param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
|
param.secretkey = Utils.encrypt('', param.timestamp)
|
|
if (/\$check@|@check\$/ig.test(param.LText)) {
|
check_param = fromJS(param).toJS()
|
check_param.LText = check_param.LText.replace(/\$check@/ig, '/*')
|
check_param.LText = check_param.LText.replace(/@check\$/ig, '*/')
|
check_param.LText = Utils.formatOptions(check_param.LText)
|
|
param.LText = param.LText.replace(/\$check@|@check\$/ig, '')
|
}
|
|
param.LText = Utils.formatOptions(param.LText)
|
}
|
}
|
|
if (this.props.menuType === 'HS') { // 函数 sPC_TableData_InUpDe 云端验证
|
param.open_key = Utils.encryptOpenKey(param.secretkey, param.timestamp)
|
if (check_param) {
|
check_param.open_key = Utils.encryptOpenKey(check_param.secretkey, check_param.timestamp)
|
}
|
}
|
|
param.menuname = btn.logLabel
|
|
if (window.GLOB.probation) {
|
param.s_debug_type = 'Y'
|
}
|
|
if (check_param) {
|
check_param.menuname = btn.logLabel
|
this.setState({checkParam: check_param})
|
}
|
|
_params.push(param)
|
} else if (btn.Ot === 'required') {
|
_params = data.map((cell, index) => {
|
let param = {
|
func: 'sPC_TableData_InUpDe'
|
}
|
|
if (this.props.BID) {
|
param.BID = this.props.BID
|
}
|
|
let primaryId = setting.primaryKey ? cell[setting.primaryKey] || '' : ''
|
|
if (btn.OpenType === 'prompt' || btn.OpenType === 'exec') { // 是否弹框或直接执行
|
param.ID = primaryId
|
|
if (retmsg) {
|
const { sql, callbacksql } = getSysDefaultSql(btn, setting, '', param, cell, columns, this.props.Tab, retmsg, this.moduleParams, Utils.getAllSearchOptions) // 数据源
|
param.LText = sql
|
param.$callbacksql = callbacksql
|
} else {
|
param.LText = getSysDefaultSql(btn, setting, '', param, cell, columns, this.props.Tab, false, this.moduleParams, Utils.getAllSearchOptions, Utils.getAllSearchOptions) // 数据源
|
if (btn.output) {
|
param.key_back_type = 'Y'
|
}
|
}
|
|
if (sessionStorage.getItem('dataM') === 'true') { // 数据权限
|
param.LText = param.LText.replace(/\$@/ig, '/*')
|
param.LText = param.LText.replace(/@\$/ig, '*/')
|
} else {
|
param.LText = param.LText.replace(/@\$|\$@/ig, '')
|
}
|
param.LText = param.LText.replace(/\$check@|@check\$/ig, '')
|
|
param.exec_type = 'y' // 后台解码
|
param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
|
param.secretkey = Utils.encrypt('', param.timestamp)
|
param.LText = Utils.formatOptions(param.LText)
|
} else if (btn.OpenType === 'pop') { // 表单
|
if (index !== 0) {
|
formdata = formdata.map(_data => {
|
if (_data.readin && cell.hasOwnProperty(_data.key)) {
|
_data.value = cell[_data.key]
|
}
|
return _data
|
})
|
}
|
|
if (btn.sqlType === 'insert') { // 系统函数添加时，生成uuid
|
param.ID = Utils.getguid()
|
|
if (retmsg) {
|
const { sql, callbacksql } = getSysDefaultSql(btn, setting, formdata, param, cell, columns, this.props.Tab, retmsg, this.moduleParams, Utils.getAllSearchOptions) // 数据源
|
param.LText = sql
|
param.$callbacksql = callbacksql
|
} else {
|
param.LText = getSysDefaultSql(btn, setting, formdata, param, cell, columns, this.props.Tab, false, this.moduleParams, Utils.getAllSearchOptions) // 数据源
|
if (btn.output) {
|
param.key_back_type = 'Y'
|
}
|
}
|
|
if (sessionStorage.getItem('dataM') === 'true') { // 数据权限
|
param.LText = param.LText.replace(/\$@/ig, '/*')
|
param.LText = param.LText.replace(/@\$/ig, '*/')
|
} else {
|
param.LText = param.LText.replace(/@\$|\$@/ig, '')
|
}
|
param.LText = param.LText.replace(/\$check@|@check\$/ig, '')
|
|
param.exec_type = 'y' // 后台解码
|
param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
|
param.secretkey = Utils.encrypt('', param.timestamp)
|
param.LText = Utils.formatOptions(param.LText)
|
} else {
|
param.ID = primaryId
|
|
if (retmsg) {
|
const { sql, callbacksql } = getSysDefaultSql(btn, setting, formdata, param, cell, columns, this.props.Tab, retmsg, this.moduleParams, Utils.getAllSearchOptions) // 数据源
|
param.LText = sql
|
param.$callbacksql = callbacksql
|
} else {
|
param.LText = getSysDefaultSql(btn, setting, formdata, param, cell, columns, this.props.Tab, false, this.moduleParams, Utils.getAllSearchOptions) // 数据源
|
if (btn.output) {
|
param.key_back_type = 'Y'
|
}
|
}
|
|
if (sessionStorage.getItem('dataM') === 'true') { // 数据权限
|
param.LText = param.LText.replace(/\$@/ig, '/*')
|
param.LText = param.LText.replace(/@\$/ig, '*/')
|
} else {
|
param.LText = param.LText.replace(/@\$|\$@/ig, '')
|
}
|
param.LText = param.LText.replace(/\$check@|@check\$/ig, '')
|
|
param.exec_type = 'y' // 后台解码
|
param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
|
param.secretkey = Utils.encrypt('', param.timestamp)
|
param.LText = Utils.formatOptions(param.LText)
|
}
|
}
|
|
if (this.props.menuType === 'HS') { // 函数 sPC_TableData_InUpDe 云端验证
|
param.open_key = Utils.encryptOpenKey(param.secretkey, param.timestamp)
|
}
|
|
if (param.func === 'sPC_TableData_InUpDe') {
|
param.menuname = btn.logLabel
|
if (window.GLOB.probation) {
|
param.s_debug_type = 'Y'
|
}
|
}
|
|
return param
|
})
|
}
|
|
return _params
|
}
|
|
getInnerParam = (data, formdata) => {
|
const { setting, btn } = this.props
|
let _params = []
|
|
if ( btn.Ot === 'notRequired' || btn.Ot === 'requiredSgl' || btn.Ot === 'requiredOnce' ) {
|
let param = {
|
func: btn.innerFunc
|
}
|
|
if (this.props.BID) {
|
param.BID = this.props.BID
|
}
|
|
let primaryId = ''
|
|
if ((btn.Ot === 'requiredSgl' || btn.Ot === 'requiredOnce') && setting.primaryKey) {
|
let ids = data.map(d => { return d[setting.primaryKey] || ''})
|
ids = ids.filter(Boolean)
|
primaryId = ids.join(',')
|
}
|
|
if (setting.primaryKey) {
|
param[setting.primaryKey] = primaryId // 设置主键参数
|
}
|
|
if (btn.OpenType === 'pop' || btn.OpenType === 'formSubmit' || btn.OpenType === 'form') { // 表单
|
formdata.forEach(_data => {
|
param[_data.key] = _data.value
|
})
|
}
|
|
if (this.props.menuType === 'HS' && param.func === 's_sDataDictb_TBBack' && param.LTextOut) { // 函数 s_sDataDictb_TBBack 云端验证
|
param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
|
param.secretkey = Utils.encrypt(param.LTextOut, param.timestamp)
|
param.open_key = Utils.encryptOpenKey(param.secretkey, param.timestamp)
|
}
|
|
_params.push(param)
|
} else if (btn.Ot === 'required') {
|
_params = data.map((cell, index) => {
|
let param = {
|
func: btn.innerFunc
|
}
|
|
if (this.props.BID) {
|
param.BID = this.props.BID
|
}
|
|
let primaryId = setting.primaryKey ? cell[setting.primaryKey] || '' : ''
|
|
if (btn.OpenType === 'pop') { // 表单
|
if (index !== 0) {
|
formdata = formdata.map(_data => {
|
if (_data.readin && cell.hasOwnProperty(_data.key)) {
|
_data.value = cell[_data.key]
|
}
|
return _data
|
})
|
}
|
|
formdata.forEach(_data => {
|
param[_data.key] = _data.value
|
})
|
}
|
if (setting.primaryKey) {
|
param[setting.primaryKey] = primaryId
|
}
|
|
if (this.props.menuType === 'HS' && param.func === 's_sDataDictb_TBBack' && param.LTextOut) { // 函数 s_sDataDictb_TBBack 云端验证
|
param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
|
param.secretkey = Utils.encrypt(param.LTextOut, param.timestamp)
|
param.open_key = Utils.encryptOpenKey(param.secretkey, param.timestamp)
|
}
|
|
return param
|
})
|
}
|
|
return _params
|
}
|
|
/**
|
* @description 按钮提交执行
|
*/
|
execSubmit = (data, _resolve, formdata) => {
|
const { setting, btn } = this.props
|
this.moduleParams = null
|
|
if (
|
(btn.intertype === 'system' || (btn.intertype === 'custom' && btn.procMode === 'system')) &&
|
btn.sqlType !== 'insert' && btn.Ot !== 'notRequired' && btn.verify && btn.verify.invalid === 'true' &&
|
setting.dataresource
|
) {
|
MKEmitter.emit('queryModuleParam', btn.$menuId, btn.uuid)
|
setTimeout(() => {
|
if (this.moduleParams) {
|
this.execRealSubmit(data, _resolve, formdata)
|
} else {
|
setTimeout(() => {
|
this.execRealSubmit(data, _resolve, formdata)
|
}, 100)
|
}
|
}, 50)
|
} else {
|
this.execRealSubmit(data, _resolve, formdata)
|
}
|
}
|
|
execRealSubmit = (data, _resolve, formdata) => {
|
const { setting, btn, Tab, BID } = this.props
|
|
if (((Tab && Tab.supMenu) || setting.supModule) && !BID) {
|
notification.warning({
|
top: 92,
|
message: '需要上级主键值！',
|
duration: 5
|
})
|
_resolve()
|
return
|
}
|
|
if (btn.intertype === 'system' || btn.intertype === 'inner') { // 系统接口
|
let params = []
|
|
if (btn.intertype === 'system') {
|
params = this.getSystemParam(data, formdata)
|
} else {
|
params = this.getInnerParam(data, formdata)
|
}
|
|
if (params.length <= 20) {
|
let deffers = params.map((param, i) => {
|
return new Promise(resolve => {
|
setTimeout(() => {
|
let _param = null
|
if (btn.preFunc) {
|
_param = fromJS(param).toJS()
|
param.func = btn.preFunc
|
}
|
Api.genericInterface(param).then(res => {
|
if (btn.preFunc && res.status && res.ErrCode !== '-1') {
|
_param = {..._param, ...res}
|
|
delete _param.status
|
delete _param.ErrCode
|
delete _param.ErrMesg
|
delete _param.message
|
|
setTimeout(() => {
|
Api.genericInterface(_param).then(result => {
|
if (!result.status) {
|
notification.warning({
|
top: 92,
|
message: result.message,
|
duration: 5
|
})
|
}
|
})
|
}, 600)
|
}
|
resolve(res)
|
}, () => {
|
this.updateStatus()
|
_resolve()
|
})
|
}, 100 * i)
|
})
|
})
|
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(errorMsg)
|
} else {
|
this.execError(errorMsg)
|
}
|
_resolve()
|
})
|
} else { // 超出20个请求时循环执行
|
if (btn.progress === 'progressbar' && btn.$toolbtn) {
|
this.setState({
|
loadingTotal: params.length
|
})
|
}
|
this.innerLoopRequest(params, btn, _resolve)
|
}
|
} else if (btn.intertype === 'outer') {
|
/** *********************调用外部接口************************* */
|
let _params = [] // 请求参数数组
|
|
if (btn.Ot === 'notRequired' || btn.Ot === 'requiredSgl' || btn.Ot === 'requiredOnce') {
|
let param = {}
|
|
if (this.props.BID) {
|
param.BID = this.props.BID
|
}
|
|
if ((btn.OpenType === 'pop' || btn.OpenType === 'formSubmit' || btn.OpenType === 'form') && formdata) { // 表单
|
formdata.forEach(_data => {
|
param[_data.key] = _data.value
|
})
|
}
|
|
// 获取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(',')
|
}
|
|
_params.push(param)
|
} else if (btn.Ot === 'required') {
|
// 选择多行，循环调用
|
_params = data.map((cell, index) => {
|
let _cell = {}
|
|
if (this.props.BID) {
|
_cell.BID = this.props.BID
|
}
|
|
let _formparam = {}
|
if (btn.OpenType === 'pop' && formdata) { // 表单
|
formdata.forEach(_data => {
|
if (index !== 0 && _data.readin && cell.hasOwnProperty(_data.key)) {
|
_formparam[_data.key] = cell[_data.key]
|
} else {
|
_formparam[_data.key] = _data.value
|
}
|
})
|
}
|
|
if (setting.primaryKey) {
|
_cell[setting.primaryKey] = cell[setting.primaryKey]
|
}
|
|
_cell = {..._formparam, ..._cell}
|
|
return _cell
|
})
|
}
|
|
if (_params.length > 1 && btn.progress === 'progressbar' && btn.$toolbtn) {
|
this.setState({
|
loadingTotal: _params.length
|
})
|
}
|
|
// 循环调用外部接口（包括内部及回调函数）
|
this.outerLoopRequest(_params, btn, _resolve)
|
} else if (btn.intertype === 'custom') { // 系统接口
|
let params = []
|
|
if (btn.procMode === 'system') {
|
params = this.getSystemParam(data, formdata, true)
|
params = params.map(item => {
|
item.script_type = 'Y'
|
return item
|
})
|
} else {
|
params = this.getInnerParam(data, formdata)
|
}
|
|
if (params.length > 1 && btn.progress === 'progressbar' && btn.$toolbtn) {
|
this.setState({
|
loadingTotal: params.length
|
})
|
}
|
|
this.customLoopRequest(params, _resolve)
|
}
|
}
|
|
/**
|
* @description 自定义请求循环执行
|
*/
|
customLoopRequest = (params, _resolve) => {
|
let param = params.shift()
|
|
this.setState({
|
loadingNumber: params.length
|
})
|
|
let record = {
|
BID: param.BID || '',
|
ID: param.ID || '',
|
callbacksql: param.$callbacksql || ''
|
}
|
|
delete param.$callbacksql
|
|
Api.genericInterface(param).then(res => {
|
if (res.status) {
|
if ((res.mk_ex_invoke === 'false' || res.mk_ex_invoke === false) && params.length === 0) {
|
this.execSuccess(res)
|
_resolve()
|
} else if ((res.mk_ex_invoke === 'false' || res.mk_ex_invoke === false) && params.length > 0) {
|
this.customLoopRequest(params, _resolve)
|
} else {
|
this.customOuterRequest(params, res, record, _resolve)
|
}
|
} else if (res.ErrCode === 'C' && this.state.checkParam) {
|
const _this = this
|
confirm({
|
title: res.message || res.ErrMesg,
|
content: '继续执行？',
|
onOk() {
|
return new Promise(resolve => {
|
Api.genericInterface(_this.state.checkParam).then((result) => {
|
if (result.status) {
|
if ((result.mk_ex_invoke === 'false' || result.mk_ex_invoke === false) && params.length === 0) {
|
_this.execSuccess(result)
|
_resolve()
|
} else if ((result.mk_ex_invoke === 'false' || result.mk_ex_invoke === false) && params.length > 0) {
|
_this.customLoopRequest(params, _resolve)
|
} else {
|
_this.customOuterRequest(params, result, record, _resolve)
|
}
|
} else {
|
_this.execError(result)
|
_resolve()
|
}
|
resolve()
|
}, () => {
|
_this.updateStatus()
|
resolve()
|
_resolve()
|
})
|
})
|
},
|
onCancel() {
|
_this.execError({...res, ErrCode: 'P'})
|
_resolve()
|
}
|
})
|
this.setState({checkParam: null})
|
} else {
|
this.execError(res)
|
_resolve()
|
}
|
}, () => {
|
this.updateStatus()
|
_resolve()
|
})
|
}
|
// xml调用方式
|
// Api.directRequest('http://localhost:3001/test.xml', 'get', null, 'true').then(res => {
|
// let $x2js = new x2js()
|
// let jsonObj = $x2js.xml2js(res);
|
// console.info(jsonObj)
|
// })
|
|
/**
|
* @description 自定义请求循环执行
|
*/
|
customOuterRequest = (params, result, record, _resolve) => {
|
const { btn } = this.props
|
|
let url = ''
|
if (window.GLOB.systemType === 'production') {
|
url = btn.proInterface
|
} else {
|
url = btn.interface
|
}
|
|
let mkey = result.mk_api_key || ''
|
|
delete result.mk_ex_invoke
|
delete result.status
|
delete result.message
|
delete result.ErrCode
|
delete result.ErrMesg
|
delete result.mk_api_key
|
|
let param = {}
|
|
Object.keys(result).forEach(key => {
|
key = key.replace(/^mk_/ig, '')
|
param[key] = result[key]
|
})
|
|
Api.directRequest(url, btn.method, param, btn.cross).then(res => {
|
if (typeof(res) !== 'object') {
|
let error = '未知的返回结果！'
|
|
if (typeof(res) === 'string') {
|
error = res.replace(/'/ig, '"')
|
}
|
|
let result = {
|
mk_api_key: mkey,
|
$ErrCode: 'E',
|
$ErrMesg: error
|
}
|
|
this.customCallbackRequest(params, result, record, _resolve)
|
} else {
|
if (Array.isArray(res)) {
|
res = { data: res }
|
}
|
res.mk_api_key = mkey
|
this.customCallbackRequest(params, res, record, _resolve)
|
}
|
}, (e) => {
|
let result = {
|
mk_api_key: mkey,
|
$ErrCode: 'E',
|
$ErrMesg: e && e.statusText ? e.statusText : ''
|
}
|
|
this.customCallbackRequest([], result, record, _resolve)
|
})
|
}
|
|
/**
|
* @description 回调请求循环执行
|
*/
|
customCallbackRequest = (params, result, record, _resolve) => {
|
const { btn } = this.props
|
let lines = []
|
let pre = btn.callbackType === 'script' ? '@' : ''
|
|
let errSql = ''
|
if (result.$ErrCode === 'E') {
|
errSql = `
|
set @ErrorCode='E'
|
set @retmsg='${result.$ErrMesg}'
|
`
|
delete result.$ErrCode
|
delete result.$ErrMesg
|
}
|
|
let getDefaultSql = (obj, tb, bid, level) => {
|
let keys = []
|
let vals = []
|
let subObjs = []
|
let id = Utils.getuuid()
|
|
delete obj.$$key
|
|
Object.keys(obj).forEach(key => {
|
let val = obj[key]
|
if (val === null || val === undefined) return
|
if (typeof(val) === 'object') {
|
if (Array.isArray(val)) {
|
val.forEach(item => {
|
if (typeof(item) !== 'object' || Array.isArray(item)) return
|
if (Object.keys(item).length > 0) {
|
item.$$key = tb + '_' + key
|
subObjs.push(item)
|
}
|
})
|
} else if (Object.keys(val).length > 0) {
|
val.$$key = tb + '_' + key
|
subObjs.push(val)
|
}
|
} else {
|
if (typeof(val) === 'string') {
|
val = val.replace(/'/ig, '"')
|
}
|
keys.push(key)
|
vals.push(`'${val}'`)
|
}
|
})
|
|
lines.push({
|
table: tb,
|
insert: `Insert into ${pre}${tb} (${keys.join(',')},mk_level,mk_id,mk_bid)`,
|
select: `Select ${vals.join(',')},'${level}','${id}','${bid}'`
|
})
|
|
subObjs.forEach(item => {
|
getDefaultSql(item, item.$$key, id, level + 1)
|
})
|
}
|
|
getDefaultSql(result, btn.cbTable, '', 1)
|
|
let lineMap = new Map()
|
lines.forEach(line => {
|
if (lineMap.has(line.table)) {
|
let _line = lineMap.get(line.table)
|
_line.selects.push(line.select)
|
lineMap.set(line.table, _line)
|
} else {
|
lineMap.set(line.table, {
|
table: line.table,
|
insert: line.insert,
|
selects: [line.select]
|
})
|
}
|
})
|
|
let param = {}
|
|
if (btn.callbackType === 'script') { // 使用自定义脚本
|
param.func = 'sPC_TableData_InUpDe'
|
|
if (record.BID) {
|
param.BID = this.props.BID
|
}
|
if (record.ID) {
|
param.ID = record.ID
|
}
|
|
let _prevCustomScript = `${record.callbacksql}
|
${errSql}
|
`
|
let _backCustomScript = ''
|
|
btn.verify.cbScripts.forEach(script => {
|
if (script.status === 'false') return
|
|
if (script.position === 'front') {
|
_prevCustomScript += `
|
/* 自定义脚本 */
|
${script.sql}
|
`
|
} else {
|
_backCustomScript += `
|
/* 自定义脚本 */
|
${script.sql}
|
`
|
}
|
})
|
|
_backCustomScript += `
|
aaa: select @ErrorCode as ErrorCode,@retmsg as retmsg`
|
|
let sql = [...lineMap.values()].map(item => (`
|
${item.insert}
|
${item.selects.join(` union all
|
`)}
|
`))
|
sql = sql.join('')
|
sql = _prevCustomScript + sql
|
sql = sql + _backCustomScript
|
|
if (window.GLOB.debugger === true || (window.debugger === true && options.sysType !== 'cloud')) {
|
console.info(sql.replace(/\n\s{8}/ig, '\n'))
|
}
|
|
param.LText = sql
|
|
if (sessionStorage.getItem('dataM') === 'true') { // 数据权限
|
param.LText = param.LText.replace(/\$@/ig, '/*')
|
param.LText = param.LText.replace(/@\$/ig, '*/')
|
} else {
|
param.LText = param.LText.replace(/@\$|\$@/ig, '')
|
}
|
param.LText = param.LText.replace(/\$check@|@check\$/ig, '')
|
|
param.exec_type = 'y' // 后台解码
|
param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
|
param.secretkey = Utils.encrypt('', param.timestamp)
|
param.LText = Utils.formatOptions(param.LText)
|
param.menuname = btn.logLabel
|
|
if (window.GLOB.probation) {
|
param.s_debug_type = 'Y'
|
}
|
|
if (this.props.menuType === 'HS') { // 函数 sPC_TableData_InUpDe 云端验证
|
param.open_key = Utils.encryptOpenKey(param.secretkey, param.timestamp)
|
}
|
} else {
|
param.func = 's_ex_result_back'
|
param.s_ex_result = [...lineMap.values()].map((item, index) => ({
|
MenuID: btn.uuid,
|
MenuName: btn.logLabel,
|
TableName: item.table,
|
LongText: window.btoa(window.encodeURIComponent(`${item.insert} ${item.selects.join(` union all `)}`)),
|
Sort: index + 1
|
}))
|
|
if (window.GLOB.debugger === true || (window.debugger === true && options.sysType !== 'cloud')) {
|
let sql = [...lineMap.values()].map(item => (`
|
${item.insert}
|
${item.selects.join(` union all
|
`)}
|
`))
|
sql = sql.join('')
|
console.info(sql.replace(/\n\s{10}/ig, '\n'))
|
}
|
}
|
|
Api.genericInterface(param).then(res => {
|
if (res.status) {
|
if (params.length === 0) {
|
this.execSuccess(res)
|
_resolve()
|
} else {
|
this.customLoopRequest(params, _resolve)
|
}
|
} else {
|
this.execError(res)
|
_resolve()
|
}
|
}, () => {
|
this.updateStatus()
|
_resolve()
|
})
|
}
|
|
/**
|
* @description 内部请求循环执行
|
*/
|
innerLoopRequest = (params, btn, _resolve) => {
|
let param = params.shift()
|
|
this.setState({
|
loadingNumber: params.length
|
})
|
|
let _param = null
|
|
if (btn.preFunc) {
|
_param = fromJS(param).toJS()
|
param.func = btn.preFunc
|
}
|
|
Api.genericInterface(param).then(res => {
|
if (res.status) {
|
if (btn.preFunc && res.ErrCode !== '-1') {
|
_param = {..._param, ...res}
|
|
delete _param.status
|
delete _param.ErrCode
|
delete _param.ErrMesg
|
delete _param.message
|
|
setTimeout(() => {
|
Api.genericInterface(_param).then(result => {
|
if (!result.status) {
|
notification.warning({
|
top: 92,
|
message: result.message,
|
duration: 5
|
})
|
}
|
})
|
}, 600)
|
}
|
if (params.length === 0) {
|
this.execSuccess(res)
|
_resolve()
|
} else {
|
this.innerLoopRequest(params, btn, _resolve)
|
}
|
} else {
|
this.execError(res)
|
_resolve()
|
}
|
}, () => {
|
this.updateStatus()
|
_resolve()
|
})
|
}
|
|
/**
|
* @description 外部请求循环执行
|
*/
|
outerLoopRequest = (params, btn, _resolve) => {
|
if (!params && params.length === 0) return
|
|
let param = params.shift()
|
let _outParam = null
|
|
this.setState({
|
loadingNumber: params.length
|
})
|
|
new Promise(resolve => {
|
// 内部请求
|
if (btn.innerFunc) {
|
param.func = btn.innerFunc
|
|
// 函数 s_sDataDictb_TBBack 云端验证
|
if (this.props.menuType === 'HS' && param.func === 's_sDataDictb_TBBack' && param.LTextOut) {
|
param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
|
param.secretkey = Utils.encrypt(param.LTextOut, param.timestamp)
|
param.open_key = Utils.encryptOpenKey(param.secretkey, param.timestamp)
|
}
|
|
// 存在内部函数时，数据预处理
|
Api.genericInterface(param).then(res => {
|
if (res.status) {
|
delete res.ErrCode
|
delete res.ErrMesg
|
delete res.message
|
delete res.status
|
|
// 使用处理后的数据调用外部接口
|
let keys = Object.keys(res) // 提交外部接口前，添加BID
|
if (this.props.BID && keys.filter(key => key.toLowerCase() === 'bid').length === 0) {
|
res.BID = this.props.BID
|
}
|
|
resolve(res)
|
} else {
|
this.execError(res, btn)
|
resolve(false)
|
_resolve()
|
}
|
}, () => {
|
this.updateStatus()
|
_resolve()
|
})
|
} else {
|
resolve(param)
|
}
|
}).then(res => {
|
if (!res) return
|
// 外部请求
|
_outParam = JSON.parse(JSON.stringify(res))
|
|
if (btn.outerFunc) {
|
res.func = btn.outerFunc
|
}
|
if (this.props.menuType === 'HS') {
|
if (btn.sysInterface === 'true' && options.cloudServiceApi) {
|
res.rduri = options.cloudServiceApi
|
} else if (btn.sysInterface !== 'true') {
|
if (window.GLOB.systemType === 'production' && btn.proInterface) {
|
res.rduri = btn.proInterface
|
} else {
|
res.rduri = btn.interface
|
}
|
}
|
|
// 函数 s_sDataDictb_TBBack 云端验证
|
if (res.func === 's_sDataDictb_TBBack' && res.LTextOut) {
|
res.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
|
res.secretkey = Utils.encrypt(res.LTextOut, res.timestamp)
|
res.open_key = Utils.encryptOpenKey(res.secretkey, res.timestamp)
|
}
|
} else {
|
if (btn.sysInterface === 'true' && window.GLOB.mainSystemApi) {
|
res.rduri = window.GLOB.mainSystemApi
|
} else if (btn.sysInterface !== 'true') {
|
if (window.GLOB.systemType === 'production' && btn.proInterface) {
|
res.rduri = btn.proInterface
|
} else {
|
res.rduri = btn.interface
|
}
|
}
|
}
|
|
return Api.genericInterface(res)
|
}).then(response => {
|
if (!response) return
|
// 回调请求
|
if (btn.callbackFunc) {
|
// 存在回调函数时，调用
|
delete response.message
|
delete response.status
|
|
response.func = btn.callbackFunc
|
|
let _callbackparam = {..._outParam, ...response}
|
|
// 函数 s_sDataDictb_TBBack 云端验证
|
if (this.props.menuType === 'HS' && _callbackparam.func === 's_sDataDictb_TBBack' && _callbackparam.LTextOut) {
|
_callbackparam.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
|
_callbackparam.secretkey = Utils.encrypt(_callbackparam.LTextOut, _callbackparam.timestamp)
|
_callbackparam.open_key = Utils.encryptOpenKey(_callbackparam.secretkey, _callbackparam.timestamp)
|
}
|
|
return Api.genericInterface(_callbackparam)
|
} else {
|
if (response.status) {
|
// 一次请求成功，进行下一项请求
|
|
if (params.length === 0) {
|
this.execSuccess(response)
|
_resolve()
|
} else {
|
this.outerLoopRequest(params, btn, _resolve)
|
}
|
} else {
|
this.execError(response)
|
_resolve()
|
}
|
}
|
}).then(res => {
|
if (!res) return
|
|
if (res.status) {
|
if (params.length === 0) {
|
this.execSuccess(res)
|
_resolve()
|
} else {
|
this.outerLoopRequest(params, btn, _resolve)
|
}
|
} else {
|
this.execError(res)
|
_resolve()
|
}
|
})
|
}
|
|
/**
|
* @description 操作成功后处理
|
* 1、excel导出，成功后取消导出按钮加载中状态
|
* 2、状态码为 S 时，显示成功信息后系统默认信息
|
* 3、状态码为 -1 时，不显示任何信息
|
* 4、模态框执行成功后是否关闭
|
* 5、通知主列表刷新
|
*/
|
execSuccess = (res) => {
|
const { btn } = this.props
|
const { btnconfig, autoMatic } = this.state
|
|
if ((res && (res.ErrCode === 'S' || !res.ErrCode)) || autoMatic) { // 执行成功
|
notification.success({
|
top: 92,
|
message: res.ErrMesg || this.state.dict['main.action.confirm.success'],
|
duration: btn.verify && btn.verify.stime ? btn.verify.stime : 2
|
})
|
} else if (res && res.ErrCode === 'Y') { // 执行成功
|
Modal.success({
|
title: res.ErrMesg || this.state.dict['main.action.confirm.success']
|
})
|
} else if (res && res.ErrCode === '-1') { // 完成后不提示
|
|
}
|
|
this.setState({
|
loadingNumber: '',
|
loadingTotal: '',
|
})
|
|
if (autoMatic) {
|
this.setState({
|
loading: false,
|
visible: false
|
})
|
MKEmitter.emit('autoExecOver', btn.uuid, 'success')
|
return
|
} else if (btn.OpenType !== 'pop' || !btnconfig || btnconfig.setting.finish !== 'unclose') {
|
this.setState({
|
loading: false,
|
visible: false
|
})
|
}
|
|
if (btn.verify && btn.verify.noteEnable === 'true') {
|
this.sendMessage()
|
}
|
|
let id = ''
|
if (btn.output) {
|
id = res.mk_b_id || res[btn.output] || ''
|
}
|
if (res.mk_icon) {
|
sessionStorage.setItem('avatar', res.mk_icon)
|
}
|
let tabId = ''
|
if (btn.refreshTab && btn.refreshTab.length > 0) {
|
tabId = btn.refreshTab[btn.refreshTab.length - 1]
|
}
|
|
if (tabId && btn.$MenuID === tabId) { // 刷新当前菜单时，停止其他操作
|
MKEmitter.emit('reloadMenuView', tabId, 'table')
|
return
|
}
|
|
if (btn.execSuccess === 'closetab') {
|
MKEmitter.emit('closeTabView', btn.$MenuID)
|
} else if (btn.execSuccess === 'closepoptab') {
|
MKEmitter.emit('popclose')
|
} else if (btn.execSuccess !== 'never') {
|
MKEmitter.emit('refreshByButtonResult', btn.$menuId, btn.execSuccess, btn, id, this.state.selines)
|
}
|
|
btn.syncComponentId && MKEmitter.emit('reloadData', btn.syncComponentId)
|
|
if (tabId) {
|
MKEmitter.emit('reloadMenuView', tabId, 'table')
|
}
|
|
if (btn.switchTab && btn.switchTab.length > 0) {
|
let id = btn.switchTab[btn.switchTab.length - 1]
|
let node = document.getElementById('tab' + id)
|
node && node.click()
|
}
|
if (btn.anchors && btn.anchors.length > 0) {
|
let id = btn.anchors[btn.anchors.length - 1]
|
let node = document.getElementById('anchor' + id)
|
node && node.scrollIntoView({behavior: 'smooth', block: 'center', inline: 'nearest'})
|
}
|
|
if (btn.MenuID && Array.isArray(btn.openmenu) && btn.openmenu.length > 0) {
|
let newtab = {
|
MenuID: btn.MenuID,
|
MenuName: btn.MenuName,
|
MenuNo: btn.MenuNo,
|
type: btn.tabType,
|
param: {
|
$BID: id
|
}
|
}
|
|
if (['linkage_navigation', 'linkage', 'menu_board'].includes(window.GLOB.navBar)) {
|
MKEmitter.emit('modifyTabs', newtab, 'replace')
|
} else {
|
MKEmitter.emit('modifyTabs', newtab, 'plus', true)
|
}
|
}
|
}
|
|
sendMessage = () => {
|
const { btn : { verify } } = this.props
|
|
let param = {
|
func: 's_get_sms_local',
|
TypeCharOne: verify.noteTemp, // N不同内容，Y相同内容
|
TypeCharTwo: verify.noteType // N定时，Y实时
|
}
|
|
param.LText = Utils.formatOptions(Utils.getuuid())
|
param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
|
param.secretkey = Utils.encrypt(param.LText, param.timestamp)
|
|
Api.genericInterface(param).then(res => {
|
if (!res.status) {
|
notification.warning({
|
top: 92,
|
message: res.message,
|
duration: 5
|
})
|
return
|
}
|
|
let _param = {
|
templatecode: verify.noteCode, // 模板编码
|
TypeCharOne: verify.noteTemp, // N不同内容，Y相同内容
|
ID: verify.noteId || '' // 模板Id，暂时未使用
|
}
|
|
_param.submitdate = res.submitdate
|
|
let limit = 5 // 实时最大为5条，定时最大为100条
|
let mobMap = new Map()
|
|
if (verify.noteType === 'N') {
|
_param.func = 's_get_sms_sso_timer'
|
limit = 100
|
} else if (verify.noteType === 'Y') {
|
_param.func = 's_get_sms_sso_realtime'
|
}
|
|
let Ltext = []
|
let error = false
|
|
if (verify.noteTemp === 'Y') {
|
_param.p1 = res.p1 || ''
|
_param.p2 = res.p2 || ''
|
_param.p3 = res.p3 || ''
|
_param.p4 = res.p4 || ''
|
_param.p5 = res.p5 || ''
|
|
let _p = _param.p1 + _param.p2 + _param.p3 + _param.p4 + _param.p5
|
|
if (/\/|\.|.*共.*产|.*习.*近|面试|邀请|下载|红包|招聘|好评|评价|政务通知|缴费|保险|股票|金融|房地产|教育|游戏|微信|Q/.test(_p)) {
|
error = true
|
}
|
}
|
|
res.send_data && res.send_data.forEach(item => {
|
if (item.mob && !mobMap.has(item.mob) && Ltext.length < limit) {
|
if (verify.noteTemp === 'Y') {
|
Ltext.push(`'${item.mob}'`)
|
} else {
|
let _p = `'${item.p1 || ''}','${item.p2 || ''}','${item.p3 || ''}','${item.p4 || ''}','${item.p5 || ''}','${item.mob}'`
|
|
if (/\/|\.|.*共.*产|.*习.*近|面试|邀请|下载|红包|招聘|好评|评价|政务通知|缴费|保险|股票|金融|房地产|教育|游戏|微信|Q/.test(_p)) {
|
error = true
|
}
|
|
Ltext.push(_p)
|
}
|
mobMap.set(item.mob, true)
|
}
|
})
|
|
if (error) {
|
notification.warning({
|
top: 92,
|
message: '消息中含有非法字符',
|
duration: 5
|
})
|
return
|
}
|
|
if (Ltext.length === 0) return
|
Ltext = Ltext.join(';')
|
|
_param.LText = window.btoa(window.encodeURIComponent(Ltext))
|
_param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
|
_param.secretkey = Utils.encrypt(_param.LText, _param.timestamp)
|
|
_param.rduri = 'http://sso.mk9h.cn/webapi/dostars'
|
|
_param.userid = 'bh0bapabtd45epsgra79segbch6c1ibk'
|
_param.LoginUID = 'bh0bapabtd45epsgra79segbch6c1ibk'
|
|
Api.getLocalConfig(_param).then(result => {
|
if (!result.status) {
|
notification.warning({
|
top: 92,
|
message: result.message,
|
duration: 5
|
})
|
}
|
})
|
})
|
}
|
|
/**
|
* @description 操作失败后处理
|
* 1、状态码为 E、N、F、NM 时，显示相应提示信息
|
* 2、excel导出，失败后取消导出按钮加载中状态
|
* 3、通知主列表刷新
|
*/
|
execError = (res) => {
|
const { btn } = this.props
|
const { btnconfig, autoMatic } = this.state
|
|
if (res.ErrCode === 'E' && !autoMatic) {
|
Modal.error({
|
title: res.message || res.ErrMesg,
|
})
|
} else if (res.ErrCode === 'N' || autoMatic) {
|
notification.error({
|
top: 92,
|
message: res.message || res.ErrMesg,
|
duration: btn.verify && btn.verify.ntime ? btn.verify.ntime : 10
|
})
|
} else if (res.ErrCode === 'F') {
|
notification.error({
|
className: 'notification-custom-error',
|
top: 92,
|
message: res.message || res.ErrMesg,
|
duration: btn.verify && btn.verify.ftime ? btn.verify.ftime : 10
|
})
|
} else if (res.ErrCode === 'NM') {
|
message.error(res.message || res.ErrMesg)
|
}
|
|
if (autoMatic) {
|
this.setState({
|
loading: false,
|
loadingNumber: '',
|
loadingTotal: '',
|
visible: false
|
})
|
MKEmitter.emit('autoExecOver', btn.uuid, 'error')
|
return
|
}
|
|
this.setState({
|
loading: false,
|
loadingNumber: '',
|
loadingTotal: '',
|
})
|
|
if (res.ErrCode === 'C') {
|
const _this = this
|
if (this.state.checkParam) {
|
let param = this.state.checkParam
|
confirm({
|
title: res.message || res.ErrMesg,
|
content: '继续执行？',
|
onOk() {
|
return new Promise(resolve => {
|
Api.genericInterface(param).then((result) => {
|
if (result.status) {
|
_this.execSuccess(result)
|
} else {
|
_this.execError(result)
|
}
|
resolve()
|
}, () => {
|
_this.setState({
|
visible: false
|
})
|
resolve()
|
})
|
})
|
},
|
onCancel() {
|
_this.setState({
|
visible: false
|
})
|
if (btn.execError !== 'never') {
|
MKEmitter.emit('refreshByButtonResult', btn.$menuId, btn.execError, btn, '', this.state.selines)
|
}
|
}
|
})
|
this.setState({checkParam: null})
|
return
|
} else {
|
Modal.error({
|
title: res.message || res.ErrMesg,
|
})
|
}
|
}
|
|
if (btnconfig && btnconfig.setting && btnconfig.setting.errFocus) {
|
MKEmitter.emit('mkFC', 'focus', btnconfig.setting.errFocus)
|
}
|
|
if (btn.execError === 'closepoptab') {
|
MKEmitter.emit('popclose')
|
} else if (btn.execError !== 'never') {
|
MKEmitter.emit('refreshByButtonResult', btn.$menuId, btn.execError, btn, '', this.state.selines)
|
} else if (btn.OpenType === 'form') {
|
let data = this.props.selectedData && this.props.selectedData[0] ? this.props.selectedData[0] : null
|
this.setState({check: data && data[btn.field] === btn.openVal})
|
}
|
}
|
|
/**
|
* @description 按钮配置信息错误提示
|
*/
|
actionSettingError = () => {
|
notification.warning({
|
top: 92,
|
message: this.state.dict['main.action.settingerror'],
|
duration: 5
|
})
|
}
|
|
handleModelConfig = (config) => {
|
let roleId = sessionStorage.getItem('role_id') || '' // 角色ID
|
config.fields = config.fields.map(cell => {
|
// 数据源sql语句，预处理，权限黑名单字段设置为隐藏表单
|
if (['select', 'link', 'multiselect', 'radio', 'checkbox', 'checkcard'].includes(cell.type) && cell.resourceType === '1') {
|
let _option = Utils.getSelectQueryOptions(cell)
|
|
cell.data_sql = Utils.formatOptions(_option.sql)
|
cell.base_sql = window.btoa(window.encodeURIComponent(_option.sql))
|
cell.arr_field = _option.field
|
}
|
|
// 字段权限黑名单
|
if (!cell.blacklist || cell.blacklist.length === 0) return cell
|
if (cell.blacklist.filter(v => roleId.indexOf(v) > -1).length > 0) {
|
cell.hidden = 'true'
|
}
|
|
return cell
|
})
|
return config
|
}
|
|
/**
|
* @description 获取按钮配置信息
|
*/
|
improveAction = () => {
|
const { btn } = this.props
|
const { btnconfig } = this.state
|
|
if (btnconfig) {
|
if (btnconfig.setting.display === 'prompt' || btnconfig.setting.display === 'exec') { // 如果表单以是否框展示
|
this.modelconfirm()
|
} else {
|
this.setState({
|
visible: true
|
})
|
}
|
} else {
|
Api.getCacheConfig({
|
func: 'sPC_Get_LongParam',
|
MenuID: btn.uuid
|
}).then(res => {
|
let _LongParam = ''
|
|
if (res.status && res.LongParam) {
|
try {
|
_LongParam = JSON.parse(window.decodeURIComponent(window.atob(res.LongParam)))
|
} catch (e) {
|
console.warn('Parse Failure')
|
_LongParam = ''
|
}
|
}
|
|
if (!res.status) {
|
notification.warning({
|
top: 92,
|
message: res.message,
|
duration: 5
|
})
|
this.setState({ loading: false })
|
} else if (!_LongParam || (btn.OpenType === 'pop' && _LongParam.type !== 'Modal')) {
|
notification.warning({
|
top: 92,
|
message: '未获取到按钮配置信息！',
|
duration: 5
|
})
|
this.setState({ loading: false })
|
} else {
|
_LongParam = updateForm(_LongParam)
|
_LongParam = this.handleModelConfig(_LongParam)
|
|
this.setState({
|
btnconfig: _LongParam
|
}, () => {
|
if (_LongParam.setting.display === 'prompt' || _LongParam.setting.display === 'exec') { // 如果表单以是否框展示
|
this.modelconfirm()
|
} else {
|
this.setState({
|
visible: true
|
})
|
}
|
})
|
}
|
})
|
}
|
}
|
|
/**
|
* @description 模态框（表单），确认
|
*/
|
handleOk = () => {
|
if (!this.formRef) return
|
|
this.formRef.handleConfirm().then(res => {
|
this.setState({ confirmLoading: true })
|
|
this.execSubmit(this.state.selines, () => { this.setState({ confirmLoading: false }) }, res)
|
})
|
}
|
|
/**
|
* @description 模态框（表单），取消
|
*/
|
handleCancel = () => {
|
this.setState({
|
loading: false,
|
visible: false,
|
confirmLoading: false
|
})
|
}
|
|
modelconfirm = () => {
|
const { BData, btn } = this.props
|
const { btnconfig, selines } = this.state
|
let _this = this
|
|
let result = []
|
btnconfig.fields.forEach(item => {
|
if (!item.field) return
|
let _readin = item.readin !== 'false'
|
let _initval = item.initval
|
|
if (item.type === 'linkMain' || item.type === 'funcvar') {
|
_readin = false
|
}
|
|
if (item.type === 'linkMain' && BData && BData.hasOwnProperty(item.field)) {
|
_initval = BData[item.field]
|
} else if (_readin && selines[0] && selines[0].hasOwnProperty(item.field)) {
|
_initval = selines[0][item.field]
|
} else if (item.type === 'date' && _initval) {
|
_initval = moment().subtract(_initval, 'days').format('YYYY-MM-DD')
|
} else if (item.type === 'datemonth' && _initval) {
|
_initval = moment().subtract(_initval, 'month').format('YYYY-MM')
|
} else if (item.type === 'datetime' && _initval) {
|
_initval = moment().subtract(_initval, 'days').format('YYYY-MM-DD HH:mm:ss')
|
}
|
|
let _fieldlen = item.fieldlength || 50
|
if (item.type === 'textarea' || item.type === 'fileupload' || item.type === 'multiselect') {
|
_fieldlen = item.fieldlength || 512
|
} else if (item.type === 'number') {
|
_fieldlen = item.decimal ? item.decimal : 0
|
}
|
|
if (_initval === undefined) {
|
_initval = ''
|
}
|
|
let _type = item.type
|
|
if (['date', 'datemonth', 'datetime'].includes(_type) && item.declareType === 'nvarchar(50)') {
|
_type = 'text'
|
} else if (item.type === 'rate') {
|
item.rateCount = item.rateCount || 5
|
let allowHalf = item.allowHalf === 'true'
|
|
if (allowHalf) {
|
_initval = parseFloat(_initval)
|
if (_initval % 0.5 !== 0) {
|
_initval = parseInt(_initval)
|
}
|
} else {
|
_initval = parseInt(_initval)
|
}
|
|
if (isNaN(_initval) || _initval < 0) {
|
_initval = 0
|
} else if (_initval > item.rateCount) {
|
_initval = item.rateCount
|
}
|
}
|
|
result.push({
|
key: item.field,
|
readonly: item.readonly === 'true',
|
readin: item.readin !== 'false' && item.readin !== 'top',
|
fieldlen: _fieldlen,
|
writein: item.writein !== 'false',
|
type: _type,
|
value: _initval
|
})
|
})
|
|
if (btnconfig.setting.display === 'exec') {
|
this.execSubmit(selines, () => {}, result)
|
} else {
|
confirm({
|
title: btn.tipTitle || this.state.dict['main.action.confirm.tip'],
|
onOk() {
|
return new Promise(resolve => {
|
_this.execSubmit(selines, resolve, result)
|
})
|
},
|
onCancel() {
|
_this.setState({ loading: false })
|
}
|
})
|
}
|
}
|
|
/**
|
* @description 显示模态框
|
*/
|
getModels = () => {
|
const { setting, BID, btn, BData } = this.props
|
const { btnconfig, visible } = this.state
|
|
if (!btnconfig || !btnconfig.setting) return null
|
|
let title = btn.label
|
let width = btnconfig.setting.width > 100 ? btnconfig.setting.width : btnconfig.setting.width + 'vw'
|
let clickouter = btnconfig.setting.clickouter === 'close'
|
|
if (btnconfig.setting.display === 'drawer') {
|
let height = '100vh'
|
if (btnconfig.setting.placement === 'top' || btnconfig.setting.placement === 'bottom') {
|
width = '100vw'
|
height = btnconfig.setting.width > 100 ? btnconfig.setting.width : btnconfig.setting.width + 'vh'
|
}
|
return (
|
<Drawer
|
title={title}
|
width={width}
|
height={height}
|
maskClosable={clickouter}
|
onClose={this.handleCancel}
|
visible={visible}
|
placement={btnconfig.setting.placement || 'right'}
|
bodyStyle={{ paddingBottom: 80 }}
|
destroyOnClose
|
>
|
<MutilForm
|
BID={BID}
|
dict={this.state.dict}
|
menuType={this.props.menuType}
|
action={btnconfig}
|
inputSubmit={this.handleOk}
|
data={this.state.selines[0]}
|
BData={BData}
|
wrappedComponentRef={(inst) => this.formRef = inst}
|
/>
|
<div className="ant-drawer-footer" style={{ position: 'absolute', zIndex: 1, right: 0, bottom: 0, width: '100%', borderTop: '1px solid #e9e9e9', padding: '10px 16px', background: '#fff', textAlign: 'right'}}>
|
<Button onClick={this.handleCancel} style={{ marginRight: 8 }}>
|
{btnconfig.setting.formType !== 'check' ? '取消' : '关闭'}
|
</Button>
|
{btnconfig.setting.formType !== 'check' ? <Button onClick={this.handleOk} loading={this.state.confirmLoading} type="primary">
|
确定
|
</Button> : null}
|
</div>
|
</Drawer>
|
)
|
} else {
|
let container = document.body
|
|
if (
|
(setting.tabType === 'main' && btnconfig.setting.container === 'tab' && this.props.ContainerId) ||
|
(btnconfig.setting.container === 'tab' && btn.ContainerId)
|
) {
|
width = btnconfig.setting.width > 100 ? btnconfig.setting.width : btnconfig.setting.width + '%'
|
container = () => document.getElementById(this.props.ContainerId || btn.ContainerId)
|
}
|
return (
|
<Modal
|
title={title}
|
maskClosable={clickouter}
|
getContainer={container}
|
wrapClassName='action-modal'
|
visible={visible}
|
width={width}
|
onOk={this.handleOk}
|
confirmLoading={this.state.confirmLoading}
|
onCancel={this.handleCancel}
|
destroyOnClose
|
>
|
<MutilForm
|
BID={BID}
|
dict={this.state.dict}
|
menuType={this.props.menuType}
|
action={btnconfig}
|
inputSubmit={this.handleOk}
|
data={this.state.selines[0]}
|
BData={BData}
|
wrappedComponentRef={(inst) => this.formRef = inst}
|
/>
|
</Modal>
|
)
|
}
|
}
|
|
render() {
|
const { btn } = this.props
|
const { loadingNumber, loadingTotal, loading, disabled, hidden, check } = this.state
|
|
if (hidden) return null
|
|
if (btn.OpenType === 'form') {
|
if (btn.formType === 'switch') {
|
return <Switch loading={loading} checked={check} disabled={disabled || loading} title={disabled ? (btn.reason || '') : ''} onChange={(val,e) => {e.stopPropagation();this.actionTrigger()}} style={btn.style} className={btn.size === 'large' ? 'ant-switch-large' : ''} size={btn.size} checkedChildren={btn.openText || ''} unCheckedChildren={btn.closeText || ''}/>
|
} else {
|
return <Checkbox disabled={disabled || loading} title={disabled ? (btn.reason || '') : ''} checked={check} onChange={(e) => {e.stopPropagation();this.actionTrigger()}} style={btn.style}></Checkbox>
|
}
|
}
|
|
let label = ''
|
let icon = ''
|
let type = 'link'
|
let className = ''
|
|
if (btn.show === 'button') {
|
label = btn.label
|
icon = btn.icon || ''
|
} else if (btn.show === 'link') {
|
label = <span>{btn.label}{btn.icon ? <MkIcon style={{marginLeft: '8px'}} type={btn.icon}/> : ''}</span>
|
icon = ''
|
} else if (btn.show === 'icon') {
|
icon = btn.icon || ''
|
} else if (!btn.$toolbtn) {
|
icon = btn.icon || ''
|
label = btn.label
|
className = 'mk-btn mk-' + btn.class
|
} else {
|
type = ''
|
icon = btn.icon || ''
|
label = btn.label
|
className = 'mk-btn mk-' + btn.class
|
}
|
|
if (loadingNumber && !loadingTotal && btn.$toolbtn && (!btn.show || btn.show === 'button')) {
|
label = (loadingNumber && !loadingTotal ? `(${loadingNumber})` : '') + btn.label
|
}
|
|
return <div style={{display: 'inline-block'}} onClick={(e) => e.stopPropagation()}>
|
<Button
|
type={type}
|
icon={icon}
|
title={disabled ? (btn.reason || '') : (btn.show === 'icon' ? btn.label : '')}
|
loading={loading}
|
disabled={disabled}
|
style={btn.style || null}
|
className={className}
|
onClick={() => {this.actionTrigger()}}
|
>{label}</Button>
|
{this.getModels()}
|
{loadingTotal ? <Progress className="mk-button-progress" percent={(loadingTotal - loadingNumber) / loadingTotal * 100} size="small" showInfo={false} /> : null}
|
</div>
|
}
|
}
|
|
const mapStateToProps = (state) => {
|
return {
|
menuType: state.editLevel
|
}
|
}
|
|
const mapDispatchToProps = () => {
|
return {}
|
}
|
|
export default connect(mapStateToProps, mapDispatchToProps)(NormalButton)
|
