From 55bf797dcc730b37bc691ebab2b51ff9db8ed245 Mon Sep 17 00:00:00 2001 From: zs <zhousong@weben-smart.com> Date: 周二, 06 5月 2025 17:37:23 +0800 Subject: [PATCH] 修改代码样式 --- HIAWms/web/src/components/Table/Readme.md | 90 +++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 90 insertions(+), 0 deletions(-) diff --git a/HIAWms/web/src/components/Table/Readme.md b/HIAWms/web/src/components/Table/Readme.md new file mode 100644 index 0000000..cd9491b --- /dev/null +++ b/HIAWms/web/src/components/Table/Readme.md @@ -0,0 +1,90 @@ +# Vue 3 缁勪欢鏂囨。 + +## InformationTable 缁勪欢 + +### 鎻忚堪 + +`InformationTable` 缁勪欢鏄竴涓熀浜� Vue 3 鐨勮〃鏍肩粍浠讹紝鐢ㄤ簬灞曠ず鍏锋湁鍚勭鍔熻兘鐨勮〃鏍兼暟鎹紝渚嬪鎺掑簭銆佸垎椤靛拰鍙抽敭涓婁笅鏂囪彍鍗曘�傝缁勪欢鍒╃敤浜� VXE-Table 搴撴彁渚涜〃鏍煎姛鑳姐�� + +### Props + +- **dataSource** (`Array<Object>`): 琛ㄦ牸鐨勬暟鎹簮銆� +- **columns** (`Array<Object>`): 琛ㄦ牸鍒楃殑閰嶇疆銆� +- **pageSize** (`Number`): 姣忛〉鏄剧ず鐨勯」鏁般�� +- **total** (`Number`): 璁板綍鐨勬�绘暟銆� +- **isHidePagination** (`Boolean`): 鏄惁闅愯棌鍒嗛〉鎺т欢銆� +- **isChecked** (`Boolean`): 鏄惁鏄剧ず澶氶�夊閫夋銆� +- **isSort** (`Boolean`): 鏄惁鍚敤鎺掑簭銆� +- **id** (`String`): 鐢ㄤ簬鍞竴鏍囪瘑姣忎竴琛岀殑閿瓧娈点�� +- **showDarg** (`Boolean`/`String`): 宸插純鐢ㄣ�傜敤浜庢樉绀�/闅愯棌鎷栨嫿鍔熻兘銆� +- **isDrag** (`Boolean`/`String`): 鏄惁鍚敤鎷栨嫿鍔熻兘銆� +- **autoHeight** (`Boolean`): 鏄惁鑷姩璋冩暣琛ㄦ牸楂樺害銆� +- **isVScroll** (`Boolean`): 鏄惁鍚敤铏氭嫙婊氬姩銆� +- **border** (`String`/`Any`): 琛ㄦ牸鐨勮竟妗嗘牱寮忋�� +- **url** (`String`): 鐢ㄤ簬鑾峰彇鏁版嵁鐨� API 绔偣銆� +- **isFooter** (`Boolean`): 鏄惁鏄剧ず甯︽湁娣诲姞鎸夐挳鐨勯〉鑴氥�� +- **contextMenu** (`Array`): 鍙抽敭涓婁笅鏂囪彍鍗曠殑閰嶇疆銆� +- **rowConfig** (`Any`): 琛ㄦ牸琛岀殑闄勫姞閰嶇疆銆� +- **size** (`String`): 琛ㄦ牸鐨勫ぇ灏忥紙'small'銆�'mini' 鎴栭粯璁わ級銆� + +### Events + +- **check(records: `Array`)**: 褰撻�夋嫨澶嶉�夋鏃惰Е鍙戙�� +- **sort(...args: `Any`)**: 褰撴帓搴忔洿鏀规椂瑙﹀彂銆� +- **page(currentPage: `Number`)**: 褰撳綋鍓嶉〉鏇存敼鏃惰Е鍙戙�� +- **rowClick(row: `Object`)**: 褰撶偣鍑昏鏃惰Е鍙戙�� +- **update:dataSource(data: `Array`)**: 褰撴暟鎹簮鏇存柊鏃惰Е鍙戙�� +- **clickFooter()**: 褰撶偣鍑婚〉鑴氭坊鍔犳寜閽椂瑙﹀彂銆� + +### Methods + +- **setSelectRow(keys: `Array`, checked: `Boolean`)**: 鏍规嵁閿缃�夊畾鐨勮銆� +- **setRow(row: `Object`)**: 璁剧疆褰撳墠琛屻�� +- **clearSelectEvent()**: 娓呴櫎鎵�鏈夐�夊畾鐨勮銆� + +### 浣跨敤 + +```vue +<template> + <InformationTable + :dataSource="yourDataSource" + :columns="yourColumns" + :pageSize="10" + :total="yourTotalRecords" + :isChecked="true" + :isSort="true" + :id="'id'" + :isDrag="true" + :autoHeight="true" + :isVScroll="true" + :border="'1px solid #e3e6ed'" + :url="'your/api/endpoint'" + :isFooter="true" + :contextMenu="yourContextMenuConfig" + :rowConfig="yourRowConfig" + :size="'small'" + @check="handleCheck" + @sort="handleSort" + @page="handlePage" + @rowClick="handleRowClick" + @update:dataSource="handleUpdateDataSource" + @clickFooter="handleClickFooter" + /> +</template> + +<script> +import InformationTable from 'path/to/InformationTable.vue' + +export default { + components: { + InformationTable, + }, +} +</script> +``` + +### 娉ㄦ剰浜嬮」 + +- 杩欐槸涓�涓熀鏈殑姒傝堪鏂囨。銆傛牴鎹綘鐨勫叿浣撹姹傝繘琛屽畾鍒跺拰鎵╁睍銆� +- 纭繚 VXE-Table 搴撳凡姝g‘瀹夎鍜岄厤缃湪浣犵殑椤圭洰涓�� +- 鏍规嵁璁捐鍋忓ソ鍙兘闇�瑕侀澶栫殑鏍峰紡璁剧疆銆� -- Gitblit v1.9.3