// to fix style.el-form-search{float:right;.el-form-search-item{margin-bottom:0px;.el-input__inner{width:140px;}}}案例包括完整style“display: flex; align-items: center; gap: 10px;justify-content: flex-end”div styledisplay: flex; align-items: center; gap: 10px;justify-content: flex-end el-form :modelqueryParams refqueryForm :inlinetrue v-showshowSearch label-width68px classel-form-search el-form-item label分类名称 propcategoryName classel-form-search-item el-input v-modelqueryParams.categoryName placeholder请输入分类名称 clearable sizesmall keyup.enter.nativehandleQuery / /el-form-item el-form-item label分类编码 propcode classel-form-search-item el-input v-modelqueryParams.code placeholder请输入分类编码 clearable sizesmall keyup.enter.nativehandleQuery / /el-form-item el-form-item classel-form-search-item el-button typeprimary iconel-icon-search sizemini clickhandleQuery搜索/el-button el-button iconel-icon-refresh sizemini clickresetQuery重置/el-button /el-form-item /el-form right-toolbar :showSearch.syncshowSearch queryTablegetList/right-toolbar /div列表圆点状态el-table-column label生效状态aligncenterpropbeffectwidth100template slot-scopescopespan slotreferencev-ifscope.row.beffect 1iclassdotClassstylebackground-color: springgreen;width:10px; height:10px; border-radius: 50%; display: block/i/spanspan slotreferencev-ifscope.row.beffect 0iclassdotClassstylebackground-color: red ;width:10px; height:10px; border-radius: 50%; display: block/i/span!--iclassdotClassstylebackground-color: springgreen;width:10px; height:10px; border-radius: 50%; display: block/i--/template/el-table-column