Procházet zdrojové kódy

fix:暂时去掉请求

snow před 1 rokem
rodič
revize
74b12d7e5c
1 změnil soubory, kde provedl 55 přidání a 30 odebrání
  1. 55 30
      src/pages/number/components/winning-numbers.tsx

+ 55 - 30
src/pages/number/components/winning-numbers.tsx

@@ -18,17 +18,23 @@ export const WinningNumbers = defineComponent({
   },
   setup(props, { emit }) {
     const [numberOfPeriods] = useState<any[]>([]);
-    const { execute, isFetching, onFetchResponse } = useFetch(`${PageConstant.API}?type=` + `ssq`);
+    // const { execute, isFetching, onFetchResponse } = useFetch(`${PageConstant.API}?type=` + `ssq`);
 
     const [code] = useState("", { shallow: true });
     const [index] = useState(-1, { shallow: true });
     const [visible, onUpdateVisible] = useState(false, { shallow: true });
 
+    // const [mode, onUpdateMode] = useState("history", {
+    //   effect: (value) => {
+    //     value === "history"
+    //       ? (numberOfPeriods.value.length === 0 ? execute() : emit("onUpdate:winning", numberOfPeriods.value[0].numbers))
+    //       : emit("onUpdate:winning", []);
+    //   },
+    // });
+
     const [mode, onUpdateMode] = useState("history", {
       effect: (value) => {
-        value === "history"
-          ? (numberOfPeriods.value.length === 0 ? execute() : emit("onUpdate:winning", numberOfPeriods.value[0].numbers))
-          : emit("onUpdate:winning", []);
+        value === "history" ? formatResponse() : emit("onUpdate:winning", []);
       },
     });
 
@@ -56,10 +62,8 @@ export const WinningNumbers = defineComponent({
       }
     }
 
-    onFetchResponse(async (_response: Response) => {
-      const response = await _response.json();
-      const { list } = response.data.data;
-
+    function formatResponse() {
+      const { list } = response.data;
       numberOfPeriods.value = list.map(({ code, open_time, one, two, three, four, five, six, seven }) => ({
         label: `第 ${code} 期 ${open_time}`,
         value: code,
@@ -73,35 +77,56 @@ export const WinningNumbers = defineComponent({
       const { value: _value, numbers: _numbers } = numberOfPeriods.value[0];
       code.value = _value;
       emit("onUpdate:winning", _numbers);
-    });
+    }
+
+    // onFetchResponse(async (_response: Response) => {
+    //   const response = await _response.json();
+    //   const { list } = response.data.data;
+
+    //   numberOfPeriods.value = list.map(({ code, open_time, one, two, three, four, five, six, seven }) => ({
+    //     label: `第 ${code} 期 ${open_time}`,
+    //     value: code,
+    //     numbers: [one, two, three, four, five, six, seven],
+    //   }));
+
+    //   if (numberOfPeriods.value.length === 0) {
+    //     return;
+    //   }
+
+    //   const { value: _value, numbers: _numbers } = numberOfPeriods.value[0];
+    //   code.value = _value;
+    //   emit("onUpdate:winning", _numbers);
+    // });
+
+    onMounted(formatResponse);
 
     return () => (
       <NCard size="small" class="mb-[10px] h-[150px]">
         <NTabs value={mode.value} type="segment" animated onUpdate:value={onUpdateMode}>
           <NTabPane name="history" tab="历史开奖">
-            <NSpin show={isFetching.value}>
-              <NSelect
-                value={code.value}
-                onUpdate:value={onUpdateCode}
-                options={numberOfPeriods.value}
+            {/* <NSpin show={isFetching.value}> */}
+            <NSelect
+              value={code.value}
+              onUpdate:value={onUpdateCode}
+              options={numberOfPeriods.value}
+            />
+
+            <div class="flex items-end justify-between">
+              <ControlNumber
+                class="mt-[10px]"
+                numbers={props.winning.map(number => Number(number))}
               />
 
-              <div class="flex items-end justify-between">
-                <ControlNumber
-                  class="mt-[10px]"
-                  numbers={props.winning.map(number => Number(number))}
-                />
-
-                <NTooltip
-                  placement="top"
-                  v-slots={{
-                    trigger: () => <i class="i-mdi-refresh" onClick={() => execute()} style="font-size:18px" />,
-                  }}
-                >
-                  刷新
-                </NTooltip>
-              </div>
-            </NSpin>
+              <NTooltip
+                placement="top"
+                v-slots={{
+                  trigger: () => <i class="i-mdi-refresh" onClick={() => execute()} style="font-size:18px" />,
+                }}
+              >
+                刷新
+              </NTooltip>
+            </div>
+            {/* </NSpin> */}
           </NTabPane>
 
           <NTabPane name="custom" tab="自定义号码">