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

湖里大屏(质量管理)：更改问题类型使用 Card 组件

Browse Source
This commit is contained in:
Jack 2022-08-23 18:12:10 +08:00
parent 4247e5d2e2
commit 0b78f2041d
1 changed files with 11 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/views/projectAdmin/jlw/qualityManage/leftTop.vue
View File

@ -1,19 +1,19 @@
<template> <template>
<div class="question-type"> <Card :title="title">
<div class="title">{{ title }}</div>
<DaysSwitch class="days-switch" @change="handleSwitch" /> <DaysSwitch class="days-switch" @change="handleSwitch" />
<div class="content"> <div class="content">
<JProgressChart :seriesData="seriesData" :yData="yData" /> <JProgressChart :seriesData="seriesData" :yData="yData" />
</div> </div>
</div> </Card>
</template> </template>
<script> <script>
import Card from '../components/Card.vue'
import JProgressChart from '../jChart/bar/JProgressChart.vue' import JProgressChart from '../jChart/bar/JProgressChart.vue'
import DaysSwitch from './components/DaysSwitch.vue' import DaysSwitch from './components/DaysSwitch.vue'
import { selectDangerTypeQualityCountApi } from '@/assets/js/api/dataBoard' import { selectDangerTypeQualityCountApi } from '@/assets/js/api/dataBoard'
export default { export default {
components: { JProgressChart, DaysSwitch }, components: { Card, JProgressChart, DaysSwitch },
props: { props: {
title: { title: {
type: String, type: String,
@ -55,24 +55,12 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.question-type { .days-switch {
width: 100%; margin-top: 10px;
height: 100%; margin-right: 20px;
border: 1px solid #0081c3; margin-left: auto;
.title { }
padding-left: 6px; .content {
height: 30px; height: calc(100% - 64px);
line-height: 30px;
font-size: 18px;
color: #6ee4f0;
}
.days-switch {
margin-top: 10px;
margin-right: 20px;
margin-left: auto;
}
.content {
height: calc(100% - 64px);
}
} }
</style> </style>