lxm_front/vxe-table
1
0
Fork 0
mirror of https://gitee.com/xuliangzhan_admin/vxe-table.git synced 2026-01-21 05:27:57 +08:00
Code Issues Projects Releases Wiki Activity

优化重构

Browse Source
This commit is contained in:
xuliangzhan
2020-02-26 18:39:20 +08:00
parent 1ee42f7f9c
commit dda6c36581
11 changed files with 67 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/index.html
View File

@@ -13,4 +13,4 @@
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
}
})();</script><link href=/vxe-table/static/css/advanced.f0f9fd82.css rel=prefetch><link href=/vxe-table/static/css/api.4e9ea0a5.css rel=prefetch><link href=/vxe-table/static/css/base.66df2255.css rel=prefetch><link href=/vxe-table/static/css/edit.4d86bd3c.css rel=prefetch><link href=/vxe-table/static/css/grid.d29e02ac.css rel=prefetch><link href=/vxe-table/static/css/module.f87fe04e.css rel=prefetch><link href=/vxe-table/static/css/other.68b39f76.css rel=prefetch><link href=/vxe-table/static/css/scroll.38d9b5ec.css rel=prefetch><link href=/vxe-table/static/css/start.068236aa.css rel=prefetch><link href=/vxe-table/static/css/tree.b4316aa7.css rel=prefetch><link href=/vxe-table/static/css/virtual-tree.628317ae.css rel=prefetch><link href=/vxe-table/static/js/advanced.d7bdfab2.js rel=prefetch><link href=/vxe-table/static/js/advanced~base~edit~excel~grid~module~other~plugin~scroll~start~tree~virtual-tree.60a6a011.js rel=prefetch><link href=/vxe-table/static/js/api.3fb145bf.js rel=prefetch><link href=/vxe-table/static/js/base.92c14b40.js rel=prefetch><link href=/vxe-table/static/js/edit.1b805c0e.js rel=prefetch><link href=/vxe-table/static/js/excel.28f68c00.js rel=prefetch><link href=/vxe-table/static/js/grid.c2e24064.js rel=prefetch><link href=/vxe-table/static/js/module.74216259.js rel=prefetch><link href=/vxe-table/static/js/other.05ddfb34.js rel=prefetch><link href=/vxe-table/static/js/plugin.90f3f902.js rel=prefetch><link href=/vxe-table/static/js/scroll.07ac6642.js rel=prefetch><link href=/vxe-table/static/js/start.51dc42d9.js rel=prefetch><link href=/vxe-table/static/js/tree.389328fb.js rel=prefetch><link href=/vxe-table/static/js/virtual-tree.24d1ab04.js rel=prefetch><link href=/vxe-table/static/css/chunk-vendors.ef656b67.css rel=preload as=style><link href=/vxe-table/static/css/index.40ca042c.css rel=preload as=style><link href=/vxe-table/static/js/chunk-vendors.fdb37c13.js rel=preload as=script><link href=/vxe-table/static/js/index.7b13fa85.js rel=preload as=script><link href=/vxe-table/static/css/chunk-vendors.ef656b67.css rel=stylesheet><link href=/vxe-table/static/css/index.40ca042c.css rel=stylesheet></head><body><noscript><strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vxe-table/static/js/chunk-vendors.fdb37c13.js></script><script src=/vxe-table/static/js/index.7b13fa85.js></script></body></html>
})();</script><link href=/vxe-table/static/css/advanced.f0f9fd82.css rel=prefetch><link href=/vxe-table/static/css/api.4e9ea0a5.css rel=prefetch><link href=/vxe-table/static/css/base.66df2255.css rel=prefetch><link href=/vxe-table/static/css/edit.4d86bd3c.css rel=prefetch><link href=/vxe-table/static/css/grid.d29e02ac.css rel=prefetch><link href=/vxe-table/static/css/module.f87fe04e.css rel=prefetch><link href=/vxe-table/static/css/other.68b39f76.css rel=prefetch><link href=/vxe-table/static/css/scroll.38d9b5ec.css rel=prefetch><link href=/vxe-table/static/css/start.068236aa.css rel=prefetch><link href=/vxe-table/static/css/tree.b4316aa7.css rel=prefetch><link href=/vxe-table/static/css/virtual-tree.628317ae.css rel=prefetch><link href=/vxe-table/static/js/advanced.d7bdfab2.js rel=prefetch><link href=/vxe-table/static/js/advanced~base~edit~excel~grid~module~other~plugin~scroll~start~tree~virtual-tree.60a6a011.js rel=prefetch><link href=/vxe-table/static/js/api.3fb145bf.js rel=prefetch><link href=/vxe-table/static/js/base.3ea6cca2.js rel=prefetch><link href=/vxe-table/static/js/edit.1b805c0e.js rel=prefetch><link href=/vxe-table/static/js/excel.28f68c00.js rel=prefetch><link href=/vxe-table/static/js/grid.c2e24064.js rel=prefetch><link href=/vxe-table/static/js/module.74216259.js rel=prefetch><link href=/vxe-table/static/js/other.05ddfb34.js rel=prefetch><link href=/vxe-table/static/js/plugin.90f3f902.js rel=prefetch><link href=/vxe-table/static/js/scroll.07ac6642.js rel=prefetch><link href=/vxe-table/static/js/start.51dc42d9.js rel=prefetch><link href=/vxe-table/static/js/tree.389328fb.js rel=prefetch><link href=/vxe-table/static/js/virtual-tree.24d1ab04.js rel=prefetch><link href=/vxe-table/static/css/chunk-vendors.ef656b67.css rel=preload as=style><link href=/vxe-table/static/css/index.40ca042c.css rel=preload as=style><link href=/vxe-table/static/js/chunk-vendors.fdb37c13.js rel=preload as=script><link href=/vxe-table/static/js/index.b82d0a1d.js rel=preload as=script><link href=/vxe-table/static/css/chunk-vendors.ef656b67.css rel=stylesheet><link href=/vxe-table/static/css/index.40ca042c.css rel=stylesheet></head><body><noscript><strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vxe-table/static/js/chunk-vendors.fdb37c13.js></script><script src=/vxe-table/static/js/index.b82d0a1d.js></script></body></html>

