From 7eaee92ee52e1501480adbbe8a1af9ddecc04275 Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期三, 04 九月 2024 11:05:23 +0800 Subject: [PATCH] 测试完成 --- src/components/SFtable/index.vue | 59 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 56 insertions(+), 3 deletions(-) diff --git a/src/components/SFtable/index.vue b/src/components/SFtable/index.vue index 66089f3..f54eb81 100644 --- a/src/components/SFtable/index.vue +++ b/src/components/SFtable/index.vue @@ -1,7 +1,13 @@ <!-- 琛ㄦ牸缁勪欢灏佽 --> <template> <el-table - :data="currentList" + ref="multipleTableson" + :data=" + currentList.filter( + (data) => + !search || data.name.toLowerCase().includes(search.toLowerCase()) + ) + " @selection-change="handleSelectionChange" :header-cell-style="{ background: '#f3f6fb', @@ -46,13 +52,45 @@ </template> </el-table-column> --> <el-table-column - v-if="center" + v-if="center && !searchTrue" label="鎿嶄綔" fixed="right" align="center" width="120" class-name="small-padding fixed-width" > + <template slot-scope="scope"> + <el-button + v-if="controlxz" + size="medium" + type="text" + @click.native="$emit('selectfn', scope.row, typeinfo)" + ><span class="button-zx" + ><i class="el-icon-s-promotion"></i>閫夋嫨</span + ></el-button + > + <el-button + v-if="controlsc" + size="medium" + type="text" + @click.native="$emit('details', scope.row, typeinfo)" + ><span style="color: red" + ><i class="el-icon-delete"></i>鍒犻櫎</span + ></el-button + > + </template> + </el-table-column> + <el-table-column + v-if="center && searchTrue" + label="鎿嶄綔" + fixed="right" + align="right" + width="200" + class-name="small-padding fixed-width" + > + <template slot="header" slot-scope="scope"> + <el-input v-model="search" size="mini" placeholder="杈撳叆鎮h�呭悕绉版悳绱�" /> + </template> <template slot-scope="scope"> <el-button v-if="controlxz" @@ -89,6 +127,7 @@ editabshape: [], qyoptions: [], precedencetype: [], + search: "", }; }, props: { @@ -120,10 +159,14 @@ type: Boolean, default: true, }, - // 1妯$増鍒楄〃 2閫変腑鎮h�� 3鎮h�呭垪琛� + // 1妯℃澘鍒楄〃 2閫変腑鎮h�� 3鎮h�呭垪琛� typeinfo: { type: Number, default: 1, + }, + searchTrue: { + type: Boolean, + default: false, }, }, created() { @@ -156,8 +199,18 @@ }, // 澶氶�夋閫変腑鏁版嵁 handleSelectionChange(selection) { + console.log(selection); + this.$emit("handleSelectionChange", selection); }, + toggleRowSelection(row, selected) { + this.$refs.multipleTableson.toggleRowSelection(row, selected); + }, + clearSelection() { + // 鍦ㄨ繖閲岀紪鍐欐竻闄ら�夋嫨鐨勯�昏緫 + this.$refs.multipleTableson.clearSelection(); + + }, }, }; </script> -- Gitblit v1.9.3