From 6d7cd13eecd3a6f176d310986b4750b0c407e3a1 Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期三, 21 五月 2025 14:40:43 +0800 Subject: [PATCH] 测试完成 --- src/components/SFtable/index.vue | 119 ++++++++++++++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 109 insertions(+), 10 deletions(-) diff --git a/src/components/SFtable/index.vue b/src/components/SFtable/index.vue index 21b1746..2687a76 100644 --- a/src/components/SFtable/index.vue +++ b/src/components/SFtable/index.vue @@ -1,7 +1,14 @@ <!-- 琛ㄦ牸缁勪欢灏佽 --> <template> <el-table - :data="currentList" + ref="multipleTableson" + :height="heights" + :data=" + currentList.filter( + (data) => + !search || data.name.toLowerCase().includes(search.toLowerCase()) + ) + " @selection-change="handleSelectionChange" :header-cell-style="{ background: '#f3f6fb', @@ -14,6 +21,7 @@ > <el-table-column v-if="multiplechoice" + fixed="left" type="selection" width="50" align="center" @@ -25,7 +33,43 @@ key="id" prop="id" /> - <el-table-column + <div v-for="(item, index) in tableLabel"> + <el-table-column + v-if="item.label == '鍑洪櫌鏃ユ湡'" + :key="index" + :prop="item.prop" + :width="item.width" + :label="item.label" + :formatter="formatData" + > + <template slot-scope="scope"> + <span>{{ formatTime(scope.row.endtime) }}</span> + </template> + </el-table-column> + <el-table-column + v-if="item.label == '鎬у埆'" + :key="index" + :prop="item.prop" + :width="item.width" + :label="item.label" + :formatter="formatData" + > + <template slot-scope="scope"> + <span>{{ scope.row.sex == 1 ? "鐢�" : "濂�" }}</span> + </template> + </el-table-column> + + <el-table-column + v-if="item.label != '鎬у埆' && item.label != '鍑洪櫌鏃ユ湡'" + :key="index" + :prop="item.prop" + :width="item.width" + :label="item.label" + :formatter="formatData" + > + </el-table-column> + </div> + <!-- <el-table-column v-for="(item, index) in tableLabel" :key="index" :prop="item.prop" @@ -33,8 +77,8 @@ :label="item.label" :formatter="formatData" > - </el-table-column> - <el-table-column + </el-table-column> --> + <!-- <el-table-column label="鏄惁鍙敤" align="center" key="isavailable" @@ -43,17 +87,48 @@ > <template slot-scope="scope"> <dict-tag :options="qyoptions" :value="scope.row.usestate" /> - </template> - </el-table-column> + </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" @@ -90,6 +165,7 @@ editabshape: [], qyoptions: [], precedencetype: [], + search: "", }; }, props: { @@ -121,10 +197,18 @@ type: Boolean, default: true, }, - // 1妯$増鍒楄〃 2閫変腑鎮h�� 3鎮h�呭垪琛� + // 1妯℃澘鍒楄〃 2閫変腑鎮h�� 3鎮h�呭垪琛� typeinfo: { type: Number, default: 1, + }, + heights: { + type: Number, + default: 600, + }, + searchTrue: { + type: Boolean, + default: false, }, }, created() { @@ -144,15 +228,30 @@ } return "鎵嬪姩"; } - if (column.property === "createTime") { - return dayjs(cellValue).format("YYYY.MM.DD HH:mm:ss"); + if ( + column.property === "createTime" || + column.property === "inhosptime" + ) { + if (cellValue === null) { + return ""; + } + return dayjs(cellValue).format("YYYY-MM-DD "); } return cellValue; }, // 澶氶�夋閫変腑鏁版嵁 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