fix: 样本管理样式更改

src/components/EnhancedProTable/index.tsx

@@ -35,7 +35,6 @@ function EnhancedProTable<T extends BaseRecord, U extends ParamsType = any>(
             type={action.type}
             danger={action.danger}
             disabled={action.disabled}
-            // icon={action.icon ?? <PlusOutlined />}
             onClick={() => action.onClick()}
           >
             {action.label}
@@ -55,7 +54,6 @@ function EnhancedProTable<T extends BaseRecord, U extends ParamsType = any>(
       toolBarRender={toolBarRender}
       manualRequest={false}
       showSorterTooltip
-      // scroll={{ x: "max-content" }}
       scroll={scroll ? scroll : { x: 1200 }}
       components={components}
       search={
@@ -84,6 +82,7 @@ function EnhancedProTable<T extends BaseRecord, U extends ParamsType = any>(
               showSizeChanger: true,
               showQuickJumper: true,
               // pageSize: 10,
+              defaultPageSize: 10,
               showTotal: formatPaginationTotal,
             }
           : false

src/components/Upload/UploadCard/index.module.less

@@ -1,5 +1,6 @@
 .uploader-card {
   background-color: #fff;
+  padding: 10px;
   :global {
     .ant-upload-drag {
       background-color: #fff;

src/pages/ai/model/config.tsx

@@ -5,7 +5,11 @@ import type {
 } from '@ant-design/pro-components';
 import { Modal, message, Switch } from 'antd';
 import dayjs from 'dayjs';
-import { type AiModelRespVO, updateModelStatus } from '@/services/ai/model';
+import {
+  type AiModelRespVO,
+  updateModel,
+  updateModelStatus,
+} from '@/services/ai/model';
 
 export const baseDeptColumns: ProColumns<AiModelRespVO>[] = [
   {
@@ -47,9 +51,9 @@ export const baseDeptColumns: ProColumns<AiModelRespVO>[] = [
             }"类目吗?`,
             onOk: async () => {
               console.log(checked);
-              await updateModelStatus({
+              await updateModel({
+                ...record,
                 status: checked ? 1 : 0,
-                id: record.id,
               });
               message.success('修改成功');
               action?.reload();

src/pages/ai/sample-tag/detail.tsx

@@ -174,6 +174,8 @@ const SampleTagDetail = <T extends Record<string, any>>(
     document.body.removeChild(link);
   };
   return (
+    <>
+      {data!.length > 0 ? (
         <>
           <ProForm name="validate_other" formRef={formRef} submitter={false}>
             {type === 'radio' && (
@@ -254,11 +256,15 @@ const SampleTagDetail = <T extends Record<string, any>>(
             <ProFormGroup title="文本信息" block></ProFormGroup>
             <Space size={10} style={{ width: '100%', marginBottom: 12 }}>
               <span>添加日期: </span>
-          <span>{dayjs(value.createTime).format('YYYY-MM-DD HH:mm:ss')}</span>
+              <span>
+                {dayjs(value.createTime).format('YYYY-MM-DD HH:mm:ss')}
+              </span>
             </Space>
             <Space size={10} style={{ width: '100%', marginBottom: 12 }}>
               <span>修改日期</span>
-          <span>{dayjs(value.updateTime).format('YYYY-MM-DD HH:mm:ss')}</span>
+              <span>
+                {dayjs(value.updateTime).format('YYYY-MM-DD HH:mm:ss')}
+              </span>
             </Space>
             <Space size={10} style={{ width: '100%', marginBottom: 12 }}>
               <span>文件大小: </span>
@@ -327,7 +333,10 @@ const SampleTagDetail = <T extends Record<string, any>>(
             onOk={onRename}
             onCancel={() => setTagManagerVisible(false)}
           ></TagManager>
-      <Space style={{ width: '100%', justifyContent: 'center', padding: 12 }}>
+          {type === 'radio' && (
+            <Space
+              style={{ width: '100%', justifyContent: 'center', padding: 12 }}
+            >
               <Button color="danger" onClick={onDownload}>
                 下载
               </Button>
@@ -335,6 +344,11 @@ const SampleTagDetail = <T extends Record<string, any>>(
                 删除
               </Button>
             </Space>
+          )}
+        </>
+      ) : (
+        '暂无数据-请选择样本'
+      )}
     </>
   );
 };

src/pages/ai/sample-tag/index.module.less

@@ -1,18 +1,28 @@
 .tag-content {
-  display: flex;
   background: #fff;
   width: 100%;
   overflow: auto;
   :global {
-    .ant-pro-table {
+    .left {
-      flex: 1 auto;
+      padding-right: 385px;
     }
+    .uploader-card {
+      padding-right: 400px;
+    }
+
     .detail {
       display: flex;
       flex-direction: column;
       border-left: 1px solid #e8e8e8;
+      border-top: 1px solid #e8e8e8;
       width: 400px;
       padding: 16px;
+      top: 74px;
+      height: calc(100vh - 80px);
+      overflow: auto;
+      background: #fff;
+      position: fixed;
+      right: 0;
       form {
         flex: 1;
       }

src/pages/ai/sample-tag/index.tsx

@@ -77,8 +77,9 @@ const SampleTag: React.FC = () => {
   };
   return (
     <>
-      <UploadCard onChange={onChangeVideo} />
       <div className={styles['tag-content']}>
+        <div className="left">
+          <UploadCard onChange={onChangeVideo} />
           <EnhancedProTable<AiSampleRespVO>
             ref={tableRef}
             columns={baseTenantColumns}
@@ -90,14 +91,16 @@ const SampleTag: React.FC = () => {
             scroll={{ x: 400 }}
             rowSelection={{
               type: selectTableType,
-            selectedRowKeys: selectedRows.map((item) => item.id) as React.Key[],
+              selectedRowKeys: selectedRows.map(
+                (item) => item.id,
+              ) as React.Key[],
               onChange: (_, selectedRows) => {
                 setSelectedRows(selectedRows);
               },
             }}
           />
+        </div>
 
-        {selectedRows.length > 0 && (
         <div className="detail">
           <SampleTagDetail<AiSampleRespVO>
             type={selectTableType}
@@ -105,7 +108,6 @@ const SampleTag: React.FC = () => {
             onRefresh={onRefresh}
           />
         </div>
-        )}
       </div>
       <GroupTagModal
         visible={modalVisible}