From 05bc6c36ba89c6aa66285a63f9a2c7cf9e1c0280 Mon Sep 17 00:00:00 2001
From: al <al@cdhncy.com>
Date: Tue, 21 Jan 2025 14:45:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AD=97=E6=AE=B5=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../HotManage/components/BannerList/index.jsx |  43 ++-
 .../HotManage/components/HotList/index.jsx    | 343 ++++++++++--------
 src/pages/HotManage/index.jsx                 |   2 +-
 3 files changed, 231 insertions(+), 157 deletions(-)

diff --git a/src/pages/HotManage/components/BannerList/index.jsx b/src/pages/HotManage/components/BannerList/index.jsx
index 5dff803..d99fc96 100644
--- a/src/pages/HotManage/components/BannerList/index.jsx
+++ b/src/pages/HotManage/components/BannerList/index.jsx
@@ -67,7 +67,7 @@ const BannerList = (props) => {
               <div key={index}>
                 <p className="text-[#00000080]">
                   {hyperlink.action === "outward"
-                    ? "外部链接:"
+                    ? "打开新的浏览器页面:"
                     : hyperlink.action === "webViewHeaderInward"
                     ? "应用内打开内链（带头）:"
                     : hyperlink.action === "webViewHeaderOutward"
@@ -80,7 +80,12 @@ const BannerList = (props) => {
                     ? "H5:"
                     : "App:"}
                 </p>
-                <span>{hyperlink.url}</span>
+                <span
+                  className="block"
+                  style={{ maxWidth: "200px", wordWrap: "break-word" }}
+                >
+                  {hyperlink.url}
+                </span>
               </div>
             ))}
         </div>
