JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-09-26 19:19:59 +08:00
Code Issues Projects Releases Wiki Activity

fix(form): 优化table样式

Browse Source
This commit is contained in:
roymondchen 2022-03-11 18:53:02 +08:00 committed by jia000
parent b83aec8908
commit 3c7d756d19
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/form/src/containers/Table.vue
View File

@ -21,7 +21,7 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="50" :fixed="config.fixed === false ? undefined : 'left'"> <el-table-column label="操作" width="60" :fixed="config.fixed === false ? undefined : 'left'">
<template v-slot="scope"> <template v-slot="scope">
<el-button <el-button
v-show="showDelete(scope.$index + 1 + pagecontext * pagesize - 1)" v-show="showDelete(scope.$index + 1 + pagecontext * pagesize - 1)"
@ -33,7 +33,7 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column v-if="sort && model[modelName] && model[modelName].length > 1" label="排序" width="70"> <el-table-column v-if="sort && model[modelName] && model[modelName].length > 1" label="排序" width="60">
<template v-slot="scope"> <template v-slot="scope">
<el-tooltip <el-tooltip
content="点击上移，双击置顶" content="点击上移，双击置顶"
@ -74,7 +74,7 @@
width="45" width="45"
></el-table-column> ></el-table-column>
<el-table-column width="50" label="序号"> <el-table-column width="60" label="序号">
<template v-slot="scope">{{ scope.$index + 1 + pagecontext * pagesize }}</template> <template v-slot="scope">{{ scope.$index + 1 + pagecontext * pagesize }}</template>
</el-table-column> </el-table-column>
@ -107,10 +107,10 @@
</el-tooltip> </el-tooltip>
<slot></slot> <slot></slot>
<el-button v-if="addable" size="small" type="primary" plain @click="newHandler()">添加</el-button> &nbsp; <el-button v-if="addable" size="small" type="primary" plain @click="newHandler()">添加</el-button> &nbsp;
<el-button icon="el-icon-s-grid" size="small" @click="toggleMode" v-if="enableToggleMode && !isFullscreen" <el-button :icon="Grid" size="small" @click="toggleMode" v-if="enableToggleMode && !isFullscreen"
>展开配置</el-button >展开配置</el-button
> >
<el-button icon="el-icon-s-grid" size="small" @click="toggleFullscreen" v-if="config.enableFullscreen !== false"> <el-button :icon="FullScreen" size="small" @click="toggleFullscreen" v-if="config.enableFullscreen !== false">
{{ isFullscreen ? '退出全屏' : '全屏编辑' }} {{ isFullscreen ? '退出全屏' : '全屏编辑' }}
</el-button> </el-button>
<el-upload <el-upload
@ -145,7 +145,7 @@
<script lang="ts"> <script lang="ts">
/* eslint-disable no-param-reassign */ /* eslint-disable no-param-reassign */
import { computed, defineComponent, inject, onMounted, PropType, ref, toRefs } from 'vue'; import { computed, defineComponent, inject, onMounted, PropType, ref, toRefs } from 'vue';
import { ArrowDown, ArrowUp, Delete } from '@element-plus/icons'; import { ArrowDown, ArrowUp, Delete, FullScreen, Grid } from '@element-plus/icons';
import { ElMessage, ElTable, ElUpload } from 'element-plus'; import { ElMessage, ElTable, ElUpload } from 'element-plus';
import { cloneDeep } from 'lodash-es'; import { cloneDeep } from 'lodash-es';
import Sortable, { SortableEvent } from 'sortablejs'; import Sortable, { SortableEvent } from 'sortablejs';
@ -396,6 +396,8 @@ export default defineComponent({
ArrowDown, ArrowDown,
ArrowUp, ArrowUp,
Delete, Delete,
FullScreen,
Grid,
data: computed(() => data: computed(() =>
props.model[modelName.value].filter( props.model[modelName.value].filter(

1
packages/form/src/theme/table.scss
View File

@ -35,7 +35,6 @@
} }
.el-table { .el-table {
td,
th { th {
padding: 0 !important; padding: 0 !important;
} }