b2894lxlx/guofu-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化菜单结构

Browse Source
This commit is contained in:
赵忠林
2024-07-23 05:24:43 +08:00
parent 65ba85dcdb
commit a657ff04ad
70 changed files with 11824 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
src/views/system/myTask/admin/components/count-rate.vue Normal file
View File

@@ -0,0 +1,86 @@
<template>
<a-card :bordered="false" title="用户评价" :body-style="{ padding: '14px', height: '315px' }">
<div class="ele-cell ele-cell-align-bottom">
<div style="font-size: 51px; line-height: 1">4.5</div>
<div class="ele-cell-content">
<a-rate :value="userRate" disabled />
<span style="color: #fadb14; margin-left: 8px">很棒</span>
</div>
</div>
<div class="ele-cell" style="margin: 18px 0">
<div style="font-size: 28px; line-height: 1" class="ele-text-placeholder">
-0%
</div>
<div class="ele-cell-content ele-text-small ele-text-secondary">
当前没有评价波动
</div>
</div>
<div class="ele-cell">
<div class="ele-cell-content">
<a-progress :percent="60" stroke-color="#52c41a" :show-info="false" />
</div>
<div class="monitor-evaluate-text">
<star-filled />
<span>5 : 368 人</span>
</div>
</div>
<div class="ele-cell">
<div class="ele-cell-content">
<a-progress :percent="40" stroke-color="#1890ff" :show-info="false" />
</div>
<div class="monitor-evaluate-text">
<star-filled />
<span>4 : 256 人</span>
</div>
</div>
<div class="ele-cell">
<div class="ele-cell-content">
<a-progress :percent="20" stroke-color="#faad14" :show-info="false" />
</div>
<div class="monitor-evaluate-text">
<star-filled />
<span>3 : 49 人</span>
</div>
</div>
<div class="ele-cell">
<div class="ele-cell-content">
<a-progress :percent="10" stroke-color="#f5222d" :show-info="false" />
</div>
<div class="monitor-evaluate-text">
<star-filled />
<span>2 : 14 人</span>
</div>
</div>
<div class="ele-cell">
<div class="ele-cell-content">
<a-progress :percent="0" :show-info="false" />
</div>
<div class="monitor-evaluate-text">
<star-filled />
<span>1 : 0 人</span>
</div>
</div>
</a-card>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
import { StarFilled } from '@ant-design/icons-vue';
// 用户评分
const userRate = ref(4.5);
</script>
<style lang="less" scoped>
.monitor-evaluate-text {
width: 90px;
flex-shrink: 0;
white-space: nowrap;
opacity: 0.8;
& > .anticon {
font-size: 12px;
margin: 0 6px 0 8px;
}
}
</style>