mirror of
https://github.com/getrebuild/rebuild.git
synced 2024-09-21 07:55:56 +08:00
style: datalist
This commit is contained in:
parent
be324d388e
commit
a4d301653b
|
@ -55,7 +55,7 @@ class RbPreview extends React.Component {
|
|||
|
||||
renderImgs() {
|
||||
return (<React.Fragment>
|
||||
<div className="img-zoom">
|
||||
<div className="img-zoom fp-content">
|
||||
{!this.state.imgRendered && <div className="must-center"><RbSpinner fully={true} /></div>}
|
||||
<img className={!this.state.imgRendered ? 'hide' : ''}
|
||||
src={this.__buildAbsoluteUrl(null, 'imageView2/2/w/1000/interlace/1/q/100')}
|
||||
|
@ -71,7 +71,7 @@ class RbPreview extends React.Component {
|
|||
}
|
||||
|
||||
renderDoc() {
|
||||
return (<div className="container">
|
||||
return (<div className="container fp-content">
|
||||
<div className="iframe" onClick={this.__stopEvent}>
|
||||
{!this.state.docRendered && <div className="must-center"><RbSpinner fully={true} /></div>}
|
||||
<iframe className={!this.state.docRendered ? 'hide' : ''}
|
||||
|
@ -82,7 +82,7 @@ class RbPreview extends React.Component {
|
|||
}
|
||||
|
||||
renderAudio() {
|
||||
return (<div className="container">
|
||||
return (<div className="container fp-content">
|
||||
<div className="audio must-center" onClick={this.__stopEvent}>
|
||||
<audio src={this.__buildAbsoluteUrl()} controls>您的浏览器不支持此功能</audio>
|
||||
</div>
|
||||
|
@ -90,7 +90,7 @@ class RbPreview extends React.Component {
|
|||
}
|
||||
|
||||
renderVideo() {
|
||||
return (<div className="container">
|
||||
return (<div className="container fp-content">
|
||||
<div className="video must-center" onClick={this.__stopEvent}>
|
||||
<video src={this.__buildAbsoluteUrl()} height="500" controls>您的浏览器不支持此功能</video>
|
||||
</div>
|
||||
|
@ -124,7 +124,7 @@ class RbPreview extends React.Component {
|
|||
|
||||
const that = this
|
||||
$(document).unbind('keyup').keyup(function (event) { if (event.keyCode === 27) that.hide() })
|
||||
$(this._previewBody).find('>div:not(.unsupports)').height($(window).height() - 60)
|
||||
$(this._previewBody).find('>div.fp-content').height($(window).height() - 60)
|
||||
}
|
||||
|
||||
componentWillUnmount() {
|
||||
|
@ -167,7 +167,7 @@ class RbPreview extends React.Component {
|
|||
if (ci + 1 >= this.props.urls.length) ci = -1
|
||||
this.setState({ currentIndex: ci + 1, imgRendered: false })
|
||||
}
|
||||
__stopEvent = (e) => e.stopPropagation()
|
||||
__stopEvent = (e) => e && e.stopPropagation()
|
||||
|
||||
hide = () => {
|
||||
if (!this.props.unclose) $unmount($(this._dlg).parent(), 1)
|
||||
|
|
|
@ -344,8 +344,15 @@ const CellRenders = {
|
|||
this.__renders[type] = func
|
||||
},
|
||||
|
||||
clickView(v) {
|
||||
clickView(v, e) {
|
||||
RbViewModal.create({ id: v.id, entity: v.entity })
|
||||
e && $stopEvent(e)
|
||||
return false
|
||||
},
|
||||
|
||||
clickPreview(v, idx, e) {
|
||||
RbPreview.create(v, idx)
|
||||
e && $stopEvent(e)
|
||||
return false
|
||||
},
|
||||
|
||||
|
@ -370,7 +377,7 @@ const CellRenders = {
|
|||
|
||||
CellRenders.addRender('$NAME$', function (v, s, k) {
|
||||
return <td key={k}><div style={s}>
|
||||
<a href={'#!/View/' + v.entity + '/' + v.id} onClick={() => CellRenders.clickView(v)} className="column-main">{v.text}</a>
|
||||
<a href={'#!/View/' + v.entity + '/' + v.id} onClick={(e) => CellRenders.clickView(v, e)} className="column-main">{v.text}</a>
|
||||
</div></td>
|
||||
})
|
||||
|
||||
|
@ -382,7 +389,7 @@ CellRenders.addRender('IMAGE', function (v, s, k) {
|
|||
if (idx > 2) return null
|
||||
let imgUrl = rb.baseUrl + '/filex/img/' + item
|
||||
let imgName = $fileCutName(item)
|
||||
return <a key={'k-' + item} title={imgName} onClick={() => RbPreview.create(v, idx)}><img alt="图片" src={imgUrl + '?imageView2/2/w/100/interlace/1/q/100'} /></a>
|
||||
return <a key={'k-' + item} title={imgName} onClick={(e) => CellRenders.clickPreview(v, idx, e)}><img alt="图片" src={imgUrl + '?imageView2/2/w/100/interlace/1/q/100'} /></a>
|
||||
})}</div></td>
|
||||
})
|
||||
|
||||
|
@ -394,7 +401,7 @@ CellRenders.addRender('FILE', function (v, s, k) {
|
|||
{v.map((item, idx) => {
|
||||
if (idx > 0) return null
|
||||
let fileName = $fileCutName(item)
|
||||
return <li key={'k-' + item} className="text-truncate"><a title={fileName} onClick={() => RbPreview.create(item)}>{fileName}</a></li>
|
||||
return <li key={'k-' + item} className="text-truncate"><a title={fileName} onClick={(e) => CellRenders.clickPreview(item, null, e)}>{fileName}</a></li>
|
||||
})}
|
||||
</ul>
|
||||
</div></td>
|
||||
|
@ -402,22 +409,22 @@ CellRenders.addRender('FILE', function (v, s, k) {
|
|||
|
||||
CellRenders.addRender('REFERENCE', function (v, s, k) {
|
||||
return <td key={k}><div style={s}>
|
||||
<a href={'#!/View/' + v.entity + '/' + v.id} onClick={() => CellRenders.clickView(v)}>{v.text}</a>
|
||||
<a href={'#!/View/' + v.entity + '/' + v.id} onClick={(e) => CellRenders.clickView(v, e)}>{v.text}</a>
|
||||
</div></td>
|
||||
})
|
||||
|
||||
CellRenders.addRender('URL', function (v, s, k) {
|
||||
return <td key={k}><div style={s}>
|
||||
<a href={rb.baseUrl + '/commons/url-safe?url=' + $encode(v)} className="column-url" target="_blank" rel="noopener noreferrer">{v}</a>
|
||||
<a href={rb.baseUrl + '/commons/url-safe?url=' + $encode(v)} className="column-url" target="_blank" rel="noopener noreferrer" onClick={(e) => $stopEvent(e)}>{v}</a>
|
||||
</div></td>
|
||||
})
|
||||
|
||||
CellRenders.addRender('EMAIL', function (v, s, k) {
|
||||
return <td key={k}><div style={s}><a href={'mailto:' + v} className="column-url">{v}</a></div></td>
|
||||
return <td key={k}><div style={s}><a href={'mailto:' + v} className="column-url" onClick={(e) => $stopEvent(e)}>{v}</a></div></td>
|
||||
})
|
||||
|
||||
CellRenders.addRender('PHONE', function (v, s, k) {
|
||||
return <td key={k}><div style={s}><a href={'tel:' + v} className="column-url">{v}</a></div></td>
|
||||
return <td key={k}><div style={s}><a href={'tel:' + v} className="column-url" onClick={(e) => $stopEvent(e)}>{v}</a></div></td>
|
||||
})
|
||||
|
||||
const APPROVAL_STATE_CLAZZs = { '审批中': 'warning', '驳回': 'danger', '通过': 'success' }
|
||||
|
|
Loading…
Reference in a new issue