ttk-server-parent
Version:
97 lines (95 loc) • 3.74 kB
JavaScript
import React from 'react'
import Icon from '../icon/index'
import classNames from 'classnames'
import { Popover, Input, Message } from 'edf-component'
class TableOperate2 extends React.Component {
handleClick = (type) => {
const { status, disable, auditClick, editClick, deleteClick, unauditClick, className, style } = this.props
switch (type) {
case 'edit':
!(disable && disable.includes('edit')) && editClick && editClick()
break
case 'audit':
!(this.props.disable && disable.includes('audit')) && auditClick && auditClick()
break
case 'unaudit':
!(this.props.disable && disable.includes('unaudit')) && unauditClick && unauditClick()
break
case 'delete':
!(disable && disable.includes('delete')) && deleteClick && deleteClick()
break
default: return;
}
}
render() {
const { status, disable, auditClick, editClick, deleteClick, unauditClick, className, style } = this.props
const showBtn = []
if (status == 1) {
showBtn.push(
<a
className={`${disable && disable.includes('edit') ? 'disabled' : ''}`}
onClick={() => this.handleClick('edit')}
href="javascript:;"
>
<Icon fontFamily='edficon' type="bianji" title="编辑" />
</a>
)
showBtn.push(
<a
className={`${disable && disable.includes('audit') ? 'disabled' : ''}`}
onClick={() => this.handleClick('audit')}
href="javascript:;"
>
<Icon fontFamily='edficon' type="pizhu" title="审核" />
</a>
)
showBtn.push(
<a
className={`${disable && disable.includes('delete') ? 'disabled' : ''}`}
onClick={() => this.handleClick('delete')}
href="javascript:;"
>
<Icon fontFamily='edficon' type="shanchu" title="删除" />
</a>
)
} else if (status == 2) {
showBtn.push(
<a
className={`${disable && disable.includes('edit') ? 'disabled' : ''}`}
onClick={() => this.handleClick('edit')}
href="javascript:;"
>
<Icon fontFamily='edficon' type="bianji" title="编辑" />
</a>
)
showBtn.push(
<a
className={`${disable && disable.includes('unaudit') ? 'disabled' : ''}`}
onClick={() => this.handleClick('unaudit')}
href="javascript:;"
>
<Icon fontFamily='edficon' type="pizhu" title="反审核" color='red' />
</a>
)
showBtn.push(
<a
className={`${disable && disable.includes('delete') ? 'disabled' : ''}`}
onClick={() => this.handleClick('delete')}
href="javascript:;"
>
<Icon fontFamily='edficon' type="shanchu" title="删除" />
</a>
)
}
let classNameContainer = classNames({
'mk-tableOperate': true,
[className]: !!className
})
return (
<div className={classNameContainer}>
{showBtn}
</div>
)
}
}
export default TableOperate2