---
# System prepended metadata

title: TWPORT-6 港口設施圖表建置
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=126-5373&viewport=-252%2C-4423%2C0.28&scaling=scale-down&starting-point-node-id=126%3A5373&show-proto-sidebar=1

- **url**: `'/tipc/port-facilities/'`

- **de01 API**: `'port01'
- request Payload
``` javaSctipt
{  

}

```

- responese

```javascript
{ 
    currentPage: number
    list: [{
         values:[{ 
        portName: string
        portCount: number
        portArea: number
        }]
        name: string
    }]
    totalItem: number
    totalPage: number
}
```

``` JSON
const apiData =
{
    currentPage: 0
    totalItem: 0
    totalPage: 0
    list: [
                  {
        values: [
          {
            portName: '基隆港',
            portCount: 41,
            portArea: 608.40
          },
          {
            portName: '臺北港',
            portCount: 22,
            portArea: 3091.00
          },
          {
            portName: '蘇澳港',
            portCount: 12,
            portArea: 406.00
          }
        ],
        name: '基隆分公司'
      },
      {
        values: [
          {
            portName: '台中港',
            portCount: 62,
            portArea: 11285.00
          }
        ],
        name: '臺中分公司'
      },
      {
        values: [
                  {
                    portName: '高雄港',
                    portCount: 87,
                    portArea: 11736.00
                  },
                  {
                    portName: '安平港',
                    portCount: 19,
                    portArea: 1804.00
                  },
                  {
                    portName: '布袋港',
                    portCount: 8,
                    portArea: 1178.15
                  },
                  {
                    portName: '澎湖港',
                    portCount: 16,
                    portArea: 218.00
                  }
                ],
                name: '高雄分公司'
              },
              {
                values: [
                  {
                    portName: '花蓮港',
                    portCount: 16,
                    portArea: 1215.00
                  }
                ],
                name: '花蓮分公司'
              }
        ]
    }
```

- **url**: `'/tipc/port-facilities/'`

- **port02 API**: `'port02'

- request Payload
``` javaSctipt
{  
     code: string // code
}

```

- responese

```javascript
{ 
    currentPage: number
    list: [{
         values:[{ 
             // 無值的時候值為 null
         facilityName: string
         numCount: number|null // 數量/單位 e.g 1/座
        }]
        time: string
        name: string
        landArea: number // 陸域
        waterArea: number // 水域
    }]
    totalItem: number
    totalPage: number
}
```

``` JSON
const apiData =
{
    currentPage: 0
    totalItem: 0
    totalPage: 0
    list: [
            {
                values: [
                  {
                    facilityName: '營運碼頭',
                    numCount: 41
                  },
                  {
                    facilityName: '貨櫃碼頭',
                    numCount: 6
                  },
                  {
                    facilityName: '雜散櫃碼頭',
                    numCount: 5
                  },
                  {
                    facilityName: '客貨碼頭',
                    numCount: 2
                  },
                ],
                name: '基隆港',
                landArea: 195.7,
                waterArea: 412.7
              }
        ]
    }

```

- **url**: `'/tipc/port-facilities/'`

- **item API**: `'item'

- request Payload
``` javaSctipt
{  
     code: string // 港口
}

```

- responese

```javascript
{ 
    currentPage: number
    list: [{
        action: string,
        data: Array<any>,
    }]
    totalItem: number
    totalPage: number
}
```

``` JSON

    const apiData =
{
    currentPage: 0
    totalItem: 0
    totalPage: 0
    list:[
      {
        action: '港口設施營運碼頭',
        data: [{
          port: '臺北港',
          name: '東一',
          geom: { pointAX: '121.3975721038878', pointAY: '25.16180658008804', pointBX: '121.39640214664973', pointBY: '25.16070622623398' },
          id: 'TPEE001X',
          width: 170,
          depth: 9,
          category: '散雜貨碼頭',
          status: '公用'
        }, {
          port: '臺北港',
          name: '東二',
          geom: { pointAX: '121.39640358276665', pointAY: '25.160704211451797', pointBX: '121.39537012334971', pointBY: '25.15973431639358' },
          id: 'TPEE002X',
          width: 170,
          depth: 9,
          category: '散雜貨碼頭',
          status: '公用'
        }, {
          port: '臺北港',
          name: '東三',
          geom: { pointAX: '121.3952247519046', pointAY: '25.132996443029395', pointBX: '121.7450118058057', pointBY: '25.13457726199406' },
          id: 'TPEE003X',
          width: 245,
          depth: 11,
          category: '油品及散雜貨碼頭',
          status: '公用'
        }]
      },
      {
        action: '港口設施貨櫃碼頭',
        data: [{
          port: '基隆港',
          id: 'AP',
          geom: { pointAX: '121.72852125712608', pointAY: '25.185061650380376', pointBX: '121.72852125712608', pointBY: '25.16937100657758', pointCX: '121.71513166972373', pointCY: '25.17092462575597', pointDX: '121.70912352153037', pointDY: '25.18498397890127' },
          name: '外港錨區'
        }]
      },
      {
        action: '港口設施客貨碼頭',
        data: [{
          port: '基隆港',
          name: '東防波堤',
          geom: { pointAX: '121.7551677492335', pointAY: '25.15931637769151' },
          id: '1',
          length: '1179'
        }]
      }, {
        action: '港口設施散雜貨櫃碼頭',
        data: [{
          port: '高雄港',
          id: '1',
          buoy_id: '21-22',
          geom: { pointAX: '120.275575', pointAY: '22.616275', pointBX: '120.277383', pointBY: '22.615689' },
          length: '1179',
          depth: '9.1-9.6'
        }]
      }]
},
```
