From 7d26ed0e19bf952e7c037b21bfd687759b46e851 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期二, 25 六月 2024 19:21:33 +0800
Subject: [PATCH] 菜单更新
---
src/views/demo/page/desc/high/index.vue | 165 ++++++++++++++++++++++++-------------------------------
1 files changed, 72 insertions(+), 93 deletions(-)
diff --git a/src/views/demo/page/desc/high/index.vue b/src/views/demo/page/desc/high/index.vue
index 908d4d2..bdc395c 100644
--- a/src/views/demo/page/desc/high/index.vue
+++ b/src/views/demo/page/desc/high/index.vue
@@ -1,5 +1,5 @@
<template>
- <PageWrapper title="鍗曞彿锛�234231029431" contentBackground>
+ <PageWrapper title="鍗曞彿锛�234231029431" contentBackground headerSticky>
<template #extra>
<a-button> 鎿嶄綔涓� </a-button>
<a-button> 鎿嶄綔浜� </a-button>
@@ -7,125 +7,104 @@
</template>
<template #footer>
- <a-tabs default-active-key="1">
- <a-tab-pane key="1" tab="璇︽儏" />
- <a-tab-pane key="2" tab="瑙勫垯" />
- </a-tabs>
+ <Tabs default-active-key="1">
+ <Tabs.TabPane key="1" tab="璇︽儏" />
+ <Tabs.TabPane key="2" tab="瑙勫垯" />
+ </Tabs>
</template>
<div class="pt-4 m-4 desc-wrap">
- <a-descriptions size="small" :column="2">
- <a-descriptions-item label="鍒涘缓浜�"> 鏇蹭附涓� </a-descriptions-item>
- <a-descriptions-item label="璁㈣喘浜у搧"> XX 鏈嶅姟 </a-descriptions-item>
- <a-descriptions-item label="鍒涘缓鏃堕棿"> 2017-01-10 </a-descriptions-item>
- <a-descriptions-item label="鍏宠仈鍗曟嵁">
+ <Descriptions size="small" :column="2">
+ <Descriptions.Item label="鍒涘缓浜�"> 鏇蹭附涓� </Descriptions.Item>
+ <Descriptions.Item label="璁㈣喘浜у搧"> XX 鏈嶅姟 </Descriptions.Item>
+ <Descriptions.Item label="鍒涘缓鏃堕棿"> 2017-01-10 </Descriptions.Item>
+ <Descriptions.Item label="鍏宠仈鍗曟嵁">
<a>12421</a>
- </a-descriptions-item>
- <a-descriptions-item label="鐢熸晥鏃ユ湡"> 2017-07-07 ~ 2017-08-08 </a-descriptions-item>
- <a-descriptions-item label="澶囨敞"> 璇蜂簬涓や釜宸ヤ綔鏃ュ唴纭 </a-descriptions-item>
- </a-descriptions>
- <a-card title="娴佺▼杩涘害" :bordered="false">
- <a-steps :current="1" progress-dot size="small">
- <a-step title="鍒涘缓椤圭洰">
+ </Descriptions.Item>
+ <Descriptions.Item label="鐢熸晥鏃ユ湡"> 2017-07-07 ~ 2017-08-08 </Descriptions.Item>
+ <Descriptions.Item label="澶囨敞"> 璇蜂簬涓や釜宸ヤ綔鏃ュ唴纭 </Descriptions.Item>
+ </Descriptions>
+ <Card title="娴佺▼杩涘害" :bordered="false">
+ <Steps :current="1" progress-dot size="small">
+ <Steps.Step title="鍒涘缓椤圭洰">
<template #description>
<div>Vben</div>
<p>2016-12-12 12:32</p>
</template>
- </a-step>
- <a-step title="閮ㄩ棬鍒濆">
+ </Steps.Step>
+ <Steps.Step title="閮ㄩ棬鍒濆">
<template #description>
<p>Chad</p>
</template>
- </a-step>
- <a-step title="璐㈠姟澶嶆牳" />
- <a-step title="瀹屾垚" />
- </a-steps>
- </a-card>
+ </Steps.Step>
+ <Steps.Step title="璐㈠姟澶嶆牳" />
+ <Steps.Step title="瀹屾垚" />
+ </Steps>
+ </Card>
- <a-card title="鐢ㄦ埛淇℃伅" :bordered="false" class="mt-5">
- <a-descriptions :column="3">
- <a-descriptions-item label="鐢ㄦ埛濮撳悕"> 浠樺皬灏� </a-descriptions-item>
- <a-descriptions-item label="浼氬憳鍗″彿"> XX 32943898021309809423 </a-descriptions-item>
- <a-descriptions-item label="韬唤璇�"> 3321944288191034921 </a-descriptions-item>
- <a-descriptions-item label="鑱旂郴鏂瑰紡"> 18112345678 </a-descriptions-item>
- <a-descriptions-item label="鑱旂郴鍦板潃" :span="2">
+ <Card title="鐢ㄦ埛淇℃伅" :bordered="false" class="mt-5">
+ <Descriptions :column="3">
+ <Descriptions.Item label="鐢ㄦ埛濮撳悕"> 浠樺皬灏� </Descriptions.Item>
+ <Descriptions.Item label="浼氬憳鍗″彿"> XX 32943898021309809423 </Descriptions.Item>
+ <Descriptions.Item label="韬唤璇�"> 3321944288191034921 </Descriptions.Item>
+ <Descriptions.Item label="鑱旂郴鏂瑰紡"> 18112345678 </Descriptions.Item>
+ <Descriptions.Item label="鑱旂郴鍦板潃" :span="2">
鏇蹭附涓� 18100000000 娴欐睙鐪佹澀宸炲競瑗挎箹鍖洪粍濮戝北璺伐涓撹矾浜ゅ弶璺彛
- </a-descriptions-item>
- </a-descriptions>
+ </Descriptions.Item>
+ </Descriptions>
- <a-descriptions title="淇℃伅缁�" :column="3">
- <a-descriptions-item label="鏌愭煇鏁版嵁"> 111 </a-descriptions-item>
- <a-descriptions-item label="璇ユ暟鎹洿鏂版椂闂�"> 2017-08-08 </a-descriptions-item>
- <a-descriptions-item label="鏌愭煇鏁版嵁"> 725 </a-descriptions-item>
- <a-descriptions-item label="璇ユ暟鎹洿鏂版椂闂�"> 2017-08-08 </a-descriptions-item>
- </a-descriptions>
+ <Descriptions title="淇℃伅缁�" :column="3">
+ <Descriptions.Item label="鏌愭煇鏁版嵁"> 111 </Descriptions.Item>
+ <Descriptions.Item label="璇ユ暟鎹洿鏂版椂闂�"> 2017-08-08 </Descriptions.Item>
+ <Descriptions.Item label="鏌愭煇鏁版嵁"> 725 </Descriptions.Item>
+ <Descriptions.Item label="璇ユ暟鎹洿鏂版椂闂�"> 2017-08-08 </Descriptions.Item>
+ </Descriptions>
<h4>淇℃伅缁�</h4>
- <a-card title="澶氬眰绾т俊鎭粍">
- <a-descriptions title="缁勫悕绉�" :column="3">
- <a-descriptions-item label="璐熻矗浜�"> 鏋椾笢涓� </a-descriptions-item>
- <a-descriptions-item label="瑙掕壊鐮�"> 1234567 </a-descriptions-item>
- <a-descriptions-item label="鎵�灞為儴闂�"> XX鍏徃 - YY閮� </a-descriptions-item>
- <a-descriptions-item label="杩囨湡鏃堕棿"> 2017-08-08 </a-descriptions-item>
- <a-descriptions-item label="鎻忚堪" :span="2">
+ <Card title="澶氬眰绾т俊鎭粍">
+ <Descriptions title="缁勫悕绉�" :column="3">
+ <Descriptions.Item label="璐熻矗浜�"> 鏋椾笢涓� </Descriptions.Item>
+ <Descriptions.Item label="瑙掕壊鐮�"> 1234567 </Descriptions.Item>
+ <Descriptions.Item label="鎵�灞為儴闂�"> XX鍏徃 - YY閮� </Descriptions.Item>
+ <Descriptions.Item label="杩囨湡鏃堕棿"> 2017-08-08 </Descriptions.Item>
+ <Descriptions.Item label="鎻忚堪" :span="2">
杩欐鎻忚堪寰堥暱寰堥暱寰堥暱寰堥暱寰堥暱寰堥暱寰堥暱寰堥暱寰堥暱寰堥暱寰堥暱寰堥暱寰堥暱寰堥暱...
- </a-descriptions-item>
- </a-descriptions>
- <a-divider />
- <a-descriptions title="缁勫悕绉�" :column="1">
- <a-descriptions-item label="瀛﹀悕">
+ </Descriptions.Item>
+ </Descriptions>
+ <Divider />
+ <Descriptions title="缁勫悕绉�" :column="1">
+ <Descriptions.Item label="瀛﹀悕">
Citrullus lanatus (Thunb.) Matsum. et
Nakai涓�骞寸敓钄撶敓钘ゆ湰锛涜寧銆佹灊绮楀．锛屽叿鏄庢樉鐨勬１銆傚嵎椤昏緝绮�..
- </a-descriptions-item>
- </a-descriptions>
- <a-divider />
- <a-descriptions title="缁勫悕绉�" :column="1">
- <a-descriptions-item label="璐熻矗浜�"> 浠樺皬灏� </a-descriptions-item>
- <a-descriptions-item label="瑙掕壊鐮�"> 1234568 </a-descriptions-item>
- </a-descriptions>
- </a-card>
- </a-card>
- <a-card title="鐢ㄦ埛杩戝崐骞存潵鐢佃褰�" class="my-5">
+ </Descriptions.Item>
+ </Descriptions>
+ <Divider />
+ <Descriptions title="缁勫悕绉�" :column="1">
+ <Descriptions.Item label="璐熻矗浜�"> 浠樺皬灏� </Descriptions.Item>
+ <Descriptions.Item label="瑙掕壊鐮�"> 1234568 </Descriptions.Item>
+ </Descriptions>
+ </Card>
+ </Card>
+ <Card title="鐢ㄦ埛杩戝崐骞存潵鐢佃褰�" class="my-5">
<Empty />
- </a-card>
+ </Card>
<BasicTable @register="registerTimeTable" />
</div>
</PageWrapper>
</template>
-<script lang="ts">
- import { defineComponent } from 'vue';
- import { BasicTable, useTable } from '/@/components/Table';
- import { PageWrapper } from '/@/components/Page';
+<script lang="ts" setup>
+ import { BasicTable, useTable } from '@/components/Table';
+ import { PageWrapper } from '@/components/Page';
import { Divider, Card, Empty, Descriptions, Steps, Tabs } from 'ant-design-vue';
import { refundTimeTableSchema, refundTimeTableData } from './data';
- export default defineComponent({
- components: {
- BasicTable,
- PageWrapper,
- [Divider.name]: Divider,
- [Card.name]: Card,
- Empty,
- [Descriptions.name]: Descriptions,
- [Descriptions.Item.name]: Descriptions.Item,
- [Steps.name]: Steps,
- [Steps.Step.name]: Steps.Step,
- [Tabs.name]: Tabs,
- [Tabs.TabPane.name]: Tabs.TabPane,
- },
- setup() {
- const [registerTimeTable] = useTable({
- title: '閫�璐ц繘搴�',
- columns: refundTimeTableSchema,
- pagination: false,
- dataSource: refundTimeTableData,
- showIndexColumn: false,
- scroll: { y: 300 },
- });
- return {
- registerTimeTable,
- };
- },
+ const [registerTimeTable] = useTable({
+ title: '閫�璐ц繘搴�',
+ columns: refundTimeTableSchema,
+ pagination: false,
+ dataSource: refundTimeTableData,
+ showIndexColumn: false,
+ scroll: { y: 300 },
});
</script>
--
Gitblit v1.9.3