calendar 組件使用說明

組件標籤

<calendar :loading="loading" :classData="classData" :contentData="contentData" @calendar-date="changeDate"></calendar>

-屬性說明

屬性名	說明	參數
loading	加載動畫	Boolean
classData	做則	Array （指定格式見下文）
contentData	表格數據	Array （指定格式見下文）

classData數據格式

能夠攜帶自定義的參數，但如下爲組件必需要求全部屬性

classData:[
            {
                name: '廈門',
                id: '88',
                children: [
                    {
                        name: '精選',
                        id: '74',
                    },
                    {
                        name: '搞定',
                        id: '77',
                    },
                ]
            },
            {
                name: '泉州',
                id: '89',
                children: [
                    {
                        name: '精選',
                        id: '70',
                    },
                    {
                        name: '搞定',
                        id: '78',
                    },
                ]
            },
        ]

contentData數據格式

能夠攜帶自定義的參數，但如下爲組件必需要求全部屬性
0/9 = count/targetCount
sunday 當前是否爲星期日

注： children.length 必須爲當前選擇月的天數，不能多少（這裏至少舉個例子）
children 順序必需要和左側分類，以及天數對應。
組件的渲染方式爲 一行一行渲染
例如：廈門下的children數組中對應的就是 廈門 - 精選 - 第02天

---

classData:[
            {
                name: '廈門',
                id: '88',
                children: [
                    {
                        count: 0,
                        targetCount: 9,
                        sunday: false
                    },
                    {
                        count: 2,
                        targetCount: 9,
                        sunday: false
                    },
                ]
            },
            {
                name: '泉州',
                id: '89',
                children: [
                    {
                        count: 3,
                        targetCount: 9,
                        sunday: false
                    },
                    {
                        count: 1,
                        targetCount: 2,
                        sunday: false
                    },
                ]
            },
        ]

-事件

名稱	說明	返回
calendar-date	選擇日期下拉完成後	當前當前選擇日期 Date類型

效果圖：