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>
|