---
# System prepended metadata

title: TWPORT-8 重大工程執行總覽圖表建置
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=620-18416&viewport=-252%2C-4423%2C0.28&scaling=scale-down&starting-point-node-id=620%3A18416&show-proto-sidebar=1

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

- **de01 API**: `'de01'
- request Payload
``` javaSctipt
{  
  startDate: string
  endDate: string
    company: string[] // 公司代號
  port: string[] // 港口代號
}

```

- responese

```javascript
{ 
    currentPage: number
    list: [{
         all: number[]
        project: number[]
        build: number[]
        time: string
    }]
    totalItem: number
    totalPage: number
}
```

``` JSON
const apiData =
{
    currentPage: 0
    totalItem: 0
    totalPage: 0
    list: [
              {    
                  // all: 全選 project: 專案計畫 build: 一般建築與設備
                  // 選項: ['整體預算', '預算分配', '執行數']
                  all: [39.05, 9.58, 20.02],
                  project: [40, 20, 20.02],
                  build: [80, 9.58, 20.02]
                  time: '2022-01~2022-04'  // 再請增加這一項
            }
        ]
    }
```

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

- **de02-04 API**: `'de02', 'de03', 'de04'

- request Payload
``` javaSctipt
{  
   startDate: string
  endDate: string
    company: string[] // 公司代號
  port: string[] // 港口代號
}

```

- responese

```javascript
{ 
    currentPage: number
    list: [{
      values: [{
        month: number
        value: string
      }]
        name: string
        time: string
    }]
    totalItem: number
    totalPage: number
}
```

``` JSON
const apiData =
{
    currentPage: 0
    totalItem: 0
    totalPage: 0
    list: [
            {
            values: [
              {
                month: 1,
                value: '0'
              },
              {
                month: 2,
                value: '15'
              },
              {
                month: 3,
                value: '18'

              },
              {
                month: 4,
                value: '20'
              },
              {
                month: 5,
                value: '28'
              },
              {
                month: 6,
                value: ''
              },
              {
                month: 7,
                value: ''
              },
              {
                month: 8,
                value: ''
              },
              {
                month: 9,
                value: ''
              },
              {
                month: 10,
                value: ''
              },
              {
                month: 11,
                value: ''
              },
              {
                month: 12,
                value: ''
              }
            ],
            name: '執行率',
            time: "2023-01-2023-12"
          },
          {
            values: [
              {
                month: 1,
                value: '0'

              },
              {
                month: 2,
                value: '20'
              },
              {
                month: 3,
                value: '28'
              },
              {
                month: 4,
                value: '38'
              },
              {
                month: 5,
                value: '48'
              },
              {
                month: 6,
                value: ''
              },
              {
                month: 7,
                value: ''
              },
              {
                month: 8,
                value: ''
              },
              {
                month: 9,
                value: ''
              },
              {
                month: 10,
                value: ''
              },
              {
                month: 11,
                value: ''
              },
              {
                month: 12,
                value: ''
              }
            ],
            name: '達成率',
           time: "2023-01-2023-12"
          }
        ]
    }
```
