固定列错位,默认隐藏搜索框,图标修改回显,调整页面
| | |
| | | min-height: 26px; |
| | | } |
| | | .avue-crud .avue-crud__menu .el-button{ |
| | | margin-bottom: 5px; |
| | | |
| | | } |
| | | .avue-crud .avue-crud__menu .el-button--text{ |
| | | padding: 2px 6px; |
| | | } |
| | | .avue-crud table td{ |
| | | line-height: 22px; |
| | | } |
| | | /**左侧操作栏**/ |
| | | .avue-crud__left{ |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | /**表内操作栏**/ |
| | | .avue-crud .avue-crud__menu{ |
| | | min-height: 22px; |
| | | display: flex; |
| | | justify-content: space-around; |
| | | } |
| | | .el-table--small, .el-table__expand-icon{ |
| | | font-size: 14px; |
| | |
| | | bottom: 0; |
| | | } |
| | | /****处理固定列错行问题****/ |
| | | .el-table th.el-table__cell .cell{ |
| | | display: flex; |
| | | justify-content:flex-start; |
| | | } |
| | | .el-table th.el-table__cell.is-center .cell{ |
| | | justify-content:center; |
| | | } |
| | | |
| | | .el-table th.el-table__cell.is-right .cell{ |
| | | justify-content: flex-end; |
| | | } |
| | | .el-table th.el-table__cell .cell span:first-child{ |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | .el-table .el-table__fixed,.el-table .el-table__fixed-right{ |
| | | height: 100% !important; |
| | | } |
| | | .el-table__fixed .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-body-wrapper{ |
| | | height: calc(100% - 37px) !important; |
| | | top:37px !important; |
| | | height: calc(100% - 47px) !important; |
| | | top:35px !important; |
| | | padding-bottom: 12px !important; |
| | | } |
| | | /* |
| | | 分页 |
| | |
| | | content: ''; |
| | | } |
| | | |
| | | .avue-crud .avue-crud__menu .el-button{ |
| | | margin-top: 5px; |
| | | } |
| | | |
| | | .avue-crud__left{ |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | .avue-crud__menu{ |
| | | display: flex; |
| | | justify-content: space-around; |
| | | } |
| | | |
| | | .font14{font-size: 14px;width: 12px;height: 12px;display: inline-block;} |
| | | .font16{font-size: 16px;width: 14px;height: 14px;display: inline-block;} |
| | |
| | | index:true, |
| | | indexFixed:false,//固定列 |
| | | dialogDrag:true, |
| | | searchShow:true, |
| | | searchIcon:true, |
| | | selection:true, //是否有选择框 |
| | | selectionFixed:false, |
| | |
| | | align: 'center', |
| | | emptyText: '暂无内容', |
| | | tip:false, |
| | | searchShow:false,//搜索栏默认隐藏 |
| | | // menu:false, 是否有操作栏 |
| | | // menuTitle:xxx, 操作栏标题 |
| | | } |
| | |
| | | { |
| | | required: true, |
| | | message: '请选择图标', |
| | | trigger: 'blur' |
| | | trigger: 'submit' |
| | | } |
| | | ] |
| | | }, |
| | |
| | | |
| | | <el-tabs v-model="activeName" @tab-click="handleClick"> |
| | | <el-tab-pane v-for="item in iconList" :label="item.lable" :name="item.lable" style="height: calc(100vh - 270px);overflow: auto "> |
| | | <div class="iconList"> |
| | | <div class="iconList" :key="key"> |
| | | <div class="iconItem" v-for="svg in item.list" |
| | | :data-value="svg.name" v-right-click="{action:checkSvg,data:svg}"> |
| | | <div class="svgContent" v-html="svg.content"></div> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | key:1, |
| | | types: [], |
| | | checkedTypes:[], |
| | | searchText:'', |
| | |
| | | if (this.iconList.length > 0) { |
| | | this.activeName = this.iconList[0].lable; |
| | | } |
| | | this.key++; |
| | | } else { |
| | | this.$message.error(res.data.msg); |
| | | } |
| | |
| | | column: [{ |
| | | label: '名称', |
| | | prop: 'plName', |
| | | search: true |
| | | search: true, |
| | | overHidden:true |
| | | }, { |
| | | label: 'UI上下文', |
| | | prop: 'plCode', |
| | | search: true, |
| | | sortable: true, |
| | | overHidden:true |
| | | }, { |
| | | label: '导航区', |
| | | prop: 'plIsShowNavigator', |