dcat admin 自定义页面

自定义用户详情页
整体分为两部分:用户信息tab框

用户详情页

用户信息采用自定义页面加载,controller代码如下:

protected function detail($id)
{return Show::make($id, GameUser::with('finance'), function (Show $show) {// 这段就是加载自定义页面$show->html(view('admin.user._header', ['user' => $show->model()]));// 这里加载tab$tab = Tab::make();// 这段采用本地加载,不需要异步,获取全部银行卡列表信息$tab->add('银行卡', $this->bankAccount($show->model())); // 订单采用异步加载$tab->add('订单', UserOrderTable::make(["user_id"=>$show->model()->id]));$show->html($tab->withCard());$show->disableDeleteButton();});}protected function bankAccount($userModel) {$grid = new Grid(new GameUserBankAccount());$grid->model()->where('user_id', $userModel->id);$grid->column('account_name', '账户名');$grid->column('bank_branch_code', '银行分行代码');$grid->column('bank_account', '银行卡号');$grid->column('created_at');$grid->column('updated_at');$grid->disableActions()->disableRefreshButton()->disableCreateButton()->disableRowSelector()->withBorder()->scrollbarX();return $grid->render();
}

admin.user._header页面代码如下:

<style>.user-container {background: #F4F7FA; padding: 20px 0; justify-content: center; margin-bottom: 20px}.user-container .row{ padding: 10px 20px }
</style>
<div><div class="user-container"><div class="row"><div class="col">用户账号:{{ $user->account }}</div><div class="col">用户昵称:{{ $user->name }}</div><div class="col">状态:<span class="text-info">正常</span></div><div class="col">推荐人:{{ $user->name }}</div></div><div class="row"><div class="col">姓名:{{ $user->identity_name }}</div><div class="col">手机:{{ $user->phone }}</div><div class="col">地址:{{ $user->address }}</div><div class="col">邮箱:{{ $user->email }}</div></div><div class="row"><div class="col">Whatsapp:{{ $user->whatsapp }}</div><div class="col">Facebook:{{ $user->facebook }}</div><div class="col">Telegram:{{ $user->telegram }}</div><div class="col">创建时间:{{ $user->created_at  }}</div></div></div>
</div>

UserOrderTable 代码如下:
异步加载文档地址:https://learnku.com/docs/dcat-admin/2.x/asynchronous-loading/9327

<?phpnamespace App\Admin\Renderable;use App\Models\GameUserOrder;
use Dcat\Admin\Grid;
use Dcat\Admin\Grid\LazyRenderable;
use Illuminate\Contracts\Support\Renderable;class UserOrderTable extends LazyRenderable implements Renderable
{public function grid(): Grid{return Grid::make(GameUserOrder::where("user_id", $this->payload['user_id']), function (Grid $grid) {$grid->column('order_code', '流水单号');$grid->column('order_type', '订单类型')->display(function () {return $this->order_type_desc;})->sortable()->badge(['default' => 'primary', 10 => 'primary', 20 => 'danger']);$grid->column('order_amount', '订单金额')->sortable();$grid->column('actual_amount', '实际金额');$grid->column('gift_amount', '赠送金额');$grid->column('fee_amount', '手续费');$grid->column('order_status', '状态')->display(function () {return $this->order_status_desc;})->dot([100 => 'danger', 200 => 'success', 300 => 'primary']);$grid->column('created_at');$grid->column('updated_at');$grid->disableActions()->disableRefreshButton()->disableCreateButton()->disableRowSelector()->withBorder()->scrollbarX()->paginate(5);});}
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/706803.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

git 中使用git clean删除未跟踪Untracked的文件

git clean -nf 是 Git 中的一个命令。让我们分解一下这个命令的意思&#xff1a; git clean: 这是一个命令&#xff0c;其功能是用来删除未被跟踪的文件。 -n&#xff1a;这是一个选项&#xff0c;也可以写作 --dry-run。添加这个选项后&#xff0c;命令将显示哪些文件会被删除…

go 的使用总结

go的内存逃逸&#xff1f; go语言在编辑阶段通过逃逸分析把分配在栈上变量 分配到堆上去。 栈内存&#xff1a; 一段连续的内存&#xff0c;便于高效运行指令过程中的临时变量存储。 堆内存&#xff1a; 主要由垃圾回收器 回收没有被引用的指针。 逃逸分析&#xff1a;栈内…

.NET Core Web API注册和发现实例

在.NET Core Web API中&#xff0c;服务注册和发现是实现微服务架构的重要组成部分。通过注册服务实例&#xff0c;客户端能够动态地找到可用的服务端点&#xff0c;从而实现服务的透明调用。在.NET Core中&#xff0c;有多种方式可以实现服务注册和发现&#xff0c;例如使用Co…

frp 内网穿透 linux部署版

frp 内网穿透 linux部署版 前提安装 frp阿里云服务器配置测试服务器配置访问公网 前提 使用 frp&#xff0c;您可以安全、便捷地将内网服务暴露到公网&#xff0c;通过访问公网 IP 直接可以访问到内网的测试环境。准备如下&#xff1a; 公网 IP已部署好的测试服务 IP:端口号阿…

【可实战】被测系统业务架构、系统架构、技术架构、数据流、业务逻辑分析

一、为什么要学习 更深的理解业务逻辑&#xff08;公司是做什么的&#xff1f;它最重要的商务决策是什么&#xff1f;它里面的数据流是怎么做的&#xff1f;有哪些业务场景&#xff1f;考验你对这家公司、对所负责业务的熟悉程度。公司背后服务器用什么软件搭建的&#xff1f;…

小程序框架(概念、工作原理、发展及应用)

引言 移动应用的普及使得用户对于轻量级、即时可用的应用程序需求越来越迫切。在这个背景下&#xff0c;小程序应运而生&#xff0c;成为一种无需下载安装、即点即用的应用形式&#xff0c;为用户提供了更便捷的体验。小程序的快速发展离不开强大的开发支持&#xff0c;而小程…

Cypher语句查询neo4j数据库教程

文章目录 Cypher介绍执行Cypher语句查询总结 Cypher介绍 NodeMatcher和RelationshipMatcher能够表达的匹配条件相对简单&#xff0c;更加复杂的查询还是需要用Cypher语句来表达。 Py2neo本身支持执行Cypher语句的执行&#xff0c;可以将复杂的查询写成Cypher语句&#xff0c;…

ubuntu20下使用 torchviz可视化计算图

安装 torchviz&#xff1a; pip install torchviz示例代码&#xff1a;下面是一个简单的示例代码&#xff0c;展示如何使用 torchviz 可视化计算图&#xff1a; python import torch from torchviz import make_dot# 创建一个简单的模型 model torch.nn.Sequential(torch.nn…

40+个适合高中生探索的计算机科学研究思路课题

作为一名对计算机科学感兴趣的高中生&#xff0c;应该如何提升对这个学科的的认知呢&#xff1f;进行研究就是一个不错的选择&#xff0c;通过研究&#xff0c;你可以加深对这个领域的理解&#xff0c;获得宝贵的技能&#xff0c;并为社会做出贡献&#xff01; 研究经验可以…

【办公类-21-05】20240227单个word按“段落数”拆分多个Word(成果汇编 只有段落文字 1拆5)

作品展示 背景需求 前文对一套带有段落文字和表格的word进行13份拆分 【办公类-21-04】20240227单个word按“段落数”拆分多个Word&#xff08;三级育婴师操作参考题目1拆13份&#xff09;-CSDN博客文章浏览阅读293次&#xff0c;点赞8次&#xff0c;收藏3次。【办公类-21-04…

Qt中控件pushbutton的使用

pushbutton控件的使用 pushbutton生成的方式 ①纯代码生成&#xff1a;通过代码实现pushbutton控件所有的属性&#xff0c;不推荐&#xff1b; ②纯UI界面生成&#xff1a;通过拖动工具栏中已有的pushbutton控件进行实现&#xff0c;但一些属性设置上&#xff0c;纯UI界面操作…

电商数据分析10——电商行业中的用户画像构建与数据分析应用

目录 写在开头1. 用户画像的概念和重要性1.1 用户画像定义1.2 用户画像在电商中的应用价值 2. 构建用户画像的数据分析方法2.1 数据收集与处理2.2 关键特征提取和用户分类2.3 用户行为和偏好分析 3. 用户画像在电商营销中的应用案例3.1 个性化推荐系统3.1.1 背景介绍3.1.2 问题…

【六袆-Golang】Golang:安装与配置Delve进行Go语言Debug调试

安装与配置Delve进行Go语言Debug调试 一、Delve简介二、win-安装Delve三、使用Delve调试Go程序[命令行的方式]四、使用Golang调试程序 Golang开发工具系列&#xff1a;安装与配置Delve进行Go语言Debug调试 摘要&#xff1a; 开发环境中安装和配置Delve&#xff0c;一个强大的G…

高通 AI Hub 上手指南

文章介绍 2月26日&#xff0c;高通在2024年世界移动通信大会&#xff08;MWC2024&#xff09;上发布高通AI Hub&#xff0c; AI Hub 简化了AI 模型部署到边缘设备的过程。可以利用AI-hub云端托管 Qualcomm 设备上&#xff0c;在几分钟内完成模型的优化、验证和部署。本文以Pyto…

RV32/64 特权架构 - 特权模式与指令

RV32/64 特权架构 - 特权模式与指令 1 特权模式2 特权指令2.1 mret&#xff08;从机器模式返回到先前的模式&#xff09;2.2 sret&#xff08;从监管模式返回到先前的模式&#xff09;2.3 wfi&#xff08;等待中断&#xff09;2.4 sfence.vma&#xff08;内存屏障&#xff09; …

idea 更新maven java版本变化

今天遇到个问题就是&#xff0c;点击maven的reload&#xff0c;会导致setting 里的java compiler 版本变化 这里的话&#xff0c;应该是settings.xml文件里面的这个限定死了&#xff0c;修改一下或者去掉就可以了 <profile><id>JDK-1.8</id><activatio…

华为OD机试真题-靠谱的车-2023年OD统一考试(C卷)---Python3-开源

题目&#xff1a; 考察内容&#xff1a; 思维转化&#xff0c;进制转化&#xff0c;9进制转为10进制&#xff0c;在4的位置1&#xff0c;需要判断是否大于4 代码&#xff1a; """ 题目分析&#xff1a; 9进制转化为10进制23-25 39-50 399-500输入&#xff1a…

06 基于单位脉冲信号的信号合成与分解

各位看官&#xff0c;大家好&#xff01;本讲为《数字信号处理理论篇》06 基于单位脉冲信号的信号合成与分解。&#xff08;特别提示&#xff1a;课程内容为由浅入深的特性&#xff0c;而且前后对照&#xff0c;不要跳跃观看&#xff0c;请按照文章或视频顺序进行观看。 笔者今…

排序算法--堆排序

堆排序的时间复杂度是O&#xff08;N*logN&#xff09;&#xff0c;优于选择排序O&#xff08;N^2&#xff09; 一、堆 1.堆的概念&#xff1a;堆一般指的是二叉堆&#xff0c;顾名思义&#xff0c;二叉堆是完全二叉树或者近似完全二 2.堆的性质&#xff1a;①完全二叉树 ②每…

MySQL基本数据类型

目录 一&#xff0c;各类型特点 1.1.整数 1.2.实数&#xff08;带有小数点&#xff09; 1.3.TEXT、BLOB 时间1.4.日期 1.5.选择标识符 一&#xff0c;各类型特点 1.1.整数 TINYINT 8位 &#xff08;-128 - 127&#xff09;SMALLINT 16位 &#xff08;-32768 - 32767&am…