@@ -202,10 +207,13 @@ const BannerList = (props) => {
                   </Space.Compact>
                   <Space.Compact direction="vertical">
                     <Button
-                      style={{ background: "#17d983", color: "#fff" }}
+                      style={{
+                        background: record.status === 1 ? "#ffe747" : "#17d983",
+                        color: record.status === 1 ? "#333" : "#fff",
+                      }}
                       onClick={() => handleStopAndStart(record)}
                     >
-                      暂停推送
+                      {record.status === 1 ? "继续推送" : "暂停推送"}
                     </Button>
                   </Space.Compact>
                 </>
@@ -241,7 +249,7 @@ const BannerList = (props) => {
     formRef.current.submit();
   };
   //提交表单
-  const handleSubmit = async (value) => {
+  const handleSubmit = async (value, type) => {
     const {
       action,
       status,
@@ -288,7 +296,7 @@ const BannerList = (props) => {
             },
           ];
     }
-    if (!id) {
+    if (typeof id !== "number") {
       if (!status && new Date(st).getTime() < new Date().getTime()) {
         messageApi.open({
           type: "warning",
@@ -322,10 +330,16 @@ const BannerList = (props) => {
         image: image?.images ? image : { image_ids: displayImageId },
         user_id: "",
       };
-      if (id) {
+      if (typeof id === "number") {
         delete dataObj.st;
         delete dataObj.et;
       }
+      if (
+        type === "stopStart" ||
+        dataObj.priority === selectedStreamer?.priority
+      ) {
+        delete dataObj.priority;
+      }
       const base = baseRequest();
       const body = JSON.stringify({
         ...dataObj,
@@ -350,7 +364,7 @@ const BannerList = (props) => {
       handleCancelModal();
       getData();
     } catch (error) {
-      message.error("服务器错误");
+      message.error("出现问题了");
     }
   };
   //获取数据
@@ -474,7 +488,7 @@ const BannerList = (props) => {
             .filter((it) => it.inward_action_type === "app")[0]
             .url.split("=")[1]
         : "";
-    const action = hyperlinks.length > 1 ? "inward" : "outward";
+    const action = hyperlinks.length > 1 ? "inward" : hyperlinks[0]?.action;
     const link = action === "inward" ? "" : hyperlinks[0].url;
 
     const isCurrentPagePath = pagesOptions.filter(
@@ -485,6 +499,8 @@ const BannerList = (props) => {
     setPathMethod(action);
     setCurrentItem(data);
     setDisplayImageId(data.image.image_ids);
+    setSelectedStreamer(data);
+    await handleSearchMid(user_id);
     form.setFieldsValue({
       ...data,
       st: newSt,
@@ -500,7 +516,7 @@ const BannerList = (props) => {
     });
   };
   const handleStopAndStart = (data) => {
-    handleSubmit({ ...data, status: 1 });
+    handleSubmit({ ...data, status: data.status === 0 ? 1 : 0 }, "stopStart");
   };
   const handleDeleteItem = async (id) => {
     try {
@@ -620,7 +636,7 @@ const BannerList = (props) => {
     }
 
     return list;
-  }, [currentPageName, pathMethod]);
+  }, [currentPageName, pathMethod, selectedStreamer]);
   //搜索空间
   const handleSearchMid = async (mid) => {
     // const mid = form.getFieldValue("mid");
@@ -885,12 +901,17 @@ const BannerList = (props) => {
                           //   setSelectedStreamer(null);
                           // }
                           if (currentIt) {
+                            form.setFieldValue("mid", currentIt.mid);
                             setSelectedStreamer({
                               ...currentIt,
                               mid: currentIt.mid,
                             });
                           }
                         }}
+                        onClear={() => {
+                          setSelectedStreamer(null);
+                          setZones(null);
+                        }}
                         filterOption={false}
                         onSearch={debounce(handleSearchMid, 1000)}
                         notFoundContent={
diff --git a/src/pages/HotManage/components/HotList/index.jsx b/src/pages/HotManage/components/HotList/index.jsx
index f880bd3..713264e 100644
--- a/src/pages/HotManage/components/HotList/index.jsx
+++ b/src/pages/HotManage/components/HotList/index.jsx
@@ -60,6 +60,7 @@ const HotList = (props) => {
       key: "text",
     },
     {
+      with: 120,
       title: "跳转链接",
       dataIndex: "hyperlinks",
       key: "hyperlinks",
@@ -69,7 +70,7 @@ const HotList = (props) => {
             <div key={index}>
               <p className="text-[#00000080]">
                 {hyperlink.action === "outward"
-                  ? "外部链接:"
+                  ? "打开新的浏览器页面:"
                   : hyperlink.action === "webViewHeaderInward"
                   ? "应用内打开内链（带头）:"
                   : hyperlink.action === "webViewHeaderOutward"
@@ -83,11 +84,18 @@ const HotList = (props) => {
                   : "App:"}
               </p>
               {hyperlink.action === "outward" ? (
-                <a href={hyperlink.url} target="_blank">
+                <a
+                  href={hyperlink.url}
+                  target="_blank"
+                  className="block"
+                  style={{ maxWidth: "120px", wordWrap: "break-word" }}
+                >
                   {hyperlink.url}
                 </a>
               ) : (
-                <span>{hyperlink.url}</span>
+                <p style={{ maxWidth: "120px", wordWrap: "break-word" }}>
+                  {hyperlink.url}
+                </p>
               )}
             </div>
           ))}
@@ -191,7 +199,10 @@ const HotList = (props) => {
                 </Space.Compact>
                 <Space.Compact direction="vertical">
                   <Button
-                    style={{ background: "#17d983", color: "#fff" }}
+                    style={{
+                      background: record.status === 1 ? "#ffe747" : "#17d983",
+                      color: record.status === 1 ? "#333" : "#fff",
+                    }}
                     onClick={() =>
                       handlePauseOrStopAndStart(
                         record,
@@ -235,7 +246,7 @@ const HotList = (props) => {
   //给表单绑定ref
   const formRef = useRef(null);
   //提交表单
-  const handleSubmit = async (value) => {
+  const handleSubmit = async (value, type) => {
     const {
       action,
       status,
@@ -248,6 +259,7 @@ const HotList = (props) => {
       ueser_id,
       id,
       mid,
+      innerMid,
     } = value;
 
     let newHyperlinks = [];
@@ -284,7 +296,7 @@ const HotList = (props) => {
             },
           ];
     }
-    if (!id) {
+    if (typeof id !== "number") {
       if (!status && new Date(st).getTime() < new Date().getTime()) {
         messageApi.open({
           type: "warning",
@@ -308,6 +320,7 @@ const HotList = (props) => {
         return;
       }
     }
+
     try {
       //通过图片审核，如果是视频直接跳过
       const dataObj = {
@@ -317,12 +330,27 @@ const HotList = (props) => {
         hyperlinks: newHyperlinks,
         image: image?.images ? image : { image_ids: displayImageId },
         user_id: "",
-        mid: selectedStreamer?.inputType === "outter" ? mid : null,
+        mid:
+          selectedStreamer?.inputType === "outter"
+            ? mid
+            : innerMid
+            ? null
+            : mid,
       };
-      if (id) {
+
+      if (typeof id === "number") {
         delete dataObj.st;
         delete dataObj.et;
       }
+      debugger;
+
+      if (
+        type === "stopStart" ||
+        dataObj.priority === selectedStreamer?.priority
+      ) {
+        delete dataObj.priority;
+      }
+
       const base = baseRequest();
       const body = JSON.stringify({
         ...dataObj,
@@ -360,7 +388,7 @@ const HotList = (props) => {
   const [currentStatus, setCurrentStatus] = useState(null);
   const [currentPageName, setCurrentPageName] = useState("");
   const [buttonAble, setButtonAble] = useState(false);
-  const [formData] = useState({
+  const [formData, setFormData] = useState({
     mid: null,
     title: "",
     image: "",
@@ -497,11 +525,11 @@ const HotList = (props) => {
   };
   const handleEditHot = async (data) => {
     setIsModalOpen(true);
-    const { hyperlinks, st, et, mid, status, user_id, id } = data;
+    const { hyperlinks, st, et, mid, status, user_id, id, innerMid } = data;
     const newSt = dayjs(st * 1000);
     const newEt = dayjs(et * 1000);
     const currentPageId = hyperlinks?.[0].frontend_route_id;
-    const params = hyperlinks[0].url.split("?")[1];
+    const params = hyperlinks[0]?.url?.split("?")[1];
     const action = hyperlinks[0].action;
     const link = action === "inward" ? "" : hyperlinks[0].url;
 
@@ -524,6 +552,7 @@ const HotList = (props) => {
     setSelectedStreamer(data);
     setDisplayImageId(data?.image?.image_ids);
     await handleSearchMid(user_id);
+
     form.setFieldsValue({
       ...data,
       st: newSt,
@@ -534,6 +563,7 @@ const HotList = (props) => {
       params,
       hyperlinks: "",
       mid,
+      innerMid: mid || parseInt(params?.split("=")[1]),
       user_id,
       id,
     });
@@ -550,13 +580,16 @@ const HotList = (props) => {
       action === "inward"
         ? JSON.stringify(isCurrentPagePath[0])
         : hyperlinks[0].url;
-    handleSubmit({
-      ...data,
-      pageName,
-      st: st * 1000,
-      et: et * 1000,
-      status,
-    });
+    handleSubmit(
+      {
+        ...data,
+        pageName,
+        st: st * 1000,
+        et: et * 1000,
+        status,
+      },
+      "stopStart"
+    );
   };
   //搜索空间
   const handleSearchMid = async (mid) => {
@@ -619,6 +652,7 @@ const HotList = (props) => {
     setZones(null);
     setDisplayImageId([]);
     setCurrentStatus(null);
+    form.setFieldValue("mid", null);
   };
 
   const currentStreamerImage = useMemo(() => {
@@ -703,7 +737,7 @@ const HotList = (props) => {
     }
 
     return list;
-  }, [currentPageName, pathMethod]);
+  }, [currentPageName, pathMethod, selectedStreamer]);
   return (
     <div style={{ marginLeft: 20, marginRight: 20 }}>
       <div className="flex justify-between items-center">
@@ -763,74 +797,83 @@ const HotList = (props) => {
           layout="vertical"
           initialValues={formData}
         >
-          <div style={{ marginBottom: 20 }} className="flex-1">
-            <Form.Item
-              label="ID"
-              name="mid"
-              layout="horizontal"
-              style={{
-                margin: 0,
-                display:
-                  selectedStreamer?.inputType === "inner" ? "none" : "block",
-              }}
-            >
-              <Select
-                // style={{
-                //   width: 240,
-                // }}
-                disabled={selectedStreamer?.inputType === "inner"}
-                className="w-full"
-                showSearch
-                allowClear
-                placeholder="通过ID搜索主播"
-                // optionFilterProp="label"
-                onChange={(v) => {
-                  if (selectedStreamer?.inputType === "inner") return;
-                  const currentIt = zones?.filter((it) => it.mid == v)[0];
-                  if (currentIt) {
-                    setSelectedStreamer({ ...currentIt, inputType: "outter" });
-                    setDisplayImageId(currentIt.streamer_ext.avatar.image_ids);
-                    form.setFieldsValue({
-                      mid: v,
-                      title:
-                        form.getFieldValue("title") ||
-                        currentIt.streamer_ext.name,
-                      // image: displayImageId[0] || currentIt.streamer_ext.avatar,
-                      text: form.getFieldValue("text") || currentIt.profile,
-                    });
-                  } else {
-                    setSelectedStreamer(null);
-                    form.setFieldsValue({
-                      mid: null,
-                    });
-                  }
+          {!currentStatus && (
+            <div style={{ marginBottom: 20 }} className="flex-1">
+              <Form.Item
+                label="ID"
+                name="mid"
+                layout="horizontal"
+                style={{
+                  margin: 0,
+                  display:
+                    selectedStreamer?.inputType === "inner" ? "none" : "block",
                 }}
-                filterOption={false}
-                onSearch={debounce(handleSearchMid, 1000)}
-                notFoundContent={isLoading ? <Spin size="small" /> : null}
-                options={zones?.map((it) => ({
-                  value: it.mid,
-                  label: (
-                    <div className="flex">
-                      <p className="font-bold w-1/4 min-w-[150px]">
-                        ID：{it?.streamer_ext?.user_id}
-                      </p>
-                      <p className="font-bold w-3/4">
-                        昵称：{it?.streamer_ext.name}
-                      </p>
-                    </div>
-                  ),
-                }))}
-                labelRender={({ value }) => {
-                  const currentIt = zones?.filter((it) => it.mid == value)[0];
-                  if (currentIt) {
-                    return currentIt.streamer_ext.name;
-                  }
-                  return <span>No option match</span>;
-                }}
-              />
-            </Form.Item>
-          </div>
+              >
+                <Select
+                  // style={{
+                  //   width: 240,
+                  // }}
+                  disabled={selectedStreamer?.inputType === "inner"}
+                  className="w-full"
+                  showSearch
+                  allowClear
+                  placeholder="通过ID搜索主播"
+                  // optionFilterProp="label"
+                  onChange={(v) => {
+                    if (selectedStreamer?.inputType === "inner") return;
+                    const currentIt = zones?.filter((it) => it.mid == v)[0];
+                    if (currentIt) {
+                      setSelectedStreamer({
+                        ...currentIt,
+                        inputType: "outter",
+                      });
+                      setDisplayImageId(
+                        currentIt.streamer_ext.avatar.image_ids
+                      );
+                      form.setFieldsValue({
+                        mid: v,
+                        title:
+                          // form.getFieldValue("title") ||
+                          currentIt.streamer_ext.name,
+                        // image: displayImageId[0] || currentIt.streamer_ext.avatar,
+                        text:
+                          // form.getFieldValue("text") ||
+                          currentIt.profile,
+                      });
+                    } else {
+                      setSelectedStreamer(null);
+                      form.setFieldsValue({
+                        mid: null,
+                      });
+                    }
+                  }}
+                  filterOption={false}
+                  onSearch={debounce(handleSearchMid, 1000)}
+                  notFoundContent={isLoading ? <Spin size="small" /> : null}
+                  options={zones?.map((it) => ({
+                    value: it.mid,
+                    label: (
+                      <div className="flex">
+                        <p className="font-bold w-1/4 min-w-[150px]">
+                          ID：{it?.streamer_ext?.user_id}
+                        </p>
+                        <p className="font-bold w-3/4">
+                          昵称：{it?.streamer_ext.name}
+                        </p>
+                      </div>
+                    ),
+                  }))}
+                  labelRender={({ value }) => {
+                    const currentIt = zones?.filter((it) => it.mid == value)[0];
+                    if (currentIt) {
+                      return currentIt.streamer_ext.name;
+                    }
+                    return <span>No option match</span>;
+                  }}
+                />
+              </Form.Item>
+            </div>
+          )}
           <Form.Item
             label="主图"
             name="image"
@@ -925,6 +968,7 @@ const HotList = (props) => {
                     params: "",
                     hyperlinks: "",
                     mid: null,
+                    innerMid: null,
                   });
                   setPathMethod(e);
                 }}
@@ -1031,66 +1075,75 @@ const HotList = (props) => {
                       direction="vertical"
                       className="bg-white rounded-xl p-4"
                     >
-                      <Select
-                        // style={{
-                        //   width: 240,
-                        // }}
-                        className="w-full"
-                        style={{
-                          display:
-                            selectedStreamer?.inputType === "outter"
-                              ? "none"
-                              : "block",
-                        }}
-                        showSearch
-                        allowClear
-                        placeholder="通过ID搜索主播"
-                        // optionFilterProp="label"
-                        onChange={(v) => {
-                          if (selectedStreamer?.inputType === "outter") return;
-                          const currentIt = zones?.filter(
-                            (it) => it.mid == v
-                          )[0];
-                          // if (currentIt) {
-                          //   setSelectedStreamer(currentIt);
-                          // } else {
-                          //   setSelectedStreamer(null);
-                          // }
-                          if (currentIt) {
-                            form.setFieldValue("mid", currentIt.mid);
-                            setSelectedStreamer({
-                              ...currentIt,
-                              inputType: "inner",
-                              mid: currentIt.mid,
-                            });
+                      <Form.Item name="innerMid" className="mb-0">
+                        <Select
+                          // style={{
+                          //   width: 240,
+                          // }}
+                          className="w-full"
+                          style={{
+                            display:
+                              selectedStreamer?.inputType === "outter"
+                                ? "none"
+                                : "block",
+                          }}
+                          // value={selectedStreamer?.mid}
+                          showSearch
+                          allowClear
+                          placeholder="通过ID搜索主播"
+                          // optionFilterProp="label"
+                          onChange={(v) => {
+                            if (selectedStreamer?.inputType === "outter")
+                              return;
+                            const currentIt = zones?.filter(
+                              (it) => it.mid == v
+                            )[0];
+                            // if (currentIt) {
+                            //   setSelectedStreamer(currentIt);
+                            // } else {
+                            //   setSelectedStreamer(null);
+                            // }
+                            if (currentIt) {
+                              form.setFieldValue("innerMid", currentIt.mid);
+                              setSelectedStreamer({
+                                ...currentIt,
+                                inputType: "inner",
+                                mid: currentIt.mid,
+                              });
+                            }
+                          }}
+                          onClear={() => {
+                            form.setFieldValue("innerMid", null);
+                            setSelectedStreamer(null);
+                            setZones(null);
+                          }}
+                          filterOption={false}
+                          onSearch={debounce(handleSearchMid, 1000)}
+                          notFoundContent={
+                            isLoading ? <Spin size="small" /> : null
                           }
-                        }}
-                        filterOption={false}
-                        onSearch={debounce(handleSearchMid, 1000)}
-                        notFoundContent={
-                          isLoading ? <Spin size="small" /> : null
-                        }
-                        options={zones?.map((it) => ({
-                          value: it.mid,
-                          label: (
-                            <div>
-                              <p className="font-bold w-1/4">ID：{it?.mid}</p>
-                              <p className="font-bold w-3/4">
-                                昵称：{it?.streamer_ext.name}
-                              </p>
-                            </div>
-                          ),
-                        }))}
-                        labelRender={({ value }) => {
-                          const currentIt = zones?.filter(
-                            (it) => it.mid == value
-                          )[0];
-                          if (currentIt) {
-                            return currentIt.streamer_ext.name;
-                          }
-                          return <span>No option match</span>;
-                        }}
-                      />
+                          options={zones?.map((it) => ({
+                            value: it.mid,
+                            label: (
+                              <div>
+                                <p className="font-bold w-1/4">ID：{it?.mid}</p>
+                                <p className="font-bold w-3/4">
+                                  昵称：{it?.streamer_ext.name}
+                                </p>
+                              </div>
+                            ),
+                          }))}
+                          labelRender={({ value }) => {
+                            const currentIt = zones?.filter(
+                              (it) => it.mid == value
+                            )[0];
+                            if (currentIt) {
+                              return currentIt.streamer_ext.name;
+                            }
+                            return <span>No option match</span>;
+                          }}
+                        />
+                      </Form.Item>
                       {splitParams.map((it) => (
                         <Form.Item
                           name={it}
diff --git a/src/pages/HotManage/index.jsx b/src/pages/HotManage/index.jsx
index 2310284..d8996d8 100644
--- a/src/pages/HotManage/index.jsx
+++ b/src/pages/HotManage/index.jsx
@@ -36,7 +36,7 @@ export default function HotManage() {
     <div>
       <Menu
         onClick={onClick}
-        selectedKeys={[current]}
+        selectedKeys={[pathname]}
         mode="horizontal"
         items={items}
       />