From 23f1bf22c42a904c05cee63e10c9fd8b60dfe8f5 Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: 星期二, 20 九月 2022 14:54:56 +0800
Subject: [PATCH] Default Changelist
---
src/views/goalManagement/targetStatistics/index.vue | 92 ++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 92 insertions(+), 0 deletions(-)
diff --git a/src/views/goalManagement/targetStatistics/index.vue b/src/views/goalManagement/targetStatistics/index.vue
index e69de29..bffcc0e 100644
--- a/src/views/goalManagement/targetStatistics/index.vue
+++ b/src/views/goalManagement/targetStatistics/index.vue
@@ -0,0 +1,92 @@
+<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: `未完成 ${res.data.data.noComplete}`,
+ });
+ arr.push({
+ value: res.data.data.complete,
+ name: `已完成 ${res.data.data.complete}`,
+ });
+ 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