twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-11-15 14:03:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: update @pureadmin/descriptions

Browse Source
This commit is contained in:
xiaoxian521
2022-06-24 14:12:56 +08:00
parent 1b2eb2481e
commit 91576bd7dd
8 changed files with 276 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/views/result/columns.tsx Normal file
View File

@@ -0,0 +1,66 @@
import { IconifyIconOffline } from "/@/components/ReIcon";
export function useColumns() {
const columns = [
{
cellRenderer: () => {
return (
<span class="flex items-center -mt-6">
<IconifyIconOffline
icon="close-circle-line"
color="#F56C6C"
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)"
>
立即解冻
<IconifyIconOffline
icon="arrow-right-s-line"
color="var(--el-color-primary)"
width="18px"
height="18px"
/>
</a>
</span>
);
}
},
{
cellRenderer: () => {
return (
<span class="flex items-center -mt-8">
<IconifyIconOffline
icon="close-circle-line"
color="#F56C6C"
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)"
>
立即升级
<IconifyIconOffline
icon="arrow-right-s-line"
color="var(--el-color-primary)"
width="18px"
height="18px"
/>
</a>
</span>
);
}
}
];
return {
columns
};
}

58
src/views/result/fail.vue
View File

@@ -1,7 +1,10 @@
<script setup lang="ts">
import { useColumns } from "./columns";
defineOptions({
name: "Fail"
});
const { columns } = useColumns();
</script>
<template>
@@ -20,61 +23,12 @@ defineOptions({
<el-button type="primary">返回修改</el-button>
</template>
</el-result>
<el-descriptions
:column="1"
<PureDescriptions
:columns="columns"
title="您提交的内容有如下错误："
style="background: rgb(250, 250, 250)"
class="p-6 ml-10 mr-10"
>
<el-descriptions-item>
<span class="flex items-center -mt-6">
<IconifyIconOffline
icon="close-circle-line"
color="#F56C6C"
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)"
>
立即解冻
<IconifyIconOffline
icon="arrow-right-s-line"
color="var(--el-color-primary)"
width="18px"
height="18px"
/>
</a>
</span>
</el-descriptions-item>
<el-descriptions-item>
<span class="flex items-center -mt-8">
<IconifyIconOffline
icon="close-circle-line"
color="#F56C6C"
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)"
>
立即升级
<IconifyIconOffline
icon="arrow-right-s-line"
color="var(--el-color-primary)"
width="18px"
height="18px"
/>
</a>
</span>
</el-descriptions-item>
</el-descriptions>
/>
</el-card>
</template>