fastadmin图片前台导出

news/2025/2/15 7:07:18/

参考 https://github.com/hhurz/tableExport.jquery.plugin#options

define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {$(document).ready(function(){$('#table').bootstrapTable('refreshOptions', {exportOptions: {onMsoNumberFormat: DoOnMsoNumberFormat}});});function DoOnMsoNumberFormat(cell, row, col) {return (row > 0 ) ? '\\@' : '';}var Controller = {index: function () {// 初始化表格参数配置Table.api.init({extend: {index_url: 'register/index' + location.search,add_url: 'register/add',edit_url: 'register/edit',del_url: 'register/del',multi_url: 'register/multi',table: 'register',},//fastadminexportTypes: ['json', 'xml', 'csv', 'txt', 'doc', 'excel'],exportOptions: {fileName: 'export_' + Moment().format("YYYY-MM-DD"),  //导出名称ignoreColumn: [0, 'operate'], //不导出字段ignoreRow: [],csvSeparator: "----",//文本分割htmlContent: true,onMsoNumberFormat: DoOnMsoNumberFormat},//fastadmin});var table = $("#table");// 初始化表格table.bootstrapTable({url: $.fn.bootstrapTable.defaults.extend.index_url,pk: 'id',sortName: 'id',exportOptions: {fileName: 'export_' + Moment().format("YYYY-MM-DD"), // 原方法 定义生成的文件名ignoreColumn: [0, 'operate'] ,// 原方法 默认跳过输出多选框和操作列//  FA专家 大饼博士代码htmlContent: true,mso:{onMsoNumberFormat:function(cell,row,col,htmlData){if ($(cell).children().children().hasClass('img-center')) {var img=$(cell).children().children();var src =img.attr('src');return src;}return !isNaN($(cell).text())?'\\@':'';},},onCellHtmlData:function (cell,row,col){console.log(cell.html())if ($(cell).children().children().hasClass('img-center')) {console.log(111)var img=$(cell).children().children();var src =img.attr('src');if (src.indexOf('http') === -1) {img.attr('src', window.location.origin + src);}img.attr("width", "100").attr("height", "100").attr('class', '');//result += '<div>' + $(this).get(0).outerHTML + '</div>';result = '<div>' + img.parent().html()+ '</div>';return result;}else {return $(cell).text();}}},columns: [[{checkbox: true},{field: 'id', title: __('Id')},{field: 'name', title: __('Name')},{field: 'phone', title: __('Phone')},{field: 'email', title: __('Email')},{field: 'identity_card', title: __('Identity_card')},{field: 'unit', title: __('Unit')},{field: 'form_post', title: __('Form_post')},{field: 'type_academic', title: __('Type_academic'), searchList: {"1":__('Type_academic 1'),"2":__('Type_academic 2')}, formatter: Table.api.formatter.normal},{field: 'price', title: __('Price'), operate:'BETWEEN'},{field: 'apply', title: __('报告名')},{field: 'type_pay', title: __('Type_pay'), searchList: {"1":__('Type_pay 1'),"2":__('Type_pay 2'),"3":__('Type_pay 3')}, formatter: Table.api.formatter.normal},{field: 'remark', title: __('Remark')},{field: 'person_changed', title: __('人员类型'),searchList: {"1":__('正式代表'),"2":__('学生代表')},},{field: 'student_card', title: __('学生证'),operate: false, events: Table.api.events.image, formatter: Table.api.formatter.image},{field: 'createtime', title: __('Createtime'), operate:'RANGE', addclass:'datetimerange', formatter: Table.api.formatter.datetime},{field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}]]});// 为表格绑定事件Table.api.bindevent(table);},add: function () {Controller.api.bindevent();},edit: function () {Controller.api.bindevent();},api: {bindevent: function () {Form.api.bindevent($("form[role=form]"));console.log("加载完成")}}};return Controller;
});

在这里插入图片描述
exportOptions:参数如下

csvEnclosure: '"'
csvSeparator: ','
csvUseBOM: true
date: html: 'dd/mm/yyyy'
exportHiddenCells: false
fileName: 'tableExport'
htmlContent: false
htmlHyperlink: 'content'
ignoreColumn: []
ignoreRow: []
jsonScope: 'all'
jspdf: orientation: 'p'unit:'pt'format: 'a4'margins: left: 20right: 10top: 10bottom: 10onDocCreated: nullautotable: styles: cellPadding: 2rowHeight: 12fontSize: 8fillColor: 255textColor: 50fontStyle: 'normal'overflow: 'ellipsize'halign: 'inherit'valign: 'middle'headerStyles: fillColor: [52, 73, 94]textColor: 255fontStyle: 'bold'halign: 'inherit'valign: 'middle'alternateRowStyles: fillColor: 245tableExport: doc: nullonAfterAutotable: nullonBeforeAutotable: nullonAutotableText: nullonTable: nulloutputImages: true
mso: fileFormat: 'xlshtml'onMsoNumberFormat: nullpageFormat: 'a4'pageOrientation: 'portrait'rtl: falsestyles: []worksheetName: ''xlsx: formatId: date: 14numbers: 2currency: 164format: currency: '$#,##0.00;[Red]-$#,##0.00'onHyperlink: null
numbers: html: decimalMark: '.'thousandsSeparator: ','output: decimalMark: '.'thousandsSeparator: ','
onAfterSaveToFile: null
onBeforeSaveToFile: null
onCellData: null
onCellHtmlData: null
onCellHtmlHyperlink: null
onIgnoreRow: null
onTableExportBegin: null
onTableExportEnd: null
outputMode: 'file'
pdfmake: enabled: falsedocDefinition: pageSize: 'A4'pageOrientation: 'portrait'styles: header: background: '#34495E'color: '#FFFFFF'bold: truealignment: 'center'fillColor: '#34495E'alternateRow: fillColor: '#f5f5f5'defaultStyle: color: '#000000'fontSize: 8font: 'Roboto'fonts: {}widths: '*'
preserve: leadingWS: falsetrailingWS: false
preventInjection: true
sql: tableEnclosure:  '`'columnEnclosure: '`' 
tbodySelector: 'tr'
tfootSelector: 'tr'
theadSelector: 'tr'
tableName: 'myTableName'
type: 'csv'

http://www.ppmy.cn/news/1572172.html

相关文章

DeepSeek 可视化部署手册:环境配置与运维指南

DeepSeek 可视化部署详细步骤 DeepSeek 可视化部署涉及前端、后端、数据库等多个组件的配置与集成。以下是详细的部署步骤&#xff0c;帮助您完成从环境准备到生产环境部署的全过程。 1. 环境准备 在开始部署之前&#xff0c;确保您的系统满足以下要求&#xff1a; 操作系统…

lobechat环境变量汇总(docker版)

LobeChat 环境变量配置指南 LobeChat Docs LobeHub 上述是官方环境变量的配置指南&#xff0c;我并不会总结所有的环境变量用法&#xff0c;只会根据自行使用时&#xff0c;遇到的问题总结 s3存储变量 S3_ENABLE_PATH_STYLE 类型&#xff1a;可选 描述&#xff1a;是否启…

web自动化笔记(二)

文章目录 一、参数化测试1.pytest命令2.实现参数化测试3.填写地址测试4.生成Allure测试报告5.关键字驱动 二、案例1.实现后台登录1.1登录1.2.处理验证码1.3.封装识别验证码函数 2.通过cookie保持登录2.1给页面添加cookie2.2获取页面的cookie2.3自动化获取cookie 三、excel进行数…

Python--多线程

一、多线程与多进程 1.1 基本概念 进程&#xff1a;操作系统资源分配的基本单位&#xff0c;独立的内存空间&#xff0c;包含一个或多个线程。线程&#xff1a;CPU调度的最小单位&#xff0c;共享进程资源&#xff0c;轻量级执行流。多线程&#xff1a;同一进程内多个线程并发…

DeepSeek R1打造本地化RAG知识库

本文将详细介绍如何使用Ollama、Deepseek R1大语音模型、Nomic-Embed-Text向量模型和AnythingLLM共同搭建一个本地的私有RAG知识库。 一. 准备工作 什么是RAG&#xff1f; RAG是一种结合了信息检索和大模型&#xff08;LLM&#xff09;的技术&#xff0c;在对抗大模型幻觉、…

A4988一款带转换器和过流保护的 DMOS 微步驱动器的使用方式

A4988是一款带转换器和过流保护的 DMOS 微步驱动器&#xff0c;用于驱动双极步进电动机。它支持全、半、1/4、1/8 及 1/16 步进模式&#xff0c;输出驱动性能可达 35 V 及 2 A。其特点包括简单的步进和方向控制接口、可调电位器调节最大电流输出、自动电流衰减模式检测/选择以及…

算法-哈希表03-快乐数

快乐数 力扣题目链接 题目描述 编写一个算法来判断一个数 n 是不是快乐数。 「快乐数」 定义为&#xff1a; 对于一个正整数&#xff0c;每一次将该数替换为它每个位置上的数字的平方和。 然后重复这个过程直到这个数变为 1&#xff0c;也可能是 无限循环 但始终变不到 1。…

【前端框架】Vue3 面试题深度解析

本文详细讲解了VUE3相关的面试题&#xff0c;从基础到进阶到高级&#xff0c;分别都有涉及&#xff0c;希望对你有所帮助&#xff01; 基础题目 1. 简述 Vue3 与 Vue2 相比有哪些主要变化&#xff1f; 答案&#xff1a; 响应式系统&#xff1a;Vue2 使用 Object.definePrope…