45 lines
914 B
Vue
45 lines
914 B
Vue
<template>
|
||
<div class="error-container">
|
||
<a-result
|
||
status="error"
|
||
title="操作失败"
|
||
sub-title="很抱歉，您的操作未能完成，请检查并重试"
|
||
>
|
||
<template #extra>
|
||
<a-space>
|
||
<a-button key="retry" type="primary">重试</a-button>
|
||
<a-button key="back" @click="back">返回上一页</a-button>
|
||
</a-space>
|
||
</template>
|
||
</a-result>
|
||
</div>
|
||
</template>
|
||
|
||
<script lang="ts">
|
||
import { defineComponent } from 'vue';
|
||
import { useRouter } from 'vue-router';
|
||
|
||
export default defineComponent({
|
||
name: 'ResultError',
|
||
setup() {
|
||
const router = useRouter();
|
||
|
||
const back = () => {
|
||
router.back();
|
||
};
|
||
|
||
return {
|
||
back,
|
||
};
|
||
},
|
||
});
|
||
</script>
|
||
|
||
<style scoped lang="less">
|
||
.error-container {
|
||
padding: 24px;
|
||
background-color: var(--color-bg-2);
|
||
height: 100%;
|
||
}
|
||
</style>
|