ruoyi-vue前后端分离实现统一登录认证登录 本系统作为其他系统的子系统,不适用自己的登录页面,从统一平台跳转到本平台。所以本平台需要作为子系统进行统一认证登录。下新增login_sso.vue文件作为自动登录的前端入口.功能:1.从统一平台使用携带认证票据的链接进入本系统;3.上述两个失败后均跳转到特定网址;在admin模块下的pom.xml中引入。2.定时校验认证是否过期;中增加一个无验证码登录的方法。
vue中利用iframe将html中内容导出成pdf 1、创建中填充需要打印的具体内容。创建用于打印时盛放内容。2、打印时获取ref="contentToPrint"的div中的内容;3、将待打印内容填充到iframe;4、调用iframe的打印方法打印。导出时,页面会显示此预览弹窗。
vue中集成 <el-calendar>日历控件,显示数据的状况 在 <el-calendar> 控件的 <template> 中处理具体的颜色显示,使用 v-if 函数调用处理参数,其中添加 slot-scope="{date, data}" 可获取日期和数据。参考链接:https://blog.csdn.net/weixin_56718509/article/details/131699291。vue中集成 <el-calendar>日历控件,显示数据的状况。每个日期上显示颜色方框。
vue中将html导出成pdf vue 中将页面 html 内容导出成 pdf 文件格式,使用 html2canvas 、jspdf。首先使用 html2canvas 将内容转换为图片,之后写入 pdf。2、创建 exportToPdf.js ,放入导出方法。
vue中html导出成word 参考链接:https://blog.csdn.net/weixin_47494533/article/details/137018678。vue 中将 html 中内容转换为 word 文档导出,无需模板,可以导出 echarts 图表。先将html中内容获取,之后将页面上的元素转成图片,然后把图片放到word文件中进行导出。使用 html-docx-js、file-saver。2、创建 exportToWord.js,添加导出方法。