2
docs/static/js/base.92c14b40.js → docs/static/js/base.3ea6cca2.js vendored
View File

File diff suppressed because one or more lines are too long

2
docs/static/js/index.7b13fa85.js → docs/static/js/index.b82d0a1d.js vendored
View File

File diff suppressed because one or more lines are too long

2
docs/v1/index.html
View File

@@ -13,4 +13,4 @@
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
}
})();</script><link href=/vxe-table/v1/static/css/advanced.f0f9fd82.css rel=prefetch><link href=/vxe-table/v1/static/css/api.4e9ea0a5.css rel=prefetch><link href=/vxe-table/v1/static/css/base.66df2255.css rel=prefetch><link href=/vxe-table/v1/static/css/edit.384e7a54.css rel=prefetch><link href=/vxe-table/v1/static/css/grid.d29e02ac.css rel=prefetch><link href=/vxe-table/v1/static/css/module.e10fab70.css rel=prefetch><link href=/vxe-table/v1/static/css/other.68b39f76.css rel=prefetch><link href=/vxe-table/v1/static/css/scroll.38d9b5ec.css rel=prefetch><link href=/vxe-table/v1/static/css/start.068236aa.css rel=prefetch><link href=/vxe-table/v1/static/css/tree.b4316aa7.css rel=prefetch><link href=/vxe-table/v1/static/css/virtual-tree.628317ae.css rel=prefetch><link href=/vxe-table/v1/static/js/advanced.f2f43118.js rel=prefetch><link href=/vxe-table/v1/static/js/advanced~base~edit~excel~grid~module~other~plugin~scroll~start~tree~virtual-tree.e100a9e4.js rel=prefetch><link href=/vxe-table/v1/static/js/api.581b4a28.js rel=prefetch><link href=/vxe-table/v1/static/js/base.8158bf48.js rel=prefetch><link href=/vxe-table/v1/static/js/edit.f2f2c0cf.js rel=prefetch><link href=/vxe-table/v1/static/js/excel.d9d08b7d.js rel=prefetch><link href=/vxe-table/v1/static/js/grid.52eaef18.js rel=prefetch><link href=/vxe-table/v1/static/js/module.0f02af13.js rel=prefetch><link href=/vxe-table/v1/static/js/other.c12d98ae.js rel=prefetch><link href=/vxe-table/v1/static/js/plugin.2481c3a6.js rel=prefetch><link href=/vxe-table/v1/static/js/scroll.4157c7f3.js rel=prefetch><link href=/vxe-table/v1/static/js/start.4f8e542a.js rel=prefetch><link href=/vxe-table/v1/static/js/tree.1029b452.js rel=prefetch><link href=/vxe-table/v1/static/js/virtual-tree.d8a52c87.js rel=prefetch><link href=/vxe-table/v1/static/css/chunk-vendors.db3136af.css rel=preload as=style><link href=/vxe-table/v1/static/css/index.ce840dc6.css rel=preload as=style><link href=/vxe-table/v1/static/js/chunk-vendors.cfd01c0c.js rel=preload as=script><link href=/vxe-table/v1/static/js/index.f4f94a81.js rel=preload as=script><link href=/vxe-table/v1/static/css/chunk-vendors.db3136af.css rel=stylesheet><link href=/vxe-table/v1/static/css/index.ce840dc6.css rel=stylesheet></head><body><noscript><strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vxe-table/v1/static/js/chunk-vendors.cfd01c0c.js></script><script src=/vxe-table/v1/static/js/index.f4f94a81.js></script></body></html>
})();</script><link href=/vxe-table/v1/static/css/advanced.f0f9fd82.css rel=prefetch><link href=/vxe-table/v1/static/css/api.4e9ea0a5.css rel=prefetch><link href=/vxe-table/v1/static/css/base.66df2255.css rel=prefetch><link href=/vxe-table/v1/static/css/edit.384e7a54.css rel=prefetch><link href=/vxe-table/v1/static/css/grid.d29e02ac.css rel=prefetch><link href=/vxe-table/v1/static/css/module.e10fab70.css rel=prefetch><link href=/vxe-table/v1/static/css/other.68b39f76.css rel=prefetch><link href=/vxe-table/v1/static/css/scroll.38d9b5ec.css rel=prefetch><link href=/vxe-table/v1/static/css/start.068236aa.css rel=prefetch><link href=/vxe-table/v1/static/css/tree.b4316aa7.css rel=prefetch><link href=/vxe-table/v1/static/css/virtual-tree.628317ae.css rel=prefetch><link href=/vxe-table/v1/static/js/advanced.f2f43118.js rel=prefetch><link href=/vxe-table/v1/static/js/advanced~base~edit~excel~grid~module~other~plugin~scroll~start~tree~virtual-tree.e100a9e4.js rel=prefetch><link href=/vxe-table/v1/static/js/api.581b4a28.js rel=prefetch><link href=/vxe-table/v1/static/js/base.9f7655f4.js rel=prefetch><link href=/vxe-table/v1/static/js/edit.f2f2c0cf.js rel=prefetch><link href=/vxe-table/v1/static/js/excel.d9d08b7d.js rel=prefetch><link href=/vxe-table/v1/static/js/grid.52eaef18.js rel=prefetch><link href=/vxe-table/v1/static/js/module.0f02af13.js rel=prefetch><link href=/vxe-table/v1/static/js/other.c12d98ae.js rel=prefetch><link href=/vxe-table/v1/static/js/plugin.2481c3a6.js rel=prefetch><link href=/vxe-table/v1/static/js/scroll.4157c7f3.js rel=prefetch><link href=/vxe-table/v1/static/js/start.4f8e542a.js rel=prefetch><link href=/vxe-table/v1/static/js/tree.1029b452.js rel=prefetch><link href=/vxe-table/v1/static/js/virtual-tree.d8a52c87.js rel=prefetch><link href=/vxe-table/v1/static/css/chunk-vendors.db3136af.css rel=preload as=style><link href=/vxe-table/v1/static/css/index.ce840dc6.css rel=preload as=style><link href=/vxe-table/v1/static/js/chunk-vendors.cfd01c0c.js rel=preload as=script><link href=/vxe-table/v1/static/js/index.8a63a913.js rel=preload as=script><link href=/vxe-table/v1/static/css/chunk-vendors.db3136af.css rel=stylesheet><link href=/vxe-table/v1/static/css/index.ce840dc6.css rel=stylesheet></head><body><noscript><strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vxe-table/v1/static/js/chunk-vendors.cfd01c0c.js></script><script src=/vxe-table/v1/static/js/index.8a63a913.js></script></body></html>

