Skip to content

B
bigDataSystem
Commit 4b5b5dae authored by LiXuyang's avatar LiXuyang
Browse files
Options

api-外样式

parent 7b2a4100
Hide whitespace changes
Inline Side-by-side
Showing with 58 additions and 83 deletions
src/views/mallResourceDevelopment/API/apiByApply/data.ts
View file @ 4b5b5dae
......@@ -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
View file @ 4b5b5dae
<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>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment