update 文档对比

src/views/system/PermissionList.vue

@@ -18,7 +18,7 @@
 
       <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
         <i class="anticon anticon-info-circle ant-alert-icon"></i>已选择&nbsp;<a style="font-weight: 600">{{
-        selectedRowKeys.length }}</a>项&nbsp;&nbsp;
+          selectedRowKeys.length }}</a>项&nbsp;&nbsp;
         <a style="margin-left: 24px" @click="onClearSelected">清空</a>
       </div>
 
@@ -36,10 +36,10 @@
         <span slot="action" slot-scope="text, record">
           <a @click="handleEdit(record)">编辑</a>
 
-          <a-divider type="vertical"/>
+          <a-divider type="vertical" />
           <a-dropdown>
             <a class="ant-dropdown-link">
-              更多 <a-icon type="down"/>
+              更多 <a-icon type="down" />
             </a>
             <a-menu slot="overlay">
               <a-menu-item>
@@ -61,13 +61,12 @@
           </a-dropdown>
         </span>
         <!-- 字符串超长截取省略号显示 -->
-        <span slot="url" slot-scope="text">
-          <j-ellipsis :value="text" :length="25"/>
-        </span>
-        <!-- 字符串超长截取省略号显示-->
-        <span slot="component" slot-scope="text">
-          <j-ellipsis :value="text"/>
-        </span>
+        <template slot="text" slot-scope="text">
+          <a-tooltip overlay-class-name="tooltip-style">
+            <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
+            <div class="table-text">{{ text || text === 0 ? text : global.emptyLine }}</div>
+          </a-tooltip>
+        </template>
       </a-table>
 
     </div>
@@ -94,11 +93,13 @@ const columns = [
   }, {
     title: '菜单英文名称',
     dataIndex: 'englishName',
-    key: 'englishName'
+    key: 'englishName',
+    scopedSlots: { customRender: 'text' }
   }, {
     title: '菜单类型',
     dataIndex: 'menuType',
     key: 'menuType',
+    width: 90,
     customRender: function (text) {
       if ((text + '') === '0') {
         return '菜单'
@@ -109,7 +110,8 @@ const columns = [
       } else {
         return text
       }
-    }
+    },
+    scopedSlots: { customRender: 'text' }
   }, /* {
       title: '权限编码',
       dataIndex: 'perms',
@@ -117,24 +119,28 @@ const columns = [
     }, */{
     title: 'icon',
     dataIndex: 'icon',
-    key: 'icon'
+    key: 'icon',
+    width: 120,
+    scopedSlots: { customRender: 'text' }
   },
   {
     title: '组件',
     dataIndex: 'component',
     key: 'component',
-    scopedSlots: { customRender: 'component' }
+    scopedSlots: { customRender: 'text' }
   },
   {
     title: '路径',
     dataIndex: 'url',
     key: 'url',
-    scopedSlots: { customRender: 'url' }
+    scopedSlots: { customRender: 'text' }
   },
   {
     title: '排序',
     dataIndex: 'sortNo',
-    key: 'sortNo'
+    key: 'sortNo',
+    width: 60,
+    scopedSlots: { customRender: 'text' }
   },
   {
     title: '操作',
@@ -195,5 +201,5 @@ export default {
 }
 </script>
 <style scoped>
-  @import '~@assets/less/common.less';
+@import '~@assets/less/common.less';
 </style>