### 已有的公共模块 欢迎补充

| 序号 | 名称                               | 位置                        |
| ---- | ---------------------------------- | --------------------------- |
| 1    | table index 翻页自增               | `TableIndex ` （全局）      |
| 2    | 布局容器                           | `PageContainer`（全局）     |
| 3    | 组织树                             | `@/components/org-str-tree` |
| 4    | header 组织名                      | `@/components/current-org ` |
| 5    | 字典                               |                             |
| 6    | 模块名称样式                       | `class='module-title'`      |
| 7    | table 混入方法                     | `@/mixins/table-mixins`     |
| 8    | 省市县三级联动                     | `@/components/address `     |
| 9    | 限制到当前时间的时间选择器         | `@/components/date-picker`  |
| 10   | 增加全局 filter 身份证、手机号脱敏 | idcard、phone               |
| 11   | 表单通用校验                       | `@/utils/validate`          |
| 12   | 上传通用组件                       | `@/components/upload`       |
| 13   | 上传详情组件                       | `@/components/file-list`    |
| 14   | 分页组件                           | `Pagination`（全局）        |

```js
  // 4、字典使用方法
import { mapActions，mapState } from 'vuex'
methods:{
  ...mapActions('dicts', ['dictGet'])
}
computed: {
    ...mapState('dicts', ['dictName1','dictName2'])
},
async created(){
 await this.dictGet('dictName')
}
console.log(this.dictName1)
```

```js
//10、filter使用
'130111111111111111' | idCard;
'18611111111' | phone;
```

```html
<!--12 filesChange(e) 监听上传列表的改变，删除，上传时触发，[{fileName,url}]。-->
<Upload @filesChange="filesChange" :files="files" :tipFlag="true" :tip="我是提示内容"></Upload>
```

```html
<!-- 13 files 编辑回显时已上传列表，需要跨层级时候需添加v-bind="$attrs" v-on="$listeners" -->
<FileList :files="files" :fileId="fileId" :fileName="fileName" :fileUrl="fileUrl"></FileList>

<!-- <FileList :files="files" v-bind="$attrs" v-on="$listeners"></FileList> -->
```

```html
<!-- 14  -->
<Pagination slot="footer" :total="total" :page.sync="current" :limit.sync="size" @pagination="getDataList()"></Pagination>
```