列表字数限制

src/components/index.js

@@ -4,9 +4,8 @@ import Ellipsis from '@/components/Ellipsis'
 import FooterToolbar from '@/components/FooterToolbar'
 import NumberInfo from '@/components/NumberInfo'
 import DetailList from '@/components/tools/DetailList'
-import Tree from '@/components/Tree/Tree'
 import MultiTab from '@/components/MultiTab'
 import Result from '@/components/Result'
 import IconSelector from '@/components/IconSelector'
 
-export { AvatarList, Ellipsis, FooterToolbar, NumberInfo, DetailList, Tree, MultiTab, Result, IconSelector }
+export { AvatarList, Ellipsis, FooterToolbar, NumberInfo, DetailList, MultiTab, Result, IconSelector }

src/views/comment/CommentList.vue

@@ -54,48 +54,47 @@
 </template>
 
 <script>
+const columns = [
+  {
+    title: '#',
+    scopedSlots: { customRender: 'serial' }
+  },
+  {
+    title: '评论者',
+    dataIndex: 'author'
+  },
+  {
+    title: '内容',
+    dataIndex: 'content'
+  },
+  {
+    title: '评论页面',
+    dataIndex: 'post.id'
+  },
+  {
+    title: '日期',
+    dataIndex: 'createTime'
+  },
+  {
+    title: '操作',
+    dataIndex: 'action',
+    width: '150px',
+    scopedSlots: { customRender: 'action' }
+  }
+]
 export default {
-  name: 'PostList',
+  name: 'CommentList',
   components: {},
   data() {
     return {
-      mdl: {},
       // 查询参数
       queryParam: {},
       // 表头
-      columns: [
-        {
-          title: '#',
-          scopedSlots: { customRender: 'serial' }
-        },
-        {
-          title: '评论者',
-          dataIndex: 'author'
-        },
-        {
-          title: '内容',
-          dataIndex: 'content'
-        },
-        {
-          title: '评论页面',
-          dataIndex: 'post.id'
-        },
-        {
-          title: '日期',
-          dataIndex: 'createTime'
-        },
-        {
-          title: '操作',
-          dataIndex: 'action',
-          width: '150px',
-          scopedSlots: { customRender: 'action' }
-        }
-      ],
+      columns,
       loadData: parameter => {},
       selectedRowKeys: [],
       selectedRows: [],
-      options: {},
-      optionAlertShow: false
+      options: {}
     }
   },
   created() {},

src/views/interface/MenuList.vue

@@ -48,7 +48,7 @@
         :style="{ 'padding-bottom': '12px' }">
         <a-card title="所有菜单">
           <a-table :columns="columns" :dataSource="menus" :loading="loading">
-            <ellipsis :length="10" tooltip slot="name" slot-scope="text">
+            <ellipsis :length="30" tooltip slot="name" slot-scope="text">
               {{ text }}
             </ellipsis>
             <span slot="action" slot-scope="text, record">
@@ -71,7 +71,7 @@
 </template>
 
 <script>
-import { Ellipsis } from '@/components/Ellipsis'
+import { Ellipsis } from '@/components'
 import menuApi from '@/api/menu'
 const columns = [
   {