feat: labelIds

apps/dmp/src/modules/Admin/Dicom/List/columns.tsx

@@ -1,5 +1,5 @@
 import { TableColumnsType } from "antd";
-import { SeriesItemType, StudyItemType } from ".";
+import { SeriesItemType, StudyItemType } from "./interface";
 
 export const columnsForStudy: TableColumnsType<StudyItemType> = [
   { title: "PatientID", dataIndex: "PatientID", key: "PatientID" },

apps/dmp/src/modules/Admin/Dicom/List/index.tsx

@@ -4,48 +4,12 @@ import { useEffect, useState } from "react";
 import { columnsForStudy, columnsForSeries } from "./columns";
 import { DesktopOutlined, FileZipOutlined } from "@ant-design/icons";
 import { openOHIFViewer } from "../Upload/util";
+import { SeriesItemType, StudyItemType } from "./interface";
 
 interface DicomListProps {
   children?: JSX.Element;
 }
 
-export type SeriesItemType = {
-  BodyPartExamined: string;
-  ContrastBolusAgent: string;
-  ID: string;
-  ImageOrientationPatient: string;
-  Instances: string[];
-  Manufacturer: string;
-  Modality: string;
-  OperatorsName: string;
-  ProtocolName: string;
-  SeriesDate: string;
-  SeriesDescription: string;
-  SeriesInstanceUID: string;
-  SeriesNumber: string;
-  SeriesTime: string;
-  StationName: string;
-  Type: "study";
-  tags: any;
-};
-
-export type StudyItemType = {
-  AccessionNumber: string;
-  ID: string;
-  InstitutionName: string;
-  PatientBirthDate: string;
-  PatientID: string;
-  PatientName: string;
-  PatientSex: string;
-  ReferringPhysicianName: string;
-  StudyDate: string;
-  StudyID: string;
-  StudyInstanceUID: string;
-  StudyTime: string;
-  Type: "series";
-  subs: SeriesItemType[];
-};
-
 export const DicomList = (props: DicomListProps) => {
   const [dataSource, setDataSource] = useState<StudyItemType[]>([]);
   const [tableLoading, setTableLoading] = useState(false);

apps/dmp/src/modules/Admin/Dicom/List/interface.tsx

@@ -0,0 +1,40 @@
+export type SeriesItemType = {
+  BodyPartExamined: string;
+  ContrastBolusAgent: string;
+  ID: string;
+  ImageOrientationPatient: string;
+  Instances: string[];
+  Manufacturer: string;
+  Modality: string;
+  OperatorsName: string;
+  ProtocolName: string;
+  SeriesDate: string;
+  SeriesDescription: string;
+  SeriesInstanceUID: string;
+  SeriesNumber: string;
+  SeriesTime: string;
+  StationName: string;
+  Type: "study";
+  tags: {
+    PatientPosition: string;
+    BodyPartExamined: string;
+    SliceThickness: string;
+  };
+};
+
+export type StudyItemType = {
+  AccessionNumber: string;
+  ID: string;
+  InstitutionName: string;
+  PatientBirthDate: string;
+  PatientID: string;
+  PatientName: string;
+  PatientSex: string;
+  ReferringPhysicianName: string;
+  StudyDate: string;
+  StudyID: string;
+  StudyInstanceUID: string;
+  StudyTime: string;
+  Type: "series";
+  subs: SeriesItemType[];
+};

apps/dmp/src/modules/Admin/Label/LabelTree/index.tsx

@@ -23,6 +23,7 @@ import {
   CaretRightOutlined,
   CloseOutlined,
   EditOutlined,
+  FormOutlined,
   TagOutlined,
 } from "@ant-design/icons";
 
@@ -89,7 +90,7 @@ export const LabelTree = (props: LabelTreeProps) => {
               <Col span={6}>
                 <Space>
                   <Tooltip title={`编辑 ${item.name} 分类`}>
-                    <EditOutlined
+                    <FormOutlined
                       onClick={(e) => {
                         e.stopPropagation();
                         setActiveCategory(item);

apps/dmp/src/modules/Annotator/Archive/index.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 import { useDomain } from "@/hook/useDomain";
-import { Button, Space, Table, Tooltip } from "antd";
+import { Button, Modal, Select, Space, Table, Tooltip } from "antd";
 import { columns } from "./columns";
 import { DesktopOutlined, TagOutlined } from "@ant-design/icons";
 import { openOHIFViewer } from "@/modules/Admin/Dicom/Upload/util";
@@ -9,10 +9,18 @@ interface ArchiveListProps {
   children?: JSX.Element;
 }
 
+type CategoryItemType = {
+  labels: { name: string; id: number }[];
+};
+
 export const ArchiveList = (props: ArchiveListProps) => {
-  const [dataSource, setDataSource] = useState<any>([]);
+  const [dataSource, setDataSource] = useState<CategoryItemType[]>([]);
   const [tableLoading, setTableLoading] = useState(false);
-  const { userDomainService } = useDomain();
+  const { userDomainService, labelDomainService } = useDomain();
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const [labelOptions, setLabelOptions] = useState<
+    { label: string; value: string }[]
+  >([]);
 
   useEffect(() => {
     userDomainService.findArchiveTask().then((res) => {
@@ -24,11 +32,40 @@ export const ArchiveList = (props: ArchiveListProps) => {
     });
   }, [userDomainService]);
 
+  useEffect(() => {
+    labelDomainService.findLabelCategory().then((res) => {
+      const { code, data } = res;
+      if (code === 0) {
+        const labels = (data as CategoryItemType[])
+          .map((i) => i.labels)
+          .flat()
+          .map((i) => ({ label: i.name, value: String(i.id) }));
+        setLabelOptions(labels);
+      }
+    });
+  }, []);
+
   const onViewDicom = (record: any) => {
     const { StudyInstanceUID, SeriesInstanceUID } = record;
     openOHIFViewer(StudyInstanceUID, SeriesInstanceUID);
   };
 
+  const onLabelSelectChange = (labelIds: string[]) => {
+    console.log(
+      "选中的labelIds:",
+      labelIds.map((i) => Number(i))
+    );
+  };
+
+  const onUpdateLabelForSeries = () => {
+    console.log("onUpdateLabelForSeries");
+  };
+
+  const filterOption = (
+    input: string,
+    option: { label: string; value: string }
+  ) => (option?.label ?? "").toLowerCase().includes(input.toLowerCase());
+
   return (
     <div>
       <Table
@@ -52,7 +89,7 @@ export const ArchiveList = (props: ArchiveListProps) => {
                   <Button
                     type="text"
                     icon={<TagOutlined />}
-                    onClick={() => {}}
+                    onClick={() => setIsModalOpen(true)}
                   />
                 </Tooltip>
               </Space>
@@ -61,6 +98,26 @@ export const ArchiveList = (props: ArchiveListProps) => {
         ]}
         rowKey="id"
       />
+      <Modal
+        open={isModalOpen}
+        title="添加标签"
+        cancelText="再想想"
+        okText="确认"
+        onCancel={() => setIsModalOpen(false)}
+        onOk={onUpdateLabelForSeries}
+      >
+        <Select
+          mode="multiple"
+          allowClear
+          style={{ width: "100%" }}
+          placeholder="请选择标签"
+          defaultValue={[]}
+          onChange={onLabelSelectChange}
+          options={labelOptions}
+          optionFilterProp="children"
+          filterOption={filterOption}
+        />
+      </Modal>
     </div>
   );
 };