fastadmin 框架碎碎念

已于 2023-04-20 10:13:38 修改
阅读量337 收藏 1
点赞数
文章标签： php 服务器
于 2023-04-06 18:44:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53266805/article/details/129996065
版权

fieldlist

  • php代码
    <div class="panel panel-default">
        <div class="panel-heading">收款主体</div>
        <div class="panel-body">
            <div class="form-group row">
                <div class="col-xs-12  col-sm-12">
                    <table class="table fieldlist" data-template="eventtpl" data-name="row[event]" id="second-table">
                        <tr>
                            <td  width="80">{:__('发票类型')}</td>
                            <td  width="80">{:__('税率')}</td>
                            <td  width="100">{:__('收款账户')}</td>
                            <td  width="100">{:__('开户行')}</td>
                            <td  width="120">{:__('银行卡')}</td>
                            <td  width="80">{:__('收款方式')}</td>
                            <td  width="120">{:__('对私身份证号')}</td>
                            <td  width="100">{:__('对私手机号')}</td>
                            <td  width="80">操作</td>
                        </tr>
                        <tr>
                            <td colspan="9"><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> {:__('Append')}</a></td>
                        </tr>
                    </table>

                    <!--请注意实际开发中textarea应该添加个hidden进行隐藏-->
                    <textarea name="row[event]" class="form-control hidden" cols="30" rows="5"></textarea>
                    <script id="eventtpl" type="text/html">
                        <tr class="form-inline">
                            <td>
                                <input style="width: 100%;" type="text" name="<%=name%>[<%=index%>][invoice_type]" class="form-control selectpage" data-source="partner/Partner/getarr/type/3" data-field="name" value="<%=row.invoice_type%>" placeholder="发票类型"/>
                            </td>
                            <td>
                                <input style="width: 100%" type="text" name="<%=name%>[<%=index%>][tax_rate]" class="form-control selectpage" data-source="partner/Partner/getarr/type/4" data-field="name" value="<%=row.tax_rate%>" placeholder="税率"/>
                            </td>
                            <td><input style="width: 100%" type="text" name="<%=name%>[<%=index%>][account]" class="form-control" value="<%=row.account%>" placeholder="收款账户"/></td>
                            <td><input style="width: 100%" type="text" name="<%=name%>[<%=index%>][bank]" class="form-control" value="<%=row.bank%>" placeholder="开户行"/></td>
                            <td><input style="width: 100%" type="text" name="<%=name%>[<%=index%>][card_num]" class="form-control" value="<%=row.card_num%>" placeholder="银行卡"/></td>


                            <td>
                                <input style="width: 100%" type="text" name="<%=name%>[<%=index%>][payment_type]" class="form-control selectpage" data-source="partner/Partner/getarr/type/5" data-field="name" value="<%=row.payment_type%>" placeholder="收款方式"/>
                            </td>
                            <td><input style="width: 100%" type="text" name="<%=name%>[<%=index%>][idcard]" class="form-control" size="15" value="<%=row.idcard%>" placeholder="对私身份证号"/></td>
                            <td><input style="width: 100%" type="text" name="<%=name%>[<%=index%>][mobile]" class="form-control" size="15" value="<%=row.mobile%>" placeholder="对私手机号"/></td>
                            <td>
                                <!--下面的两个按钮务必保留-->
                                <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span>
                                <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span>
                            </td>
                        </tr>
                    </script>
                </div>
            </div>
        </div>
    </div>
  • js代码
        add: function () {
            Template.helper("Fast", Fast);
            $(document).on("fa.event.appendfieldlist", "#second-table .btn-append", function (e, obj) {
                //绑定动态下拉组件
                Form.events.selectpage(obj);
            });
            Controller.api.bindevent();


        },
        edit: function () {
            Template.helper("Fast", Fast);
            $(document).on("fa.event.appendfieldlist", "#second-table .btn-append", function (e, obj) {
                //绑定动态下拉组件
                Form.events.selectpage(obj);
            });
            $(document).on('change keyup changed', "textarea", function () {
                console.log(11)
                var container = $(this).closest(".fieldlist");
                container.trigger("fa.event.refreshfieldlist");
            })
            Controller.api.bindevent();

        },

