第一次提交

src/views/result/fail/index.vue

@@ -0,0 +1,57 @@
+<template>
+  <div class="ele-body">
+    <a-card :bordered="false">
+      <div style="max-width: 960px; margin: 0 auto">
+        <a-result
+          status="error"
+          title="提交失败"
+          sub-title="请核对并修改以下信息后，再重新提交。"
+        >
+          <div>您提交的内容有如下错误:</div>
+          <div class="error-tips-item">
+            <close-circle-outlined class="ele-text-danger" />
+            <div>您的账户已被冻结</div>
+            <a>立即解冻&gt;</a>
+          </div>
+          <div class="error-tips-item">
+            <close-circle-outlined class="ele-text-danger" />
+            <div>您的账户还不具备申请资格</div>
+            <a>立即升级&gt;</a>
+          </div>
+          <template #extra>
+            <a-space size="middle">
+              <a-button type="primary">返回修改</a-button>
+              <a-button>重新提交</a-button>
+            </a-space>
+          </template>
+        </a-result>
+      </div>
+    </a-card>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { CloseCircleOutlined } from '@ant-design/icons-vue';
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'ResultFail'
+  };
+</script>
+
+<style lang="less" scoped>
+  .error-tips-item {
+    display: flex;
+    align-items: center;
+    margin-top: 16px;
+
+    & > div {
+      margin: 0 10px;
+    }
+
+    a {
+      white-space: nowrap;
+    }
+  }
+</style>

src/views/result/success/index.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="ele-body">
+    <a-card :bordered="false">
+      <div style="max-width: 960px; margin: 0 auto">
+        <a-result
+          status="success"
+          title="提交成功"
+          sub-title="提交结果页用于反馈一系列操作任务的处理结果，如果仅是简单操作，使用 Message 全局提示反馈即可。灰色区域可以显示一些补充的信息。"
+        >
+          <div>已提交申请，等待部门审核。</div>
+          <template #extra>
+            <a-space size="middle">
+              <a-button type="primary">返回列表</a-button>
+              <a-button>查看项目</a-button>
+              <a-button>打印</a-button>
+            </a-space>
+          </template>
+        </a-result>
+      </div>
+    </a-card>
+  </div>
+</template>
+
+<script lang="ts">
+  export default {
+    name: 'ResultSuccess'
+  };
+</script>