From b59d7d4f48f84dc856d46f6ee6c8e9300376d272 Mon Sep 17 00:00:00 2001 From: Your Name <123456> Date: 星期四, 08 九月 2022 09:33:43 +0800 Subject: [PATCH] 合并 --- src/views/goalManagement/targetStatistics/index.vue | 92 ---------------------------------------------- 1 files changed, 0 insertions(+), 92 deletions(-) diff --git a/src/views/goalManagement/targetStatistics/index.vue b/src/views/goalManagement/targetStatistics/index.vue index ae64857..e69de29 100644 --- a/src/views/goalManagement/targetStatistics/index.vue +++ b/src/views/goalManagement/targetStatistics/index.vue @@ -1,92 +0,0 @@ -<template> - <div style="background-color: #fff"> - <h2 style="line-height:40px;text-align: center;padding: 20px 0;">目标完成情况统计</h2> - <el-row style="padding:20px 0"> - <el-col :span="4" :offset="17"> - <el-select v-model="form.targetType" placeholder="" @change="listApi" style="width:100%"> - <el-option label="年指标" :value="1" /> - <el-option label="月指标" :value="2" /> - <el-option label="半年" :value="3" /> - <el-option label="季度" :value="4" /> - </el-select> - </el-col> - </el-row> - <div ref="main" style="width: 100%; height: 450px;"></div> - </div> -</template> -<script lang="ts"> -import { defineComponent, onMounted, ref } from 'vue'; -import * as echarts from 'echarts'; -import { ElMessage } from 'element-plus'; -import { goalManagementApi } from '/@/api/goalManagement'; -export default defineComponent({ - setup() { - const form = ref({ - qName: '', - indexNum: '', - targetType: 1, - divideStatus: '', - }); - onMounted(() => { - listApi(); - }); - const listApi = () => { - goalManagementApi() - .gettargetstatistics(form.value.targetType) - .then((res) => { - let arr = []; - arr.push({ - value: res.data.data.noComplete, - name: '未完成', - }); - arr.push({ - value: res.data.data.complete, - name: '已完成', - }); - init(arr); - }); - }; - const main = ref(); - const init = (data: any) => { - var myChart = echarts.init(main.value); - var option = { - // title: { - // text: 'Referer of a Website', - // subtext: 'Fake Data', - // left: 'center', - // }, - tooltip: { - trigger: 'item', - }, - legend: { - orient: 'vertical', - left: '30%', - }, - series: [ - { - // name: 'Access From', - type: 'pie', - radius: '90%', - data: data, - emphasis: { - itemStyle: { - shadowBlur: 10, - shadowOffsetX: 0, - shadowColor: 'rgba(0, 0, 0, 0.5)', - }, - }, - }, - ], - }; - - myChart.setOption(option); - }; - return { - form, - main, - init, - listApi, - }; - }, -}); -</script> -- Gitblit v1.9.2