2
docs/v2/static/js/base.671a4a1e.js → docs/v1/static/js/base.9f7655f4.js
View File

File diff suppressed because one or more lines are too long

2
docs/v1/static/js/index.f4f94a81.js → docs/v1/static/js/index.8a63a913.js
View File

File diff suppressed because one or more lines are too long

2
docs/v2/index.html
View File

@@ -13,4 +13,4 @@
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
}
})();</script><link href=/vxe-table/v2/static/css/advanced.f0f9fd82.css rel=prefetch><link href=/vxe-table/v2/static/css/api.4e9ea0a5.css rel=prefetch><link href=/vxe-table/v2/static/css/base.66df2255.css rel=prefetch><link href=/vxe-table/v2/static/css/edit.4d86bd3c.css rel=prefetch><link href=/vxe-table/v2/static/css/grid.d29e02ac.css rel=prefetch><link href=/vxe-table/v2/static/css/module.e10fab70.css rel=prefetch><link href=/vxe-table/v2/static/css/other.68b39f76.css rel=prefetch><link href=/vxe-table/v2/static/css/scroll.38d9b5ec.css rel=prefetch><link href=/vxe-table/v2/static/css/start.068236aa.css rel=prefetch><link href=/vxe-table/v2/static/css/tree.b4316aa7.css rel=prefetch><link href=/vxe-table/v2/static/css/virtual-tree.628317ae.css rel=prefetch><link href=/vxe-table/v2/static/js/advanced.759e5c65.js rel=prefetch><link href=/vxe-table/v2/static/js/advanced~base~edit~excel~grid~module~other~plugin~scroll~start~tree~virtual-tree.60a6a011.js rel=prefetch><link href=/vxe-table/v2/static/js/api.89cd7aa0.js rel=prefetch><link href=/vxe-table/v2/static/js/base.671a4a1e.js rel=prefetch><link href=/vxe-table/v2/static/js/edit.8e2d6dba.js rel=prefetch><link href=/vxe-table/v2/static/js/excel.3da5f442.js rel=prefetch><link href=/vxe-table/v2/static/js/grid.1e986056.js rel=prefetch><link href=/vxe-table/v2/static/js/module.c69ee4b8.js rel=prefetch><link href=/vxe-table/v2/static/js/other.fca64414.js rel=prefetch><link href=/vxe-table/v2/static/js/plugin.f970948a.js rel=prefetch><link href=/vxe-table/v2/static/js/scroll.a3eab094.js rel=prefetch><link href=/vxe-table/v2/static/js/start.b4659194.js rel=prefetch><link href=/vxe-table/v2/static/js/tree.9743b7ba.js rel=prefetch><link href=/vxe-table/v2/static/js/virtual-tree.f9c902dc.js rel=prefetch><link href=/vxe-table/v2/static/css/chunk-vendors.ef656b67.css rel=preload as=style><link href=/vxe-table/v2/static/css/index.40ca042c.css rel=preload as=style><link href=/vxe-table/v2/static/js/chunk-vendors.eab2ec6d.js rel=preload as=script><link href=/vxe-table/v2/static/js/index.74d24771.js rel=preload as=script><link href=/vxe-table/v2/static/css/chunk-vendors.ef656b67.css rel=stylesheet><link href=/vxe-table/v2/static/css/index.40ca042c.css rel=stylesheet></head><body><noscript><strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vxe-table/v2/static/js/chunk-vendors.eab2ec6d.js></script><script src=/vxe-table/v2/static/js/index.74d24771.js></script></body></html>
})();</script><link href=/vxe-table/v2/static/css/advanced.f0f9fd82.css rel=prefetch><link href=/vxe-table/v2/static/css/api.4e9ea0a5.css rel=prefetch><link href=/vxe-table/v2/static/css/base.66df2255.css rel=prefetch><link href=/vxe-table/v2/static/css/edit.4d86bd3c.css rel=prefetch><link href=/vxe-table/v2/static/css/grid.d29e02ac.css rel=prefetch><link href=/vxe-table/v2/static/css/module.e10fab70.css rel=prefetch><link href=/vxe-table/v2/static/css/other.68b39f76.css rel=prefetch><link href=/vxe-table/v2/static/css/scroll.38d9b5ec.css rel=prefetch><link href=/vxe-table/v2/static/css/start.068236aa.css rel=prefetch><link href=/vxe-table/v2/static/css/tree.b4316aa7.css rel=prefetch><link href=/vxe-table/v2/static/css/virtual-tree.628317ae.css rel=prefetch><link href=/vxe-table/v2/static/js/advanced.759e5c65.js rel=prefetch><link href=/vxe-table/v2/static/js/advanced~base~edit~excel~grid~module~other~plugin~scroll~start~tree~virtual-tree.60a6a011.js rel=prefetch><link href=/vxe-table/v2/static/js/api.89cd7aa0.js rel=prefetch><link href=/vxe-table/v2/static/js/base.8d2a7b3e.js rel=prefetch><link href=/vxe-table/v2/static/js/edit.8e2d6dba.js rel=prefetch><link href=/vxe-table/v2/static/js/excel.3da5f442.js rel=prefetch><link href=/vxe-table/v2/static/js/grid.1e986056.js rel=prefetch><link href=/vxe-table/v2/static/js/module.c69ee4b8.js rel=prefetch><link href=/vxe-table/v2/static/js/other.fca64414.js rel=prefetch><link href=/vxe-table/v2/static/js/plugin.f970948a.js rel=prefetch><link href=/vxe-table/v2/static/js/scroll.a3eab094.js rel=prefetch><link href=/vxe-table/v2/static/js/start.b4659194.js rel=prefetch><link href=/vxe-table/v2/static/js/tree.9743b7ba.js rel=prefetch><link href=/vxe-table/v2/static/js/virtual-tree.f9c902dc.js rel=prefetch><link href=/vxe-table/v2/static/css/chunk-vendors.ef656b67.css rel=preload as=style><link href=/vxe-table/v2/static/css/index.40ca042c.css rel=preload as=style><link href=/vxe-table/v2/static/js/chunk-vendors.eab2ec6d.js rel=preload as=script><link href=/vxe-table/v2/static/js/index.6b0e150a.js rel=preload as=script><link href=/vxe-table/v2/static/css/chunk-vendors.ef656b67.css rel=stylesheet><link href=/vxe-table/v2/static/css/index.40ca042c.css rel=stylesheet></head><body><noscript><strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vxe-table/v2/static/js/chunk-vendors.eab2ec6d.js></script><script src=/vxe-table/v2/static/js/index.6b0e150a.js></script></body></html>

