首页 > 其他分享 >fastadmin 数据记录行上添加操作按钮并设置权限

fastadmin 数据记录行上添加操作按钮并设置权限

时间:2024-11-13 17:18:40浏览次数:1  
标签:log extend url 行上 fastadmin 按钮 var data options

1. 一键 curd 以及配置菜单

编写控制器方法 - 业务逻辑

再次一键生成菜单 - 生成刚刚写审核通过方法的控制器。

 

2. 自定义控制器中方法。

3. 查看角色组的权限,并授予该角色权限。

4. 前端修改 index 页面,因为需要权限所以需要加上一句话

data-operate-log="{:$auth->check('pz/ypdjpz/log')}"

 

5. 修改对应页面的 js。路径为:public/assets/js/backend/

6. 修改公共 js。路径为:public/assets/js/require-table.js

6.1 新增 url

6.2 新增按钮

log: {
    name: 'log',
    icon: 'fa fa-trash',
    title: __('历史记录'),
    extend: 'data-toggle="tooltip"',
    classname: 'btn btn-xs btn-primary btn-log'
}

  

6.3 将按钮加入到数据中,在 formatter 的 operate 里

if (options.extend.log_url !== '' && names.indexOf('log') === -1) {
    buttons.push(Table.button.log);
}

  

6.4 增加点击事件

'click .btn-log': function (e, value, row, index) {
    e.stopPropagation();
    e.preventDefault();
    var that = this;
    var table = $(this).closest('table');
    var options = table.bootstrapTable('getOptions');
    var ids = row[options.pk];
    Table.api.multi("log", ids, table, that);
},

 

6.5 修改 multi 代码,修改 url 的三目运算符。

// var url = typeof data.url !== "undefined" ? data.url : (action == "del" ? options.extend.del_url : options.extend.multi_url);

var url = typeof data.url !== "undefined" ? data.url : (action == "del" ? options.extend.del_url :(action == "log" ? options.extend.log_url:options.extend.multi_url));

7. 配置按钮时的图标地址

 

标签:log,extend,url,行上,fastadmin,按钮,var,data,options
From: https://www.cnblogs.com/feixiablog/p/18544397

相关文章

  • wpf中取消按钮的默认样式
    <Stylex:Key="TransparentButton"TargetType="Button"><SetterProperty="Background"Value="Transparent"/><SetterProperty="BorderThickness"Value="0"/><SetterP......
  • 在vue项目中如何实现权限控制,菜单权限,按钮权限,接口权限,路由权限,操作权限,数据权限如何
    在实际项目开发中,权限管理是一个关键功能,用于控制不同用户对系统资源的访问。权限是对特定资源的访问许可,权限控制的目的是确保用户只能访问到被分配的资源。例如,网站管理员可以对网站数据进行增删改查,而普通用户只能浏览。权限管理的分类根据功能的不同,权限控制可以分为......
  • 动态按钮Demo
    概要在网页中,动态按钮不仅能够提升用户体验,还能增强界面的互动性。本文将教会你如何利用前端技术实现动态按钮,以及它们在提升网站交互性方面的重要性。如下效果图:整体架构流程动态按钮的实现涉及到HTML、CSS和JavaScript的协同工作。HTML负责结构的搭建,CSS负责样式的......
  • 解决:在表单框内没有值的时候就点击弹窗确认按钮会触发表单校验,但是之后若填了值表单校
      save2(){//在点击确认按钮时,首先清除表单的校验错误this.$refs.formRef2.clearValidate();//重新进行校验this.$refs.formRef2.validate((valid)=>{if(valid){//修改操作if(this.messagetId!==undefined&&this.messagetId......
  • WPF程序弹出页中按钮在触摸屏(电容屏)上点击事件需要点十次才能触发的问题解决方法
    一、事件背景介绍1.功能简述:主页面是一个DataGrid列表,点击DataGrid行,弹出子页面;子页面根据数据加载多个Button按钮,如下图,就是这个页面中的按钮,在触摸屏上触摸点击,需要点击十次才能成功,使用鼠标点击一下就能成功。 主要代码如下://WPF前端<DataGridx:Name="scanDtl......
  • 点击按钮出现波纹散开效果
     consthandleClick=(event:MouseEvent)=>{constbutton=event.currentTargetasHTMLElement;//计算点击位置constrect=button.getBoundingClientRect();constx=event.clientX-rect.left;consty=event.clientY-rect.top;//创建一......
  • 学习笔记(十五):ArkUi-切换按钮 (Toggle)
    概述:提供状态按钮样式、勾选框样式和开关样式,一般用于两种状态之间的切换一、创建单选框接口形式如下:type为类型,支持三种1、Switch  不包含子组件Toggle({type:ToggleType.Switch,isOn:true}) 2、Checkbox不包含子组件Toggle({type:ToggleType.Checkbox,isOn:true}......
  • 基于thinkphp+fastadmin+uniapp的单商户商城
    1、系统概述多平台的单商户多门店系统,支持微信公众号、微信小程序、h5网页、Android、IOS的购物商城,拥有强大灵活的店铺装修、自定义模板、多规格商品、运费模板、库存管理、全端分享等。2、技术栈thinkphpuniappvue3viterediselement-pluseasy-wechatmysql3、......
  • 学习笔记(十三):ArkUi-按钮 (Button)
    概述:按钮组件,通常用于响应用户的点击操作,其类型包括胶囊按钮、圆形按钮、普通按钮。Button做为容器使用时可以通过添加子组件实现包含文字、图片等元素的按钮。使用示例:一、创建Button1、创建不包含子组件的按钮Button('新增').type(ButtonType.Capsule).......
  • 微信小程序客服分享悬浮按钮代码
    以下代码可用于在微信小程序中的客服咨询与用户分享操作。按钮通过设置plain=‘true’来使其显示为简单的图标按钮,按钮的位置和样式通过CSS进行了详细的定制,确保在不同屏幕大小和设备上都能良好显示和使用,以下为参考代码。代码实现样式一,无文字有图片<buttonplain......