解决自开发的js内部代码模板字面量的写法在JeeSite框架下报错的问题

news/2025/2/12 15:02:23/文章来源:https://www.cnblogs.com/Jesuslovesme/p/18711582

最近在以往的项目的页面的js内部追加了部分逻辑代码如下:

 1   // 自定义浮动框的显示内容  
 2     gantt.templates.tooltip_text = function (start, end, task) {
 3       // 使用原始结束日期显示  
 4       var originalEndDate = task.original_end_date ? gantt.date.date_to_str("%Y-%m-%d")(task.original_end_date) : "";
 5       return `<b>工作描述:</b> ${task.text}<br/>  
 6             <b>开始日期:</b> ${gantt.date.date_to_str("%Y-%m-%d")(task.start_date)}<br/>  
 7             <b>结束日期:</b> ${originalEndDate}<br/>  
 8             <b>工期:</b> ${task.duration + 1}天<br/>
 9             <b>进度:</b> ${task.progress*100}%<br/> 
10             <b>责任人:</b> ${task.username}<br/> 
11             ` ;
12     };

在本地运行没有任何问题。可当代码提交到Jeesite框架下运行报HTTP 500错误,错误处定位在第一次出现`符号的下一行。

这是因为Jeesite框架无法识别`....` js模板字面量的写法,需要改成 普通字符串拼接的形式。

将以上js模板字面量的写法 修改成 js普通字符串拼接的形式:

 1     gantt.templates.tooltip_text = function (start, end, task) {  
 2     // 使用原始结束日期显示  
 3     var originalEndDate = task.original_end_date ? gantt.date.date_to_str("%Y-%m-%d")(task.original_end_date) : "";  
 4     return "<b>工作描述:</b> " + task.text + "<br/>" +  
 5            "<b>开始日期:</b> " + gantt.date.date_to_str("%Y-%m-%d")(task.start_date) + "<br/>" +  
 6            "<b>结束日期:</b> " + originalEndDate + "<br/>" +  
 7            "<b>工期:</b> " + (task.duration + 1) + "天<br/>" +  
 8            "<b>进度:</b> " + (task.progress * 100) + "%<br/>" +  
 9            "<b>责任人:</b> " + task.username + "<br/>";  
10 }; 

页面可以正常显示。

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

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

相关文章

车辆电子档案系统

在高阶自动驾驶场景和MaaS(Mobility as a Service)业务中,自动驾驶车辆的状态直接关系到整体运营的安全和效率。因此,拥有一套多维度预测、分析车辆指标的电子档案系统显得尤为重要。经纬恒润研发的车辆电子档案是汇总整车各类数据详细信息、对车辆上各项指标进行分析预测及…

九. 计算机网络

计算机网络 一. 硬件设备层级 设备物理层设备 中继器、集线器(是一种多端口的中继器)数据链路层设备 网桥、交换机(是一种多端口的网桥)网络层设备 路由器应用层设备 网关集线器不能自动寻址、集线器可以检测发送冲突。物理层不能隔离广播域和冲突域(也就是所有的端口都是…

2025年,如何选择IT监控平台

在数字化时代,IT系统已经成为企业运营的核心支撑。为了确保IT系统的稳定运行和高效管理,选择一款合适的IT监控平台至关重要。 一、IT监控平台的主要类型 IT监控平台根据其功能和应用场景的不同,可以大致分为以下几类:综合型IT监控平台:这类平台提供了全面的IT监控解决方案…

土木与地质工程监测 振弦式测缝计 桥梁、隧道、边坡位移实时监控,定制化组网与无线传输支持

土木与地质工程监测 振弦式测缝计 桥梁、隧道、边坡位移实时监控,定制化组网与无线传输支持基于霍尔效应原理研发的高精度绝对角度传感器,采用创新性数字信号处理技术实现角度测量。核心系统集成高精度16位模数转换器,配合五阶数字滤波算法,有效保障测量数据稳定性。通过温…

vue3 + vite + element-plus + springboot打包上线所遇之坑

自我本经介绍:我自己是做Java开发的,对于前端其实并不熟悉,以下的前端技术都是为了做这个项目现学现卖的。 自己使用vue3 + vite + element-plus从头到尾打了个管理后台,在开发环境运行一切正常,于是准备打包发布到服务器上,就有了几天痛苦的解决问题的过程打包npm run b…

省选前想题记录

想题记录 wtcqwq 2.3~2.6 Todo List 除了省选计划题单、模拟赛补题和刷 AGC 以外。LGV 引理和线性代数; USACO Jan 的 G 和 P 组想一想学一学做一做。随记 2.4。只有刺痛自己的时候才能认知自我啊... 2.4。好冷。机房里已经空无一人了。真希望确实是 “高处不胜寒” 啊。 2.5。…

在KEIL中使用JLINK仿真HC32F448时不能识别芯片

1.HC32F448在MDK中使用JLINK仿真找到不芯片2.确定后手动选择芯片 如下图,选择Cortex-M4就可以了。

基于DeepSeek R1 满血版大模型的个人知识库,回答都源自对你专属文件的深度学习。

这是一座专属你的知识宝库,它依托 DeepSeek R1 满血版大模型构建而成。在这里,每一次回答都源自对你专属文件的深度学习,精准匹配你的知识需求,为你输出最贴合文件内容的答案 。 使用 Cherry Studio 结合硅基流动(SiliconCloud)来创建基于 DeepSeek R1 的个人知识库,按照…

十分钟满血deepseek R1 api部署

目前deepseek app访问速度较慢,经常出现访问超时的问题。而使用api部署的方式即可使用满血专属deepseek R1模型,pc端/手机端均可使用 简要流程:注册硅基流动账号,生成账号密钥下载chat bot,配置chat bot进行对话注册硅基流动账号 硅基流动网址如下: https://cloud.silico…

2024问题总结

20241225 XlVirtualList解决数据量大,滚动后,再点下拉会出现空白 setTimeout(() => {document.querySelector(.vxe-table--body).style.marginTop = 0})20241224双向数据绑定问题加key 是否已有这个元素 $set 慢半拍加$nextTick:key="isPlan?scope.row.dblamount:null…

WPF 中设置Trigger改变button背景色不起效的问题

通过触发器,改变button背景色的方法是在Templete中. 正确的方法是先创建Style,再在Style中修改Templete,在ControlTemplete中定义触发器: 精雕细琢,精益求精。

vxe-table 使用树结构点击筛选,子节点筛选

vxe-table 使用树结构点击筛选,子节点筛选,启用树结构后会同时对每个层级的子节点进行筛选 官网:https://vxetable.cn 效果<template><div><vxe-grid v-bind="gridOptions"></vxe-grid></div> </template><script setup&g…