admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

湖里大屏(质量管理)：简化问题占比代码

Browse Source
This commit is contained in:
Jack 2022-08-08 11:28:28 +08:00
parent 64bbbefa2d
commit 3fa112ccd8
1 changed files with 43 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/projectAdmin/dataBoard/projectHuScreen/qualityManage/leftCenter.vue
View File

@ -1,8 +1,6 @@
<template> <template>
<!-- 问题占比 --> <Card :title="title">
<div class="questionRate"> <div class="warp">
<div class="title">{{ title }}</div>
<div class="content">
<div class="chart"> <div class="chart">
<JRingChart <JRingChart
:title="{ text: 3412, subTitle: '问题总数' }" :title="{ text: 3412, subTitle: '问题总数' }"
@ -22,17 +20,18 @@
</div> </div>
</div> </div>
</div> </div>
</div> </Card>
</template> </template>
<script> <script>
import Card from '../components/Card.vue'
import JRingChart from '../jChart/pie/JRingChart.vue' import JRingChart from '../jChart/pie/JRingChart.vue'
export default { export default {
components: { JRingChart }, components: { Card, JRingChart },
props: { props: {
title: { title: {
type: String, type: String,
default: 'default title' default: ''
} }
}, },
data() { data() {
@ -42,19 +41,8 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.questionRate { .warp {
width: 100%;
height: 100%; height: 100%;
border: 1px solid #0081c3;
.title {
padding-left: 6px;
height: 30px;
line-height: 30px;
font-size: 18px;
color: #6ee4f0;
}
.content {
height: calc(100% - 30px);
display: flex; display: flex;
.chart { .chart {
width: 55%; width: 55%;
@ -96,6 +84,5 @@ export default {
} }
} }
} }
}
} }
</style> </style>