chenjunyi/cdTestPlant3
1
1
Fork 0
Code Issues Pull Requests Actions Packages Releases Wiki Activity

1122

Browse Source
This commit is contained in:
管理员
2023-06-08 21:09:28 +08:00
parent d778ceab61
commit f8947d332a
158 changed files with 17210 additions and 259 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
cdTMP/src/views/dashboard/workplace/components/cpns/st-count.vue Normal file
View File

@@ -0,0 +1,115 @@
<template>
<div class="w-full mx-auto">
<div class="block lg:grid lg:grid-cols-4 lg:gap-1">
<a-card
style="height: 65px"
class="rounded-sm mt-3"
:body-style="{ padding: 0, height: '65px' }"
:bordered="false"
hoverable
>
<div class="flex justify-between h-full">
<div class="en-title bg-blue-600">NU</div>
<div class="w-full ml-3.5 flex justify-between items-center">
用户统计
<a-space size="large" class="mr-3">
<div class="text-right">
<div>总数</div>
<div>2</div>
</div>
<div class="text-right">
<div>新增</div>
<div><icon-caret-up class="text-green-600" /> 15</div>
</div>
</a-space>
</div>
</div>
</a-card>
<a-card
style="height: 65px"
class="rounded-sm mt-3 lg:ml-2"
:body-style="{ padding: 0, height: '65px' }"
:bordered="false"
hoverable
>
<div class="flex justify-between h-full">
<div class="en-title bg-red-600">NA</div>
<div class="w-full ml-3.5 flex justify-between items-center">
进行项目统计
<a-space size="large" class="mr-3">
<div class="text-right">
<div>总数</div>
<div>23</div>
</div>
<div class="text-right">
<div>减少</div>
<div><icon-caret-down class="text-red-600" /> 2</div>
</div>
</a-space>
</div>
</div>
</a-card>
<a-card
style="height: 65px"
class="rounded-sm mt-3 lg:ml-2"
:body-style="{ padding: 0, height: '65px' }"
:bordered="false"
hoverable
>
<div class="flex justify-between h-full">
<div class="en-title bg-pink-600">LC</div>
<div class="w-full ml-3.5 flex justify-between items-center">
项目总数
<a-space size="large" class="mr-3">
<div class="text-right">
<div>总数</div>
<div>234</div>
</div>
<div class="text-right">
<div>新增</div>
<div><icon-caret-down class="text-red-600" /> 3</div>
</div>
</a-space>
</div>
</div>
</a-card>
<a-card
style="height: 65px"
class="rounded-sm mt-3 lg:ml-2"
:body-style="{ padding: 0, height: '65px' }"
:bordered="false"
hoverable
>
<div class="flex justify-between h-full">
<div class="en-title bg-green-600">OC</div>
<div class="w-full ml-3.5 flex justify-between items-center">
提交项目总数
<a-space size="large" class="mr-3">
<div class="text-right">
<div>总数</div>
<div>45</div>
</div>
<div class="text-right">
<div>新增</div>
<div><icon-caret-up class="text-green-600" /> 2</div>
</div>
</a-space>
</div>
</div>
</a-card>
</div>
</div>
</template>
<style scoped>
.en-title {
width: 75px;
color: #fff;
text-align: center;
line-height: 65px;
font-weight: bold;
font-size: 1.3em;
border-radius: 2px 0 0 2px;
}
</style>