在这里插入图片描述

搜索条件

  • 负责人分页列表，模糊搜索
  • 修改搜索按钮文字
    var Controller = {
        index: function () {
            // 初始化表格参数配置
            Table.api.init({
                extend: {
                    index_url: 'project/index' + location.search,
                    add_url: 'project/add',
                    multi_url: 'project/multi',
                    import_url: 'project/import',
                    export_url: 'project/export'+ location.search,
                    del_url: 'project/del',
                    table: 'project',
                }
            },{},{formatCommonSubmitButton: function () {
                    return '查询';
                }}
            );

            var table = $("#table");
            //在普通搜索渲染后
            table.on('post-common-search.bs.table', function (event, table) {
                var form = $("form", table.$commonsearch);
                $("input[name='admin.nickname']", form).addClass("selectpage").data("source", "auth/admin/selectpage").data("primaryKey", "nickname").data("field", "nickname").data("orderBy", "id desc");
                $("input[name='admins.nickname']", form).addClass("selectpage").data("source", "auth/admin/selectpage").data("primaryKey", "nickname").data("field", "nickname").data("orderBy", "id desc");

                Form.events.selectpage(form);
            });
            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'id',
                sortName: 'id',
                fixedColumns: true,
                fixedRightNumber: 1,
                showColumns: false,
                showToggle: false,
                search:false,
                showExport: false,
                exportTypes:['excel'],
                columns: [
                    [
                        {checkbox: true},

                        {field: 'division_id', title: __('项目小组'), visible: false, addClass: "selectpage division_id", extend: "data-source='system/division/selectpage' data-field='division_name'"},

                        {field: 'division.division_name', title: __('项目小组'), operate: false},
                        {field: 'rebate_ratio', title: __('返点比例'), operate: 'BETWEEN',placeholder: ''},
                        {field: 'admin.nickname', title: __('负责人'), operate: 'LIKE %...%'},
                        {field: 'admins.nickname', title: __('项目执行人'), operate: 'LIKE %...%'},
                        {field: 'project_status', title: __('Project_status'), searchList: {"1": __('跟进中'), "2": __('立项申请'), "3": __('执行中'), "4": __('结案中'), "5": __('已结案')}, formatter: Table.api.formatter.flag},
                        {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate,
                            buttons: [{
                                name: 'detail',
                                text: '详情',
                                title: '项目详情',
                                icon: 'fa fa-file-text-o',
                                classname: 'btn btn-xs btn-primary btn-success btn-dialog',
                                url: 'project/detail'
                            },{
                                name: 'detail',
                                title: __('上传成本单'),
                                classname: 'btn btn-xs btn-primary btn-dialog',
                                icon: 'fa fa-cloud-upload',
                                url: 'projects/cost/batch',
                                callback: function (data) {
                                    Layer.alert("接收到回传数据：" + JSON.stringify(data), {title: "回传数据"});
                                },
                                visible: function (row) {
                                    //返回true时按钮显示,返回false隐藏
                                    if (row.project_status==3){
                                        if (row.is_edit==1){
                                            return true;
                                        } else {
                                            return false;
                                        }
                                    } else {
                                        return false;
                                    }

                                }
                            }{
                                name: 'detail',
                                text: '项目结案',
                                title: __('项目结案'),
                                classname: 'btn btn-xs btn-primary btn-dialog',
                                icon: 'fa fa-check-square-o',
                                url: 'project/closingreport',
                                callback: function (data) {
                                    Layer.alert("接收到回传数据：" + JSON.stringify(data), {title: "回传数据"});
                                },
                                visible: function (row) {
                                    //返回true时按钮显示,返回false隐藏
                                    if (row.project_status==3){
                                        if (row.is_edit==1){
                                            return true;
                                        } else {
                                            return false;
                                        }
                                    } else {
                                        return false;
                                    }
                                }
                            }],
                            formatter: Table.api.formatter.operate}
                    ]
                ]
            });

区间范围

  • 搜索区间范围
    在这里插入图片描述
{field: 'rebate_ratio', title: __('Rebate_ratio'), operate: 'BETWEEN',placeholder: ''},

控制台跳转对应列表

-添加class类 addtabsit

