vxe

src/components/Table/src/BasicTable.vue

@@ -26,6 +26,7 @@
         :scroll-x="{enabled: true, gt: 0}"
         rowSelection
         size="mini"
+        :loading="getBindValues.loading"
         @cell-dblclick="dbclickVxeRow"
       >
         <vxe-column type="checkbox" width="40"></vxe-column>
@@ -40,6 +41,19 @@
             <slot name="bodyCell" :column="item" :record="row">{{ row[item.dataIndex] }}</slot>
           </template>
         </vxe-column>
+        <template #loading>
+          <a-spin />
+        </template>
+        <vxe-table-column
+          v-if="getBindValues.actionColumn"
+          :title="getBindValues.actionColumn.title"
+          :width="getBindValues.actionColumn.width"
+          :fixed="getBindValues.actionColumn.fixed">
+          <template #default="{ row }">
+            <!-- 操作按钮 -->
+            <slot name="tableAction" :record="row"></slot>
+          </template>
+        </vxe-table-column>
       </vxe-table>
       <Table v-else class="basic-table" v-show="getEmptyDataIsShowTable" ref="tableElRef" v-bind="getBindValues" :row-class-name="getRowClassName"
         @change="handleTableChange" @resize-column="resizeColumn">

src/design/public.less

@@ -204,7 +204,7 @@ h5 {
 .YSDBC,
 .WTJ,
 .YDC {
-  padding: 2px 13px;
+  padding: 1px 13px;
   border-radius: 30px;
   font-size: 10px;
   font-weight: 700 !important;

src/views/operation/seaexport/index.vue

@@ -222,17 +222,16 @@
             </a-popover>
           </div>
         </template>
-        <template v-if="column.key === 'action'">
-          <TableAction :actions="[
-            {
-              icon: 'clarity:note-edit-line',
-              tooltip: '编辑',
-              onClick: () => {
-                handledbclick(record)
-              },
-            },
-          ]" />
-        </template>
+      </template>
+      <template v-slot:tableAction="{ record }">
+        <a-tooltip placement="top" :mouseEnterDelay="0.5">
+          <template #title>
+            <span>编辑</span>
+          </template>
+          <a-button type="link" @click="handledbclick(record)">
+            <span class="iconfont icon-icon_519"></span>
+          </a-button>
+        </a-tooltip>
       </template>
     </BasicTable>
     <!-- 合计 -->