提交 a7435c93 authored 作者: matian's avatar matian

update:表头设置去掉拖拽功能

上级 8f5bd326
...@@ -125,18 +125,15 @@ ...@@ -125,18 +125,15 @@
</el-drawer> </el-drawer>
<!-- 表头 --> <!-- 表头 -->
<el-dialog title="表头设置" :visible.sync="columnsOptionsVisible" width="500px" :close-on-click-modal="false"> <el-dialog title="表头设置" :visible.sync="columnsOptionsVisible" width="500px" :close-on-click-modal="false">
<p class="tips">上下拖动表头名称可调整表头顺序</p>
<ul class="column-options-list"> <ul class="column-options-list">
<li> <li>
<div class="name">表头名称</div> <div class="name">表头名称</div>
<div class="actions">隐藏/显示</div> <div class="actions">隐藏/显示</div>
</li> </li>
<draggable v-model="editableColumns">
<li v-for="(item, index) in editableColumns" :key="index"> <li v-for="(item, index) in editableColumns" :key="index">
<div class="name">{{ item.label }}</div> <div class="name">{{ item.label }}</div>
<div class="actions"><el-switch v-model="item.visible"></el-switch></div> <div class="actions"><el-switch v-model="item.visible"></el-switch></div>
</li> </li>
</draggable>
</ul> </ul>
<template #footer> <template #footer>
<el-button type="text" @click="cancelColumnsOptions">取消</el-button> <el-button type="text" @click="cancelColumnsOptions">取消</el-button>
...@@ -147,11 +144,9 @@ ...@@ -147,11 +144,9 @@
</template> </template>
<script> <script>
import draggable from 'vuedraggable'
import { getTableColumns, updateTableColumns } from '@/api/base.js' import { getTableColumns, updateTableColumns } from '@/api/base.js'
export default { export default {
name: 'AppList', name: 'AppList',
components: { draggable },
props: { props: {
// 接口请求 // 接口请求
remote: { type: Object, default: () => ({}) }, remote: { type: Object, default: () => ({}) },
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论