Fastadmin后台列表外显示额外数据
控制器:
$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后台列表外显示额外数据相关推荐
- 有效数据外含有额外数据_basemap之地图上画额外数据
有时候我们想将自己的数据画在地图上,比如点,线,热体图等.我们先画地图地形底图,然后将数据点画在地图之上. 1. 散点 Basemap.scatter() 比如我们经常会将站点画在地图上,如地震台站, ...
- 有效数据外含有额外数据_Excel|应用数据有效性规范数据录入
[问题] EXCEL输入数据时,经常会输入不规范或者无效的数据,对数据的统计工作带来很大的麻烦. 数据验证能够建立特定的规则,限制单元格可以输入的内容,从而规范数据输入,提高数据统计与分析效率. 数据 ...
- 为啥我从后台查到的值在页面显示的是undefined_再谈一个管理后台列表功能应有的素质...
大家能看到的这个号第1篇文章<无心朝政,列表功能分析下>就是讲列表功能.虽然当时写的时候特别认真,但基本是围绕"列表功能"这个广泛的词来阐述的. 最近在做一个体育赛事 ...
- SAP Cloud for Customer(C4C)前台显示的数据是如何从后台读取的
以SAP Cloud for Customer SalesOrder的搜索页面为例: 我们看到的页面里显示的数据,仍然是C4C基于的SAP UI5实现里,采用AJAX调用,从C4C后台系统读取回前台的 ...
- 织梦DedeCMS后台模块管理列表不显示 【终极解决办法】
织梦系统上传到空间之后,点击"模块管理"里面的"模块列表"显示空白的解决办法 网上很多关于织梦后台模块管理列表不显示的解决办法,但是大多无效,下面这种方法是小菜 ...
- vue页面切换动画-类似于轮播效果、渲染列表给每一行数据加上显示动画
vue页面切换动画-类似于轮播效果 <transition :name="transitionName"><router-view/> </trans ...
- 让列表只显示数据,不显示文件夹的方法
我们首先要做的是创建一个视图 在修改视图的属性里,选择不显示文件夹,就可以了. 大家以为这样就可以的吧,其实不然,你用SPD把这个视图改成数据视图看看 怎么样,又显示文件夹了,现在该怎么解决了,这时你 ...
- 初识fastAdmin表格列表的功能
FastAdmin是一款基于ThinkPHP5+Bootstrap的极速后台开发框架.优点见开发文档 https://doc.fastadmin.net/docs 在这里上传几张优秀的快速入门图: 一 ...
- 「后台列表页设计原则和技巧」
摘要: 本文详述了管理后台列表页的设计原则和技巧,对于新手有很大的学习价值. 无论是什么类型的产品,几乎都会出现「列表页」,前台部分的列表页设计技巧已经有很多的介绍了,下面我以「电商系统」为例,谈谈业 ...
最新文章
- Android Activity的onRestart()方法
- MySql5.7环境搭建
- NOIp 2014 #4 无线网络发射器选址 Label:模拟
- win2008win7设置自动登录系统的方法(三步搞定)
- python3 缺少PIP解决办法
- 基于PyQt的扫雷游戏实现_上篇
- python游戏设计教程视频_零基础python教程-用Python设计你的第一个小游戏
- oracle排序字符,Oracle数据字符集和排序的用法
- 一般试卷的纸张大小是多少_档案产品库纸张整理专家
- 【入门】数据分析必备——Excel基础知识
- python完成滑动拼图验证码破解
- stm32f412新工程配置的记录
- 【洛谷】P3376 【模板】网络最大流
- iOS 15 更新,图标改版
- PDF写出:使用fop输出为pdf格式文件的Demo
- el-cascader级联选择器当子节点的children为空数组的话,有bug(前端解决办法)
- html实现银行卡号输入,Vue中Element-ui 输入银行账号每四位加一个空格的实现代码_飛雲_前端开发者...
- 【PyG入门学习】三:信息传递机制
- 376招募线上被试 | 你对“中文句子”的记忆情况如何?
- 在Ubuntu 20.04系统里安装Flatpak软件应用无图标显示问题的解决