feat:完成每日的选择

221900217_221900336/OlympicSystem/src/api/index.ts

 import { get, post } from './http';
 
-// Total
+// Total部分
 // 获取奖牌总榜数据
-export const reqGetTotal = (data : any) => get("/total",data);
+export const reqGetTotal = (data : any) => get("/total",data);
\ No newline at end of file
+
+// Daily部分
+// 获取比赛项目选项
+export const reqGetItems = () => get("/getItems");
+
+// 获取比赛场馆选项
+export const reqGetSites = () => get("/getSites")
+
+// 根据选择项搜索
+export const reqSearch = (data : any) => get("search", data);

221900217_221900336/OlympicSystem/src/components/Daily/index.ts

-import { stat } from 'fs';
-import { stringify } from 'querystring';
-import { onMounted, ref, reactive, defineComponent, toRefs } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
+import { onMounted, reactive, defineComponent, toRefs } from 'vue'
+import { reqGetItems, reqGetSites } from '../../api';
 import DailyTitle from '../../common/DailyTitle.vue'
-import { dailyItem, dailySelection } from '../../config/dailyConfig';
+import { dailyItem, dateOption } from '../../config/dailyConfig';
 
 export default defineComponent({
 
@@ -13,14 +11,13 @@ export default defineComponent({
 
     setup() {
 
-        const route = useRoute();
-        const router = useRouter();
-
         let state = reactive({
             optionIndex: 1,     // 1根据比赛日期，2根据比赛项目，3根据比赛场馆
             searchContent: "",
             total: 1,
             current: 1,
+            itemOption: [],
+            siteOption: [],
             list: [] as dailyItem[],
             form: {
                 date: "选择比赛日期",
@@ -42,27 +39,46 @@ export default defineComponent({
                 })
             }
             getList();
+
+            getItemOption();
+            getSiteOption();
         })
 
-        // 获取比赛数据
+        //todo 获取比赛数据
         const getList = () => {
 
         }
 
-        // 选择
+        // 获取比赛项目选项
+        const getItemOption = async () => {
+            let res:any = await reqGetItems();
+            let { data } = res;
+            data.unshift("选择比赛项目")
+            state.itemOption = data;
+        }
+
+        // 获取比赛场馆选项
+        const getSiteOption = async () => {
+            let res:any = await reqGetSites();
+            let { data } = res;
+            data.unshift("选择比赛场馆")
+            state.siteOption = data;
+        }
+
+        //todo 选择
         const handleSelectChange = (value:string) => {
             console.log(value);
-            console.log(state.form.date);
+            console.log(state.form);
         }
 
-        // 分页
+        //todo 分页
         const handlePageChange = () => {
 
         }
 
         return {
             ...toRefs(state),
-            dailySelection,
+            dateOption,
             handleSelectChange,
             handlePageChange
         }

221900217_221900336/OlympicSystem/src/components/Daily/index.vue

@@ -10,24 +10,24 @@
                 <div class="selectBox">
                     <a-select v-model:value="form.date" @change="handleSelectChange">
                         <a-select-option
-                            v-for="item of dailySelection"
-                            v-bind:key="item.value"
+                            v-for="item of dateOption"
+                            v-bind:key="item"
                             v-model:value="item.value"
                         >{{ item.label }}</a-select-option>
                     </a-select>
-                    <a-select v-model:value="form.item">
+                    <a-select v-model:value="form.item" @change="handleSelectChange">
                         <a-select-option
-                            v-for="item of dailySelection"
-                            v-bind:key="item.value"
+                            v-for="item of itemOption"
+                            v-bind:key="item"
                             v-model:value="item.value"
-                        >{{ item.label }}</a-select-option>
+                        >{{ item }}</a-select-option>
                     </a-select>
-                    <a-select v-model:value="form.site">
+                    <a-select v-model:value="form.site" @change="handleSelectChange">
                         <a-select-option
-                            v-for="item of dailySelection"
-                            v-bind:key="item.value"
+                            v-for="item of siteOption"
+                            v-bind:key="item"
                             v-model:value="item.value"
-                        >{{ item.label }}</a-select-option>
+                        >{{ item }}</a-select-option>
                     </a-select>
                     <a-input v-model:value="searchContent" placeholder="请输入关键字搜索" width="200px">
                         <template #suffix>

221900217_221900336/OlympicSystem/src/config/dailyConfig.ts

-export const dailySelection = [
-    {
-        value: "选择比赛项目",
-        label: "选择比赛项目"
-    },
-    {
-        value: "高山滑雪",
-        label: "高山滑雪"
-    },
-    {
-        value: "雪车",
-        label: "雪车"
-    },
-    {
-        value: "冰壶",
-        label: "冰壶"
-    },
-    {
-        value: "雪橇",
-        label: "雪橇"
-    },
+export const dateOption = [
+        {
+            value: "2022/02/02",
+            label: "2月2日"
+        },
+        {
+            value: "2022/02/03",
+            label: "2月3日"
+        },
+        {
+            value: "2022/02/04",
+            label: "2月4日"
+        },
+        {
+            value: "2022/02/05",
+            label: "2月5日"
+        },
+        {
+            value: "2022/02/06",
+            label: "2月6日"
+        },
+        {
+            value: "2022/02/07",
+            label: "2月7日"
+        },
+        {
+            value: "2022/02/08",
+            label: "2月8日"
+        },
+        {
+            value: "2022/02/09",
+            label: "2月9日"
+        },
+        {
+            value: "2022/02/10",
+            label: "2月10日"
+        },
+        {
+            value: "2022/02/11",
+            label: "2月11日"
+        },
+        {
+            value: "2022/02/12",
+            label: "2月12日"
+        },
+        {
+            value: "2022/02/13",
+            label: "2月13日"
+        },
+        {
+            value: "2022/02/14",
+            label: "2月14日"
+        },
+        {
+            value: "2022/02/15",
+            label: "2月15日"
+        },
+        {
+            value: "2022/02/16",
+            label: "2月16日"
+        },
+        {
+            value: "2022/02/17",
+            label: "2月17日"
+        },
+        {
+            value: "2022/02/18",
+            label: "2月18日"
+        },
+        {
+            value: "2022/02/19",
+            label: "2月19日"
+        },
+        {
+            value: "2022/02/20",
+            label: "2月20日"
+        },
 ]
 
 export interface dailyItem {