2.1 props · ZT

* **column: *[Array] 列配置*** gis-table的列配置完全参照iView-UI的columns的配置规则. （详见 [http://v1.iviewui.com/components/table#API](http://v1.iviewui.com/components/table%23API)）在此基础上，gis-table的column还提供两种参数来节省开发者的编码量 1. dict：字典，声明之后组件会根据前端缓存的指定字典，将table内原来的数据作为字典值转化为指定文字。 2. format：格式化，支持日期格式（yyyy-MM-dd || yyyy年MM月dd日等等）、数字格式（.000 后面0的个数表示小数点精确的位数）、经纬度（lon|lat）。 **注意，dict与format不能共用，同时二者都是基于render封装的，因此优先级低于render。** 用例： ``` [ { title: "审核状态", key: " authStatus", align: "align", fixed: "right", minWidth: 30, dict: $SYSCONST.dict.auditStatus, //字典值 }, { title: "操作", key: "action", align: "center", fixed: "right", width: 100, render: (h, params) => { return h("div", [ h( "Button", { props: { type: "primary", size: "small", }, style: { marginRight: "5px", }, on: { click: () => { this.handleBtnAudit(params.row); }, } }, "审核"), ` ]); } } ] ``` * **config: *[Object] 基础配置，详情请见三、自定义表单组件的第2节周跟的基础配置*** 数据结构： ``` table: { page: {}, search: {}， button: {}, } ``` * **search: *[Array] 查询条件配置*** 查询条件的查询框是由gis-form绘制出来的，所以这里的search参数相当于gis-form里面的rule。 * **pageable: *[Boolean] 是否开启分页，优先级高于config showPage。*** * **searchable: *[Boolean] 是否开启查询功能，优先级高于config showSearch。*** * **buttons: *[Array] 按钮配置*** 用例： ``` button: [ { key: "edit", //唯一标识 title: "审核", //按钮文字 icon: "md-eye", //按钮图标 type: "primary", //按钮状态（primary/success/warning/error） }, { key: "show", title: "查看", icon: "md-book", } ] ``` *按钮事件并不写在buttons里，而是根据key生成。例如，新增按钮的key是“add”，那么我们想要监听新增按钮的点击事件，应该监听，handleBtnAdd这个事件。按钮事件命名规则： handleBtn+ 按钮的key首字母大写* * **height: *[String] table高度，auto时则自定义占满屏幕。*** * **fetchName: *[String] 表格数据后台请求接口。*** * **isJpa: *[Boolean] 后台接口是否为Jpa接口，默认为否，后台接口基本上都是使用MP开发。***