vxe

src/components/Table/src/BasicTable.vue

@@ -47,9 +47,8 @@
         @resizable-change="resizableChangeEvent"
       >
         <template #empty>
-          <div style="color: #f60;">
+          <div>
-            <img src="../../../assets/images/nodata.png" />
+            <img style="width: 100px;" src="../../../assets/images/nodata.png" />
-            <!-- <p>暂无数据</p> -->
           </div>
         </template>
         <vxe-column type="checkbox" width="40"></vxe-column>

src/views/baseinfo/infoclient/index.vue

@@ -37,19 +37,15 @@
           </a-tooltip>
         </div>
       </template>
-      <template #bodyCell="{ column, record }">
+      <template v-slot:tableAction="{ record }">
-        <template v-if="column.key === 'action'">
+        <a-tooltip placement="top" :mouseEnterDelay="0.5">
-          <TableAction
+          <template #title>
-            :actions="[
+            <span>编辑</span>
-              {
+          </template>
-                icon: 'clarity:note-edit-line',
+          <a-button :disabled="checkPermissions('op:infoclient:edit')" type="link" @click="handleAudit(record)">
-                tooltip: '编1辑',
+            <span class="iconfont icon-icon_519"></span>
-                onClick: handleAudit.bind(null, record),
+          </a-button>
-                disabled: checkPermissions('op:infoclient:edit'),
+        </a-tooltip>
-              },
-            ]"
-          />
-        </template>
       </template>
     </BasicTable>
   </div>
@@ -72,8 +68,10 @@
   const route = useRoute()
   import { useAppStore } from '/@/store/modules/app'
   import dayjs from 'dayjs'
+  // 空数据表格高度
+  const tbHeight = window.innerHeight - 250
   const appStore = useAppStore()
-  const [registerTable, { reload, getForm, getSelectRows }] = useTable({
+  const [registerTable, { reload, getForm, getVxeSelectRows }] = useTable({
     title: '',
     api: async (p) => {
       var res = null
@@ -170,10 +168,12 @@
       width: 60,
     },
     canResize: true,
-    resizeHeightOffset: 32,
+    resizeHeightOffset: 15,
+    autoHeight: tbHeight,
     immediate: true,
+    tableComponent: 'vxe',
     actionColumn: {
-      width: 80,
+      width: 60,
       title: '操作',
       dataIndex: 'action',
       fixed: 'right',
@@ -190,7 +190,7 @@
   async function handleDel() {
     let ids: any = []
     let StateDelType = true
-    getSelectRows().forEach((item: any) => {
+    getVxeSelectRows().forEach((item: any) => {
       if (item.auditStatus == 0) {
         StateDelType = false
       } else {