|
@@ -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="自定义号码">
|