Browse Source

调整列宽

main
dark 6 months ago
parent
commit
e7ba7d7dd1
  1. 35
      src/pages/cms/collect/index.tsx
  2. 39
      src/pages/cms/video/index.tsx
  3. 24
      src/pages/cms/video_cloud/index.tsx
  4. 24
      src/pages/cms/video_magnet/index.tsx
  5. 5
      src/pages/videos/list/index.tsx

35
src/pages/cms/collect/index.tsx

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

39
src/pages/cms/video/index.tsx

@ -1,6 +1,6 @@
import { useTranslation } from '@/i18n.ts'
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 {
deleteVideoAtom,
saveOrUpdateVideoAtom, videoAtom, videosAtom, videoSearchAtom, videoTypes
@ -55,15 +55,17 @@ const Video = () => {
hideInSearch: true,
hideInSetting: true,
formItemProps: { hidden: true },
},
{
'title': t(`${i18nPrefix}.columns.title`, 'Title'),
'dataIndex': 'title',
onHeaderCell: () => {
return {
width: 200,
}
fixed: 'left',
ellipsis: true,
width: 250,
fieldProps: {
style: { width: '100%' }
},
colProps: {
span: 12
@ -78,10 +80,10 @@ const Video = () => {
{
'title': t(`${i18nPrefix}.columns.title_sub`, 'TitleSub'),
'dataIndex': 'title_sub',
onHeaderCell: () => {
return {
width: 200,
}
ellipsis: true,
width: 250,
fieldProps: {
style: { width: '100%' }
},
colProps: {
span: 12
@ -104,10 +106,9 @@ const Video = () => {
'dataIndex': 'source_url',
ellipsis: true,
copyable: true,
onHeaderCell: () => {
return {
width: 200,
}
fieldProps: {
style: { width: '100%' }
},
hideInSearch: true,
},
@ -212,7 +213,7 @@ const Video = () => {
},
render: (_dom, record) => {
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 {
label: item.name,
value: item.id
@ -313,7 +314,7 @@ const Video = () => {
'dataIndex': 'remarks',
hideInSearch: true,
},
/* {
/* {
'title': t(`${i18nPrefix}.columns.pubdate`, 'Pubdate'),
'dataIndex': 'pubdate',
valueType: 'dateTime',
@ -350,13 +351,13 @@ const Video = () => {
'title': t(`${i18nPrefix}.columns.year`, 'Year'),
'dataIndex': 'year',
valueType: 'dateYear',
fieldProps:{
style:{
fieldProps: {
style: {
width: '100%'
}
},
colProps: {
span: openFilter? 12: 4,
span: openFilter ? 12 : 4,
},
render: (_dom, record) => {
if (record.year === undefined || record.year === null || record.year === 0) {
@ -365,7 +366,7 @@ const Video = () => {
return <TagValue
tags={[ record.year ]}
wrap={ currentVideo?.id === record.id}
wrap={currentVideo?.id === record.id}
value={search?.year}
single={true}
onChange={(values) => {
@ -676,7 +677,7 @@ const Video = () => {
]
}}
scroll={{
x: 3500, y: 'calc(100vh - 290px)'
x: 3800, y: 'calc(100vh - 290px)'
}}
onRow={(record) => {
return {

24
src/pages/cms/video_cloud/index.tsx

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

24
src/pages/cms/video_magnet/index.tsx

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

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

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

Loading…
Cancel
Save