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

src/components/base/AppList.vue

@@ -125,18 +125,15 @@
     </el-drawer>
     <!-- 表头 -->
     <el-dialog title="表头设置" :visible.sync="columnsOptionsVisible" width="500px" :close-on-click-modal="false">
-      <p class="tips">上下拖动表头名称可调整表头顺序</p>
       <ul class="column-options-list">
         <li>
           <div class="name">表头名称</div>
           <div class="actions">隐藏/显示</div>
         </li>
-        <draggable v-model="editableColumns">
-          <li v-for="(item, index) in editableColumns" :key="index">
-            <div class="name">{{ item.label }}</div>
-            <div class="actions"><el-switch v-model="item.visible"></el-switch></div>
-          </li>
-        </draggable>
+        <li v-for="(item, index) in editableColumns" :key="index">
+          <div class="name">{{ item.label }}</div>
+          <div class="actions"><el-switch v-model="item.visible"></el-switch></div>
+        </li>
       </ul>
       <template #footer>
         <el-button type="text" @click="cancelColumnsOptions">取消</el-button>
@@ -147,11 +144,9 @@
 </template>
 
 <script>
-import draggable from 'vuedraggable'
 import { getTableColumns, updateTableColumns } from '@/api/base.js'
 export default {
   name: 'AppList',
-  components: { draggable },
   props: {
     // 接口请求
     remote: { type: Object, default: () => ({}) },