修改列表的操作按钮

jero-web/src/components/tableDate/index.vue

@@ -27,7 +27,7 @@
                </a>
         </span>
         <span slot="detailClick" slot-scope="text,record">
-               <a class="text" @click="detailClick(record)">{{text}}</a>
+               <a class="text" :title="text" @click="detailClick(record)">{{text}}</a>
         </span>
       </a-table>
     </div>
@@ -110,6 +110,14 @@
       this.getTableList()
     },
     methods: {
+
+      getTextWith(text, fontStyle) {
+        var canvas = document.createElement('canvas')
+        var context = canvas.getContext('2d')
+        context.font = fontStyle || '14px' // 设置字体样式
+        var dimension = context.measureText(text)
+        return dimension.width + 40
+      },
       getData() {
         let params = {
           flag: this.flag
@@ -134,10 +142,12 @@
             })
             let width = 0
             if (this.OperationList.length > 0) {
-              this.OperationList.forEach((res) => {
+              for (let i = 0; i < this.OperationList.length; i++) {
-                width += res.text.length * 5 + width
+                console.log(width)
-              })
+                width += this.getTextWith(this.OperationList[i].text)
               }
+            }
+            console.log(width)
             if (this.showAction) {
               this.columns.push({
                 title: this.$t('operation'),

jero-web/src/views/documentManage/library/index.vue

@@ -103,7 +103,7 @@
           {
             text: '删除',
             ClickEvent: 'deleteTable'
-          }
+          },
         ],
         selectedRowKeys: [],
         loading: false,