api-外样式

src/views/mallResourceDevelopment/API/apiByApply/data.ts

@@ -36,7 +36,7 @@ export const applyColumns: BasicColumn[] = [
 export const applyFormSchema: FormSchema[] = [
   {
     field: 'name',
-    label: ' ',
+    label: '',
     component: 'Input',
     componentProps: {
       placeholder: '搜索资源名称',

src/views/mallResourceDevelopment/API/apiByApply/index.vue

 <template>
-  <PageWrapper class="content-padding" contentBackground>
+  <PageWrapper dense contentBackground headerSticky>
     <template #headerContent>
       <div class="header">
         <Icon icon="hugeicons:file-euro" class="h-icon" :color="'#6499e9'" />
@@ -8,81 +8,75 @@
         </div>
       </div>
     </template>
-    <template #footer>
-      <a-tabs v-model:activeKey="currentKey">
-        <a-tab-pane key="1" tab="申请成功" />
-        <a-tab-pane key="2" tab="申请中" />
-        <a-tab-pane key="3" tab="申请失败" />
-      </a-tabs>
-    </template>
-    <div class="pt-4 m-4 desc-wrap">
-      <template v-if="currentKey == '1'">
-        <BasicTable @register="registerApplySuccessTable">
-          <template #bodyCell="{ column, record }">
-            <template v-if="column.key === 'action'">
-              <TableAction
-                :actions="[
-                  {
-                    label: '详情',
-                    onClick: handleDetail.bind(null, record),
-                  },
-                ]"
-              />
+<!--    <template #extra></template>-->
+    <div class="h-full" style="padding: 0 25px">
+      <Tabs v-model:activeKey="currentKey">
+        <TabPane key="1" tab="申请成功">
+          <BasicTable @register="registerApplySuccessTable">
+            <template #bodyCell="{ column, record }">
+              <template v-if="column.key === 'action'">
+                <TableAction
+                  :actions="[
+                    {
+                      label: '详情',
+                      onClick: handleDetail.bind(null, record),
+                    },
+                  ]"
+                />
+              </template>
             </template>
-          </template>
-        </BasicTable>
-      </template>
-      <template v-if="currentKey == '2'">
-        <BasicTable @register="registerApplyTable">
-          <template #bodyCell="{ column, record }">
-            <template v-if="column.key === 'action'">
-              <TableAction
-                :actions="[
-                  {
-                    label: '详情',
-                    onClick: handleDetail.bind(null, record),
-                  },
-                ]"
-              />
+          </BasicTable>
+        </TabPane>
+        <TabPane key="2" tab="申请中">
+          <BasicTable @register="registerApplyTable">
+            <template #bodyCell="{ column, record }">
+              <template v-if="column.key === 'action'">
+                <TableAction
+                  :actions="[
+                    {
+                      label: '详情',
+                      onClick: handleDetail.bind(null, record),
+                    },
+                  ]"
+                />
+              </template>
             </template>
-          </template>
-        </BasicTable>
-      </template>
-      <template v-if="currentKey == '3'">
-        <BasicTable @register="registerApplyFailedTable">
-          <template #bodyCell="{ column, record }">
-            <template v-if="column.key === 'action'">
-              <TableAction
-                :actions="[
-                  {
-                    label: '详情',
-                    onClick: handleDetail.bind(null, record),
-                  },
-                ]"
-              />
+          </BasicTable>
+        </TabPane>
+        <TabPane key="3" tab="申请失败">
+          <BasicTable @register="registerApplyFailedTable">
+            <template #bodyCell="{ column, record }">
+              <template v-if="column.key === 'action'">
+                <TableAction
+                  :actions="[
+                    {
+                      label: '详情',
+                      onClick: handleDetail.bind(null, record),
+                    },
+                  ]"
+                />
+              </template>
             </template>
-          </template>
-        </BasicTable>
-      </template>
+          </BasicTable>
+        </TabPane>
+      </Tabs>
     </div>
   </PageWrapper>
 </template>
 
 <script lang="ts" setup>
   import { onMounted, ref } from 'vue';
-  import { PageWrapper } from '@/components/Page';
+  import PageWrapper from '@/components/Page/src/PageWrapper.vue';
   import { useTabs } from '@/hooks/web/useTabs';
-  import { Tabs } from 'ant-design-vue';
+  import { Tabs, TabPane } from 'ant-design-vue';
   import { useMessage } from '@/hooks/web/useMessage';
   import Icon from '@/components/Icon/Icon.vue';
-  import { BasicTable, TableAction, useTable } from '@/components/Table';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
   import { applyColumns, applyFormSchema } from './data';
   import { applyData, applyFailedData, applySuccessData } from './apiByApplyData';
   import { router } from '@/router';
 
   const { createMessage } = useMessage();
-  const ATabs = Tabs;
-  const ATabPane = Tabs.TabPane;
   const currentKey = ref('1');
   const { setTitle } = useTabs();
   setTitle('我申请的');
@@ -101,7 +95,6 @@
       title: '操作',
       dataIndex: 'action',
     },
-    pagination: true,
     showIndexColumn: false,
   });
 
@@ -119,7 +112,6 @@
       title: '操作',
       dataIndex: 'action',
     },
-    pagination: true,
     showIndexColumn: false,
   });
 
@@ -137,7 +129,6 @@
       title: '操作',
       dataIndex: 'action',
     },
-    pagination: true,
     showIndexColumn: false,
   });
 
@@ -158,26 +149,7 @@
   .content-padding {
     background-color: white;
   }
-  .modal_top {
-    display: flex;
-    align-items: center;
-    .title {
-      font-size: 25px;
-      font-weight: 500;
-      margin-left: 10px;
-      margin-top: 20px;
-    }
-    .path {
-      font-size: 14px;
-      color: gray;
-    }
-    .buttonGroup {
-      margin-left: auto;
-      display: flex;
-      gap: 5px;
-      align-items: center;
-    }
-  }
+
   .selected-row {
     background-color: #5cb3ff; /* 可以根据需要调整颜色 */
   }
@@ -198,4 +170,7 @@
       font-size: 12px;
     }
   }
+  //:deep(.vben-basic-table-form-container) {
+  //  padding: 0;
+  //}
 </style>