报表页面与后端格式

最新推荐文章于 2024-09-15 10:33:02 发布
最新推荐文章于 2024-09-15 10:33:02 发布
阅读量162 收藏
点赞数
分类专栏： IDEA 文章标签： 前端 javascript java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45853906/article/details/128813347
版权

在这里插入图片描述

前端

<template>
  <a-card :bordered="false" class="table-list">
    <!-- table区域-begin -->
    <div>
      <a-table
        ref="table"
        size="middle"
        bordered
        :rowKey="(r,i)=>{return i}"
        :columns="columns"
        :scroll="{ x: true}"
        :dataSource="dataSource"
        :pagination="false"
        :loading="loading"
        class="j-table-force-nowrap"
        @change="handleTableChange"
      >
      </a-table>
    </div>
  </a-card>
</template>

<script>
import moment from 'moment'
import '@/assets/less/TableExpand.less'
import {mixinDevice} from '@/utils/mixin'
import {JeecgListMixin} from '@/mixins/JeecgListMixin'
import {getAction} from '@/api/manage'

export default {
  name: 'FirstCheckZpUnquList',
  mixins: [JeecgListMixin, mixinDevice],
  components: {},
  data() {
    return {
      description: '',
      // 表头
      columns: [
        {
          title: '组别',
          dataIndex: 'teamName',
          key: 'id',
          width: 150,
          fixed: 'left',
          customRender: (value, row, index) => {
            const obj = {
              children: value,
              attrs: {},
            };
            let i = index % 3
            if (i === 0) {
              obj.attrs.rowSpan = 3;
            }
            if (i === 1) {
              obj.attrs.rowSpan = 0;
            }
            if (i === 2) {
              obj.attrs.colSpan = 0;
            }
            return obj;
          },

        },
        {
          title: '项目',
          dataIndex: 'project',
          width: 200,
          fixed: 'left',
        },
        {
          title: '月份',
          children: [
            {
              title: '1月',
              dataIndex: 'one',
            },
            {
              title: '2月',
              dataIndex: 'two',
            },
            {
              title: '3月',
              dataIndex: 'three',
            },
            {
              title: '4月',
              dataIndex: 'four',
            },
            {
              title: '5月',
              dataIndex: 'five',
            },
            {
              title: '6月',
              dataIndex: 'six',
            },
            {
              title: '7月',
              dataIndex: 'seven',
            },
            {
              title: '8月',
              dataIndex: 'eight',
            },
            {
              title: '9月',
              dataIndex: 'nine',
            },
            {
              title: '10月',
              dataIndex: 'ten',
            },
            {
              title: '11月',
              dataIndex: 'eleven',
            },
            {
              title: '12月',
              dataIndex: 'twelve',
            },
          ],
        },
      ],
      url: {
        list: '/report/zpunqu/firstCheckUnqu',
        exportXlsUrl: '/report/zpunqu/export',
      },
    }
  },
  methods: {},
}
</script>
<style lang="less" scoped>
@import '~@assets/less/common.less';
</style>

后端

