Skip to content

phsl / new-api

Go to a project
Commit b01c1522 by FENG
Options

fix: 渠道多分组，优化分组 like 查询

parent cba830e5
Showing with 404 additions and 405 deletions
model/channel.go
...@@ -90,13 +90,11 @@ func GetAllChannels(startIdx int, num int, selectAll bool, idSort bool) ([]*Chan ...@@ -90,13 +90,11 @@ func GetAllChannels(startIdx int, num int, selectAll bool, idSort bool) ([]*Chan
func SearchChannels(keyword string, group string, model string) ([]*Channel, error) { func SearchChannels(keyword string, group string, model string) ([]*Channel, error) {
var channels []*Channel var channels []*Channel
keyCol := "`key`" keyCol := "`key`"
groupCol := "`group`"
modelsCol := "`models`" modelsCol := "`models`"
// 如果是 PostgreSQL，使用双引号 // 如果是 PostgreSQL，使用双引号
if common.UsingPostgreSQL { if common.UsingPostgreSQL {
keyCol = `"key"` keyCol = `"key"`
groupCol = `"group"`
modelsCol = `"models"` modelsCol = `"models"`
} }
...@@ -106,9 +104,9 @@ func SearchChannels(keyword string, group string, model string) ([]*Channel, err ...@@ -106,9 +104,9 @@ func SearchChannels(keyword string, group string, model string) ([]*Channel, err
// 构造WHERE子句 // 构造WHERE子句
var whereClause string var whereClause string
var args []interface{} var args []interface{}
if group != "" { if group != "" && group != "null" {
whereClause = "(id = ? OR name LIKE ? OR " + keyCol + " = ?) AND " + groupCol + " = ? AND " + modelsCol + " LIKE ?" whereClause = "(id = ? OR name LIKE ? OR " + keyCol + " = ?) AND " + modelsCol + ` LIKE ? AND (',' || "group" || ',') LIKE ?`
args = append(args, common.String2Int(keyword), "%"+keyword+"%", keyword, group, "%"+model+"%") args = append(args, common.String2Int(keyword), "%"+keyword+"%", keyword, "%"+model+"%", "%,"+group+",%")
} else { } else {
whereClause = "(id = ? OR name LIKE ? OR " + keyCol + " = ?) AND " + modelsCol + " LIKE ?" whereClause = "(id = ? OR name LIKE ? OR " + keyCol + " = ?) AND " + modelsCol + " LIKE ?"
args = append(args, common.String2Int(keyword), "%"+keyword+"%", keyword, "%"+model+"%") args = append(args, common.String2Int(keyword), "%"+keyword+"%", keyword, "%"+model+"%")
......
web/src/components/ChannelsTable.js
...@@ -49,9 +49,9 @@ function renderType(type) { ...@@ -49,9 +49,9 @@ function renderType(type) {
type2label[0] = { value: 0, text: '未知类型', color: 'grey' }; type2label[0] = { value: 0, text: '未知类型', color: 'grey' };
} }
return ( return (
<Tag size='large' color={type2label[type]?.color}> <Tag size='large' color={type2label[type]?.color}>
{type2label[type]?.text} {type2label[type]?.text}
</Tag> </Tag>
); );
} }
...@@ -75,13 +75,13 @@ const ChannelsTable = () => { ...@@ -75,13 +75,13 @@ const ChannelsTable = () => {
dataIndex: 'group', dataIndex: 'group',
render: (text, record, index) => { render: (text, record, index) => {
return ( return (
<div> <div>
<Space spacing={2}> <Space spacing={2}>
{text.split(',').map((item, index) => { {text.split(',').map((item, index) => {
return renderGroup(item); return renderGroup(item);
})} })}
</Space> </Space>
</div> </div>
); );
}, },
}, },
...@@ -104,11 +104,11 @@ const ChannelsTable = () => { ...@@ -104,11 +104,11 @@ const ChannelsTable = () => {
let reason = otherInfo['status_reason']; let reason = otherInfo['status_reason'];
let time = otherInfo['status_time']; let time = otherInfo['status_time'];
return ( return (
<div> <div>
<Tooltip content={'原因：' + reason + '，时间：' + timestamp2string(time)}> <Tooltip content={'原因：' + reason + '，时间：' + timestamp2string(time)}>
{renderStatus(text)} {renderStatus(text)}
</Tooltip> </Tooltip>
</div> </div>
); );
} else { } else {
return renderStatus(text); return renderStatus(text);
...@@ -127,27 +127,27 @@ const ChannelsTable = () => { ...@@ -127,27 +127,27 @@ const ChannelsTable = () => {
dataIndex: 'expired_time', dataIndex: 'expired_time',
render: (text, record, index) => { render: (text, record, index) => {
return ( return (
<div> <div>
<Space spacing={1}> <Space spacing={1}>
<Tooltip content={'已用额度'}> <Tooltip content={'已用额度'}>
<Tag color='white' type='ghost' size='large'> <Tag color='white' type='ghost' size='large'>
{renderQuota(record.used_quota)} {renderQuota(record.used_quota)}
</Tag> </Tag>
</Tooltip> </Tooltip>
<Tooltip content={'剩余额度' + record.balance + '，点击更新'}> <Tooltip content={'剩余额度' + record.balance + '，点击更新'}>
<Tag <Tag
color='white' color='white'
type='ghost' type='ghost'
size='large' size='large'
onClick={() => { onClick={() => {
updateChannelBalance(record); updateChannelBalance(record);
}} }}
> >
${renderNumberWithPoint(record.balance)} ${renderNumberWithPoint(record.balance)}
</Tag> </Tag>
</Tooltip> </Tooltip>
</Space> </Space>
</div> </div>
); );
}, },
}, },
...@@ -156,19 +156,19 @@ const ChannelsTable = () => { ...@@ -156,19 +156,19 @@ const ChannelsTable = () => {
dataIndex: 'priority', dataIndex: 'priority',
render: (text, record, index) => { render: (text, record, index) => {
return ( return (
<div> <div>
<InputNumber <InputNumber
style={{ width: 70 }} style={{ width: 70 }}
name='priority' name='priority'
onBlur={(e) => { onBlur={(e) => {
manageChannel(record.id, 'priority', record, e.target.value); manageChannel(record.id, 'priority', record, e.target.value);
}} }}
keepFocus={true} keepFocus={true}
innerButtons innerButtons
defaultValue={record.priority} defaultValue={record.priority}
min={-999} min={-999}
/> />
</div> </div>
); );
}, },
}, },
...@@ -177,19 +177,19 @@ const ChannelsTable = () => { ...@@ -177,19 +177,19 @@ const ChannelsTable = () => {
dataIndex: 'weight', dataIndex: 'weight',
render: (text, record, index) => { render: (text, record, index) => {
return ( return (
<div> <div>
<InputNumber <InputNumber
style={{ width: 70 }} style={{ width: 70 }}
name='weight' name='weight'
onBlur={(e) => { onBlur={(e) => {
manageChannel(record.id, 'weight', record, e.target.value); manageChannel(record.id, 'weight', record, e.target.value);
}} }}
keepFocus={true} keepFocus={true}
innerButtons innerButtons
defaultValue={record.weight} defaultValue={record.weight}
min={0} min={0}
/> />
</div> </div>
); );
}, },
}, },
...@@ -197,95 +197,95 @@ const ChannelsTable = () => { ...@@ -197,95 +197,95 @@ const ChannelsTable = () => {
title: '', title: '',
dataIndex: 'operate', dataIndex: 'operate',
render: (text, record, index) => ( render: (text, record, index) => (
<div> <div>
<SplitButtonGroup <SplitButtonGroup
style={{ marginRight: 1 }} style={{ marginRight: 1 }}
aria-label='测试操作项目组' aria-label='测试操作项目组'
>
<Button
theme='light'
onClick={() => {
testChannel(record, '');
}}
>
测试
</Button>
<Dropdown
trigger='click'
position='bottomRight'
menu={record.test_models}
> >
<Button <Button
style={{ padding: '8px 4px' }} theme='light'
type='primary' onClick={() => {
icon={<IconTreeTriangleDown />} testChannel(record, '');
></Button> }}
</Dropdown> >
</SplitButtonGroup> 测试
{/*<Button theme='light' type='primary' style={{marginRight: 1}} onClick={()=>testChannel(record)}>测试</Button>*/} </Button>
<Popconfirm <Dropdown
title='确定是否要删除此渠道？' trigger='click'
content='此修改将不可逆' position='bottomRight'
okType={'danger'} menu={record.test_models}
position={'left'} >
onConfirm={() => { <Button
manageChannel(record.id, 'delete', record).then(() => { style={{ padding: '8px 4px' }}
removeRecord(record.id); type='primary'
}); icon={<IconTreeTriangleDown />}
}} ></Button>
> </Dropdown>
<Button theme='light' type='danger' style={{ marginRight: 1 }}> </SplitButtonGroup>
删除 {/*<Button theme='light' type='primary' style={{marginRight: 1}} onClick={()=>testChannel(record)}>测试</Button>*/}
</Button> <Popconfirm
</Popconfirm> title='确定是否要删除此渠道？'
{record.status === 1 ? ( content='此修改将不可逆'
<Button okType={'danger'}
theme='light' position={'left'}
type='warning' onConfirm={() => {
style={{ marginRight: 1 }} manageChannel(record.id, 'delete', record).then(() => {
onClick={async () => { removeRecord(record.id);
manageChannel(record.id, 'disable', record); });
}} }}
> >
禁用 <Button theme='light' type='danger' style={{ marginRight: 1 }}>
</Button> 删除
) : ( </Button>
</Popconfirm>
{record.status === 1 ? (
<Button
theme='light'
type='warning'
style={{ marginRight: 1 }}
onClick={async () => {
manageChannel(record.id, 'disable', record);
}}
>
禁用
</Button>
) : (
<Button
theme='light'
type='secondary'
style={{ marginRight: 1 }}
onClick={async () => {
manageChannel(record.id, 'enable', record);
}}
>
启用
</Button>
)}
<Button <Button
theme='light' theme='light'
type='secondary' type='tertiary'
style={{ marginRight: 1 }} style={{ marginRight: 1 }}
onClick={async () => { onClick={() => {
manageChannel(record.id, 'enable', record); setEditingChannel(record);
}} setShowEdit(true);
}}
> >
启用 编辑
</Button>
)}
<Button
theme='light'
type='tertiary'
style={{ marginRight: 1 }}
onClick={() => {
setEditingChannel(record);
setShowEdit(true);
}}
>
编辑
</Button>
<Popconfirm
title='确定是否要复制此渠道？'
content='复制渠道的所有信息'
okType={'danger'}
position={'left'}
onConfirm={async () => {
copySelectedChannel(record.id);
}}
>
<Button theme='light' type='primary' style={{ marginRight: 1 }}>
复制
</Button> </Button>
</Popconfirm> <Popconfirm
</div> title='确定是否要复制此渠道？'
content='复制渠道的所有信息'
okType={'danger'}
position={'left'}
onConfirm={async () => {
copySelectedChannel(record.id);
}}
>
<Button theme='light' type='primary' style={{ marginRight: 1 }}>
复制
</Button>
</Popconfirm>
</div>
), ),
}, },
]; ];
...@@ -301,7 +301,7 @@ const ChannelsTable = () => { ...@@ -301,7 +301,7 @@ const ChannelsTable = () => {
const [updatingBalance, setUpdatingBalance] = useState(false); const [updatingBalance, setUpdatingBalance] = useState(false);
const [pageSize, setPageSize] = useState(ITEMS_PER_PAGE); const [pageSize, setPageSize] = useState(ITEMS_PER_PAGE);
const [showPrompt, setShowPrompt] = useState( const [showPrompt, setShowPrompt] = useState(
shouldShowPrompt('channel-test'), shouldShowPrompt('channel-test'),
); );
const [channelCount, setChannelCount] = useState(pageSize); const [channelCount, setChannelCount] = useState(pageSize);
const [groupOptions, setGroupOptions] = useState([]); const [groupOptions, setGroupOptions] = useState([]);
...@@ -357,7 +357,7 @@ const ChannelsTable = () => { ...@@ -357,7 +357,7 @@ const ChannelsTable = () => {
const loadChannels = async (startIdx, pageSize, idSort) => { const loadChannels = async (startIdx, pageSize, idSort) => {
setLoading(true); setLoading(true);
const res = await API.get( const res = await API.get(
`/api/channel/?p=${startIdx}&page_size=${pageSize}&id_sort=${idSort}`, `/api/channel/?p=${startIdx}&page_size=${pageSize}&id_sort=${idSort}`,
); );
if (res === undefined) { if (res === undefined) {
return; return;
...@@ -379,7 +379,7 @@ const ChannelsTable = () => { ...@@ -379,7 +379,7 @@ const ChannelsTable = () => {
const copySelectedChannel = async (id) => { const copySelectedChannel = async (id) => {
const channelToCopy = channels.find( const channelToCopy = channels.find(
(channel) => String(channel.id) === String(id), (channel) => String(channel.id) === String(id),
); );
console.log(channelToCopy); console.log(channelToCopy);
channelToCopy.name += '_复制'; channelToCopy.name += '_复制';
...@@ -412,14 +412,14 @@ const ChannelsTable = () => { ...@@ -412,14 +412,14 @@ const ChannelsTable = () => {
// console.log('default effect') // console.log('default effect')
const localIdSort = localStorage.getItem('id-sort') === 'true'; const localIdSort = localStorage.getItem('id-sort') === 'true';
const localPageSize = const localPageSize =
parseInt(localStorage.getItem('page-size')) || ITEMS_PER_PAGE; parseInt(localStorage.getItem('page-size')) || ITEMS_PER_PAGE;
setIdSort(localIdSort); setIdSort(localIdSort);
setPageSize(localPageSize); setPageSize(localPageSize);
loadChannels(0, localPageSize, localIdSort) loadChannels(0, localPageSize, localIdSort)
.then() .then()
.catch((reason) => { .catch((reason) => {
showError(reason); showError(reason);
}); });
fetchGroups().then(); fetchGroups().then();
loadChannelModels().then(); loadChannelModels().then();
}, []); }, []);
...@@ -476,27 +476,27 @@ const ChannelsTable = () => { ...@@ -476,27 +476,27 @@ const ChannelsTable = () => {
switch (status) { switch (status) {
case 1: case 1:
return ( return (
<Tag size='large' color='green'> <Tag size='large' color='green'>
已启用 已启用
</Tag> </Tag>
); );
case 2: case 2:
return ( return (
<Tag size='large' color='yellow'> <Tag size='large' color='yellow'>
已禁用 已禁用
</Tag> </Tag>
); );
case 3: case 3:
return ( return (
<Tag size='large' color='yellow'> <Tag size='large' color='yellow'>
自动禁用 自动禁用
</Tag> </Tag>
); );
default: default:
return ( return (
<Tag size='large' color='grey'> <Tag size='large' color='grey'>
未知状态 未知状态
</Tag> </Tag>
); );
} }
}; };
...@@ -506,33 +506,33 @@ const ChannelsTable = () => { ...@@ -506,33 +506,33 @@ const ChannelsTable = () => {
time = time.toFixed(2) + ' 秒'; time = time.toFixed(2) + ' 秒';
if (responseTime === 0) { if (responseTime === 0) {
return ( return (
<Tag size='large' color='grey'> <Tag size='large' color='grey'>
未测试 未测试
</Tag> </Tag>
); );
} else if (responseTime <= 1000) { } else if (responseTime <= 1000) {
return ( return (
<Tag size='large' color='green'> <Tag size='large' color='green'>
{time} {time}
</Tag> </Tag>
); );
} else if (responseTime <= 3000) { } else if (responseTime <= 3000) {
return ( return (
<Tag size='large' color='lime'> <Tag size='large' color='lime'>
{time} {time}
</Tag> </Tag>
); );
} else if (responseTime <= 5000) { } else if (responseTime <= 5000) {
return ( return (
<Tag size='large' color='yellow'> <Tag size='large' color='yellow'>
{time} {time}
</Tag> </Tag>
); );
} else { } else {
return ( return (
<Tag size='large' color='red'> <Tag size='large' color='red'>
{time} {time}
</Tag> </Tag>
); );
} }
}; };
...@@ -546,7 +546,7 @@ const ChannelsTable = () => { ...@@ -546,7 +546,7 @@ const ChannelsTable = () => {
} }
setSearching(true); setSearching(true);
const res = await API.get( const res = await API.get(
`/api/channel/search?keyword=${searchKeyword}&group=${searchGroup}&model=${searchModel}`, `/api/channel/search?keyword=${searchKeyword}&group=${searchGroup}&model=${searchModel}`,
); );
const { success, message, data } = res.data; const { success, message, data } = res.data;
if (success) { if (success) {
...@@ -648,8 +648,8 @@ const ChannelsTable = () => { ...@@ -648,8 +648,8 @@ const ChannelsTable = () => {
}; };
let pageData = channels.slice( let pageData = channels.slice(
(activePage - 1) * pageSize, (activePage - 1) * pageSize,
activePage * pageSize, activePage * pageSize,
); );
const handlePageChange = (page) => { const handlePageChange = (page) => {
...@@ -665,10 +665,10 @@ const ChannelsTable = () => { ...@@ -665,10 +665,10 @@ const ChannelsTable = () => {
setPageSize(size); setPageSize(size);
setActivePage(1); setActivePage(1);
loadChannels(0, size, idSort) loadChannels(0, size, idSort)
.then() .then()
.catch((reason) => { .catch((reason) => {
showError(reason); showError(reason);
}); });
}; };
const fetchGroups = async () => { const fetchGroups = async () => {
...@@ -680,10 +680,10 @@ const ChannelsTable = () => { ...@@ -680,10 +680,10 @@ const ChannelsTable = () => {
return; return;
} }
setGroupOptions( setGroupOptions(
res.data.data.map((group) => ({ res.data.data.map((group) => ({
label: group, label: group,
value: group, value: group,
})), })),
); );
} catch (error) { } catch (error) {
showError(error.message); showError(error.message);
...@@ -707,225 +707,226 @@ const ChannelsTable = () => { ...@@ -707,225 +707,226 @@ const ChannelsTable = () => {
}; };
return ( return (
<> <>
<EditChannel <EditChannel
refresh={refresh} refresh={refresh}
visible={showEdit} visible={showEdit}
handleClose={closeEdit} handleClose={closeEdit}
editingChannel={editingChannel} editingChannel={editingChannel}
/> />
<Form <Form
onSubmit={() => { onSubmit={() => {
searchChannels(searchKeyword, searchGroup, searchModel); searchChannels(searchKeyword, searchGroup, searchModel);
}} }}
labelPosition='left' labelPosition='left'
> >
<div style={{ display: 'flex' }}> <div style={{ display: 'flex' }}>
<Space>
<Form.Input
field='search_keyword'
label='搜索渠道关键词'
placeholder='ID，名称和密钥 ...'
value={searchKeyword}
loading={searching}
onChange={(v) => {
setSearchKeyword(v.trim());
}}
/>
<Form.Input
field='search_model'
label='模型'
placeholder='模型关键字'
value={searchModel}
loading={searching}
onChange={(v) => {
setSearchModel(v.trim());
}}
/>
<Form.Select
field='group'
label='分组'
optionList={[{ label: '选择分组', value: null}, ...groupOptions]}
initValue={null}
onChange={(v) => {
setSearchGroup(v);
searchChannels(searchKeyword, v, searchModel);
}}
/>
<Button
label='查询'
type='primary'
htmlType='submit'
className='btn-margin-right'
style={{ marginRight: 8 }}
>
查询
</Button>
</Space>
</div>
</Form>
<div style={{ marginTop: 10, display: 'flex' }}>
<Space> <Space>
<Form.Input <Space>
field='search_keyword' <Typography.Text strong>使用ID排序</Typography.Text>
label='搜索渠道关键词' <Switch
placeholder='ID，名称和密钥 ...' checked={idSort}
value={searchKeyword} label='使用ID排序'
loading={searching} uncheckedText='关'
onChange={(v) => { aria-label='是否用ID排序'
setSearchKeyword(v.trim()); onChange={(v) => {
}} localStorage.setItem('id-sort', v + '');
/> setIdSort(v);
<Form.Input loadChannels(0, pageSize, v)
field='search_model' .then()
label='模型' .catch((reason) => {
placeholder='模型关键字' showError(reason);
value={searchModel} });
loading={searching} }}
onChange={(v) => { ></Switch>
setSearchModel(v.trim()); </Space>
}}
/>
<Form.Select
field='group'
label='分组'
optionList={groupOptions}
onChange={(v) => {
setSearchGroup(v);
searchChannels(searchKeyword, v, searchModel);
}}
/>
<Button
label='查询'
type='primary'
htmlType='submit'
className='btn-margin-right'
style={{ marginRight: 8 }}
>
查询
</Button>
</Space> </Space>
</div> </div>
</Form>
<div style={{ marginTop: 10, display: 'flex' }}>
<Space>
<Space>
<Typography.Text strong>使用ID排序</Typography.Text>
<Switch
checked={idSort}
label='使用ID排序'
uncheckedText='关'
aria-label='是否用ID排序'
onChange={(v) => {
localStorage.setItem('id-sort', v + '');
setIdSort(v);
loadChannels(0, pageSize, v)
.then()
.catch((reason) => {
showError(reason);
});
}}
></Switch>
</Space>
</Space>
</div>
<Table
className={'channel-table'}
style={{ marginTop: 15 }}
columns={columns}
dataSource={pageData}
pagination={{
currentPage: activePage,
pageSize: pageSize,
total: channelCount,
pageSizeOpts: [10, 20, 50, 100],
showSizeChanger: true,
formatPageText: (page) => '',
onPageSizeChange: (size) => {
handlePageSizeChange(size).then();
},
onPageChange: handlePageChange,
}}
loading={loading}
onRow={handleRow}
rowSelection={
enableBatchDelete
? {
onChange: (selectedRowKeys, selectedRows) => {
// console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
setSelectedChannels(selectedRows);
},
}
: null
}
/>
<div
style={{
display: isMobile() ? '' : 'flex',
marginTop: isMobile() ? 0 : -45,
zIndex: 999,
position: 'relative',
pointerEvents: 'none',
}}
>
<Space
style={{ pointerEvents: 'auto', marginTop: isMobile() ? 0 : 45 }}
>
<Button
theme='light'
type='primary'
style={{ marginRight: 8 }}
onClick={() => {
setEditingChannel({
id: undefined,
});
setShowEdit(true);
}}
>
添加渠道
</Button>
<Popconfirm
title='确定？'
okType={'warning'}
onConfirm={testAllChannels}
position={isMobile() ? 'top' : 'top'}
>
<Button theme='light' type='warning' style={{ marginRight: 8 }}>
测试所有通道
</Button>
</Popconfirm>
<Popconfirm
title='确定？'
okType={'secondary'}
onConfirm={updateAllChannelsBalance}
>
<Button theme='light' type='secondary' style={{ marginRight: 8 }}>
更新所有已启用通道余额
</Button>
</Popconfirm>
<Popconfirm
title='确定是否要删除禁用通道？'
content='此修改将不可逆'
okType={'danger'}
onConfirm={deleteAllDisabledChannels}
>
<Button theme='light' type='danger' style={{ marginRight: 8 }}>
删除禁用通道
</Button>
</Popconfirm>
<Button <Table
theme='light' className={'channel-table'}
type='primary' style={{ marginTop: 15 }}
style={{ marginRight: 8 }} columns={columns}
onClick={refresh} dataSource={pageData}
> pagination={{
刷新 currentPage: activePage,
</Button> pageSize: pageSize,
</Space> total: channelCount,
{/*<div style={{width: '100%', pointerEvents: 'none', position: 'absolute'}}>*/} pageSizeOpts: [10, 20, 50, 100],
showSizeChanger: true,
{/*</div>*/} formatPageText: (page) => '',
</div> onPageSizeChange: (size) => {
<div style={{ marginTop: 20 }}> handlePageSizeChange(size).then();
<Space> },
<Typography.Text strong>开启批量删除</Typography.Text> onPageChange: handlePageChange,
<Switch }}
label='开启批量删除' loading={loading}
uncheckedText='关' onRow={handleRow}
aria-label='是否开启批量删除' rowSelection={
onChange={(v) => { enableBatchDelete
setEnableBatchDelete(v); ? {
onChange: (selectedRowKeys, selectedRows) => {
// console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
setSelectedChannels(selectedRows);
},
}
: null
}
/>
<div
style={{
display: isMobile() ? '' : 'flex',
marginTop: isMobile() ? 0 : -45,
zIndex: 999,
position: 'relative',
pointerEvents: 'none',
}} }}
></Switch> >
<Popconfirm <Space
title='确定是否要删除所选通道？' style={{ pointerEvents: 'auto', marginTop: isMobile() ? 0 : 45 }}
content='此修改将不可逆'
okType={'danger'}
onConfirm={batchDeleteChannels}
disabled={!enableBatchDelete}
position={'top'}
> >
<Button <Button
disabled={!enableBatchDelete} theme='light'
theme='light' type='primary'
type='danger' style={{ marginRight: 8 }}
style={{ marginRight: 8 }} onClick={() => {
setEditingChannel({
id: undefined,
});
setShowEdit(true);
}}
> >
删除所选通道 添加渠道
</Button> </Button>
</Popconfirm> <Popconfirm
<Popconfirm title='确定？'
title='确定是否要修复数据库一致性？' okType={'warning'}
content='进行该操作时，可能导致渠道访问错误，请仅在数据库出现问题时使用' onConfirm={testAllChannels}
okType={'warning'} position={isMobile() ? 'top' : 'top'}
onConfirm={fixChannelsAbilities} >
position={'top'} <Button theme='light' type='warning' style={{ marginRight: 8 }}>
> 测试所有通道
<Button theme='light' type='secondary' style={{ marginRight: 8 }}> </Button>
修复数据库一致性 </Popconfirm>
<Popconfirm
title='确定？'
okType={'secondary'}
onConfirm={updateAllChannelsBalance}
>
<Button theme='light' type='secondary' style={{ marginRight: 8 }}>
更新所有已启用通道余额
</Button>
</Popconfirm>
<Popconfirm
title='确定是否要删除禁用通道？'
content='此修改将不可逆'
okType={'danger'}
onConfirm={deleteAllDisabledChannels}
>
<Button theme='light' type='danger' style={{ marginRight: 8 }}>
删除禁用通道
</Button>
</Popconfirm>
<Button
theme='light'
type='primary'
style={{ marginRight: 8 }}
onClick={refresh}
>
刷新
</Button> </Button>
</Popconfirm> </Space>
</Space> {/*<div style={{width: '100%', pointerEvents: 'none', position: 'absolute'}}>*/}
</div>
</> {/*</div>*/}
</div>
<div style={{ marginTop: 20 }}>
<Space>
<Typography.Text strong>开启批量删除</Typography.Text>
<Switch
label='开启批量删除'
uncheckedText='关'
aria-label='是否开启批量删除'
onChange={(v) => {
setEnableBatchDelete(v);
}}
></Switch>
<Popconfirm
title='确定是否要删除所选通道？'
content='此修改将不可逆'
okType={'danger'}
onConfirm={batchDeleteChannels}
disabled={!enableBatchDelete}
position={'top'}
>
<Button
disabled={!enableBatchDelete}
theme='light'
type='danger'
style={{ marginRight: 8 }}
>
删除所选通道
</Button>
</Popconfirm>
<Popconfirm
title='确定是否要修复数据库一致性？'
content='进行该操作时，可能导致渠道访问错误，请仅在数据库出现问题时使用'
okType={'warning'}
onConfirm={fixChannelsAbilities}
position={'top'}
>
<Button theme='light' type='secondary' style={{ marginRight: 8 }}>
修复数据库一致性
</Button>
</Popconfirm>
</Space>
</div>
</>
); );
}; };
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment