控制器:

$list = collection($list)->toArray();
// 额外显示的数据
$total_price = $this->model->with(['customer','shop', 'sales'])->where($where)->sum("price"); // 消费总额
$total_real_income = $this->model->with(['customer','shop', 'sales'])->where($where)->sum("real_income"); // 实入总额
$total_surplus = $this->model->with(['customer','shop', 'sales'])->where(['is_settle' => 1])->where($where)->sum("price"); // 剩余结算总额
$result = array("total" => $total, "rows" => $list, "extend" => ['total_price' => round($total_price, 2),'total_real_income' => round($total_real_income, 2),'total_surplus' => round($total_surplus, 2),
]);

js:

table.on('load-success.bs.table', function (e, data) {
//这里我们手动设置底部的值
$("#total_price").text(data.extend.total_price);
$("#total_real_income").text(data.extend.total_real_income);
$("#total_surplus").text(data.extend.total_surplus);
});

html:

<a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
<a href="javascript:;" class="btn btn-default" title="消费总额">消费总额: <span id="total_price"></span>元</a>
<a href="javascript:;" class="btn btn-default" title="实入总额">实入总额: <span id="total_real_income"></span>元</a>
<a href="javascript:;" class="btn btn-default" title=" 剩余结算总额">剩余结算总额: <span id="total_surplus"></span>元</a>

最终效果图:

Fastadmin后台列表外显示额外数据相关推荐

  1. 有效数据外含有额外数据_basemap之地图上画额外数据

    有时候我们想将自己的数据画在地图上,比如点,线,热体图等.我们先画地图地形底图,然后将数据点画在地图之上. 1. 散点 Basemap.scatter() 比如我们经常会将站点画在地图上,如地震台站, ...

  2. 有效数据外含有额外数据_Excel|应用数据有效性规范数据录入

    [问题] EXCEL输入数据时,经常会输入不规范或者无效的数据,对数据的统计工作带来很大的麻烦. 数据验证能够建立特定的规则,限制单元格可以输入的内容,从而规范数据输入,提高数据统计与分析效率. 数据 ...

  3. 为啥我从后台查到的值在页面显示的是undefined_再谈一个管理后台列表功能应有的素质...

    ​大家能看到的这个号第1篇文章<无心朝政,列表功能分析下>就是讲列表功能.虽然当时写的时候特别认真,但基本是围绕"列表功能"这个广泛的词来阐述的. 最近在做一个体育赛事 ...

  4. SAP Cloud for Customer(C4C)前台显示的数据是如何从后台读取的

    以SAP Cloud for Customer SalesOrder的搜索页面为例: 我们看到的页面里显示的数据,仍然是C4C基于的SAP UI5实现里,采用AJAX调用,从C4C后台系统读取回前台的 ...

  5. 织梦DedeCMS后台模块管理列表不显示 【终极解决办法】

    织梦系统上传到空间之后,点击"模块管理"里面的"模块列表"显示空白的解决办法 网上很多关于织梦后台模块管理列表不显示的解决办法,但是大多无效,下面这种方法是小菜 ...

  6. vue页面切换动画-类似于轮播效果、渲染列表给每一行数据加上显示动画

    vue页面切换动画-类似于轮播效果 <transition :name="transitionName"><router-view/> </trans ...

  7. 让列表只显示数据,不显示文件夹的方法

    我们首先要做的是创建一个视图 在修改视图的属性里,选择不显示文件夹,就可以了. 大家以为这样就可以的吧,其实不然,你用SPD把这个视图改成数据视图看看 怎么样,又显示文件夹了,现在该怎么解决了,这时你 ...

  8. 初识fastAdmin表格列表的功能

    FastAdmin是一款基于ThinkPHP5+Bootstrap的极速后台开发框架.优点见开发文档 https://doc.fastadmin.net/docs 在这里上传几张优秀的快速入门图: 一 ...

  9. 「后台列表页设计原则和技巧」

    摘要: 本文详述了管理后台列表页的设计原则和技巧,对于新手有很大的学习价值. 无论是什么类型的产品,几乎都会出现「列表页」,前台部分的列表页设计技巧已经有很多的介绍了,下面我以「电商系统」为例,谈谈业 ...

最新文章

  1. Android Activity的onRestart()方法
  2. MySql5.7环境搭建
  3. NOIp 2014 #4 无线网络发射器选址 Label:模拟
  4. win2008win7设置自动登录系统的方法(三步搞定)
  5. python3 缺少PIP解决办法
  6. 基于PyQt的扫雷游戏实现_上篇
  7. python游戏设计教程视频_零基础python教程-用Python设计你的第一个小游戏
  8. oracle排序字符,Oracle数据字符集和排序的用法
  9. 一般试卷的纸张大小是多少_档案产品库纸张整理专家
  10. 【入门】数据分析必备——Excel基础知识
  11. python完成滑动拼图验证码破解
  12. stm32f412新工程配置的记录
  13. 【洛谷】P3376 【模板】网络最大流
  14. iOS 15 更新,图标改版
  15. PDF写出:使用fop输出为pdf格式文件的Demo
  16. el-cascader级联选择器当子节点的children为空数组的话,有bug(前端解决办法)
  17. html实现银行卡号输入,Vue中Element-ui 输入银行账号每四位加一个空格的实现代码_飛雲_前端开发者...
  18. 【PyG入门学习】三:信息传递机制
  19. 376招募线上被试 | 你对“中文句子”的记忆情况如何?
  20. 在Ubuntu 20.04系统里安装Flatpak软件应用无图标显示问题的解决

热门文章

  1. 解决thinkpad或者其他笔记本电脑无线网络不可用问题
  2. ireport怎么实现总计和小计?
  3. 理解对比表示学习(Contrastive Learning)
  4. 输入法规则(V模式输入)
  5. AR技术简谈:相关原理,技术应用以及设备推荐,带你感受虚拟信息与真实世界巧妙融合。
  6. Apple Watch也出事儿了,据说监测健康的数据不太可靠!
  7. 【信号处理】Matlab实现语音变速变调
  8. Unity实战之类爬塔功能
  9. 【安卓】设置应用的开机启动
  10. 微信聊天记录删除后如何恢复?原来只要这样就可以了