58 lines
1.7 KiB
Plaintext
58 lines
1.7 KiB
Plaintext
<template>
|
|
<a-card :bordered="false" class="proCard">
|
|
<div class="result-box">
|
|
<a-result status="error" title="操作失败" description="请核对并修改以下信息后，再重新提交。">
|
|
<div class="result-box-extra">
|
|
<p>您提交的内容有如下错误：</p>
|
|
<p class="mt-3">
|
|
<a-space align="center">
|
|
<InfoCircleOutlined style="color: #f0a020" />
|
|
<span>认证照片不够清晰</span>
|
|
<a-button type="link">立即修改</a-button>
|
|
</a-space>
|
|
</p>
|
|
<p class="mt-3">
|
|
<a-space>
|
|
<InfoCircleOutlined style="color: #f0a020" />
|
|
<span>备注包含敏感字符，并且不能包含政治相关</span>
|
|
<a-button type="link">立即修改</a-button>
|
|
</a-space>
|
|
</p>
|
|
</div>
|
|
<template #extra>
|
|
<a-space align="center" class="mb-4">
|
|
<a-button type="primary" @click="goHome">回到首页</a-button>
|
|
<a-button>查看详情</a-button>
|
|
<a-button>打印</a-button>
|
|
</a-space>
|
|
</template>
|
|
</a-result>
|
|
</div>
|
|
</a-card>
|
|
</template>
|
|
<script lang="ts" setup>
|
|
import { useRouter } from 'vue-router';
|
|
import { InfoCircleOutlined } from '@ant-design/icons-vue';
|
|
|
|
const router = useRouter();
|
|
|
|
function goHome() {
|
|
router.push('/');
|
|
}
|
|
</script>
|
|
<style lang="less" scoped>
|
|
.result-box {
|
|
width: 72%;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
padding-top: 5px;
|
|
|
|
&-extra {
|
|
padding: 10px 40px;
|
|
text-align: left;
|
|
background: var(--border-color);
|
|
border-radius: 4px;
|
|
}
|
|
}
|
|
</style>
|