在这里插入图片描述

                  <div class="col-xs-6 col-md-3">
                        <div class="panel bg-blue-gradient no-border">
                            <div class="panel-body">
                                <div class="panel-title">
                                    <span class="label label-primary pull-right"></span>
                                    <h5>{:__('发起的立项审批')}</h5>
                                </div>
                                <div class="panel-content">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <h1 data-item="1" class="no-margins"><a class="label label-success addtabsit" href="{:url('project/projectapproval')}">{$project_apply_total}</a></h1>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

操作组

  • 添加 dropdown:‘操作’,

在这里插入图片描述

,{
                                    name: 'setting',
                                    text: '设为白名单',
                                    classname: 'btn btn-xs btn-success btn-ajax',
                                    icon: 'fa fa-pencil',
                                    url: 'partner/partner/setting/state/2',
                                    dropdown:'操作',
                                    visible:function(row){
                                        if (row.is_edit == 1) {
                                            return true;
                                        }
                                    },
                                    confirm: '您确定设为白名单吗？',
                                    success: function (data, ret) {
                                        $("#table").bootstrapTable('refresh');
                                        return false;
                                    },
                                    error: function (data, ret) {
                                        Layer.alert(ret.msg);
                                        return false;
                                    }
                                },{
                                    name: 'setting',
                                    text: '设为正常',
                                    classname: 'btn btn-xs btn-success btn-ajax',
                                    icon: 'fa fa-pencil',
                                    url: 'partner/partner/setting/state/1',
                                    dropdown:'操作',
                                    visible:function(row){
                                        if (row.is_edit == 1) {
                                            return true;
                                        }
                                    },
                                    confirm: '您确定设为正常吗？',
                                    success: function (data, ret) {
                                        $("#table").bootstrapTable('refresh');
                                        return false;
                                    },
                                    error: function (data, ret) {
                                        Layer.alert(ret.msg);
                                        return false;
                                    }
                                }

打开新页面

  • fast.api.open() 打开新页面
            $(document).on('click', '.add_supplier', function () {

                var url = 'partner/partner/add/type/1';

                Fast.api.open(url, $(this).data("original-title") || $(this).attr("title") || __('Add'), $(this).data() || {});
            });

selectpage动态筛选，带参数 division_id

        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">审核人员:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-assigner" data-params='{"custom[division_id]": {$division_id}}' data-rule="required" data-source="auth/admin/selectpage" data-field="nickname" class="form-control selectpage" name="row[assigner]" type="text" value="">
            </div>
        </div>

php向js里传值 admin_id

  • php 接受参数通过 assignconfig传值,
        $admin_id = input('admin_id', 0);
		
        $this->assignconfig('admin_id',$admin_id);
        return $this->view->fetch();
  • js通过Config.admin_id 接收并传值给查询列表

在这里插入图片描述

自定义导出按钮带参数导出

  • js部分
            $(document).on('click','.btn-export', function (){
                var options = table.bootstrapTable('getOptions');
                var search = options.queryParams({});
                var filter = search.filter;
                var op = search.op;
                location.href = $.fn.bootstrapTable.defaults.extend.export_url+ '&filter=' + filter + '&op=' + op;
            })
