|
@@ -7,6 +7,8 @@
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
<script>
|
|
<script>
|
|
|
|
|
+import {chartSyjhbydxqk} from '@/api/dashboard-json'
|
|
|
|
|
+
|
|
|
export default {
|
|
export default {
|
|
|
name: 'ScreenSyjhbydxqk',
|
|
name: 'ScreenSyjhbydxqk',
|
|
|
data() {
|
|
data() {
|
|
@@ -19,6 +21,25 @@ export default {
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
async getOption() {
|
|
async getOption() {
|
|
|
|
|
+ const arrMap = {
|
|
|
|
|
+ '计划': [],
|
|
|
|
|
+ '完成': []
|
|
|
|
|
+ }
|
|
|
|
|
+ const res = await chartSyjhbydxqk()
|
|
|
|
|
+ if (res?.code === 200) {
|
|
|
|
|
+ arrMap['计划'] = [
|
|
|
|
|
+ res.info.series[0].data[0],
|
|
|
|
|
+ res.info.series[2].data[0],
|
|
|
|
|
+ res.info.series[4].data[0],
|
|
|
|
|
+ res.info.series[6].data[0]
|
|
|
|
|
+ ]
|
|
|
|
|
+ arrMap['完成'] = [
|
|
|
|
|
+ res.info.series[1].data[0],
|
|
|
|
|
+ res.info.series[3].data[0],
|
|
|
|
|
+ res.info.series[5].data[0],
|
|
|
|
|
+ res.info.series[7].data[0]
|
|
|
|
|
+ ]
|
|
|
|
|
+ }
|
|
|
this.option = {
|
|
this.option = {
|
|
|
title: {},
|
|
title: {},
|
|
|
color: ['rgb(86, 202, 149)', 'rgb(96, 150, 230)'],
|
|
color: ['rgb(86, 202, 149)', 'rgb(96, 150, 230)'],
|
|
@@ -60,17 +81,13 @@ export default {
|
|
|
{
|
|
{
|
|
|
name: '计划',
|
|
name: '计划',
|
|
|
type: 'bar',
|
|
type: 'bar',
|
|
|
- data: [
|
|
|
|
|
- 2.0, 4.9, 7.0, 23.2
|
|
|
|
|
- ]
|
|
|
|
|
|
|
+ data: arrMap['计划']
|
|
|
|
|
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: '完成',
|
|
name: '完成',
|
|
|
type: 'bar',
|
|
type: 'bar',
|
|
|
- data: [
|
|
|
|
|
- 2.6, 5.9, 9.0, 26.4
|
|
|
|
|
- ]
|
|
|
|
|
|
|
+ data: arrMap['完成']
|
|
|
|
|
|
|
|
}
|
|
}
|
|
|
]
|
|
]
|