湖里大屏(质量管理):简化问题类型代码
This commit is contained in:
parent
d6563f2629
commit
64bbbefa2d
@ -1,45 +1,27 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="question-type">
|
<Card :title="title">
|
||||||
<div class="title">{{ title }}</div>
|
<JProgressChart :seriesData="seriesData" :yData="yData" />
|
||||||
<div class="content">
|
</Card>
|
||||||
<JProgressChart :seriesData="seriesData" :yData="yData" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import Card from '../components/Card.vue'
|
||||||
import JProgressChart from '../jChart/bar/JProgressChart.vue'
|
import JProgressChart from '../jChart/bar/JProgressChart.vue'
|
||||||
export default {
|
export default {
|
||||||
components: { JProgressChart },
|
components: { Card, JProgressChart },
|
||||||
props: {
|
props: {
|
||||||
title: {
|
title: {
|
||||||
type: String,
|
type: String,
|
||||||
default: 'default title'
|
default: ''
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
yData: ['地理老师', '地理老师', '地理老师', '地理老师', '地理老师', '地理老师', '地理老师', '地理老师', '地理老师', '地理老师'],
|
yData: ['砌体工程', '混凝土工程', '盾构隧道', '雨水管道', '钢筋工程', '桩基础'].reverse(),
|
||||||
seriesData: [100, 235, 232, 532, 112, 532, 449, 269, 998, 33]
|
seriesData: [100, 235, 232, 532, 112, 532]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped></style>
|
||||||
.question-type {
|
|
||||||
width: 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);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user