调整列宽

6 months ago · e7ba7d7dd1
5 changed files with 85 additions and 74 deletions
--- a/src/pages/cms/collect/index.tsx
+++ b/src/pages/cms/collect/index.tsx
@ -40,9 +40,11 @@ const Collect = () => {
      {
        'title': t(`${i18nPrefix}.columns.name`, '站点名称'),
        'dataIndex': 'name',
-        onHeaderCell: () => ({
-          width: 200,
-        }),
+        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,
-        }),
+        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,
-        }),
+        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,
-        }),
+        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,
      },
--- a/src/pages/cms/video/index.tsx
+++ b/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,
-          }
+        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,14 +314,14 @@ const Video = () => {
        'dataIndex': 'remarks',
        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'),
        'dataIndex': 'total',
@ -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) => {
@ -616,7 +617,7 @@ const Video = () => {
        ]
      }
    ] as ProColumns[]
-  }, [ isDeleting, category, isCategoryFetching, categories, isCateLoading, category, currentVideo, search, openFilter  ])
+  }, [ isDeleting, category, isCategoryFetching, categories, isCateLoading, category, currentVideo, search, openFilter ])

  useEffect(() => {

@ -632,7 +633,7 @@ const Video = () => {
  }, [ isSuccess ])

  return (
-          <ListPageLayout  className={styles.container}>
+          <ListPageLayout className={styles.container}>
            <ProTable
                    rowKey="id"
                    headerTitle={t(`${i18nPrefix}.title`, '视频管理')}
@ -676,7 +677,7 @@ const Video = () => {
                      ]
                    }}
                    scroll={{
-                      x: 3500, y: 'calc(100vh - 290px)'
+                      x: 3800, y: 'calc(100vh - 290px)'
                    }}
                    onRow={(record) => {
                      return {
--- a/src/pages/cms/video_cloud/index.tsx
+++ b/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,
-          }
+        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 {
--- a/src/pages/cms/video_magnet/index.tsx
+++ b/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,
-          }
+        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 {
--- a/src/pages/videos/list/index.tsx
+++ b/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 }}/>
        },
      },
      {