# headerbodydata

> 关区报关订单组件

Latest version **1.0.3** (published 2019-03-18) · MIT license · 0 weekly downloads

## Install

```sh
npm install headerbodydata
pnpm add headerbodydata
yarn add headerbodydata
bun add headerbodydata
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2019-03-18 |
| First published | 2018-10-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 14.9 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | michael.xu1983@qq.com |
| Maintainers | michael1999 |

## Links

- npm: https://www.npmjs.com/package/headerbodydata
- npm.io page: https://npm.io/package/headerbodydata

## Dependencies (3)

- [vue](https://npm.io/package/vue.md) ^2.5.11
- [element-ui](https://npm.io/package/element-ui.md) ^2.4.8
- [url-loader](https://npm.io/package/url-loader.md) ^1.1.1

## Recent versions

- 1.0.3 (latest) — 2019-03-18
- 1.0.2 — 2019-03-08
- 1.0.1 — 2019-03-08
- 1.0.0 — 2018-10-23

## README

# headerbodydata

> 基于 Element UI 的订单头体数据展示组件

## 使用方法

``` bash
npm i headerbodydata -D
```

main.js 中
```js
import Vue from 'vue';
import OrderHeadbody from 'headerbodydata'
Vue.use(OrderHeadbody)
```

组件调用
```js
<OrderHeadbody
      :topdata='tableData.topdata'
      :bodycolunm='bodycolunm'
      :bodydata='tableData.bodydata'
    ></OrderHeadbody>
```

模拟数据
```js
export default {
  data() {
    return {
      tableData: {},
      bodycolunm: [
        {
          prop: 'number',
          label: '订单编号',
          width: '300'
        },
        {
          prop: 'productname',
          label: '订单名称',
          width: '200'
        },
        {
          prop: 'company',
          label: '公司名称',
          width: '200'
        },
        {
          prop: 'site',
          label: '地点',
          width: '100'
        },
        {
          prop: 'product',
          label: '商品',
          width: '200'
        },
        {
          prop: 'producttype',
          label: '商品类别',
          width: '100'
        },
        {
          prop: 'count',
          label: '数量',
          width: '100'
        },
        {
          prop: 'price',
          label: '价格',
          width: '100'
        },
        {
          prop: 'date',
          label: '日期',
          width: '200'
        },
        {
          prop: 'legalperson',
          label: '法人',
          width: '100'
        },
        {
          prop: 'ratify',
          label: '批准通过',
          width: '100'
        }
      ]
    };
  }
  created: function() {
    fetch('http://rap2api.taobao.org/app/mock/161472/orderHeaderBody')
      .then(response => response.json())
      .then(data => (this.tableData = data))
      .catch(e => console.log('Oops, error', e));
  },
}
```

---
_Source: https://npm.io/package/headerbodydata · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._