字段过长截断

src/views/ad/AdDeviceStatistics.vue

@@ -57,6 +57,13 @@
         class="j-table-force-nowrap"
         @change="handleTableChange">
 
+        <span slot="areaName" slot-scope="text">
+          <j-ellipsis :value="text" :length="15" />
+        </span>
+        <span slot="comName" slot-scope="text">
+          <j-ellipsis :value="text" :length="15" />
+        </span>
+
       </a-table>
     </div>
 
@@ -70,11 +77,13 @@
   import JTreeSelect from '@/components/jeecg/JTreeSelect'
   import { getAction } from '@/api/manage'
   import JDictSelectTag from '@/components/dict/JDictSelectTag.vue'
+  import JEllipsis from "@/components/jeecg/JEllipsis"
 
   export default {
     name: "AdDeviceStatistics",
     mixins:[JeecgListMixin, mixinDevice],
     components: {
+      JEllipsis,
       JDictSelectTag,
       JTreeSelect,
     },
@@ -91,12 +100,14 @@
           {
             title:'作业地点',
             align:"center",
-            dataIndex: 'areaName'
+            dataIndex: 'areaName',
+            scopedSlots: {customRender: 'areaName'},
           },
           {
             title:'作业单位',
             align:"center",
-            dataIndex: 'comName'
+            dataIndex: 'comName',
+            scopedSlots: {customRender: 'comName'},
           },
           {
             title:'管辖海事机构',