update
This commit is contained in:
parent
258900db12
commit
aa456d2b18
@ -223,6 +223,30 @@
|
|||||||
//max-height: calc(100vh - var(--app-header-header) - 200px);
|
//max-height: calc(100vh - var(--app-header-header) - 200px);
|
||||||
//overflow: auto;
|
//overflow: auto;
|
||||||
}
|
}
|
||||||
|
.root-modal-confirm{
|
||||||
|
z-index: calc(var(--header-z-index) + 1) !important;
|
||||||
|
background: rgba(0, 0, 0, 0.05);
|
||||||
|
.ant-modal-confirm-title{
|
||||||
|
font-size: 20px;
|
||||||
|
margin-top: -2px;
|
||||||
|
}
|
||||||
|
.ant-modal-confirm-content{
|
||||||
|
margin-top: 10px;
|
||||||
|
margin-left: -30px;
|
||||||
|
}
|
||||||
|
.ant-modal-confirm-btns{
|
||||||
|
@apply mt-8;
|
||||||
|
button{
|
||||||
|
@apply rounded-2xl py-4 px-8;
|
||||||
|
}
|
||||||
|
.ant-btn-default{
|
||||||
|
@apply bg-white shadow-none text-popconfirm-btn-cancel border border-popconfirm-btn-cancel hover:border-popconfirm-btn-cancel hover:text-popconfirm-btn-cancel hover:bg-white hover:bg-popconfirm-btn-cancel/10;
|
||||||
|
}
|
||||||
|
.ant-btn-primary{
|
||||||
|
@apply bg-white shadow-none text-popconfirm-bg border border-popconfirm-bg hover:text-popconfirm-bg hover:bg-white hover:bg-popconfirm-btn-primary-hover/10;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.video-player {
|
.video-player {
|
||||||
.video-js {
|
.video-js {
|
||||||
|
@ -47,6 +47,7 @@ export default function ButtonBatch(
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
Modal.confirm({
|
Modal.confirm({
|
||||||
|
rootClassName:'root-modal-confirm',
|
||||||
title: title || '操作提示',
|
title: title || '操作提示',
|
||||||
centered: true,
|
centered: true,
|
||||||
content: confirmMessage,
|
content: confirmMessage,
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
import React, {useMemo, useRef} from "react";
|
import React, {useEffect, useMemo, useRef} from "react";
|
||||||
import {Checkbox, Popover} from "antd";
|
import {Checkbox, Popover} from "antd";
|
||||||
import {useBoolean, useClickAway} from "ahooks";
|
import {useBoolean, useClickAway} from "ahooks";
|
||||||
import {CaretUpOutlined} from "@ant-design/icons";
|
import {CaretUpOutlined} from "@ant-design/icons";
|
||||||
@ -9,6 +9,7 @@ const TagSelect = (props: {
|
|||||||
options: OptionItem[];
|
options: OptionItem[];
|
||||||
onChange: (values: Id[][]) => void;
|
onChange: (values: Id[][]) => void;
|
||||||
className?: string;
|
className?: string;
|
||||||
|
defaultSelectTags?: Id[][];
|
||||||
}) => {
|
}) => {
|
||||||
const [selectValues, __setSelectValues] = React.useState<ValueType>([])
|
const [selectValues, __setSelectValues] = React.useState<ValueType>([])
|
||||||
const [checkedAll, _setCheckedAll] = React.useState<boolean>(false)
|
const [checkedAll, _setCheckedAll] = React.useState<boolean>(false)
|
||||||
@ -104,6 +105,12 @@ const TagSelect = (props: {
|
|||||||
useClickAway(()=>{
|
useClickAway(()=>{
|
||||||
set(false)
|
set(false)
|
||||||
},ref)
|
},ref)
|
||||||
|
useEffect(()=>{
|
||||||
|
if(props.defaultSelectTags){
|
||||||
|
__setSelectValues(props.defaultSelectTags)
|
||||||
|
}
|
||||||
|
//console.log('props.defaultSelectTags',props.defaultSelectTags)
|
||||||
|
},[props.defaultSelectTags])
|
||||||
|
|
||||||
return (<div ref={ref} className={`tag-select-container z-10 select-none relative group ${props.className}`}>
|
return (<div ref={ref} className={`tag-select-container z-10 select-none relative group ${props.className}`}>
|
||||||
<div className="select-value w-[120px] flex justify-center items-center"
|
<div className="select-value w-[120px] flex justify-center items-center"
|
||||||
|
@ -107,8 +107,8 @@ export const VideoListItem = (
|
|||||||
placement={'left'}
|
placement={'left'}
|
||||||
arrow={false}
|
arrow={false}
|
||||||
icon={<IconWarningCircle/>}
|
icon={<IconWarningCircle/>}
|
||||||
title={'你确定要删除吗?'}
|
title={'你确定要删除此视频吗?'}
|
||||||
description={`删除后需从重新${type == 'create' ? '生成' : '推流'}`}
|
// description={`删除后需从重新${type == 'create' ? '生成' : '推流'}`}
|
||||||
onConfirm={onRemove}
|
onConfirm={onRemove}
|
||||||
><button className="hover:text-blue-500"><IconDelete/></button></Popconfirm>}
|
><button className="hover:text-blue-500"><IconDelete/></button></Popconfirm>}
|
||||||
<Checkbox checked={state.checked} onChange={() => {
|
<Checkbox checked={state.checked} onChange={() => {
|
||||||
|
@ -25,6 +25,8 @@ export default function ButtonDeleteBatch(props: { ids: Id[];onSuccess?: () => v
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
modal.confirm({
|
modal.confirm({
|
||||||
|
wrapClassName:'root-modal-confirm',
|
||||||
|
className:'modal-confirm',
|
||||||
title: `你确定要删除选择的 ${props.ids.length} 条新闻吗?`,
|
title: `你确定要删除选择的 ${props.ids.length} 条新闻吗?`,
|
||||||
content: '删除后需从新闻素材中重新选择',
|
content: '删除后需从新闻素材中重新选择',
|
||||||
onOk: handlePush,
|
onOk: handlePush,
|
||||||
|
@ -79,7 +79,7 @@ export default function EditSearchForm(props: {
|
|||||||
{/* options={articleTags}*/}
|
{/* options={articleTags}*/}
|
||||||
{/* onChange={setTags}*/}
|
{/* onChange={setTags}*/}
|
||||||
{/*/>*/}
|
{/*/>*/}
|
||||||
<TagSelect onChange={setTags} options={articleTags}/>
|
<TagSelect defaultSelectTags={tags} onChange={setTags} options={articleTags}/>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
@ -145,7 +145,7 @@ export default function SearchPanel({onSearch,defaultParams}: SearchPanelProps)
|
|||||||
<Input
|
<Input
|
||||||
value={prevSearchName}
|
value={prevSearchName}
|
||||||
onChange={e => setPrevSearchName(e.target.value)}
|
onChange={e => setPrevSearchName(e.target.value)}
|
||||||
className="w-[250px] rounded-3xl"
|
className="w-[270px] rounded-3xl"
|
||||||
placeholder={'请输入新闻标题关键词进行搜索'}
|
placeholder={'请输入新闻标题关键词进行搜索'}
|
||||||
onPressEnter={onFinish}
|
onPressEnter={onFinish}
|
||||||
onBlur={onFinish}
|
onBlur={onFinish}
|
||||||
|
@ -248,7 +248,7 @@ export default function VideoIndex() {
|
|||||||
emptyMessage={`请选择要删除的新闻视频`}
|
emptyMessage={`请选择要删除的新闻视频`}
|
||||||
title={`已选择${checkedIdArray.length}条,确定要全部删除吗?`}
|
title={`已选择${checkedIdArray.length}条,确定要全部删除吗?`}
|
||||||
className='bg-gray-300 hover:bg-gray-400 text-white'
|
className='bg-gray-300 hover:bg-gray-400 text-white'
|
||||||
confirmMessage={`删除后需从新闻素材中`}
|
confirmMessage={`删除后需重新生成视频`}
|
||||||
onSuccess={() => {
|
onSuccess={() => {
|
||||||
showToast('删除成功!', 'success')
|
showToast('删除成功!', 'success')
|
||||||
loadList()
|
loadList()
|
||||||
|
Loading…
x
Reference in New Issue
Block a user