dark
/
pro
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

调整列宽

main
dark 5 months ago
parent
4ad24685c5
commit
e7ba7d7dd1
5 changed files with 85 additions and 74 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 43
      src/pages/cms/collect/index.tsx
  2. 59
      src/pages/cms/video/index.tsx
  3. 26
      src/pages/cms/video_cloud/index.tsx
  4. 26
      src/pages/cms/video_magnet/index.tsx
  5. 5
      src/pages/videos/list/index.tsx

43
src/pages/cms/collect/index.tsx
View File

@ -40,9 +40,11 @@ const Collect = () => {
{ {
'title': t(`${i18nPrefix}.columns.name`, '站点名称'), 'title': t(`${i18nPrefix}.columns.name`, '站点名称'),
'dataIndex': 'name', 'dataIndex': 'name',
onHeaderCell: () => ({
width: 200,
}),
fixed: 'left',
width: 200,
fieldProps: {
style: { width: '100%' }
},
ellipsis: true, ellipsis: true,
formItemProps: { formItemProps: {
width: undefined, width: undefined,
@ -55,17 +57,19 @@ const Collect = () => {
'title': t(`${i18nPrefix}.columns.weights`, '权重'), 'title': t(`${i18nPrefix}.columns.weights`, '权重'),
'dataIndex': 'weights', 'dataIndex': 'weights',
valueType: 'digit', valueType: 'digit',
onHeaderCell: () => ({
width: 80,
}),
width: 100,
fieldProps: {
style: { width: '100%' }
},
}, },
{ {
'title': t(`${i18nPrefix}.columns.site_auth`, '搜片认证站点'), 'title': t(`${i18nPrefix}.columns.site_auth`, '搜片认证站点'),
'dataIndex': 'site_auth', 'dataIndex': 'site_auth',
valueType: 'switch', valueType: 'switch',
onHeaderCell: () => ({
width: 100,
}),
width: 100,
fieldProps: {
style: { width: '100%' }
},
render: (_dom, record) => { render: (_dom, record) => {
return <Switch value={record.site_auth} size={'small'}/> return <Switch value={record.site_auth} size={'small'}/>
} }
@ -74,9 +78,10 @@ const Collect = () => {
'title': t(`${i18nPrefix}.columns.site_cooperation`, '搜片合作优质站点'), 'title': t(`${i18nPrefix}.columns.site_cooperation`, '搜片合作优质站点'),
'dataIndex': 'site_cooperation', 'dataIndex': 'site_cooperation',
valueType: 'switch', valueType: 'switch',
onHeaderCell: () => ({
width: 130,
}),
width: 130,
fieldProps: {
style: { width: '100%' }
},
colProps: { colProps: {
span: 8 span: 8
}, },
@ -88,9 +93,10 @@ const Collect = () => {
{ {
'title': t(`${i18nPrefix}.columns.icon_cdn`, '站点图标'), 'title': t(`${i18nPrefix}.columns.icon_cdn`, '站点图标'),
'dataIndex': 'icon_cdn', 'dataIndex': 'icon_cdn',
onHeaderCell: () => ({
width: 80,
}),
width: 80,
fieldProps: {
style: { width: '100%' }
},
render: (_text, record) => { render: (_text, record) => {
return <img src={record.icon_cdn} style={{ width: 20, height: 20 }}/> return <img src={record.icon_cdn} style={{ width: 20, height: 20 }}/>
}, },
@ -98,9 +104,10 @@ const Collect = () => {
{ {
'title': t(`${i18nPrefix}.columns.url`, '站点URL'), 'title': t(`${i18nPrefix}.columns.url`, '站点URL'),
'dataIndex': 'url', 'dataIndex': 'url',
onHeaderCell: () => ({
width: 150,
}),
width: 200,
fieldProps: {
style: { width: '100%' }
},
ellipsis: true, ellipsis: true,
copyable: true, copyable: true,
}, },

59
src/pages/cms/video/index.tsx
View File

@ -1,6 +1,6 @@
import { useTranslation } from '@/i18n.ts' import { useTranslation } from '@/i18n.ts'
import { Badge, Button, DatePicker, Divider, Form, Image, Popconfirm, Space, Tooltip } from 'antd' import { Badge, Button, DatePicker, Divider, Form, Image, Popconfirm, Space, Tooltip } from 'antd'
import { useAtom, useAtomValue,useSetAtom } from 'jotai'
import { useAtom, useAtomValue, useSetAtom } from 'jotai'
import { import {
deleteVideoAtom, deleteVideoAtom,
saveOrUpdateVideoAtom, videoAtom, videosAtom, videoSearchAtom, videoTypes saveOrUpdateVideoAtom, videoAtom, videosAtom, videoSearchAtom, videoTypes
@ -55,15 +55,17 @@ const Video = () => {
hideInSearch: true, hideInSearch: true,
hideInSetting: true, hideInSetting: true,
formItemProps: { hidden: true }, formItemProps: { hidden: true },
}, },
{ {
'title': t(`${i18nPrefix}.columns.title`, 'Title'), 'title': t(`${i18nPrefix}.columns.title`, 'Title'),
'dataIndex': 'title', 'dataIndex': 'title',
onHeaderCell: () => {
return {
width: 200,
}
fixed: 'left',
ellipsis: true,
width: 250,
fieldProps: {
style: { width: '100%' }
}, },
colProps: { colProps: {
span: 12 span: 12
@ -78,10 +80,10 @@ const Video = () => {
{ {
'title': t(`${i18nPrefix}.columns.title_sub`, 'TitleSub'), 'title': t(`${i18nPrefix}.columns.title_sub`, 'TitleSub'),
'dataIndex': 'title_sub', 'dataIndex': 'title_sub',
onHeaderCell: () => {
return {
width: 200,
}
ellipsis: true,
width: 250,
fieldProps: {
style: { width: '100%' }
}, },
colProps: { colProps: {
span: 12 span: 12
@ -104,10 +106,9 @@ const Video = () => {
'dataIndex': 'source_url', 'dataIndex': 'source_url',
ellipsis: true, ellipsis: true,
copyable: true, copyable: true,
onHeaderCell: () => {
return {
width: 200,
}
width: 200,
fieldProps: {
style: { width: '100%' }
}, },
hideInSearch: true, hideInSearch: true,
}, },
@ -212,7 +213,7 @@ const Video = () => {
}, },
render: (_dom, record) => { render: (_dom, record) => {
return <TagValue return <TagValue
tags={categories?.rows.filter(item=>item.id === record.category_id).map(item=>{
tags={categories?.rows.filter(item => item.id === record.category_id).map(item => {
return { return {
label: item.name, label: item.name,
value: item.id value: item.id
@ -313,14 +314,14 @@ const Video = () => {
'dataIndex': 'remarks', 'dataIndex': 'remarks',
hideInSearch: true, hideInSearch: true,
}, },
/* {
'title': t(`${i18nPrefix}.columns.pubdate`, 'Pubdate'),
'dataIndex': 'pubdate',
valueType: 'dateTime',
colProps: {
span: 4
}
},*/
/* {
'title': t(`${i18nPrefix}.columns.pubdate`, 'Pubdate'),
'dataIndex': 'pubdate',
valueType: 'dateTime',
colProps: {
span: 4
}
},*/
{ {
'title': t(`${i18nPrefix}.columns.total`, 'Total'), 'title': t(`${i18nPrefix}.columns.total`, 'Total'),
'dataIndex': 'total', 'dataIndex': 'total',
@ -350,13 +351,13 @@ const Video = () => {
'title': t(`${i18nPrefix}.columns.year`, 'Year'), 'title': t(`${i18nPrefix}.columns.year`, 'Year'),
'dataIndex': 'year', 'dataIndex': 'year',
valueType: 'dateYear', valueType: 'dateYear',
fieldProps:{
style:{
fieldProps: {
style: {
width: '100%' width: '100%'
} }
}, },
colProps: { colProps: {
span: openFilter? 12: 4,
span: openFilter ? 12 : 4,
}, },
render: (_dom, record) => { render: (_dom, record) => {
if (record.year === undefined || record.year === null || record.year === 0) { if (record.year === undefined || record.year === null || record.year === 0) {
@ -365,7 +366,7 @@ const Video = () => {
return <TagValue return <TagValue
tags={[ record.year ]} tags={[ record.year ]}
wrap={ currentVideo?.id === record.id}
wrap={currentVideo?.id === record.id}
value={search?.year} value={search?.year}
single={true} single={true}
onChange={(values) => { onChange={(values) => {
@ -616,7 +617,7 @@ const Video = () => {
] ]
} }
] as ProColumns[] ] as ProColumns[]
}, [ isDeleting, category, isCategoryFetching, categories, isCateLoading, category, currentVideo, search, openFilter ])
}, [ isDeleting, category, isCategoryFetching, categories, isCateLoading, category, currentVideo, search, openFilter ])
useEffect(() => { useEffect(() => {
@ -632,7 +633,7 @@ const Video = () => {
}, [ isSuccess ]) }, [ isSuccess ])
return ( return (
<ListPageLayout className={styles.container}>
<ListPageLayout className={styles.container}>
<ProTable <ProTable
rowKey="id" rowKey="id"
headerTitle={t(`${i18nPrefix}.title`, '视频管理')} headerTitle={t(`${i18nPrefix}.title`, '视频管理')}
@ -676,7 +677,7 @@ const Video = () => {
] ]
}} }}
scroll={{ scroll={{
x: 3500, y: 'calc(100vh - 290px)'
x: 3800, y: 'calc(100vh - 290px)'
}} }}
onRow={(record) => { onRow={(record) => {
return { return {

26
src/pages/cms/video_cloud/index.tsx
View File

@ -65,10 +65,11 @@ const VideoCloud = () => {
{ {
'title': t(`${i18nPrefix}.columns.title`, 'Title'), 'title': t(`${i18nPrefix}.columns.title`, 'Title'),
'dataIndex': 'title', 'dataIndex': 'title',
onHeaderCell: () => {
return {
width: 200,
}
fixed: 'left',
ellipsis: true,
width: 250,
fieldProps: {
style: { width: '100%' }
}, },
colProps: { colProps: {
span: 12 span: 12
@ -83,10 +84,10 @@ const VideoCloud = () => {
{ {
'title': t(`${i18nPrefix}.columns.title_sub`, 'TitleSub'), 'title': t(`${i18nPrefix}.columns.title_sub`, 'TitleSub'),
'dataIndex': 'title_sub', 'dataIndex': 'title_sub',
onHeaderCell: () => {
return {
width: 200,
}
ellipsis: true,
width: 250,
fieldProps: {
style: { width: '100%' }
}, },
colProps: { colProps: {
span: 12 span: 12
@ -109,10 +110,9 @@ const VideoCloud = () => {
'dataIndex': 'source_url', 'dataIndex': 'source_url',
ellipsis: true, ellipsis: true,
copyable: true, copyable: true,
onHeaderCell: () => {
return {
width: 200,
}
width: 200,
fieldProps: {
style: { width: '100%' }
}, },
hideInSearch: true, hideInSearch: true,
}, },
@ -682,7 +682,7 @@ const VideoCloud = () => {
}} }}
scroll={{ scroll={{
x: 3500, y: 'calc(100vh - 290px)'
x: 3800, y: 'calc(100vh - 290px)'
}} }}
onRow={(record) => { onRow={(record) => {
return { return {

26
src/pages/cms/video_magnet/index.tsx
View File

@ -65,10 +65,11 @@ const VideoMagnet = () => {
{ {
'title': t(`${i18nPrefix}.columns.title`, 'Title'), 'title': t(`${i18nPrefix}.columns.title`, 'Title'),
'dataIndex': 'title', 'dataIndex': 'title',
onHeaderCell: () => {
return {
width: 200,
}
fixed: 'left',
ellipsis: true,
width: 250,
fieldProps: {
style: { width: '100%' }
}, },
colProps: { colProps: {
span: 12 span: 12
@ -83,10 +84,10 @@ const VideoMagnet = () => {
{ {
'title': t(`${i18nPrefix}.columns.title_sub`, 'TitleSub'), 'title': t(`${i18nPrefix}.columns.title_sub`, 'TitleSub'),
'dataIndex': 'title_sub', 'dataIndex': 'title_sub',
onHeaderCell: () => {
return {
width: 200,
}
ellipsis: true,
width: 250,
fieldProps: {
style: { width: '100%' }
}, },
colProps: { colProps: {
span: 12 span: 12
@ -109,10 +110,9 @@ const VideoMagnet = () => {
'dataIndex': 'source_url', 'dataIndex': 'source_url',
ellipsis: true, ellipsis: true,
copyable: true, copyable: true,
onHeaderCell: () => {
return {
width: 200,
}
width: 200,
fieldProps: {
style: { width: '100%' }
}, },
hideInSearch: true, hideInSearch: true,
}, },
@ -681,7 +681,7 @@ const VideoMagnet = () => {
] ]
}} }}
scroll={{ scroll={{
x: 3500, y: 'calc(100vh - 290px)'
x: 3800, y: 'calc(100vh - 290px)'
}} }}
onRow={(record) => { onRow={(record) => {
return { return {

5
src/pages/videos/list/index.tsx
View File

@ -63,6 +63,8 @@ const Video = () => {
{ {
'title': t(`${i18nPrefix}.columns.title`, 'Title'), 'title': t(`${i18nPrefix}.columns.title`, 'Title'),
'dataIndex': 'title', 'dataIndex': 'title',
fixed: 'left',
ellipsis: true,
width: 200, width: 200,
fieldProps: { fieldProps: {
style: { width: '100%' } style: { width: '100%' }
@ -80,6 +82,7 @@ const Video = () => {
{ {
'title': t(`${i18nPrefix}.columns.title_sub`, 'TitleSub'), 'title': t(`${i18nPrefix}.columns.title_sub`, 'TitleSub'),
'dataIndex': 'title_sub', 'dataIndex': 'title_sub',
ellipsis: true,
width: 200, width: 200,
fieldProps: { fieldProps: {
style: { width: '100%' } style: { width: '100%' }
@ -367,7 +370,7 @@ const Video = () => {
const url = `/api/v1/videos/image/${record.video_id}` const url = `/api/v1/videos/image/${record.video_id}`
return <Image src={`${url}?width=60&height=80`} alt="cover" preview={{ return <Image src={`${url}?width=60&height=80`} alt="cover" preview={{
src: url, src: url,
}} style={{ width: 80 }}/>
}} style={{ height: 40 }}/>
}, },
}, },
{ {

Write Preview
Loading…
Cancel
Save