Showing
3 changed files
with
26 additions
and
8 deletions
| @@ -86,13 +86,19 @@ const ProductionDetail: React.FC = () => { | @@ -86,13 +86,19 @@ const ProductionDetail: React.FC = () => { | ||
| 86 | }}} | 86 | }}} |
| 87 | /> | 87 | /> |
| 88 | { | 88 | { |
| 89 | - filePathItem?.type === 'mp4' ? <div className={'production-detail-video-box'}> | ||
| 90 | - <VideoPlay | ||
| 91 | - key={filePathItem?.url || ''} | ||
| 92 | - url={filePathItem?.url || ''} | ||
| 93 | - className={'production-detail-video'} | ||
| 94 | - /> | ||
| 95 | - </div> : filePathItem?.type === 'pdf' ? <PdfPreview url={filePathItem?.url || ''}/> : '' | 89 | + filePathItem ? sxPreViewList?.map((item: any) => { |
| 90 | + return <div key={item?.url} className={`production-detail-item ${item?.url !== filePathItem?.url ? 'hidden' : ''}`}> | ||
| 91 | + { | ||
| 92 | + item?.type === 'mp4' ? <div className={'production-detail-video-box'}> | ||
| 93 | + <VideoPlay | ||
| 94 | + key={item?.url || ''} | ||
| 95 | + url={item?.url || ''} | ||
| 96 | + className={'production-detail-video'} | ||
| 97 | + /> | ||
| 98 | + </div> : item?.type === 'pdf' ? <PdfPreview url={item?.url || ''}/> : '' | ||
| 99 | + } | ||
| 100 | + </div> | ||
| 101 | + }) : '' | ||
| 96 | } | 102 | } |
| 97 | </div> | 103 | </div> |
| 98 | </div> | 104 | </div> |
| @@ -5,6 +5,15 @@ | @@ -5,6 +5,15 @@ | ||
| 5 | position: relative; | 5 | position: relative; |
| 6 | width: 100%; | 6 | width: 100%; |
| 7 | height: calc(100vh - 88px); | 7 | height: calc(100vh - 88px); |
| 8 | + &-item { | ||
| 9 | + position: relative; | ||
| 10 | + width: 100%; | ||
| 11 | + height: calc(100vh - 88px); | ||
| 12 | + &.hidden { | ||
| 13 | + display: none; | ||
| 14 | + } | ||
| 15 | + } | ||
| 16 | + | ||
| 8 | &-video-box { | 17 | &-video-box { |
| 9 | position: absolute; | 18 | position: absolute; |
| 10 | top: 0; | 19 | top: 0; |
| @@ -21,4 +30,4 @@ | @@ -21,4 +30,4 @@ | ||
| 21 | max-height: 100%; | 30 | max-height: 100%; |
| 22 | height: auto; | 31 | height: auto; |
| 23 | } | 32 | } |
| 24 | -} | ||
| 33 | +} |
| @@ -2,8 +2,11 @@ | @@ -2,8 +2,11 @@ | ||
| 2 | // 每个园区都有独立的分支 这里需要更换成对应的corpCode | 2 | // 每个园区都有独立的分支 这里需要更换成对应的corpCode |
| 3 | export const currentCorpCode = () => { | 3 | export const currentCorpCode = () => { |
| 4 | return 'qizhi'; | 4 | return 'qizhi'; |
| 5 | + // return 'jixing'; | ||
| 5 | }; | 6 | }; |
| 6 | 7 | ||
| 7 | export const _baseUrl = "https://test.qgutech.com"; | 8 | export const _baseUrl = "https://test.qgutech.com"; |
| 9 | +// export const _baseUrl = "https://apaas.qixiaocloud.com"; | ||
| 8 | 10 | ||
| 9 | export const baseColorPrimary = '#1677FF'; | 11 | export const baseColorPrimary = '#1677FF'; |
| 12 | + |