---
# System prepended metadata

title: TWPORT-4 人力資源圖表建置
tags: ['#phase1', '#前端 ', '#港務', 後端]

---

### 
###### 

Figma：https://www.figma.com/proto/IchMiI47DiG11MM4O8Pp1M/%E5%95%86%E6%83%85%E5%B9%B3%E5%8F%B0-2023?page-id=0%3A1&type=design&node-id=690-7933&viewport=-252%2C-4423%2C0.28&scaling=scale-down&starting-point-node-id=690%3A7933&show-proto-sidebar=1

- **url**: `'/tipc/other-business/'`

- **hr01-03 API**: `'hr01', 'hr02', 'hr03'`
- request Payload
``` javaSctipt
{  
  startDate: String, // 開始時間 yyyy-MM-dd (日期帶01)
  endDate: String, // 結束時間 yyyy-MM-dd (日期帶01)
  isYear: boolean // 年分別
  companyType: Array<string> // 公司別 
    'AllCompany', 'TipcCompany', 'TipcSubCompany', 'TukaiSubCompany'
}

```

- responese
( 參考類似圖表 pln05 )
```javascript
{ 
    currentPage: number
    list: [{
      companyTypeName: string
      values: [{
        month: number, // hr03 在 isYear:true 時這邊是 null
        value: string, // hr01: 人數, 價格
        year: string,
        isYear: boolean
      }]
    }]
    totalItem: number
    totalPage: number
}
```

``` JSON
const apiData =
{
    currentPage: 0
    totalItem: 0
    totalPage: 0
    list: [
              {
                values: [
                  {
                    month: 1,
                    value: '2400',
                    year: '2023',
                    isYear: false
                  },
                  {
                    month: 2,
                    value: '2500',
                    year: '2023',
                    isYear: false
                  },
                  {
                    month: 3,
                    value: '2450',
                    year: '2023',
                    isYear: false
                  },
                  {
                    month: 4,
                    value: '2300',
                    year: '2023',
                    isYear: false
                  },
                  {
                    month: 5,
                    value: '2700',
                    year: '2023',
                    isYear: false
                  }
                ],
                companyTypeName: '合併公司'
              },
        ]
    }
```


hr04 API: `'hr04'`
- request Payload
``` typescript
{  
    company: string[] // 公司
}

```

- responese
( 參考類似圖表 pln17 )
```typescript
{ 
    currentPage: number
    list: [{
      name: string
      time: string
      total: number: [] // 總人數
      values: number:[]
    }]
    totalItem: number
    totalPage: number
}
```

``` JSON
const apiData =
{
    currentPage: 0
    totalItem: 0
    totalPage: 0
    list: [
              {
                value: [28, 3, 1, 3, 5],
                name: '公差假',
                total: [204, 50, 20, 30],
                time: '2023-05-30'
                
              },
              {
                value: [20, 4, 2, 1, 3],
                name: '勞教',
                 total: [204, 50, 20, 30],
                  time: '2023-05-30'
              },
              {
                value: [15, 4, 1, 1, 4],
                name: '休假',
                total: [204, 50, 20, 30],
                  time: '2023-05-30'
              },
              {
                value: [24, 3, 3, 2, 1],
                name: '事假',
                 total: [204, 50, 20, 30],
                  time: '2023-05-30'
              },
              {
                value: [14, 2, 1, 1, 1],
                name: '婚假',
                 total: [204, 50, 20, 30],
                   time: '2023-05-30'
              },
              {
                value: [25, 4, 2, 2, 2],
                name: '喪假',
                  total: [204, 50, 20, 30],
                  time: '2023-05-30'
              },
              {
                value: [20, 4, 2, 2, 2],
                name: '生產相關',
                 total: [204, 50, 20, 30],
                   time: '2023-05-30'
              },
              {
                value: [20, 4, 2, 2, 2],
                name: '病假',
                total: [204, 50, 20, 30],
                  time: '2023-05-30'
              },
              {
                value: [22, 4, 2, 2, 2],
                name: '其他',
                  total: [204, 50, 20, 30],
                  time: '2023-05-30'
              }                 
            ]
    }
```
<!--
**Bruno-Yu/Bruno-Yu** is a ✨ _special_ ✨ repository because its `README.md` (this file) appears on your GitHub profile.

- 🔭 I’m currently working on ...
- 🌱 I’m currently learning ...
- 👯 I’m looking to collaborate on ...
- 🤔 I’m looking for help with ...
- 💬 Ask me about ...
- 📫 How to reach me: ...
- 😄 Pronouns: ...
- ⚡ Fun fact: ...
-->
