From 7cf58a4d2fff6b9cba9029d4d43ba9744dbef864 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期四, 18 七月 2024 15:49:03 +0800
Subject: [PATCH] 工单更新
---
src/views/demo/page/form/step/Step3.vue | 54 ++++++++++++++----------------------------------------
1 files changed, 14 insertions(+), 40 deletions(-)
diff --git a/src/views/demo/page/form/step/Step3.vue b/src/views/demo/page/form/step/Step3.vue
index 966caff..03cb15c 100644
--- a/src/views/demo/page/form/step/Step3.vue
+++ b/src/views/demo/page/form/step/Step3.vue
@@ -1,49 +1,23 @@
<template>
- <div class="step3">
- <a-result status="success" title="鎿嶄綔鎴愬姛" sub-title="棰勮涓ゅ皬鏃跺唴鍒拌处">
+ <div class="w-150 m-auto">
+ <Result status="success" title="鎿嶄綔鎴愬姛" sub-title="棰勮涓ゅ皬鏃跺唴鍒拌处">
<template #extra>
- <a-button type="primary" @click="redo"> 鍐嶈浆涓�绗� </a-button>
+ <a-button type="primary" @click="emit('redo')"> 鍐嶈浆涓�绗� </a-button>
<a-button> 鏌ョ湅璐﹀崟 </a-button>
</template>
- </a-result>
- <div class="desc-wrap">
- <a-descriptions :column="1" class="mt-5">
- <a-descriptions-item label="浠樻璐︽埛"> ant-design@alipay.com </a-descriptions-item>
- <a-descriptions-item label="鏀舵璐︽埛"> test@example.com </a-descriptions-item>
- <a-descriptions-item label="鏀舵浜哄鍚�"> Vben </a-descriptions-item>
- <a-descriptions-item label="杞处閲戦"> 500鍏� </a-descriptions-item>
- </a-descriptions>
+ </Result>
+ <div class="mt-6 px-6 py-8 bg-white">
+ <Descriptions :column="1" class="mt-5">
+ <Descriptions.Item label="浠樻璐︽埛"> ant-design@alipay.com </Descriptions.Item>
+ <Descriptions.Item label="鏀舵璐︽埛"> test@example.com </Descriptions.Item>
+ <Descriptions.Item label="鏀舵浜哄鍚�"> Vben </Descriptions.Item>
+ <Descriptions.Item label="杞处閲戦"> 500鍏� </Descriptions.Item>
+ </Descriptions>
</div>
</div>
</template>
-<script lang="ts">
- import { defineComponent } from 'vue';
+<script lang="ts" setup>
import { Result, Descriptions } from 'ant-design-vue';
- export default defineComponent({
- components: {
- [Result.name]: Result,
- [Descriptions.name]: Descriptions,
- [Descriptions.Item.name]: Descriptions.Item,
- },
- emits: ['redo'],
- setup(_, { emit }) {
- return {
- redo: () => {
- emit('redo');
- },
- };
- },
- });
-</script>
-<style lang="less" scoped>
- .step3 {
- width: 600px;
- margin: 0 auto;
- }
- .desc-wrap {
- margin-top: 24px;
- padding: 24px 40px;
- background-color: @background-color-light;
- }
-</style>
+ const emit = defineEmits(['redo']);
+</script>
--
Gitblit v1.9.3