This commit is contained in:
LittleBoy 2024-12-24 17:11:51 +08:00
parent 258900db12
commit aa456d2b18
8 changed files with 40 additions and 6 deletions

View File

@ -223,6 +223,30 @@
//max-height: calc(100vh - var(--app-header-header) - 200px);
//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-js {

View File

@ -47,6 +47,7 @@ export default function ButtonBatch(
return;
}
Modal.confirm({
rootClassName:'root-modal-confirm',
title: title || '操作提示',
centered: true,
content: confirmMessage,

View File

@ -1,4 +1,4 @@
import React, {useMemo, useRef} from "react";
import React, {useEffect, useMemo, useRef} from "react";
import {Checkbox, Popover} from "antd";
import {useBoolean, useClickAway} from "ahooks";
import {CaretUpOutlined} from "@ant-design/icons";
@ -9,6 +9,7 @@ const TagSelect = (props: {
options: OptionItem[];
onChange: (values: Id[][]) => void;
className?: string;
defaultSelectTags?: Id[][];
}) => {
const [selectValues, __setSelectValues] = React.useState<ValueType>([])
const [checkedAll, _setCheckedAll] = React.useState<boolean>(false)
@ -104,6 +105,12 @@ const TagSelect = (props: {
useClickAway(()=>{
set(false)
},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}`}>
<div className="select-value w-[120px] flex justify-center items-center"

View File

@ -107,8 +107,8 @@ export const VideoListItem = (
placement={'left'}
arrow={false}
icon={<IconWarningCircle/>}
title={'你确定要删除吗?'}
description={`删除后需从重新${type == 'create' ? '生成' : '推流'}`}
title={'你确定要删除此视频吗?'}
// description={`删除后需从重新${type == 'create' ? '生成' : '推流'}`}
onConfirm={onRemove}
><button className="hover:text-blue-500"><IconDelete/></button></Popconfirm>}
<Checkbox checked={state.checked} onChange={() => {

View File

@ -25,6 +25,8 @@ export default function ButtonDeleteBatch(props: { ids: Id[];onSuccess?: () => v
return
}
modal.confirm({
wrapClassName:'root-modal-confirm',
className:'modal-confirm',
title: `你确定要删除选择的 ${props.ids.length} 条新闻吗?`,
content: '删除后需从新闻素材中重新选择',
onOk: handlePush,

View File

@ -79,7 +79,7 @@ export default function EditSearchForm(props: {
{/* options={articleTags}*/}
{/* onChange={setTags}*/}
{/*/>*/}
<TagSelect onChange={setTags} options={articleTags}/>
<TagSelect defaultSelectTags={tags} onChange={setTags} options={articleTags}/>
</div>
)
}

View File

@ -145,7 +145,7 @@ export default function SearchPanel({onSearch,defaultParams}: SearchPanelProps)
<Input
value={prevSearchName}
onChange={e => setPrevSearchName(e.target.value)}
className="w-[250px] rounded-3xl"
className="w-[270px] rounded-3xl"
placeholder={'请输入新闻标题关键词进行搜索'}
onPressEnter={onFinish}
onBlur={onFinish}

View File

@ -248,7 +248,7 @@ export default function VideoIndex() {
emptyMessage={`请选择要删除的新闻视频`}
title={`已选择${checkedIdArray.length}条,确定要全部删除吗?`}
className='bg-gray-300 hover:bg-gray-400 text-white'
confirmMessage={`删除后需从新闻素材中`}
confirmMessage={`删除后需重新生成视频`}
onSuccess={() => {
showToast('删除成功!', 'success')
loadList()