在钉钉接口，根据日期，动态变化数据和饼图

蓝妮365

已于 2022-06-16 10:52:01 修改

阅读量504

点赞数

分类专栏： vue echart 文章标签：大前端

于 2021-12-14 17:15:28 首次发布

本文链接：https://blog.csdn.net/lany365/article/details/121931931

版权

本文介绍如何利用钉钉接口获取特定日期的数据，并详细讲解如何将这些动态数据实时展示在饼图上，实现数据可视化。通过前端技术，结合后端接口，实现了数据的动态更新和饼图的交互效果。

摘要由CSDN通过智能技术生成

<template>
  <div class="home">
    <div class="main_box">
      <div class="main_title">个人绩效奖金池</div>
      <div class="select_box">
        <div class="item_box">
          <span>{
  {organization}}-{
  {userName}}</span>
          <span>{
  {myMoney}}</span>
        </div>
        <el-select
          v-model="timeForm"
          placeholder="请选择"
          size="mini"
          @change="changeDate"
        >
          <el-option
            v-for="item in timeSelect"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </el-select>
      </div>
      <!-- <button type="text" @click="ddCode">钉钉</button> -->
      <div class="main_ul">
        <ul>
          <li>
            <span style="background:#FFF6E4;color:#FF9D00">当期绩效</span>
            <span>{
  {currentMonth}}</span>
            <span style="background:#FFF6E4;color:#FF9D00">累计绩效奖金</span>
            <span>{
  {currentMonthTotal}}</span>
          </li>
          <li>
            <span>合伙人出资抵扣</span>
            <span>{
  {partnerContributionDeductionTotal}}</span>
            <span>跟投抵扣</span>
            <span>{
  {followUpDeductionTotal}}</span>
          </li>
          <li>
            <span>还配资抵扣</span>
            <span>{
  {alsoAllocateFundsTotal}}</span>
            <span>还配资利息抵扣</span>
            <span>{
  {alsoAllocateFundsInterestTotal}}</span>
          </li>
          <li>
            <span>罚款抵扣</span>
            <span>{
  {fineTotal}}</span>
            <span>其他抵扣</span>
            <span>{
  {otherTotal}}</span>
          </li>
            <li>
            <span style="background:#FFF6E4;color:#FF9D00">累计抵扣</span>
            <span>{
  {deductionTotal}}</span>
            <span style="background:#FFF6E4;color:#FF9D00">绩效奖金余额</span>
            <span>{
  {bonusBalance}}</span>
          </li