修改一些ts的问题。
This commit is contained in:
parent
620860c551
commit
f472031b6f
@ -10,12 +10,12 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="archievement-wrapper">
|
<div class="archievement-wrapper">
|
||||||
<span>总业绩</span>
|
<span>总业绩</span>
|
||||||
<span>¥ {{ archivement_count }}</span>
|
<span>¥ {{ archivement_count }}</span>
|
||||||
<div id="chartWrapper"></div>
|
<div id="chartWrapper"></div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script lang="ts">
|
||||||
import { reactive, computed, onMounted } from "vue";
|
import { reactive, computed, onMounted } from "vue";
|
||||||
import * as echarts from "echarts";
|
import * as echarts from "echarts";
|
||||||
|
|
||||||
@ -35,11 +35,10 @@ export default {
|
|||||||
//设置图表
|
//设置图表
|
||||||
const initCharts = () =>
|
const initCharts = () =>
|
||||||
{
|
{
|
||||||
var chartDom = document.getElementById('chartWrapper');
|
const chartDom = document.getElementById('chartWrapper');
|
||||||
var myChart = echarts.init(chartDom);
|
//@ts-ignore
|
||||||
var option;
|
const myChart = echarts.init((chartDom));
|
||||||
|
const option = {
|
||||||
option = {
|
|
||||||
xAxis: {
|
xAxis: {
|
||||||
type: 'category',
|
type: 'category',
|
||||||
data: ["一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二",],
|
data: ["一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二",],
|
||||||
@ -58,7 +57,7 @@ export default {
|
|||||||
|
|
||||||
option && myChart.setOption(option);
|
option && myChart.setOption(option);
|
||||||
|
|
||||||
window.onresize = function()
|
window.onresize = function ()
|
||||||
{
|
{
|
||||||
//自适应大小
|
//自适应大小
|
||||||
myChart.resize();
|
myChart.resize();
|
||||||
|
@ -26,9 +26,9 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { reactive, onBeforeMount } from "vue";
|
// import { reactive, onBeforeMount } from "vue";
|
||||||
import { useRouter } from "vue-router";
|
import { useRouter } from "vue-router";
|
||||||
import { StaffInfo } from "@/data/cpicxim/StaffInfo";
|
// import { StaffInfo } from "@/data/cpicxim/StaffInfo";
|
||||||
import { loadStaffInfo } from "@/utils/api/localStorage";
|
import { loadStaffInfo } from "@/utils/api/localStorage";
|
||||||
import { ElMessage } from "element-plus";
|
import { ElMessage } from "element-plus";
|
||||||
import Archievement from "@/components/ArchievementComponent.vue";
|
import Archievement from "@/components/ArchievementComponent.vue";
|
||||||
|
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user