deartibers
2 years ago
5 changed files with 126 additions and 1 deletions
Binary file not shown.
@ -0,0 +1,91 @@ |
|||||
|
import React, { useState, useRef, useEffect } from "react"; |
||||
|
import { connect } from "react-redux"; |
||||
|
import { Modal, Spin,Input } from "@douyinfe/semi-ui"; |
||||
|
import TextScroll from "../../../components/textScroll"; |
||||
|
|
||||
|
function remarksModal (props) { |
||||
|
const { |
||||
|
close, |
||||
|
visible, |
||||
|
} = props; |
||||
|
|
||||
|
const [videoObj, setVideoObj] = useState(); //播放条件 |
||||
|
useEffect(() => { |
||||
|
setVideoObj({ |
||||
|
type: 'remarks', |
||||
|
// serialNo: row.serialNo, |
||||
|
// yingshiToken: row.secretYingshi?.token, |
||||
|
// playUrlSd: row.gbCamera?.playUrl?.liveUrl?.sd?.ezopen, |
||||
|
// playUrlHd: row.gbCamera?.playUrl?.liveUrl?.hd?.ezopen, |
||||
|
}) |
||||
|
}, []); |
||||
|
function handleOk () { |
||||
|
//点击弹框确定 右边按钮 |
||||
|
close(); |
||||
|
} |
||||
|
function handleAfterClose () { |
||||
|
//在关闭之后 |
||||
|
} |
||||
|
function handleCancel () { |
||||
|
close(); |
||||
|
//点击弹框取消 左边按钮 |
||||
|
} |
||||
|
return ( |
||||
|
<> |
||||
|
<Modal |
||||
|
title="备注管理" |
||||
|
okText="确定" |
||||
|
cancelText="取消" |
||||
|
visible={visible} |
||||
|
onOk={handleOk} |
||||
|
width={763} |
||||
|
afterClose={handleAfterClose} |
||||
|
onCancel={handleCancel} |
||||
|
> |
||||
|
<div style={{margin:"2px 14px 18px 29px",display:'flex'}}> |
||||
|
<div style={{width:394}}> |
||||
|
<div style={{display:'flex'}}> |
||||
|
<div style={{color:'#1859C1',fontWeight: 600}}>请添加备注信息</div> |
||||
|
<div>(3/3)</div> |
||||
|
</div> |
||||
|
<div style={{marginTop:20}}> |
||||
|
<Input prefix={<div style={{color: 'rgba(0, 0, 0, 0.75)',margin:'0px 12px'}}>01</div>} showClear></Input> |
||||
|
</div> |
||||
|
<div style={{marginTop:12}}> |
||||
|
<Input prefix={<div style={{color: 'rgba(0, 0, 0, 0.75)',margin:'0px 12px'}}>02</div>} showClear></Input> |
||||
|
</div> |
||||
|
<div style={{marginTop:12}}> |
||||
|
<Input prefix={<div style={{color: 'rgba(0, 0, 0, 0.75)',margin:'0px 12px'}}>03</div>} showClear></Input> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div style={{width:306,marginLeft:20,position: ""}}> |
||||
|
<div style={{ paddingRight: 12,position: "absolute",width: 306,color:'#F9F9F9',background:'rgba(24, 89, 193, 0.8)' }}> |
||||
|
<TextScroll content={['周杰伦7月6日出专辑,请大家多多捧场备注周杰伦7月6日出专辑,请大家多多捧场备注,请大家多多捧场备注','assdasdasdasdss']} duration={6} /> |
||||
|
</div> |
||||
|
<video |
||||
|
id="cameraBanner" |
||||
|
autoPlay |
||||
|
loop |
||||
|
muted |
||||
|
style={{ width: 306,height:185, objectFit: "cover", }} |
||||
|
src="/assets/video/remarks.mp4" |
||||
|
type="video/mp4" |
||||
|
/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</Modal> |
||||
|
</> |
||||
|
); |
||||
|
} |
||||
|
function mapStateToProps (state) { |
||||
|
const { auth, global, members, CameraKind, CameraAbility } = state; |
||||
|
return { |
||||
|
loading: members.isRequesting, |
||||
|
user: auth.user, |
||||
|
actions: global.actions, |
||||
|
CameraKind: CameraKind.data || [], |
||||
|
CameraAbility: CameraAbility.data || [], |
||||
|
}; |
||||
|
} |
||||
|
|
||||
|
export default connect(mapStateToProps)(remarksModal); |
Loading…
Reference in new issue