长玉
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
分分钟的碎碎念1
08-08
，from[n]输出格式　共一行，一个正整数L表示最长的念头因果链中的念头数量样例输入801032424样例输出3样例说明　最长的因果链有：　1->2->
前端框架vue react面试资料
03-01
前端框架面试资料
Fastadmin框架环境搭建
BaseLike的博客
01-05 3368
Fastadmin FastAdmin是一款基于ThinkPHP5+Bootstrap的极速后台开发框架。 玩该框架需要我们先下载 fastadmin安装包 然后随便解压到电脑的某个空目录中：比如我的是解压到了E:/fastadmin,该目录后面会用到，先留个印象。 打开phpstudy,首先启动apache（如果该面板集成的mysql出现启动不了的情况也没关系，我们就用外面自己下载的单独mysql），接着看下图进行操作。域名那个地方自己随便起个名都可以！关键在于根目录那块，需要指定我们刚刚解压fa
知识笔记（五十五）———fastadmin框架部署
lrx276的博客
12-12 453
第二步.创建新的网站（创建环境必须是同比同步hosts）第三步.填写域名，根目录（选择public文件）第四部.伪静态（不写应该没事）
FASTADMIN框架避坑指南
代码存储室
06-20 457
框架都有一个通病，就是基础基础功能用起来都很快，但是稍微复杂一点的你就要开始翻文档了，可能文档还没有，社区也没有人回答，既然用了，就记录下遇到的问题，不定期更新。
PHP之fastadmin框架安装运行自动生成后台操作
php-yyds
07-31 669
​ PHP之fastadmin框架安装运行自动生成后台操作 1、下载，到fastadmin官网下载 ​
fastadmin框架-运行篇
精通前端技术，了解后端接口
06-21 578
这里是fastadmin框架的文档，有很多相关介绍，当然也有很多的玩法，比如：使用命令一键生成菜单，他会一键生成模型，试图，js，控制器，以及连接数据库制动创建数据表。总之非常的强大，他还有后台管理系统，前端，app等。创建环境必须是同比同步hosts。4.直接点击管理然后打开网站就OK了。
电子工程师碎碎念_90
11-08
资源电子工程师碎碎念_90知识分享
关于抓包的碎碎念1
08-03
关于抓包的碎碎念1
第一次学resnet，碎碎念
最新发布
02-01
第一次学resnet，碎碎念
fastadmin框架自带的数据效验
m0_64590669的博客
11-28 2745
fastadmin框架自带的数据效验
FastAdmin框架学习-安装后的注意事项
xuancuocui1413的博客
01-09 558
FastAdmin框架学习-安装后的注意事项 删除判断是否安装FastAdmin的代码 在public目录下，index.php文件中删除掉判断是否安装的代码块。 // 判断是否安装FastAdmin if (!is_file(APP_PATH . 'admin/command/Install/install.lock')) { header("location:./install.php...
「FastAdmin」fastadmin第一次开发回顾——简介
Black coder
01-23 2266
最近刚刚做了一个PHP项目，顺便学习了fastadmin快速开发框架的使用。下面几篇文章是我在学习fastadmin框架中的体会以及心得，也是参考了许多前辈的文章。记录下来正好可以练习自己的逻辑思维能力。
fastadmin带商城开发框架安装
guoruijun_2012_4的专栏
09-28 281
2、按照安装文档配置环境，linux 配置宝塔面板，linux命令行安装。5、hbuilderx使用上官网查看，最好注册账号方便开发发布。对初学者来说有些生疏，所以用宝塔面板，可视话安装操作比较容易。10、伪静态配置 nginx 配置 php环境配置练习熟悉。4、商城 shopro 前后端分离，前端还需独立发布。3、基础框架安装完成后，安装商城插件 shopro。11、阿里云域名服务、端口放行、虚拟机管理练习熟悉。8、宝塔面板安装步骤参考官网，练习熟悉。7、前端打包后，上传服务器指定网站。
fastadmin PhpSpreadsheet插件导出
weixin_43383417的博客
07-22 699
代码】fastadminPhpSpreadsheet插件导出。
基于fastadmin字符串处理类
自由人、自由魂、自由的心灵没有门
11-03 1084
一个基于fastadmin整理的字符串trait类库
fastadmin默认的controller已实现的方法
aochijing0046的博客
03-03 1053
fastadmin控制器 <?php namespace app\admin\controller\peizi; use app\common\controller\Backend; /** * * * @icon fa fa-circle-o */ class Config extends Backend { /...
fastAdmin表格与其他快捷方法使用
qq_27080351的博客
02-12 1501
【代码】fastAdmin表格与其他快捷方法使用。键值组件(Fieldlist)，table表格
FastAdmin 导出时设置不被导出的字段
T_Hong的博客
12-01 800
在fastadmin中，默认导出是导出列表上全部的数据，包括操作等，我们可以自定义设置不被导出的信息。在对应js文件中加上以下代码即可。
zotero版本升级
08-01
回答: 如果你在Zotero的6.0版本之后发现很多插件不能用了，你可以考虑回滚安装旧版。具体操作是打开C:\Users\ICT\...你可以通过关注微信公众号“舒意的碎碎念”，回复“新版zotero插件”来获取所有插件的压缩包。[3]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值