句子编号从顶层传递下来

dashboard/src/components/channel/ChannelMy.tsx

@@ -70,6 +70,8 @@ const ChannelMy = ({
   const [infoOpen, setInfoOpen] = useState<boolean>(false);
   const [statistic, setStatistic] = useState<IItem>();
   const [sentenceCount, setSentenceCount] = useState<number>(0);
+  const [sentencesId, setSentencesId] = useState<string[]>();
+
   useEffect(() => {
     load();
   }, []);
@@ -138,7 +140,7 @@ const ChannelMy = ({
               sentList = res.data.rows.map((item) => {
                 return `${item.book}-${item.paragraph}-${item.word_begin}-${item.word_end}`;
               });
-
+              setSentencesId(sentList);
               loadChannel(sentList);
             } else {
               console.error("res", res);
@@ -155,6 +157,7 @@ const ChannelMy = ({
         const id = element.id.split("_")[1];
         sentList.push(id);
       }
+      setSentencesId(sentList);
       loadChannel(sentList);
     }
   };
@@ -171,7 +174,7 @@ const ChannelMy = ({
       owner: currOwner,
     })
       .then((res) => {
-        console.log("progress data", res.data.rows);
+        console.debug("progress data", res.data.rows);
         const items: IItem[] = res.data.rows
           .filter((value) => value.name.substring(0, 4) !== "_Sys")
           .map((item, id) => {
@@ -437,6 +440,7 @@ const ChannelMy = ({
         )}
       </Card>
       <CopyToModal
+        sentencesId={sentencesId}
         channel={copyChannel}
         open={copyOpen}
         onClose={() => setCopyOpen(false)}

dashboard/src/components/channel/ChannelPickerTable.tsx

@@ -205,7 +205,7 @@ const ChannelPickerTableWidget = ({
               owner: currOwner,
             }
           );
-          console.log("progress data", res.data.rows);
+          console.debug("progress data", res.data.rows);
           const items: IItem[] = res.data.rows
             .filter((value) => value.name.substring(0, 4) !== "_Sys")
             .map((item, id) => {

dashboard/src/components/channel/ChannelSentDiff.tsx

@@ -236,6 +236,17 @@ const ChannelSentDiffWidget = ({
               title: "pali",
               width: "33%",
               dataIndex: "pali",
+              render: (value, record, index) => {
+                return (
+                  <Text>
+                    <div
+                      dangerouslySetInnerHTML={{
+                        __html: record.pali ? record.pali : "",
+                      }}
+                    />
+                  </Text>
+                );
+              },
             },
             {
               title: (

dashboard/src/components/channel/CopyToModal.tsx

@@ -7,10 +7,17 @@ import { IChannel } from "./Channel";
 interface IWidget {
   trigger?: JSX.Element | string;
   channel?: IChannel;
+  sentencesId?: string[];
   open?: boolean;
   onClose?: Function;
 }
-const CopyToModalWidget = ({ trigger, channel, open, onClose }: IWidget) => {
+const CopyToModalWidget = ({
+  trigger,
+  channel,
+  sentencesId,
+  open,
+  onClose,
+}: IWidget) => {
   const [isModalOpen, setIsModalOpen] = useState(open);
   const [initStep, setInitStep] = useState(0);
 
@@ -51,6 +58,7 @@ const CopyToModalWidget = ({ trigger, channel, open, onClose }: IWidget) => {
         <CopyToStep
           initStep={initStep}
           channel={channel}
+          sentencesId={sentencesId}
           onClose={() => {
             setIsModalOpen(false);
             Modal.destroyAll();

dashboard/src/components/channel/CopyToStep.tsx

@@ -12,7 +12,7 @@ interface IWidget {
   channel?: IChannel;
   type?: ArticleType;
   articleId?: string;
-  sentence?: string[];
+  sentencesId?: string[];
   stepChange?: Function;
   onClose?: Function;
 }
@@ -21,7 +21,7 @@ const CopyToStepWidget = ({
   channel,
   type,
   articleId,
-  sentence,
+  sentencesId,
   stepChange,
   onClose,
 }: IWidget) => {
@@ -29,13 +29,6 @@ const CopyToStepWidget = ({
   const [destChannel, setDestChannel] = useState<IChannel>();
   const [copyPercent, setCopyPercent] = useState<number>();
 
-  let sentList: string[] = [];
-  const sentElement = document.querySelectorAll(".pcd_sent");
-  for (let index = 0; index < sentElement.length; index++) {
-    const element = sentElement[index];
-    const id = element.id.split("_")[1];
-    sentList.push(id);
-  }
   useEffect(() => {
     setCurrent(initStep);
   }, [initStep]);
@@ -83,7 +76,7 @@ const CopyToStepWidget = ({
         <ChannelSentDiff
           srcChannel={channel}
           destChannel={destChannel}
-          sentences={sentList}
+          sentences={sentencesId}
           goPrev={() => {
             prev();
           }}