2
docs/v1/static/js/base.8158bf48.js → docs/v2/static/js/base.8d2a7b3e.js
View File

File diff suppressed because one or more lines are too long

2
docs/v2/static/js/index.74d24771.js → docs/v2/static/js/index.6b0e150a.js
View File

File diff suppressed because one or more lines are too long

12
examples/plugins/xtable/formatter.js
View File

@@ -4,28 +4,28 @@ import XEUtils from 'xe-utils'
// 自定义全局的格式化处理函数
VXETable.formats.mixin({
// 格式化下拉选项
formatSelect (cellValue, list) {
select (cellValue, list) {
const item = list.find(item => item.value === cellValue)
return item ? item.label : ''
},
// 格式化日期，默认 yyyy-MM-dd HH:mm:ss
formatDate (cellValue, format) {
date (cellValue, format) {
return XEUtils.toDateString(cellValue, format || 'yyyy-MM-dd HH:mm:ss')
},
// 格式金额，默认2位数
formatAmount (cellValue, digits) {
amount (cellValue, digits) {
return XEUtils.commafy(cellValue, { digits: digits || 2 })
},
// 格式化银行卡，默认每4位隔开
formatBankcard (cellValue) {
bankcard (cellValue) {
return XEUtils.commafy(cellValue, { spaceNumber: 4, separator: ' ' })
},
// 四舍五入,默认两位数
formatFixed (cellValue, digits) {
fixedNumber (cellValue, digits) {
return XEUtils.toNumber(cellValue).toFixed(digits || 2)
},
// 截取小数,默认两位数
formatCutFixed (cellValue, digits) {
cutNumber (cellValue, digits) {
return XEUtils.toFixedString(cellValue, digits || 2)
}
})

105
examples/views/table/base/Format.vue
View File

@@ -31,21 +31,22 @@
border
:data="tableData">
<vxe-table-column type="seq" width="60"></vxe-table-column>
<vxe-table-column field="date" title="转日期" width="180" formatter="formatDate"></vxe-table-column>
<vxe-table-column field="time" title="转日期格式" width="140" :formatter="['formatDate', 'yyyy-MM-dd']"></vxe-table-column>
<vxe-table-column field="amount" title="格式化金额" formatter="formatAmount"></vxe-table-column>
<vxe-table-column field="bankCard" title="银行卡" width="180" formatter="formatBankcard"></vxe-table-column>
<vxe-table-column field="date" title="转日期" width="180" formatter="date"></vxe-table-column>
<vxe-table-column field="time" title="转日期格式" width="140" :formatter="['date', 'yyyy-MM-dd']"></vxe-table-column>
<vxe-table-column field="amount" title="格式化金额" formatter="amount"></vxe-table-column>
<vxe-table-column field="bankCard" title="银行卡" width="180" formatter="bankcard"></vxe-table-column>
<vxe-table-column field="num7" title="数值"></vxe-table-column>
<vxe-table-column field="num7" title="截取2位数" formatter="formatCutFixed"></vxe-table-column>
<vxe-table-column field="num7" title="四舍五入2位数" formatter="formatFixed"></vxe-table-column>
<vxe-table-column field="sex" title="格式化性别" :formatter="['formatSelect', sexList]"></vxe-table-column>
<vxe-table-column field="num7" title="截取2位数" formatter="cutNumber"></vxe-table-column>
<vxe-table-column field="num7" title="四舍五入2位数" formatter="fixedNumber"></vxe-table-column>
<vxe-table-column field="sex" title="格式化性别" :formatter="['select', sexList]"></vxe-table-column>
</vxe-table>
<p class="demo-code">{{ $t('app.body.button.showCode') }}</p>
<pre>
<code class="xml">{{ demoCodes[2] }}</code>
<code class="javascript">{{ demoCodes[3] }}</code>
<code class="javascript">{{ demoCodes[2] }}</code>
<code class="xml">{{ demoCodes[3] }}</code>
<code class="javascript">{{ demoCodes[4] }}</code>
</pre>
</div>
</template>
@@ -74,14 +75,10 @@ export default {
border
:data="tableData">
<vxe-table-column type="seq" width="60"></vxe-table-column>
<vxe-table-column field="date" title="转日期" width="180" formatter="formatDate"></vxe-table-column>
<vxe-table-column field="time" title="转日期格式" width="140" :formatter="['formatDate', 'yyyy-MM-dd']"></vxe-table-column>
<vxe-table-column field="amount" title="格式化金额" formatter="formatAmount"></vxe-table-column>
<vxe-table-column field="bankCard" title="银行卡" width="180" formatter="formatBankcard"></vxe-table-column>
<vxe-table-column field="num7" title="数值"></vxe-table-column>
<vxe-table-column field="num7" title="截取2位数" :formatter="['toFixedString', 2]"></vxe-table-column>
<vxe-table-column field="num7" title="四舍五入2位数" formatter="formatFixed"></vxe-table-column>
<vxe-table-column field="sex" title="格式化性别" :formatter="['formatSelect', sexList]"></vxe-table-column>
<vxe-table-column field="name" title="Name" sortable></vxe-table-column>
<vxe-table-column field="sex" title="Sex" :formatter="formatterSex"></vxe-table-column>
<vxe-table-column field="time" title="Time" :formatter="formatTime"></vxe-table-column>
<vxe-table-column field="address" title="Address" show-overflow></vxe-table-column>
</vxe-table>
`,
`
@@ -116,49 +113,51 @@ export default {
}
`,
`
// 自定义全局的格式化处理函数
VXETable.formats.mixin({
// 格式化下拉选项
select (cellValue, list) {
const item = list.find(item => item.value === cellValue)
return item ? item.label : ''
},
// 格式化日期，默认 yyyy-MM-dd HH:mm:ss
date (cellValue, format) {
return XEUtils.toDateString(cellValue, format || 'yyyy-MM-dd HH:mm:ss')
},
// 格式金额，默认2位数
amount (cellValue, digits) {
return XEUtils.commafy(cellValue, { digits: digits || 2 })
},
// 格式化银行卡，默认每4位隔开
bankcard (cellValue) {
return XEUtils.commafy(cellValue, { spaceNumber: 4, separator: ' ' })
},
// 四舍五入,默认两位数
fixedNumber (cellValue, digits) {
return XEUtils.toNumber(cellValue).toFixed(digits || 2)
},
// 截取小数,默认两位数
cutNumber (cellValue, digits) {
return XEUtils.toFixedString(cellValue, digits || 2)
}
})
`,
`
<vxe-table
border
:data="tableData">
<vxe-table-column type="seq" width="60"></vxe-table-column>
<vxe-table-column field="date" title="转日期" width="180" formatter="formatDate"></vxe-table-column>
<vxe-table-column field="time" title="转日期格式" width="140" :formatter="['formatDate', 'yyyy-MM-dd']"></vxe-table-column>
<vxe-table-column field="amount" title="格式化金额" formatter="formatAmount"></vxe-table-column>
<vxe-table-column field="bankCard" title="银行卡" width="180" formatter="formatBankcard"></vxe-table-column>
<vxe-table-column field="num7" title="截取2位数" formatter="formatCutFixed"></vxe-table-column>
<vxe-table-column field="num7" title="四舍五入2位数" formatter="formatFixed"></vxe-table-column>
<vxe-table-column field="sex" title="格式化性别" :formatter="['formatSelect', sexList]"></vxe-table-column>
<vxe-table-column field="date" title="转日期" width="180" formatter="date"></vxe-table-column>
<vxe-table-column field="time" title="转日期格式" width="140" :formatter="['date', 'yyyy-MM-dd']"></vxe-table-column>
<vxe-table-column field="amount" title="格式化金额" formatter="amount"></vxe-table-column>
<vxe-table-column field="bankCard" title="银行卡" width="180" formatter="bankcard"></vxe-table-column>
<vxe-table-column field="num7" title="数值"></vxe-table-column>
<vxe-table-column field="num7" title="截取2位数" formatter="cutNumber"></vxe-table-column>
<vxe-table-column field="num7" title="四舍五入2位数" formatter="fixedNumber"></vxe-table-column>
<vxe-table-column field="sex" title="格式化性别" :formatter="['select', sexList]"></vxe-table-column>
</vxe-table>
`,
`
// 自定义全局的格式化处理函数
VXETable.formats.mixin({
// 格式化下拉选项
formatSelect (cellValue, list) {
let item = list.find(item => item.value === cellValue)
return item ? item.label : ''
},
// 格式化日期，默认 yyyy-MM-dd HH:mm:ss
formatDate (cellValue, format) {
return XEUtils.toDateString(cellValue, format || 'yyyy-MM-dd HH:mm:ss')
},
// 格式金额，默认2位数
formatAmount (cellValue, digits) {
return XEUtils.commafy(cellValue, { digits: digits || 2 })
},
// 格式化银行卡，默认每4位隔开
formatBankcard (cellValue) {
return XEUtils.commafy(cellValue, { spaceNumber: 4, separator: ' ' })
},
// 四舍五入,默认两位数
formatFixed (cellValue, digits) {
return XEUtils.toNumber(cellValue).toFixed(digits || 2)
},
// 截取小数,默认两位数
formatCutFixed (cellValue, digits) {
return XEUtils.toFixedString(cellValue, digits || 2)
}
})
export default {
data () {
return {