> ## 組件 wl-down-excel 使用文檔 ``` <wl-down-excel name="下載excel" api-url="http://sstpw.tripln.top/wl/selectCouponTest" :header="header" :down-data="downData" :mergeArray="mergeArray" scp-design="false" ></wl-down-excel> ``` ### wl-down-excel props | 屬性 | 說明 | 類型 | 默認值 | | --- | --- | --- | --- | | name | 按鈕名稱 | String | '' | | api-url | excel數據接口地址 | String | '' | | header | 表頭 | Array | [] | | down-data | 接口失效的默認數據 | Array | [] | | mergeArray | 合并單元格配置 | Array | [] | | styleObj | 配置單元格樣式，包括位置、字體、顏色等 | Object | {} | ### 備注說明 - #### 合并單元格說明 > header 是一個字符串的二維數組，header[0] 存的是屬性的數組，剩余的是按行排列的表頭，每一個數組元素都是個數組，代表 excel 中的一行，**當存在單元格合并的時候，相關的數組元素需要用 null 占位**。例子如下面代碼所示。 ``` [['name', 'score', 'total'],['姓名', '期中考試成績', null, null, null, null, '總分']] ``` > mergeArray 是一個對象數組，用于配置合并表頭，數組的每個元素具體如下代碼所示。s 代表開始單元格(start)， e 代表結束單元格(end)。c 代表列(column)，c:0，代表A列以此類推。r 代表行(row)，r:0，代表1行以此類推。 ``` { s: { c: 3, r: 2 }, e: { c: 5, r: 2 } } ``` - #### 單元格格式配置說明 > styleObj 是一個對象，用于配置單元格樣式，**合并單元格的情況下配置左上角第一個單元格即可** 以下為配置 A1 單元格垂直水平居中，字號為20，字體顏色為紅色 ``` { A1: { font: { sz: 20, color: { rgb: 'FF0000' } }, alignment: { vertical: 'center', horizontal: 'center' } } } ``` 詳細配置請參考以下文檔 [xlsx-style 英文文檔](https://github.com/protobi/js-xlsx) 下面鏈接是目前發現比較全的中文配置。打開后全文搜索“單元格樣式” [xlsx-style 配置中文版](https://segmentfault.com/a/1190000022772664)