From 4c6bdfe1f3557e49a315c1564bcb6164c0bc7faa Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期五, 03 四月 2020 18:27:22 +0800
Subject: [PATCH] 2020-04-03
---
src/tabviews/zshare/normalTable/index.jsx | 120 +++++++++++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 102 insertions(+), 18 deletions(-)
diff --git a/src/tabviews/zshare/normalTable/index.jsx b/src/tabviews/zshare/normalTable/index.jsx
index fac986c..ee39144 100644
--- a/src/tabviews/zshare/normalTable/index.jsx
+++ b/src/tabviews/zshare/normalTable/index.jsx
@@ -1,6 +1,6 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
-import { Table, message, Affix, Button, Typography } from 'antd'
+import { Table, message, Affix, Button, Typography, Icon, Modal } from 'antd'
import './index.scss'
const { Paragraph } = Typography
@@ -18,6 +18,7 @@
loading: PropTypes.bool, // 琛ㄦ牸鍔犺浇涓�
refreshdata: PropTypes.func, // 琛ㄦ牸涓帓搴忓垪銆侀〉鐮佺殑鍙樺寲鏃跺埛鏂�
buttonTrigger: PropTypes.func, // 琛ㄦ牸涓寜閽Е鍙戞搷浣�
+ linkTrigger: PropTypes.func, // 瀛楁閫忚
handleTableId: PropTypes.func // 鏁版嵁鍒囨崲
}
@@ -25,7 +26,9 @@
selectedRowKeys: [], // 琛ㄦ牸涓�変腑琛�
pageIndex: 1, // 鍒濆椤甸潰绱㈠紩
pageSize: 10, // 姣忛〉鏁版嵁鏉℃暟
- columns: null // 鏄剧ず鍒�
+ columns: null, // 鏄剧ず鍒�
+ imgShow: false, // 鍥剧墖鏀惧ぇ妯℃�佹
+ imgSrc: '' // 鍥剧墖璺緞
}
UNSAFE_componentWillMount () {
@@ -38,7 +41,7 @@
let cell = {
align: item.Align,
dataIndex: item.field || item.uuid,
- title: item.label,
+ title: <span>{item.label}{item.linkThdMenu ? <Icon type="link"/> : null}</span>,
sorter: item.field && item.IsSort === 'true',
width: item.Width || 120,
render: (text, record) => {
@@ -62,6 +65,35 @@
})
}
+ triggerLink = (item, record) => {
+ let tabmenu = item.linkThdMenu
+ let iframes = ['Main/Index', 'bda/rdt', 'Home/rdt']
+
+ if (tabmenu.LinkUrl === 'CommonTable') {
+ tabmenu.type = 'CommonTable'
+ } else if (tabmenu.LinkUrl === 'DataManage') {
+ tabmenu.type = 'DataManage'
+ } else if (tabmenu.LinkUrl && iframes.includes(tabmenu.LinkUrl.split('?')[0])) {
+ tabmenu.type = 'iframe'
+ }
+
+ if (tabmenu.type !== 'iframe') {
+ try {
+ tabmenu.PageParam = JSON.parse(tabmenu.PageParam)
+ } catch (e) {
+ tabmenu.PageParam = {}
+ }
+ tabmenu.type = tabmenu.PageParam.Template || tabmenu.type
+ }
+
+ tabmenu.param = {
+ searchkey: item.field,
+ searchval: record[item.field] || ''
+ }
+
+ this.props.linkTrigger(tabmenu)
+ }
+
getContent = (item, record) => {
if (item.type === 'text') {
let content = ''
@@ -76,14 +108,25 @@
content = (item.prefix || '') + content + (item.postfix || '')
- return (
- <div className={match ? item.color : ''}>
- <div className="background"></div>
- <div className="content" style={{ minWidth: (item.Width || 120) + 'px' }}>
- {content}
+ if (item.linkThdMenu) {
+ return (
+ <div className={match ? item.color : ''}>
+ <div className="background link-menu" onDoubleClick={() => this.triggerLink(item, record)}></div>
+ <div className="content link-menu" style={{ minWidth: (item.Width || 120) + 'px' }} onDoubleClick={() => this.triggerLink(item, record)}>
+ {content}
+ </div>
</div>
- </div>
- )
+ )
+ } else {
+ return (
+ <div className={match ? item.color : ''}>
+ <div className="background"></div>
+ <div className="content" style={{ minWidth: (item.Width || 120) + 'px' }}>
+ {content}
+ </div>
+ </div>
+ )
+ }
} else if (item.type === 'number') {
let content = ''
let match = false
@@ -118,14 +161,25 @@
content = (item.prefix || '') + content + (item.postfix || '')
- return (
- <div className={match ? item.color : ''}>
- <div className={'background'}></div>
- <div className="content" style={{ minWidth: (item.Width || 120) + 'px' }}>
- {content}
+ if (item.linkThdMenu) {
+ return (
+ <div className={match ? item.color : ''}>
+ <div className="background link-menu" onDoubleClick={() => this.triggerLink(item, record)}></div>
+ <div className="content link-menu" style={{ minWidth: (item.Width || 120) + 'px' }} onDoubleClick={() => this.triggerLink(item, record)}>
+ {content}
+ </div>
</div>
- </div>
- )
+ )
+ } else {
+ return (
+ <div className={match ? item.color : ''}>
+ <div className={'background'}></div>
+ <div className="content" style={{ minWidth: (item.Width || 120) + 'px' }}>
+ {content}
+ </div>
+ </div>
+ )
+ }
} else if (item.type === 'picture') {
let photos = ''
if (item.field && record.hasOwnProperty(item.field)) {
@@ -136,7 +190,11 @@
return (
<div className="picture-col" style={{ minWidth: (item.Width || 120) + 'px' }}>
{photos && photos.map((url, i) => {
- return <img key={`${i}`} src={url} alt=""/>
+ if (item.scale === 'true') {
+ return <img className="image-scale" onClick={this.imgScale} key={`${i}`} src={url} alt=""/>
+ } else {
+ return <img key={`${i}`} src={url} alt=""/>
+ }
})}
</div>
)
@@ -286,6 +344,20 @@
</div>
</div>
)
+ }
+ }
+
+ imgScaleClose = () => {
+ this.setState({
+ imgShow: false
+ })
+ }
+ imgScale = (e) => {
+ if (e.target.nodeName === 'IMG') {
+ this.setState({
+ imgShow: true,
+ imgSrc: e.target.src
+ })
}
}
@@ -449,6 +521,18 @@
showTotal: (total, range) => `${range[0]}-${range[1]} ${this.props.dict['main.pagination.of']} ${total} ${this.props.dict['main.pagination.items']}`
}}
/>
+ <Modal
+ className="image-scale-modal"
+ visible={this.state.imgShow}
+ width="70vw"
+ maskClosable={true}
+ onCancel={this.imgScaleClose}
+ title={this.props.dict['main.form.picture.check']}
+ footer={[<span key="close" onClick={this.imgScaleClose}>{this.props.dict['main.close']}</span>]}
+ destroyOnClose
+ >
+ <img style={{maxWidth:'100%'}} src={this.state.imgSrc} alt="" />
+ </Modal>
</div>
)
}
--
Gitblit v1.8.0