//查询品质首检合格率
    @Override
    public List<FirstCheckZpUnqu> firstCheckZpUnqu() {
        List<FirstCheckZpUnqu> firstCheckZpTaskVos = firstCheckZpTaskMapper.selectUnquBy();
        List<FirstCheckZpUnqu> vos = new ArrayList<>();
        for (int i = 0; i < firstCheckZpTaskVos.size(); i++) {
            FirstCheckZpUnqu firstCheckZpUnqu = firstCheckZpTaskVos.get(i);
            if (firstCheckZpUnqu.getMonths().equals("01")) {
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检总次数")
                        .one(firstCheckZpUnqu.getSumFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检不合格次数")
                        .one(firstCheckZpUnqu.getUnquaFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检合格率")
                        .one(firstCheckZpUnqu.getPassRate())
                        .build());

            }
            if (firstCheckZpUnqu.getMonths().equals("02")) {
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检总次数")
                        .two(firstCheckZpUnqu.getSumFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检不合格次数")
                        .two(firstCheckZpUnqu.getUnquaFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检合格率")
                        .two(firstCheckZpUnqu.getPassRate())
                        .build());

            }
            if (firstCheckZpUnqu.getMonths().equals("03")) {
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检总次数")
                        .three(firstCheckZpUnqu.getSumFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检不合格次数")
                        .three(firstCheckZpUnqu.getUnquaFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检合格率")
                        .three(firstCheckZpUnqu.getPassRate())
                        .build());

            }
            if (firstCheckZpUnqu.getMonths().equals("04")) {
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检总次数")
                        .four(firstCheckZpUnqu.getSumFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检不合格次数")
                        .four(firstCheckZpUnqu.getUnquaFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检合格率")
                        .four(firstCheckZpUnqu.getPassRate())
                        .build());

            }
            if (firstCheckZpUnqu.getMonths().equals("05")) {
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检总次数")
                        .five(firstCheckZpUnqu.getSumFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检不合格次数")
                        .five(firstCheckZpUnqu.getUnquaFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检合格率")
                        .five(firstCheckZpUnqu.getPassRate())
                        .build());

            }
            if (firstCheckZpUnqu.getMonths().equals("06")) {
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检总次数")
                        .six(firstCheckZpUnqu.getSumFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检不合格次数")
                        .six(firstCheckZpUnqu.getUnquaFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检合格率")
                        .six(firstCheckZpUnqu.getPassRate())
                        .build());

            }
            if (firstCheckZpUnqu.getMonths().equals("07")) {
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检总次数")
                        .seven(firstCheckZpUnqu.getSumFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检不合格次数")
                        .seven(firstCheckZpUnqu.getUnquaFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检合格率")
                        .seven(firstCheckZpUnqu.getPassRate())
                        .build());

            }
            if (firstCheckZpUnqu.getMonths().equals("08")) {
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检总次数")
                        .eight(firstCheckZpUnqu.getSumFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检不合格次数")
                        .eight(firstCheckZpUnqu.getUnquaFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检合格率")
                        .eight(firstCheckZpUnqu.getPassRate())
                        .build());

            }
            if (firstCheckZpUnqu.getMonths().equals("09")) {
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检总次数")
                        .nine(firstCheckZpUnqu.getSumFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检不合格次数")
                        .nine(firstCheckZpUnqu.getUnquaFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检合格率")
                        .nine(firstCheckZpUnqu.getPassRate())
                        .build());

            }
            if (firstCheckZpUnqu.getMonths().equals("10")) {
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检总次数")
                        .ten(firstCheckZpUnqu.getSumFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检不合格次数")
                        .ten(firstCheckZpUnqu.getUnquaFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检合格率")
                        .ten(firstCheckZpUnqu.getPassRate())
                        .build());

            }
            if (firstCheckZpUnqu.getMonths().equals("11")) {
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检总次数")
                        .eleven(firstCheckZpUnqu.getSumFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检不合格次数")
                        .eleven(firstCheckZpUnqu.getUnquaFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检合格率")
                        .eleven(firstCheckZpUnqu.getPassRate())
                        .build());

            }
            if (firstCheckZpUnqu.getMonths().equals("12")) {
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检总次数")
                        .twelve(firstCheckZpUnqu.getSumFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检不合格次数")
                        .twelve(firstCheckZpUnqu.getUnquaFrequency())
                        .build());
                vos.add(FirstCheckZpUnqu.builder()
                        .teamName(firstCheckZpUnqu.getTeamName())
                        .project("首检合格率")
                        .twelve(firstCheckZpUnqu.getPassRate())
                        .build());

            }

        }
        return vos;
    }
AA-鑫
关注
专栏目录
11.1Vue电商后台管理系统 完善数据报表 ：新增了报表--页面访问量
weixin_47505105的博客
04-02 2126
Vue电商后台管理系统 完善了数据报表 ：新增了另一个报表--页面访问量，该报表可以显示：不同的日期下每一个页面的访问量
java后台生成pdf报告
紅塵的博客
06-06 2363
后台生成pdf的方法
典型数据报表的样式和作用
报表设计器爱好者iris_1992的专栏
12-05 5423
数据报表的概念 数据报表，即为用表格和图形来直观的展示数据。数据报表的类型和样式繁多，包括最常见的财务数据报表（资产负债表、利润表、现金流量表和股东权益变动表等）、销售数据报表（产品销售明细表、销售成本表、销售计划和完成情况表、市场分析表等）等。 数据报表的样式 FineReport是中国web报表软件领导品牌，在设计和制作数据报表上有着强大的优势和丰富的经验，制作的报表“性能好
后端动态生成报表导出
wangwky的博客
09-21 894
后端报表导出前端后端 把前端要导出的数据查询参数传递到后端，后端通过参数去数据库查询，得到的跟前端展示的一样，但是导出的规则是需要在后端从新写的。 前端 通过form表单的提交方式，来发起请求后端，后端处理之后返回数据，前端浏览器直接提示下载了。 同时做了一次导出请求的判断，因为是有时间和姓名的查询条件，而且我第一次默认展示了有数据，所以当查询条件没有的时候一定是刚进去就默认展示的数据导出，所以判断查询的参数是否为空，如果为空把参数给赋上跟展示页面的相同的默认值 这里默认的是今天的数据。 $("#gene
Jeecg开发框架前端VUE2数据页面与后端数据库交互实现
HaoXinJT的博客
05-01 4091
官方网站：版本日志： http://jeecg.com/doc/log。
后端怎么生成报表html文件,如何在MVC程序中将从后台报表参数值传递给前台
weixin_39951181的博客
06-07 262
在之前的教程中我们学习了如何将前台数据传递给报表参数，本文主要讲解，如何通过后台为报表参数赋值，并传递给前台页面元素。系列博客：开发环境VS2013+MVC4.0+ ActiveReports10实现步骤：1. 创建工程在Visual Studio 2013中创建MVC Web项目 2. 创建Web服务文件添加服务，在工程中添加一个【Web 服务】，然后切换到代码视图，修改该类继承的原始类型为G...
Springboot 开发 -- Thymeleaf页面嵌入帆软报表
dazhong2012的专栏
05-24 941
Thymeleaf页面嵌入帆软报表 /post 请求方法。
前端生成PDF，让后端刮目相看
葡萄城技术团队博客
02-23 5325
PDF 简介 PDF 全称Portable Document Format (PDF)（便携文档格式）,该格式的显示与操作系统、分辨率、设备等因素没有关系，不论是在Windows，Unix还是在苹果公司的Mac OS操作系统中PDF格式都通用。Adobe公司在1993年为了文档传输创造了这个文件格式，这个格式使用PostScript页面描述语言，适用于列印图像和文字（无论是在纸、胶片或非物质的CRT都可）。PDF是基于页面描述语言。它既可以像程序代码一样具有可读性，又能表示出可任意放大和缩小的矢量图。 PD
JAVA前端与后端交互面试题
Yun的博客
08-31 6098
1.第二阶段面试题 1.1. 描述Servlet调用过程？ 答案： （1）在浏览器输入地址，浏览器先去查找hosts文件，将主机名翻译为ip地址，如果找不到就再去查询dns服务器将主机名翻译成ip地址。 （2）浏览器根据ip地址和端口号访问服务器，组织http请求信息发送给服务器。 （3）服务器收到请求后首先根据Host请求头判断当前访问的是哪台虚拟主机。 （4）服务器根据http请求头中的请求URI判断当前访问的是哪个web应用。 （5）服务器根据http请求头中的请求URI判断当前访问的是web应用中的
若依框架ECharts报表通过ajax请求后端数据显示
qq_46658376的博客
12-02 2639
** 若依框架ECharts报表通过ajax请求后端数据显示 效果图： 1：柱状图 1.1 在html里面加入容器 1.2 后端-controller 向前端传入List数据 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示； 全新的 KaTeX数学公式 语法； 增加了支持甘特图的mermaid语法1 功能； 增加了 多屏幕编辑 Markdown文章功能； 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能，功能按钮位于编辑区域与预览区域中间； 增加了 检查列
Java报表开发示例ReportsCharts（含页面和后端代码）.zip
10-22
本示例"ReportsCharts"提供了完整的页面展示和后端处理代码，帮助开发者更好地理解和实践Java报表开发。以下是对这个示例中涉及的关键知识点的详细说明： 1. **Java编程语言**：作为基础，Java是一种广泛使用的面向...
一个从sql构建http API的无代码工具。只需要编写sql，然后自动生成http API。特别适合为报表开发后端服务.zip
04-03
这样的工具极大地简化了后端开发流程，尤其对于数据处理和报表相关的应用非常有用。无代码（No-Code）意味着开发者无需编写传统的编程代码，只需专注于数据查询，从而提高了开发效率。 描述中的信息进一步强调了这...
基于WEB的多格式报表的设计与实现.pdf
09-29
标题和描述中提到的“基于WEB的多格式报表的设计与实现”涉及了网络编程和报表设计的高级知识。WEB报表是通过浏览器展示的数据报告，其可以展现多种数据格式，并且支持用户交互。在实现WEB报表时，开发者需要关注...
如何制作报表网页 网页中显示报表.zip
01-11
6. **在线教程资源**："Grid++Report5.0简单报表设计_电脑软件_百度经验.url"和"Grid++Report报表开发工具 V5.0.0.5免费版 - 绿色软件联盟.url"是两个链接，分别指向百度经验的教程和绿色软件联盟的下载页面，可以...
-webkit-box-reflect属性与倒影效果的实现
读心悦
09-13 535
是一个非标准的 CSS 属性，主要用于在 WebKit 浏览器（如 Chrome 和 Safari）中创建元素的倒影效果。这个属性并不是 CSS 规范的一部分，但在实践中经常被用来实现简单而有趣的视觉效果。
Vue使用query传参Boolean类型，刷新之后转换为String问题
q879936814的博客
09-12 538
要解决这个问题，不能直接Boolean处理，因为如果传入false，那么转换成字符串，Boolean(‘false’)会变成true；做项目时发现第一次进入页面时传参是正常的Boolean类型，刷新之后变成了String，这是浏览器进行的一次强制转换；解决方法：使用JSON.parse处理参数。
测试ASP.NET Core的WebApi项目调用WebService
最新发布
gc_2299的博客
09-15 479
记录在WebApi中调用WebService的基本方式。
计算机毕业设计 基于SpringBoot的课程教学平台的设计与实现 Java+SpringBoot+Vue 前后端分离 文档报告 代码讲解 安装调试
weixin_19164791635
09-12 1021
本文介绍了一款基于Java、SpringBoot和Vue.js技术的课程教学平台。该平台服务于管理员、学生和教师，提供教学资源管理、课程信息浏览、作业提交与批改等功能，旨在优化教学流程，提升教育质量，促进教育资源的数字化共享，推动教育信息化发展。
（微服务项目）新闻头条——Day1
weixin_73253843的博客
09-13 1208
（微服务项目）新闻头条——Day1
使用Vue制作商品报表页面
06-01
使用 Vue 制作商品报表页面的具体步骤如下： 1. 在命令行中使用 Vue CLI 创建一个新的项目。 ``` vue create report ``` 2. 安装需要使用的 Vue 插件和第三方库，例如： ``` npm install vue-router --save npm ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值