From 7ecca2a5e7a9c9ae811b68dc98e05c689b18aca6 Mon Sep 17 00:00:00 2001
From: schangxiang@126.com <schangxiang@126.com>
Date: 周日, 04 5月 2025 15:41:43 +0800
Subject: [PATCH] 222
---
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