mirror of
https://gitee.com/ccnetcore/Yi
synced 2026-04-08 18:26:36 +08:00
feat:新增pure-admin前端
This commit is contained in:
chenchun
62
Yi.Pure.Vue3/src/views/result/columns.tsx
Normal file
62
Yi.Pure.Vue3/src/views/result/columns.tsx
Normal file
@@ -0,0 +1,62 @@
|
||||
import ArrowRightSLine from "@iconify-icons/ri/arrow-right-s-line";
|
||||
import CloseCircleLine from "@iconify-icons/ri/close-circle-line";
|
||||
|
||||
export function useColumns() {
|
||||
const columns = [
|
||||
{
|
||||
cellRenderer: () => {
|
||||
return (
|
||||
<div class="w-full">
|
||||
<div class="flex items-center">
|
||||
<iconify-icon-offline
|
||||
icon={CloseCircleLine}
|
||||
width="18px"
|
||||
height="18px"
|
||||
/>
|
||||
<span class="ml-1 mr-4">您的账户已被冻结</span>
|
||||
<a
|
||||
href="javascript:void(0);"
|
||||
class="flex items-center"
|
||||
style="color: var(--el-color-primary)"
|
||||
>
|
||||
立即解冻
|
||||
<iconify-icon-offline
|
||||
icon={ArrowRightSLine}
|
||||
color="var(--el-color-primary)"
|
||||
width="18px"
|
||||
height="18px"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
<br />
|
||||
<div class="flex items-center">
|
||||
<iconify-icon-offline
|
||||
icon={CloseCircleLine}
|
||||
width="18px"
|
||||
height="18px"
|
||||
/>
|
||||
<span class="ml-1 mr-4">您的账户还不具备申请资格</span>
|
||||
<a
|
||||
href="javascript:void(0);"
|
||||
class="flex items-center"
|
||||
style="color: var(--el-color-primary)"
|
||||
>
|
||||
立即升级
|
||||
<iconify-icon-offline
|
||||
icon={ArrowRightSLine}
|
||||
color="var(--el-color-primary)"
|
||||
width="18px"
|
||||
height="18px"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
];
|
||||
|
||||
return {
|
||||
columns
|
||||
};
|
||||
}
|
||||
45
Yi.Pure.Vue3/src/views/result/fail.vue
Normal file
45
Yi.Pure.Vue3/src/views/result/fail.vue
Normal file
@@ -0,0 +1,45 @@
|
||||
<script setup lang="ts">
|
||||
import { useColumns } from "./columns";
|
||||
defineOptions({
|
||||
name: "Fail"
|
||||
});
|
||||
|
||||
const { columns } = useColumns();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
<span class="font-medium">失败页</span>
|
||||
</div>
|
||||
<el-link
|
||||
class="mt-2"
|
||||
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/result/fail.vue"
|
||||
target="_blank"
|
||||
>
|
||||
代码位置 src/views/result/fail.vue
|
||||
</el-link>
|
||||
</template>
|
||||
<el-result
|
||||
icon="error"
|
||||
title="提交失败"
|
||||
sub-title="请核对并修改以下信息后，再重新提交。"
|
||||
>
|
||||
<template #extra>
|
||||
<el-button type="primary">返回修改</el-button>
|
||||
</template>
|
||||
</el-result>
|
||||
<PureDescriptions
|
||||
:columns="columns"
|
||||
title="您提交的内容有如下错误："
|
||||
class="p-6 w-[90%] m-auto bg-[#fafafa] dark:bg-[#1d1d1d]"
|
||||
/>
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
:deep(.el-descriptions__body) {
|
||||
background: transparent;
|
||||
}
|
||||
</style>
|
||||
99
Yi.Pure.Vue3/src/views/result/success.vue
Normal file
99
Yi.Pure.Vue3/src/views/result/success.vue
Normal file
@@ -0,0 +1,99 @@
|
||||
<script setup lang="ts">
|
||||
defineOptions({
|
||||
name: "Success"
|
||||
});
|
||||
|
||||
const { lastBuildTime } = __APP_INFO__;
|
||||
|
||||
const columns = [
|
||||
{
|
||||
label: "项目 ID：",
|
||||
value: "12345"
|
||||
},
|
||||
{
|
||||
label: "负责人：",
|
||||
value: "明明"
|
||||
},
|
||||
{
|
||||
label: "生效时间：",
|
||||
value: lastBuildTime
|
||||
}
|
||||
];
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
<span class="font-medium">成功页</span>
|
||||
</div>
|
||||
<el-link
|
||||
class="mt-2"
|
||||
href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/result/success.vue"
|
||||
target="_blank"
|
||||
>
|
||||
代码位置 src/views/result/success.vue
|
||||
</el-link>
|
||||
</template>
|
||||
<el-result
|
||||
icon="success"
|
||||
title="提交成功"
|
||||
sub-title="提交结果页用于反馈一系列操作任务的处理结果， 如果仅是简单操作，使用 Message 全局提示反馈即可。 本文字区域可以展示简单的补充说明，如果有类似展示 “单据”的需求，下面这个灰色区域可以呈现比较复杂的内容。"
|
||||
>
|
||||
<template #extra>
|
||||
<div class="flex">
|
||||
<el-button type="primary">返回列表</el-button>
|
||||
<el-button>查看项目</el-button>
|
||||
<el-button>打印</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-result>
|
||||
<div class="p-6 w-[90%] m-auto bg-[#fafafa] dark:bg-[#1d1d1d]">
|
||||
<PureDescriptions title="项目名称" :columns="columns" class="mb-5" />
|
||||
<el-steps :active="2">
|
||||
<el-step title="创建项目">
|
||||
<template #description>
|
||||
<p>明明</p>
|
||||
<p>{{ lastBuildTime }}</p>
|
||||
</template>
|
||||
</el-step>
|
||||
<el-step title="部门初审">
|
||||
<template #description>
|
||||
<p class="flex items-center">
|
||||
亮亮
|
||||
<span
|
||||
role="img"
|
||||
aria-label="dingding"
|
||||
class="anticon anticon-dingding flex items-center cursor-pointer"
|
||||
style="margin-left: 8px; color: rgb(0 160 233)"
|
||||
>
|
||||
<svg
|
||||
viewBox="64 64 896 896"
|
||||
focusable="false"
|
||||
data-icon="dingding"
|
||||
width="1em"
|
||||
height="1em"
|
||||
fill="currentColor"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<path
|
||||
d="M573.7 252.5C422.5 197.4 201.3 96.7 201.3 96.7c-15.7-4.1-17.9 11.1-17.9 11.1-5 61.1 33.6 160.5 53.6 182.8 19.9 22.3 319.1 113.7 319.1 113.7S326 357.9 270.5 341.9c-55.6-16-37.9 17.8-37.9 17.8 11.4 61.7 64.9 131.8 107.2 138.4 42.2 6.6 220.1 4 220.1 4s-35.5 4.1-93.2 11.9c-42.7 5.8-97 12.5-111.1 17.8-33.1 12.5 24 62.6 24 62.6 84.7 76.8 129.7 50.5 129.7 50.5 33.3-10.7 61.4-18.5 85.2-24.2L565 743.1h84.6L603 928l205.3-271.9H700.8l22.3-38.7c.3.5.4.8.4.8S799.8 496.1 829 433.8l.6-1h-.1c5-10.8 8.6-19.7 10-25.8 17-71.3-114.5-99.4-265.8-154.5z"
|
||||
/>
|
||||
</svg>
|
||||
催一下
|
||||
</span>
|
||||
</p>
|
||||
</template>
|
||||
</el-step>
|
||||
<el-step title="财务复核" />
|
||||
<el-step title="完成" />
|
||||
</el-steps>
|
||||
</div>
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
:deep(.el-descriptions__body) {
|
||||
background: transparent;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user
