Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
T
TrainSys
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
苏州培训方案
TrainSys
提交
3429236c
提交
3429236c
编写于
3月 05, 2025
作者:
ibizdev
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
tony001 发布系统代码 [TrainSys，网页端]
上级
b60fac04
变更
3
隐藏空白字符变更
内嵌
并排
正在显示
3 个修改的文件
包含
150 行增加
和
34 行删除
+150
-34
bookUsr08126702EditView.json
...TemplatePublish/PSAPPDEVIEWS/bookUsr08126702EditView.json
+46
-10
bookUsr08126702EditView.json
...s/PSSYSAPPS/Web/PSAPPDEVIEWS/bookUsr08126702EditView.json
+46
-10
PSSYSAPP.json
...ces/model/cn/ibizlab/trainsys/PSSYSAPPS/Web/PSSYSAPP.json
+58
-14
未找到文件。
trainsys-core/src/main/resources/model/cn/ibizlab/trainsys/PSSYSAPPS/TemplatePublish/PSAPPDEVIEWS/bookUsr08126702EditView.json
浏览文件 @
3429236c
...
...
@@ -149,8 +149,7 @@
},
"getPSPanelItems"
:
[
{
"caption"
:
"文本"
,
"contentType"
:
"HTML"
,
"htmlContent"
:
"<div>
\n
<div><!DOCTYPE html></div>
\n
<div><html lang=
\"
en
\"
></div>
\n
<br />
\n
<div><head></div>
\n
<div> <meta charset=
\"
UTF-8
\"
></div>
\n
<div> <meta name=
\"
viewport
\"
content=
\"
width=device-width, initial-scale=1.0
\"
></div>
\n
<div> <title>HTML Template with Features</title></div>
\n
<div> <style></div>
\n
<div> /* 外部样式 */</div>
\n
<div> button {</div>
\n
<div> padding: 10px 20px;</div>
\n
<div> background-color: #007BFF;</div>
\n
<div> color: white;</div>
\n
<div> border: none;</div>
\n
<div> border-radius: 5px;</div>
\n
<div> cursor: pointer;</div>
\n
<div> transition: background-color 0.3s ease;</div>
\n
<div> }</div>
\n
<br />
\n
<div> button:hover {</div>
\n
<div> background-color: #0056b3;</div>
\n
<div> }</div>
\n
<br />
\n
<div> .book-info {</div>
\n
<div> border: 1px solid #ccc;</div>
\n
<div> width: 300px;</div>
\n
<div> height: auto;</div>
\n
<div> padding: 20px;</div>
\n
<div> margin-top: 20px;</div>
\n
<div> border-radius: 5px;</div>
\n
<div> animation: fadeIn 1s ease;</div>
\n
<div> }</div>
\n
<br />
\n
<div> @keyframes fadeIn {</div>
\n
<div> from {</div>
\n
<div> opacity: 0;</div>
\n
<div> }</div>
\n
<br />
\n
<div> to {</div>
\n
<div> opacity: 1;</div>
\n
<div> }</div>
\n
<div> }</div>
\n
<div> </style></div>
\n
<div></head></div>
\n
<br />
\n
<div><body></div>
\n
<div> <!-- 按钮，带有点击事件 --></div>
\n
<div> <button id=
\"
myButton
\"
onclick=
\"
handleClick()
\"
>test</button></div>
\n
<div> <button id=
\"
myButton
\"
onclick=
\"
handleClick2()
\"
>log</button></div>
\n
<div> <!-- 书籍信息容器 --></div>
\n
<div> <div id=
\"
bookInfo
\"
class=
\"
book-info
\"
draggable=
\"
true
\"
ondragstart=
\"
dragStart(event)
\"
ondragover=
\"
dragOver(event)
\"
</div>
\n
<div> ondrop=
\"
drop(event)
\"
></div>
\n
<div> <div>名称：{{data.bookname}}</div></div>
\n
<div> <div>更新时间：{{data.updatedate}}</div></div>
\n
<div> </div></div>
\n
<div> <div></div>
\n
<div> <div>123</div></div>
\n
<div> <div>456</div></div>
\n
<div> <div>789</div></div>
\n
<div> </div></div>
\n
<div> <script></div>
\n
<div> // 模拟数据</div>
\n
<div> const data = {</div>
\n
<div> test: 'test1',</div>
\n
<div> bookname: 'name外部值为-{{data.bookname}}',</div>
\n
<div> updatedate: '{{data.updatedate}}'</div>
\n
<div> };</div>
\n
<div> // 处理按钮点击事件</div>
\n
<div> function handleClick() {</div>
\n
<div> // 获取书籍信息元素</div>
\n
<div> const bookInfo = document.getElementById('bookInfo');</div>
\n
<div> if (bookInfo) {</div>
\n
<div> // 移除元素</div>
\n
<div> bookInfo.remove();</div>
\n
<div> }</div>
\n
<div> }</div>
\n
<div> // 处理按钮点击事件</div>
\n
<div> function handleClick2() {</div>
\n
<div> console.log('打印{data.bookname}', '测试内容{data.bookname}');</div>
\n
<div> console.log('内部data数据', data);</div>
\n
<div> }</div>
\n
<br />
\n
<div> // 拖拽开始事件处理函数</div>
\n
<div> function dragStart(event) {</div>
\n
<div> event.dataTransfer.setData('text/plain', event.target.id);</div>
\n
<div> // 添加内联样式，改变透明度</div>
\n
<div> event.target.style.opacity = '0.5';</div>
\n
<div> }</div>
\n
<br /><br /><br />
\n
<div> // 拖拽经过事件处理函数</div>
\n
<div> function dragOver(event) {</div>
\n
<div> event.preventDefault();</div>
\n
<div> }</div>
\n
<br />
\n
<div> // 拖拽放下事件处理函数</div>
\n
<div> function drop(event) {</div>
\n
<div> event.preventDefault();</div>
\n
<div> const data = event.dataTransfer.getData('text/plain');</div>
\n
<div> const draggedElement = document.getElementById(data);</div>
\n
<div> // 移除内联样式</div>
\n
<div> draggedElement.style.opacity = '1';</div>
\n
<div> // 将拖拽元素移动到新位置</div>
\n
<div> event.target.appendChild(draggedElement);</div>
\n
<div> }</div>
\n
<div> </script></div>
\n
<div></body></div>
\n
<div></html></div>
\n
</div>"
,
"contentType"
:
"RAW"
,
"itemStyle"
:
"DEFAULT"
,
"itemType"
:
"RAWITEM"
,
"name"
:
"static_text1"
,
...
...
@@ -159,16 +158,17 @@
"layout"
:
"FLEX"
},
"getPSRawItem"
:
{
"c
ontent"
:
"<div>
\n
<div><!DOCTYPE html></div>
\n
<div><html lang=
\"
en
\"
></div>
\n
<br />
\n
<div><head></div>
\n
<div> <meta charset=
\"
UTF-8
\"
></div>
\n
<div> <meta name=
\"
viewport
\"
content=
\"
width=device-width, initial-scale=1.0
\"
></div>
\n
<div> <title>HTML Template with Features</title></div>
\n
<div> <style></div>
\n
<div> /* 外部样式 */</div>
\n
<div> button {</div>
\n
<div> padding: 10px 20px;</div>
\n
<div> background-color: #007BFF;</div>
\n
<div> color: white;</div>
\n
<div> border: none;</div>
\n
<div> border-radius: 5px;</div>
\n
<div> cursor: pointer;</div>
\n
<div> transition: background-color 0.3s ease;</div>
\n
<div> }</div>
\n
<br />
\n
<div> button:hover {</div>
\n
<div> background-color: #0056b3;</div>
\n
<div> }</div>
\n
<br />
\n
<div> .book-info {</div>
\n
<div> border: 1px solid #ccc;</div>
\n
<div> width: 300px;</div>
\n
<div> height: auto;</div>
\n
<div> padding: 20px;</div>
\n
<div> margin-top: 20px;</div>
\n
<div> border-radius: 5px;</div>
\n
<div> animation: fadeIn 1s ease;</div>
\n
<div> }</div>
\n
<br />
\n
<div> @keyframes fadeIn {</div>
\n
<div> from {</div>
\n
<div> opacity: 0;</div>
\n
<div> }</div>
\n
<br />
\n
<div> to {</div>
\n
<div> opacity: 1;</div>
\n
<div> }</div>
\n
<div> }</div>
\n
<div> </style></div>
\n
<div></head></div>
\n
<br />
\n
<div><body></div>
\n
<div> <!-- 按钮，带有点击事件 --></div>
\n
<div> <button id=
\"
myButton
\"
onclick=
\"
handleClick()
\"
>test</button></div>
\n
<div> <button id=
\"
myButton
\"
onclick=
\"
handleClick2()
\"
>log</button></div>
\n
<div> <!-- 书籍信息容器 --></div>
\n
<div> <div id=
\"
bookInfo
\"
class=
\"
book-info
\"
draggable=
\"
true
\"
ondragstart=
\"
dragStart(event)
\"
ondragover=
\"
dragOver(event)
\"
</div>
\n
<div> ondrop=
\"
drop(event)
\"
></div>
\n
<div> <div>名称：{{data.bookname}}</div></div>
\n
<div> <div>更新时间：{{data.updatedate}}</div></div>
\n
<div> </div></div>
\n
<div> <div></div>
\n
<div> <div>123</div></div>
\n
<div> <div>456</div></div>
\n
<div> <div>789</div></div>
\n
<div> </div></div>
\n
<div> <script></div>
\n
<div> // 模拟数据</div>
\n
<div> const data = {</div>
\n
<div> test: 'test1',</div>
\n
<div> bookname: 'name外部值为-{{data.bookname}}',</div>
\n
<div> updatedate: '{{data.updatedate}}'</div>
\n
<div> };</div>
\n
<div> // 处理按钮点击事件</div>
\n
<div> function handleClick() {</div>
\n
<div> // 获取书籍信息元素</div>
\n
<div> const bookInfo = document.getElementById('bookInfo');</div>
\n
<div> if (bookInfo) {</div>
\n
<div> // 移除元素</div>
\n
<div> bookInfo.remove();</div>
\n
<div> }</div>
\n
<div> }</div>
\n
<div> // 处理按钮点击事件</div>
\n
<div> function handleClick2() {</div>
\n
<div> console.log('打印{data.bookname}', '测试内容{data.bookname}');</div>
\n
<div> console.log('内部data数据', data);</div>
\n
<div> }</div>
\n
<br />
\n
<div> // 拖拽开始事件处理函数</div>
\n
<div> function dragStart(event) {</div>
\n
<div> event.dataTransfer.setData('text/plain', event.target.id);</div>
\n
<div> // 添加内联样式，改变透明度</div>
\n
<div> event.target.style.opacity = '0.5';</div>
\n
<div> }</div>
\n
<br /><br /><br />
\n
<div> // 拖拽经过事件处理函数</div>
\n
<div> function dragOver(event) {</div>
\n
<div> event.preventDefault();</div>
\n
<div> }</div>
\n
<br />
\n
<div> // 拖拽放下事件处理函数</div>
\n
<div> function drop(event) {</div>
\n
<div> event.preventDefault();</div>
\n
<div> const data = event.dataTransfer.getData('text/plain');</div>
\n
<div> const draggedElement = document.getElementById(data);</div>
\n
<div> // 移除内联样式</div>
\n
<div> draggedElement.style.opacity = '1';</div>
\n
<div> // 将拖拽元素移动到新位置</div>
\n
<div> event.target.appendChild(draggedElement);</div>
\n
<div> }</div>
\n
<div> </script></div>
\n
<div></body></div>
\n
<div></html></div>
\n
</div
>"
,
"contentType"
:
"
HTML
"
,
"c
aption"
:
"<!DOCTYPE html>
\n
<html lang=
\"
en
\"
>
\n\n
<head>
\n
<meta charset=
\"
UTF-8
\"
>
\n
<meta name=
\"
viewport
\"
content=
\"
width=device-width, initial-scale=1.0
\"
>
\n
<title>HTML Template with Features</title>
\n
<style>
\n
/* 外部样式 */
\n
button {
\n
padding: 10px 20px;
\n
background-color: #007BFF;
\n
color: white;
\n
border: none;
\n
border-radius: 5px;
\n
cursor: pointer;
\n
transition: background-color 0.3s ease;
\n
}
\n\n
button:hover {
\n
background-color: #0056b3;
\n
}
\n\n
.book-info {
\n
border: 1px solid #ccc;
\n
width: 300px;
\n
height: auto;
\n
padding: 20px;
\n
margin-top: 20px;
\n
border-radius: 5px;
\n
animation: fadeIn 1s ease;
\n
}
\n\n
@keyframes fadeIn {
\n
from {
\n
opacity: 0;
\n
}
\n\n
to {
\n
opacity: 1;
\n
}
\n
}
\n
</style>
\n
</head>
\n\n
<body>
\n
<!-- 按钮，带有点击事件 -->
\n
<button id=
\"
myButton
\"
onclick=
\"
handleClick()
\"
>test</button>
\n
<button id=
\"
myButton
\"
onclick=
\"
handleClick2()
\"
>log</button>
\n
<!-- 书籍信息容器 -->
\n
<div id=
\"
bookInfo
\"
class=
\"
book-info
\"
draggable=
\"
true
\"
ondragstart=
\"
dragStart(event)
\"
ondragover=
\"
dragOver(event)
\"\n
ondrop=
\"
drop(event)
\"
>
\n
<div>名称：{{data.bookname}}</div>
\n
<div>更新时间：{{data.updatedate}}</div>
\n
</div>
\n
<div>
\n
<div>123</div>
\n
<div>456</div>
\n
<div>789</div>
\n
</div>
\n
<script>
\n
// 模拟数据
\n
const data = {
\n
test: 'test1',
\n
bookname: 'name外部值为-{{data.bookname}}',
\n
updatedate: '{{data.updatedate}}'
\n
};
\n
// 处理按钮点击事件
\n
function handleClick() {
\n
// 获取书籍信息元素
\n
const bookInfo = document.getElementById('bookInfo');
\n
if (bookInfo) {
\n
// 移除元素
\n
bookInfo.remove();
\n
}
\n
}
\n
// 处理按钮点击事件
\n
function handleClick2() {
\n
console.log('打印{data.bookname}', '测试内容{data.bookname}');
\n
console.log('内部data数据', data);
\n
}
\n
// 拖拽开始事件处理函数
\n
function dragStart(event) {
\n
event.dataTransfer.setData('text/plain', event.target.id);
\n
// 添加内联样式，改变透明度
\n
event.target.style.opacity = '0.5';
\n
}
\n
// 拖拽经过事件处理函数
\n
function dragOver(event) {
\n
event.preventDefault();
\n
}
\n
// 拖拽放下事件处理函数
\n
function drop(event) {
\n
event.preventDefault();
\n
const data = event.dataTransfer.getData('text/plain');
\n
const draggedElement = document.getElementById(data);
\n
// 移除内联样式
\n
draggedElement.style.opacity = '1';
\n
// 将拖拽元素移动到新位置
\n
event.target.appendChild(draggedElement);
\n
}
\n
</script>
\n
</body>
\n\n
</html
>"
,
"contentType"
:
"
RAW
"
,
"name"
:
"static_text1"
,
"predefinedType"
:
"HTML_PREVIEW"
"predefinedType"
:
"HTML_PREVIEW"
,
"renderMode"
:
"TEXT"
},
"rawContent"
:
"<!DOCTYPE html>
\n
<html lang=
\"
en
\"
>
\n\n
<head>
\n
<meta charset=
\"
UTF-8
\"
>
\n
<meta name=
\"
viewport
\"
content=
\"
width=device-width, initial-scale=1.0
\"
>
\n
<title>HTML Template with Features</title>
\n
<style>
\n
/* 外部样式 */
\n
button {
\n
padding: 10px 20px;
\n
background-color: #007BFF;
\n
color: white;
\n
border: none;
\n
border-radius: 5px;
\n
cursor: pointer;
\n
transition: background-color 0.3s ease;
\n
}
\n\n
button:hover {
\n
background-color: #0056b3;
\n
}
\n\n
.book-info {
\n
border: 1px solid #ccc;
\n
width: 300px;
\n
height: auto;
\n
padding: 20px;
\n
margin-top: 20px;
\n
border-radius: 5px;
\n
animation: fadeIn 1s ease;
\n
}
\n\n
@keyframes fadeIn {
\n
from {
\n
opacity: 0;
\n
}
\n\n
to {
\n
opacity: 1;
\n
}
\n
}
\n
</style>
\n
</head>
\n\n
<body>
\n
<!-- 按钮，带有点击事件 -->
\n
<button id=
\"
myButton
\"
onclick=
\"
handleClick()
\"
>test</button>
\n
<button id=
\"
myButton
\"
onclick=
\"
handleClick2()
\"
>log</button>
\n
<!-- 书籍信息容器 -->
\n
<div id=
\"
bookInfo
\"
class=
\"
book-info
\"
draggable=
\"
true
\"
ondragstart=
\"
dragStart(event)
\"
ondragover=
\"
dragOver(event)
\"\n
ondrop=
\"
drop(event)
\"
>
\n
<div>名称：{{data.bookname}}</div>
\n
<div>更新时间：{{data.updatedate}}</div>
\n
</div>
\n
<div>
\n
<div>123</div>
\n
<div>456</div>
\n
<div>789</div>
\n
</div>
\n
<script>
\n
// 模拟数据
\n
const data = {
\n
test: 'test1',
\n
bookname: 'name外部值为-{{data.bookname}}',
\n
updatedate: '{{data.updatedate}}'
\n
};
\n
// 处理按钮点击事件
\n
function handleClick() {
\n
// 获取书籍信息元素
\n
const bookInfo = document.getElementById('bookInfo');
\n
if (bookInfo) {
\n
// 移除元素
\n
bookInfo.remove();
\n
}
\n
}
\n
// 处理按钮点击事件
\n
function handleClick2() {
\n
console.log('打印{data.bookname}', '测试内容{data.bookname}');
\n
console.log('内部data数据', data);
\n
}
\n
// 拖拽开始事件处理函数
\n
function dragStart(event) {
\n
event.dataTransfer.setData('text/plain', event.target.id);
\n
// 添加内联样式，改变透明度
\n
event.target.style.opacity = '0.5';
\n
}
\n
// 拖拽经过事件处理函数
\n
function dragOver(event) {
\n
event.preventDefault();
\n
}
\n
// 拖拽放下事件处理函数
\n
function drop(event) {
\n
event.preventDefault();
\n
const data = event.dataTransfer.getData('text/plain');
\n
const draggedElement = document.getElementById(data);
\n
// 移除内联样式
\n
draggedElement.style.opacity = '1';
\n
// 将拖拽元素移动到新位置
\n
event.target.appendChild(draggedElement);
\n
}
\n
</script>
\n
</body>
\n\n
</html>"
,
"showCaption"
:
true
},
{
"caption"
:
"文本"
,
"contentType"
:
"HTML"
,
"htmlContent"
:
"<div>
\n
<div> <!-- 按钮，带有点击事件 --></div>
\n
<div> <button id=
\"
myButton
\"
>test</button></div>
\n
<div> <!-- 书籍信息容器 --></div>
\n
<div> <div id=
\"
bookInfo
\"
class=
\"
book-info
\"
draggable=
\"
true
\"
></div>
\n
<div> <div>名称：{{ data.bookname }}</div></div>
\n
<div> <div>更新时间：{{ data.updatedate }}</div></div>
\n
<div> </div></div>
\n
<div> <div></div>
\n
<div> <div>123</div></div>
\n
<div> <div>456</div></div>
\n
<div> <div>789</div></div>
\n
<div> </div></div>
\n
</div>"
,
"contentType"
:
"RAW"
,
"itemStyle"
:
"DEFAULT"
,
"itemType"
:
"RAWITEM"
,
"name"
:
"static_text"
,
...
...
@@ -177,14 +177,50 @@
"layout"
:
"FLEX"
},
"getPSRawItem"
:
{
"c
ontent"
:
"<div>
\n
<div> <!-- 按钮，带有点击事件 --></div>
\n
<div> <button id=
\"
myButton
\"
>test</button></div>
\n
<div> <!-- 书籍信息容器 --></div>
\n
<div> <div id=
\"
bookInfo
\"
class=
\"
book-info
\"
draggable=
\"
true
\"
></div>
\n
<div> <div>名称：{{ data.bookname }}</div></div>
\n
<div> <div>更新时间：{{ data.updatedate }}</div></div>
\n
<div> </div></div>
\n
<div> <div></div>
\n
<div> <div>123</div></div>
\n
<div> <div>456</div></div>
\n
<div> <div>789</div></div>
\n
<div> </div></div>
\n
</div>"
,
"contentType"
:
"
HTML
"
,
"c
aption"
:
" <!-- 按钮，带有点击事件 -->
\n
<button id=
\"
myButton
\"
>test</button>
\n
<!-- 书籍信息容器 -->
\n
<div id=
\"
bookInfo
\"
class=
\"
book-info
\"
draggable=
\"
true
\"
>
\n
<div>名称：{{ data.bookname }}</div>
\n
<div>更新时间：{{ data.updatedate }}</div>
\n
</div>
\n
<div>
\n
<div>123</div>
\n
<div>456</div>
\n
<div>789</div>
\n
</div>"
,
"contentType"
:
"
RAW
"
,
"name"
:
"static_text"
,
"predefinedType"
:
"HTML_PREVIEW"
"predefinedType"
:
"HTML_PREVIEW"
,
"renderMode"
:
"TEXT"
},
"getPSSysImage"
:
{
"cssClass"
:
"arrow-down-circle"
},
"rawContent"
:
" <!-- 按钮，带有点击事件 -->
\n
<button id=
\"
myButton
\"
>test</button>
\n
<!-- 书籍信息容器 -->
\n
<div id=
\"
bookInfo
\"
class=
\"
book-info
\"
draggable=
\"
true
\"
>
\n
<div>名称：{{ data.bookname }}</div>
\n
<div>更新时间：{{ data.updatedate }}</div>
\n
</div>
\n
<div>
\n
<div>123</div>
\n
<div>456</div>
\n
<div>789</div>
\n
</div>"
,
"showCaption"
:
true
},
{
"caption"
:
"通过html设置"
,
"itemStyle"
:
"DEFAULT"
,
"itemType"
:
"CONTAINER"
,
"name"
:
"container_group"
,
"getPSLayout"
:
{
"layout"
:
"FLEX"
},
"getPSLayoutPos"
:
{
"grow"
:
-1
,
"layout"
:
"FLEX"
},
"getPSPanelItems"
:
[
{
"caption"
:
"文本"
,
"contentType"
:
"HTML"
,
"htmlContent"
:
"<div>
\n
<div><!DOCTYPE html></div>
\n
<div><html lang=
\"
en
\"
></div>
\n
<br />
\n
<div><head></div>
\n
<div> <meta charset=
\"
UTF-8
\"
></div>
\n
<div> <meta name=
\"
viewport
\"
content=
\"
width=device-width, initial-scale=1.0
\"
></div>
\n
<div> <title>HTML Template with Features</title></div>
\n
<div> <style></div>
\n
<div> /* 外部样式 */</div>
\n
<div> button {</div>
\n
<div> padding: 10px 20px;</div>
\n
<div> background-color: #007BFF;</div>
\n
<div> color: white;</div>
\n
<div> border: none;</div>
\n
<div> border-radius: 5px;</div>
\n
<div> cursor: pointer;</div>
\n
<div> transition: background-color 0.3s ease;</div>
\n
<div> }</div>
\n
<br />
\n
<div> button:hover {</div>
\n
<div> background-color: #0056b3;</div>
\n
<div> }</div>
\n
<br />
\n
<div> .book-info {</div>
\n
<div> border: 1px solid #ccc;</div>
\n
<div> width: 300px;</div>
\n
<div> height: auto;</div>
\n
<div> padding: 20px;</div>
\n
<div> margin-top: 20px;</div>
\n
<div> border-radius: 5px;</div>
\n
<div> animation: fadeIn 1s ease;</div>
\n
<div> }</div>
\n
<br />
\n
<div> @keyframes fadeIn {</div>
\n
<div> from {</div>
\n
<div> opacity: 0;</div>
\n
<div> }</div>
\n
<br />
\n
<div> to {</div>
\n
<div> opacity: 1;</div>
\n
<div> }</div>
\n
<div> }</div>
\n
<div> </style></div>
\n
<div></head></div>
\n
<br />
\n
<div><body></div>
\n
<div> <!-- 按钮，带有点击事件 --></div>
\n
<div> <button id=
\"
myButton
\"
onclick=
\"
handleClick()
\"
>test</button></div>
\n
<div> <button id=
\"
myButton
\"
onclick=
\"
handleClick2()
\"
>log</button></div>
\n
<div> <!-- 书籍信息容器 --></div>
\n
<div> <div id=
\"
bookInfo
\"
class=
\"
book-info
\"
draggable=
\"
true
\"
ondragstart=
\"
dragStart(event)
\"
ondragover=
\"
dragOver(event)
\"
</div>
\n
<div> ondrop=
\"
drop(event)
\"
></div>
\n
<div> <div>名称：{{data.bookname}}</div></div>
\n
<div> <div>更新时间：{{data.updatedate}}</div></div>
\n
<div> </div></div>
\n
<div> <div></div>
\n
<div> <div>123</div></div>
\n
<div> <div>456</div></div>
\n
<div> <div>789</div></div>
\n
<div> </div></div>
\n
<div> <script></div>
\n
<div> // 模拟数据</div>
\n
<div> const data = {</div>
\n
<div> test: 'test1',</div>
\n
<div> bookname: 'name外部值为-{{data.bookname}}',</div>
\n
<div> updatedate: '{{data.updatedate}}'</div>
\n
<div> };</div>
\n
<div> // 处理按钮点击事件</div>
\n
<div> function handleClick() {</div>
\n
<div> // 获取书籍信息元素</div>
\n
<div> const bookInfo = document.getElementById('bookInfo');</div>
\n
<div> if (bookInfo) {</div>
\n
<div> // 移除元素</div>
\n
<div> bookInfo.remove();</div>
\n
<div> }</div>
\n
<div> }</div>
\n
<div> // 处理按钮点击事件</div>
\n
<div> function handleClick2() {</div>
\n
<div> console.log('打印{data.bookname}', '测试内容{data.bookname}');</div>
\n
<div> console.log('内部data数据', data);</div>
\n
<div> }</div>
\n
<div> // 拖拽开始事件处理函数</div>
\n
<div> function dragStart(event) {</div>
\n
<div> event.dataTransfer.setData('text/plain', event.target.id);</div>
\n
<div> // 添加内联样式，改变透明度</div>
\n
<div> event.target.style.opacity = '0.5';</div>
\n
<div> }</div>
\n
<div> // 拖拽经过事件处理函数</div>
\n
<div> function dragOver(event) {</div>
\n
<div> event.preventDefault();</div>
\n
<div> }</div>
\n
<div> // 拖拽放下事件处理函数</div>
\n
<div> function drop(event) {</div>
\n
<div> event.preventDefault();</div>
\n
<div> const data = event.dataTransfer.getData('text/plain');</div>
\n
<div> const draggedElement = document.getElementById(data);</div>
\n
<div> // 移除内联样式</div>
\n
<div> draggedElement.style.opacity = '1';</div>
\n
<div> // 将拖拽元素移动到新位置</div>
\n
<div> event.target.appendChild(draggedElement);</div>
\n
<div> }</div>
\n
<div> </script></div>
\n
<div></body></div>
\n
<br />
\n
<div></html></div>
\n
</div>"
,
"itemStyle"
:
"DEFAULT"
,
"itemType"
:
"RAWITEM"
,
"name"
:
"static_text2"
,
"getPSLayoutPos"
:
{
"grow"
:
-1
,
"layout"
:
"FLEX"
},
"getPSRawItem"
:
{
"content"
:
"<div>
\n
<div><!DOCTYPE html></div>
\n
<div><html lang=
\"
en
\"
></div>
\n
<br />
\n
<div><head></div>
\n
<div> <meta charset=
\"
UTF-8
\"
></div>
\n
<div> <meta name=
\"
viewport
\"
content=
\"
width=device-width, initial-scale=1.0
\"
></div>
\n
<div> <title>HTML Template with Features</title></div>
\n
<div> <style></div>
\n
<div> /* 外部样式 */</div>
\n
<div> button {</div>
\n
<div> padding: 10px 20px;</div>
\n
<div> background-color: #007BFF;</div>
\n
<div> color: white;</div>
\n
<div> border: none;</div>
\n
<div> border-radius: 5px;</div>
\n
<div> cursor: pointer;</div>
\n
<div> transition: background-color 0.3s ease;</div>
\n
<div> }</div>
\n
<br />
\n
<div> button:hover {</div>
\n
<div> background-color: #0056b3;</div>
\n
<div> }</div>
\n
<br />
\n
<div> .book-info {</div>
\n
<div> border: 1px solid #ccc;</div>
\n
<div> width: 300px;</div>
\n
<div> height: auto;</div>
\n
<div> padding: 20px;</div>
\n
<div> margin-top: 20px;</div>
\n
<div> border-radius: 5px;</div>
\n
<div> animation: fadeIn 1s ease;</div>
\n
<div> }</div>
\n
<br />
\n
<div> @keyframes fadeIn {</div>
\n
<div> from {</div>
\n
<div> opacity: 0;</div>
\n
<div> }</div>
\n
<br />
\n
<div> to {</div>
\n
<div> opacity: 1;</div>
\n
<div> }</div>
\n
<div> }</div>
\n
<div> </style></div>
\n
<div></head></div>
\n
<br />
\n
<div><body></div>
\n
<div> <!-- 按钮，带有点击事件 --></div>
\n
<div> <button id=
\"
myButton
\"
onclick=
\"
handleClick()
\"
>test</button></div>
\n
<div> <button id=
\"
myButton
\"
onclick=
\"
handleClick2()
\"
>log</button></div>
\n
<div> <!-- 书籍信息容器 --></div>
\n
<div> <div id=
\"
bookInfo
\"
class=
\"
book-info
\"
draggable=
\"
true
\"
ondragstart=
\"
dragStart(event)
\"
ondragover=
\"
dragOver(event)
\"
</div>
\n
<div> ondrop=
\"
drop(event)
\"
></div>
\n
<div> <div>名称：{{data.bookname}}</div></div>
\n
<div> <div>更新时间：{{data.updatedate}}</div></div>
\n
<div> </div></div>
\n
<div> <div></div>
\n
<div> <div>123</div></div>
\n
<div> <div>456</div></div>
\n
<div> <div>789</div></div>
\n
<div> </div></div>
\n
<div> <script></div>
\n
<div> // 模拟数据</div>
\n
<div> const data = {</div>
\n
<div> test: 'test1',</div>
\n
<div> bookname: 'name外部值为-{{data.bookname}}',</div>
\n
<div> updatedate: '{{data.updatedate}}'</div>
\n
<div> };</div>
\n
<div> // 处理按钮点击事件</div>
\n
<div> function handleClick() {</div>
\n
<div> // 获取书籍信息元素</div>
\n
<div> const bookInfo = document.getElementById('bookInfo');</div>
\n
<div> if (bookInfo) {</div>
\n
<div> // 移除元素</div>
\n
<div> bookInfo.remove();</div>
\n
<div> }</div>
\n
<div> }</div>
\n
<div> // 处理按钮点击事件</div>
\n
<div> function handleClick2() {</div>
\n
<div> console.log('打印{data.bookname}', '测试内容{data.bookname}');</div>
\n
<div> console.log('内部data数据', data);</div>
\n
<div> }</div>
\n
<div> // 拖拽开始事件处理函数</div>
\n
<div> function dragStart(event) {</div>
\n
<div> event.dataTransfer.setData('text/plain', event.target.id);</div>
\n
<div> // 添加内联样式，改变透明度</div>
\n
<div> event.target.style.opacity = '0.5';</div>
\n
<div> }</div>
\n
<div> // 拖拽经过事件处理函数</div>
\n
<div> function dragOver(event) {</div>
\n
<div> event.preventDefault();</div>
\n
<div> }</div>
\n
<div> // 拖拽放下事件处理函数</div>
\n
<div> function drop(event) {</div>
\n
<div> event.preventDefault();</div>
\n
<div> const data = event.dataTransfer.getData('text/plain');</div>
\n
<div> const draggedElement = document.getElementById(data);</div>
\n
<div> // 移除内联样式</div>
\n
<div> draggedElement.style.opacity = '1';</div>
\n
<div> // 将拖拽元素移动到新位置</div>
\n
<div> event.target.appendChild(draggedElement);</div>
\n
<div> }</div>
\n
<div> </script></div>
\n
<div></body></div>
\n
<br />
\n
<div></html></div>
\n
</div>"
,
"contentType"
:
"HTML"
,
"name"
:
"static_text2"
,
"predefinedType"
:
"STATIC_TEXT"
},
"showCaption"
:
true
}
],
"predefinedType"
:
"CONTAINER_GROUP"
,
"titleBarCloseMode"
:
2
,
"showCaption"
:
true
}
],
"predefinedType"
:
"CONTAINER_SINGLEDATA"
...
...
trainsys-core/src/main/resources/model/cn/ibizlab/trainsys/PSSYSAPPS/Web/PSAPPDEVIEWS/bookUsr08126702EditView.json
浏览文件 @
3429236c
...
...
@@ -148,8 +148,7 @@
},
"getPSPanelItems"
:
[
{
"caption"
:
"文本"
,
"contentType"
:
"HTML"
,
"htmlContent"
:
"<div>
\n
<div><!DOCTYPE html></div>
\n
<div><html lang=
\"
en
\"
></div>
\n
<br />
\n
<div><head></div>
\n
<div> <meta charset=
\"
UTF-8
\"
></div>
\n
<div> <meta name=
\"
viewport
\"
content=
\"
width=device-width, initial-scale=1.0
\"
></div>
\n
<div> <title>HTML Template with Features</title></div>
\n
<div> <style></div>
\n
<div> /* 外部样式 */</div>
\n
<div> button {</div>
\n
<div> padding: 10px 20px;</div>
\n
<div> background-color: #007BFF;</div>
\n
<div> color: white;</div>
\n
<div> border: none;</div>
\n
<div> border-radius: 5px;</div>
\n
<div> cursor: pointer;</div>
\n
<div> transition: background-color 0.3s ease;</div>
\n
<div> }</div>
\n
<br />
\n
<div> button:hover {</div>
\n
<div> background-color: #0056b3;</div>
\n
<div> }</div>
\n
<br />
\n
<div> .book-info {</div>
\n
<div> border: 1px solid #ccc;</div>
\n
<div> width: 300px;</div>
\n
<div> height: auto;</div>
\n
<div> padding: 20px;</div>
\n
<div> margin-top: 20px;</div>
\n
<div> border-radius: 5px;</div>
\n
<div> animation: fadeIn 1s ease;</div>
\n
<div> }</div>
\n
<br />
\n
<div> @keyframes fadeIn {</div>
\n
<div> from {</div>
\n
<div> opacity: 0;</div>
\n
<div> }</div>
\n
<br />
\n
<div> to {</div>
\n
<div> opacity: 1;</div>
\n
<div> }</div>
\n
<div> }</div>
\n
<div> </style></div>
\n
<div></head></div>
\n
<br />
\n
<div><body></div>
\n
<div> <!-- 按钮，带有点击事件 --></div>
\n
<div> <button id=
\"
myButton
\"
onclick=
\"
handleClick()
\"
>test</button></div>
\n
<div> <button id=
\"
myButton
\"
onclick=
\"
handleClick2()
\"
>log</button></div>
\n
<div> <!-- 书籍信息容器 --></div>
\n
<div> <div id=
\"
bookInfo
\"
class=
\"
book-info
\"
draggable=
\"
true
\"
ondragstart=
\"
dragStart(event)
\"
ondragover=
\"
dragOver(event)
\"
</div>
\n
<div> ondrop=
\"
drop(event)
\"
></div>
\n
<div> <div>名称：{{data.bookname}}</div></div>
\n
<div> <div>更新时间：{{data.updatedate}}</div></div>
\n
<div> </div></div>
\n
<div> <div></div>
\n
<div> <div>123</div></div>
\n
<div> <div>456</div></div>
\n
<div> <div>789</div></div>
\n
<div> </div></div>
\n
<div> <script></div>
\n
<div> // 模拟数据</div>
\n
<div> const data = {</div>
\n
<div> test: 'test1',</div>
\n
<div> bookname: 'name外部值为-{{data.bookname}}',</div>
\n
<div> updatedate: '{{data.updatedate}}'</div>
\n
<div> };</div>
\n
<div> // 处理按钮点击事件</div>
\n
<div> function handleClick() {</div>
\n
<div> // 获取书籍信息元素</div>
\n
<div> const bookInfo = document.getElementById('bookInfo');</div>
\n
<div> if (bookInfo) {</div>
\n
<div> // 移除元素</div>
\n
<div> bookInfo.remove();</div>
\n
<div> }</div>
\n
<div> }</div>
\n
<div> // 处理按钮点击事件</div>
\n
<div> function handleClick2() {</div>
\n
<div> console.log('打印{data.bookname}', '测试内容{data.bookname}');</div>
\n
<div> console.log('内部data数据', data);</div>
\n
<div> }</div>
\n
<br />
\n
<div> // 拖拽开始事件处理函数</div>
\n
<div> function dragStart(event) {</div>
\n
<div> event.dataTransfer.setData('text/plain', event.target.id);</div>
\n
<div> // 添加内联样式，改变透明度</div>
\n
<div> event.target.style.opacity = '0.5';</div>
\n
<div> }</div>
\n
<br /><br /><br />
\n
<div> // 拖拽经过事件处理函数</div>
\n
<div> function dragOver(event) {</div>
\n
<div> event.preventDefault();</div>
\n
<div> }</div>
\n
<br />
\n
<div> // 拖拽放下事件处理函数</div>
\n
<div> function drop(event) {</div>
\n
<div> event.preventDefault();</div>
\n
<div> const data = event.dataTransfer.getData('text/plain');</div>
\n
<div> const draggedElement = document.getElementById(data);</div>
\n
<div> // 移除内联样式</div>
\n
<div> draggedElement.style.opacity = '1';</div>
\n
<div> // 将拖拽元素移动到新位置</div>
\n
<div> event.target.appendChild(draggedElement);</div>
\n
<div> }</div>
\n
<div> </script></div>
\n
<div></body></div>
\n
<div></html></div>
\n
</div>"
,
"contentType"
:
"RAW"
,
"itemStyle"
:
"DEFAULT"
,
"itemType"
:
"RAWITEM"
,
"name"
:
"static_text1"
,
...
...
@@ -158,16 +157,17 @@
"layout"
:
"FLEX"
},
"getPSRawItem"
:
{
"c
ontent"
:
"<div>
\n
<div><!DOCTYPE html></div>
\n
<div><html lang=
\"
en
\"
></div>
\n
<br />
\n
<div><head></div>
\n
<div> <meta charset=
\"
UTF-8
\"
></div>
\n
<div> <meta name=
\"
viewport
\"
content=
\"
width=device-width, initial-scale=1.0
\"
></div>
\n
<div> <title>HTML Template with Features</title></div>
\n
<div> <style></div>
\n
<div> /* 外部样式 */</div>
\n
<div> button {</div>
\n
<div> padding: 10px 20px;</div>
\n
<div> background-color: #007BFF;</div>
\n
<div> color: white;</div>
\n
<div> border: none;</div>
\n
<div> border-radius: 5px;</div>
\n
<div> cursor: pointer;</div>
\n
<div> transition: background-color 0.3s ease;</div>
\n
<div> }</div>
\n
<br />
\n
<div> button:hover {</div>
\n
<div> background-color: #0056b3;</div>
\n
<div> }</div>
\n
<br />
\n
<div> .book-info {</div>
\n
<div> border: 1px solid #ccc;</div>
\n
<div> width: 300px;</div>
\n
<div> height: auto;</div>
\n
<div> padding: 20px;</div>
\n
<div> margin-top: 20px;</div>
\n
<div> border-radius: 5px;</div>
\n
<div> animation: fadeIn 1s ease;</div>
\n
<div> }</div>
\n
<br />
\n
<div> @keyframes fadeIn {</div>
\n
<div> from {</div>
\n
<div> opacity: 0;</div>
\n
<div> }</div>
\n
<br />
\n
<div> to {</div>
\n
<div> opacity: 1;</div>
\n
<div> }</div>
\n
<div> }</div>
\n
<div> </style></div>
\n
<div></head></div>
\n
<br />
\n
<div><body></div>
\n
<div> <!-- 按钮，带有点击事件 --></div>
\n
<div> <button id=
\"
myButton
\"
onclick=
\"
handleClick()
\"
>test</button></div>
\n
<div> <button id=
\"
myButton
\"
onclick=
\"
handleClick2()
\"
>log</button></div>
\n
<div> <!-- 书籍信息容器 --></div>
\n
<div> <div id=
\"
bookInfo
\"
class=
\"
book-info
\"
draggable=
\"
true
\"
ondragstart=
\"
dragStart(event)
\"
ondragover=
\"
dragOver(event)
\"
</div>
\n
<div> ondrop=
\"
drop(event)
\"
></div>
\n
<div> <div>名称：{{data.bookname}}</div></div>
\n
<div> <div>更新时间：{{data.updatedate}}</div></div>
\n
<div> </div></div>
\n
<div> <div></div>
\n
<div> <div>123</div></div>
\n
<div> <div>456</div></div>
\n
<div> <div>789</div></div>
\n
<div> </div></div>
\n
<div> <script></div>
\n
<div> // 模拟数据</div>
\n
<div> const data = {</div>
\n
<div> test: 'test1',</div>
\n
<div> bookname: 'name外部值为-{{data.bookname}}',</div>
\n
<div> updatedate: '{{data.updatedate}}'</div>
\n
<div> };</div>
\n
<div> // 处理按钮点击事件</div>
\n
<div> function handleClick() {</div>
\n
<div> // 获取书籍信息元素</div>
\n
<div> const bookInfo = document.getElementById('bookInfo');</div>
\n
<div> if (bookInfo) {</div>
\n
<div> // 移除元素</div>
\n
<div> bookInfo.remove();</div>
\n
<div> }</div>
\n
<div> }</div>
\n
<div> // 处理按钮点击事件</div>
\n
<div> function handleClick2() {</div>
\n
<div> console.log('打印{data.bookname}', '测试内容{data.bookname}');</div>
\n
<div> console.log('内部data数据', data);</div>
\n
<div> }</div>
\n
<br />
\n
<div> // 拖拽开始事件处理函数</div>
\n
<div> function dragStart(event) {</div>
\n
<div> event.dataTransfer.setData('text/plain', event.target.id);</div>
\n
<div> // 添加内联样式，改变透明度</div>
\n
<div> event.target.style.opacity = '0.5';</div>
\n
<div> }</div>
\n
<br /><br /><br />
\n
<div> // 拖拽经过事件处理函数</div>
\n
<div> function dragOver(event) {</div>
\n
<div> event.preventDefault();</div>
\n
<div> }</div>
\n
<br />
\n
<div> // 拖拽放下事件处理函数</div>
\n
<div> function drop(event) {</div>
\n
<div> event.preventDefault();</div>
\n
<div> const data = event.dataTransfer.getData('text/plain');</div>
\n
<div> const draggedElement = document.getElementById(data);</div>
\n
<div> // 移除内联样式</div>
\n
<div> draggedElement.style.opacity = '1';</div>
\n
<div> // 将拖拽元素移动到新位置</div>
\n
<div> event.target.appendChild(draggedElement);</div>
\n
<div> }</div>
\n
<div> </script></div>
\n
<div></body></div>
\n
<div></html></div>
\n
</div
>"
,
"contentType"
:
"
HTML
"
,
"c
aption"
:
"<!DOCTYPE html>
\n
<html lang=
\"
en
\"
>
\n\n
<head>
\n
<meta charset=
\"
UTF-8
\"
>
\n
<meta name=
\"
viewport
\"
content=
\"
width=device-width, initial-scale=1.0
\"
>
\n
<title>HTML Template with Features</title>
\n
<style>
\n
/* 外部样式 */
\n
button {
\n
padding: 10px 20px;
\n
background-color: #007BFF;
\n
color: white;
\n
border: none;
\n
border-radius: 5px;
\n
cursor: pointer;
\n
transition: background-color 0.3s ease;
\n
}
\n\n
button:hover {
\n
background-color: #0056b3;
\n
}
\n\n
.book-info {
\n
border: 1px solid #ccc;
\n
width: 300px;
\n
height: auto;
\n
padding: 20px;
\n
margin-top: 20px;
\n
border-radius: 5px;
\n
animation: fadeIn 1s ease;
\n
}
\n\n
@keyframes fadeIn {
\n
from {
\n
opacity: 0;
\n
}
\n\n
to {
\n
opacity: 1;
\n
}
\n
}
\n
</style>
\n
</head>
\n\n
<body>
\n
<!-- 按钮，带有点击事件 -->
\n
<button id=
\"
myButton
\"
onclick=
\"
handleClick()
\"
>test</button>
\n
<button id=
\"
myButton
\"
onclick=
\"
handleClick2()
\"
>log</button>
\n
<!-- 书籍信息容器 -->
\n
<div id=
\"
bookInfo
\"
class=
\"
book-info
\"
draggable=
\"
true
\"
ondragstart=
\"
dragStart(event)
\"
ondragover=
\"
dragOver(event)
\"\n
ondrop=
\"
drop(event)
\"
>
\n
<div>名称：{{data.bookname}}</div>
\n
<div>更新时间：{{data.updatedate}}</div>
\n
</div>
\n
<div>
\n
<div>123</div>
\n
<div>456</div>
\n
<div>789</div>
\n
</div>
\n
<script>
\n
// 模拟数据
\n
const data = {
\n
test: 'test1',
\n
bookname: 'name外部值为-{{data.bookname}}',
\n
updatedate: '{{data.updatedate}}'
\n
};
\n
// 处理按钮点击事件
\n
function handleClick() {
\n
// 获取书籍信息元素
\n
const bookInfo = document.getElementById('bookInfo');
\n
if (bookInfo) {
\n
// 移除元素
\n
bookInfo.remove();
\n
}
\n
}
\n
// 处理按钮点击事件
\n
function handleClick2() {
\n
console.log('打印{data.bookname}', '测试内容{data.bookname}');
\n
console.log('内部data数据', data);
\n
}
\n
// 拖拽开始事件处理函数
\n
function dragStart(event) {
\n
event.dataTransfer.setData('text/plain', event.target.id);
\n
// 添加内联样式，改变透明度
\n
event.target.style.opacity = '0.5';
\n
}
\n
// 拖拽经过事件处理函数
\n
function dragOver(event) {
\n
event.preventDefault();
\n
}
\n
// 拖拽放下事件处理函数
\n
function drop(event) {
\n
event.preventDefault();
\n
const data = event.dataTransfer.getData('text/plain');
\n
const draggedElement = document.getElementById(data);
\n
// 移除内联样式
\n
draggedElement.style.opacity = '1';
\n
// 将拖拽元素移动到新位置
\n
event.target.appendChild(draggedElement);
\n
}
\n
</script>
\n
</body>
\n\n
</html
>"
,
"contentType"
:
"
RAW
"
,
"name"
:
"static_text1"
,
"predefinedType"
:
"HTML_PREVIEW"
"predefinedType"
:
"HTML_PREVIEW"
,
"renderMode"
:
"TEXT"
},
"rawContent"
:
"<!DOCTYPE html>
\n
<html lang=
\"
en
\"
>
\n\n
<head>
\n
<meta charset=
\"
UTF-8
\"
>
\n
<meta name=
\"
viewport
\"
content=
\"
width=device-width, initial-scale=1.0
\"
>
\n
<title>HTML Template with Features</title>
\n
<style>
\n
/* 外部样式 */
\n
button {
\n
padding: 10px 20px;
\n
background-color: #007BFF;
\n
color: white;
\n
border: none;
\n
border-radius: 5px;
\n
cursor: pointer;
\n
transition: background-color 0.3s ease;
\n
}
\n\n
button:hover {
\n
background-color: #0056b3;
\n
}
\n\n
.book-info {
\n
border: 1px solid #ccc;
\n
width: 300px;
\n
height: auto;
\n
padding: 20px;
\n
margin-top: 20px;
\n
border-radius: 5px;
\n
animation: fadeIn 1s ease;
\n
}
\n\n
@keyframes fadeIn {
\n
from {
\n
opacity: 0;
\n
}
\n\n
to {
\n
opacity: 1;
\n
}
\n
}
\n
</style>
\n
</head>
\n\n
<body>
\n
<!-- 按钮，带有点击事件 -->
\n
<button id=
\"
myButton
\"
onclick=
\"
handleClick()
\"
>test</button>
\n
<button id=
\"
myButton
\"
onclick=
\"
handleClick2()
\"
>log</button>
\n
<!-- 书籍信息容器 -->
\n
<div id=
\"
bookInfo
\"
class=
\"
book-info
\"
draggable=
\"
true
\"
ondragstart=
\"
dragStart(event)
\"
ondragover=
\"
dragOver(event)
\"\n
ondrop=
\"
drop(event)
\"
>
\n
<div>名称：{{data.bookname}}</div>
\n
<div>更新时间：{{data.updatedate}}</div>
\n
</div>
\n
<div>
\n
<div>123</div>
\n
<div>456</div>
\n
<div>789</div>
\n
</div>
\n
<script>
\n
// 模拟数据
\n
const data = {
\n
test: 'test1',
\n
bookname: 'name外部值为-{{data.bookname}}',
\n
updatedate: '{{data.updatedate}}'
\n
};
\n
// 处理按钮点击事件
\n
function handleClick() {
\n
// 获取书籍信息元素
\n
const bookInfo = document.getElementById('bookInfo');
\n
if (bookInfo) {
\n
// 移除元素
\n
bookInfo.remove();
\n
}
\n
}
\n
// 处理按钮点击事件
\n
function handleClick2() {
\n
console.log('打印{data.bookname}', '测试内容{data.bookname}');
\n
console.log('内部data数据', data);
\n
}
\n
// 拖拽开始事件处理函数
\n
function dragStart(event) {
\n
event.dataTransfer.setData('text/plain', event.target.id);
\n
// 添加内联样式，改变透明度
\n
event.target.style.opacity = '0.5';
\n
}
\n
// 拖拽经过事件处理函数
\n
function dragOver(event) {
\n
event.preventDefault();
\n
}
\n
// 拖拽放下事件处理函数
\n
function drop(event) {
\n
event.preventDefault();
\n
const data = event.dataTransfer.getData('text/plain');
\n
const draggedElement = document.getElementById(data);
\n
// 移除内联样式
\n
draggedElement.style.opacity = '1';
\n
// 将拖拽元素移动到新位置
\n
event.target.appendChild(draggedElement);
\n
}
\n
</script>
\n
</body>
\n\n
</html>"
,
"showCaption"
:
true
},
{
"caption"
:
"文本"
,
"contentType"
:
"HTML"
,
"htmlContent"
:
"<div>
\n
<div> <!-- 按钮，带有点击事件 --></div>
\n
<div> <button id=
\"
myButton
\"
>test</button></div>
\n
<div> <!-- 书籍信息容器 --></div>
\n
<div> <div id=
\"
bookInfo
\"
class=
\"
book-info
\"
draggable=
\"
true
\"
></div>
\n
<div> <div>名称：{{ data.bookname }}</div></div>
\n
<div> <div>更新时间：{{ data.updatedate }}</div></div>
\n
<div> </div></div>
\n
<div> <div></div>
\n
<div> <div>123</div></div>
\n
<div> <div>456</div></div>
\n
<div> <div>789</div></div>
\n
<div> </div></div>
\n
</div>"
,
"contentType"
:
"RAW"
,
"itemStyle"
:
"DEFAULT"
,
"itemType"
:
"RAWITEM"
,
"name"
:
"static_text"
,
...
...
@@ -176,14 +176,50 @@
"layout"
:
"FLEX"
},
"getPSRawItem"
:
{
"c
ontent"
:
"<div>
\n
<div> <!-- 按钮，带有点击事件 --></div>
\n
<div> <button id=
\"
myButton
\"
>test</button></div>
\n
<div> <!-- 书籍信息容器 --></div>
\n
<div> <div id=
\"
bookInfo
\"
class=
\"
book-info
\"
draggable=
\"
true
\"
></div>
\n
<div> <div>名称：{{ data.bookname }}</div></div>
\n
<div> <div>更新时间：{{ data.updatedate }}</div></div>
\n
<div> </div></div>
\n
<div> <div></div>
\n
<div> <div>123</div></div>
\n
<div> <div>456</div></div>
\n
<div> <div>789</div></div>
\n
<div> </div></div>
\n
</div>"
,
"contentType"
:
"
HTML
"
,
"c
aption"
:
" <!-- 按钮，带有点击事件 -->
\n
<button id=
\"
myButton
\"
>test</button>
\n
<!-- 书籍信息容器 -->
\n
<div id=
\"
bookInfo
\"
class=
\"
book-info
\"
draggable=
\"
true
\"
>
\n
<div>名称：{{ data.bookname }}</div>
\n
<div>更新时间：{{ data.updatedate }}</div>
\n
</div>
\n
<div>
\n
<div>123</div>
\n
<div>456</div>
\n
<div>789</div>
\n
</div>"
,
"contentType"
:
"
RAW
"
,
"name"
:
"static_text"
,
"predefinedType"
:
"HTML_PREVIEW"
"predefinedType"
:
"HTML_PREVIEW"
,
"renderMode"
:
"TEXT"
},
"getPSSysImage"
:
{
"cssClass"
:
"arrow-down-circle"
},
"rawContent"
:
" <!-- 按钮，带有点击事件 -->
\n
<button id=
\"
myButton
\"
>test</button>
\n
<!-- 书籍信息容器 -->
\n
<div id=
\"
bookInfo
\"
class=
\"
book-info
\"
draggable=
\"
true
\"
>
\n
<div>名称：{{ data.bookname }}</div>
\n
<div>更新时间：{{ data.updatedate }}</div>
\n
</div>
\n
<div>
\n
<div>123</div>
\n
<div>456</div>
\n
<div>789</div>
\n
</div>"
,
"showCaption"
:
true
},
{
"caption"
:
"通过html设置"
,
"itemStyle"
:
"DEFAULT"
,
"itemType"
:
"CONTAINER"
,
"name"
:
"container_group"
,
"getPSLayout"
:
{
"layout"
:
"FLEX"
},
"getPSLayoutPos"
:
{
"grow"
:
-1
,
"layout"
:
"FLEX"
},
"getPSPanelItems"
:
[
{
"caption"
:
"文本"
,
"contentType"
:
"HTML"
,
"htmlContent"
:
"<div>
\n
<div><!DOCTYPE html></div>
\n
<div><html lang=
\"
en
\"
></div>
\n
<br />
\n
<div><head></div>
\n
<div> <meta charset=
\"
UTF-8
\"
></div>
\n
<div> <meta name=
\"
viewport
\"
content=
\"
width=device-width, initial-scale=1.0
\"
></div>
\n
<div> <title>HTML Template with Features</title></div>
\n
<div> <style></div>
\n
<div> /* 外部样式 */</div>
\n
<div> button {</div>
\n
<div> padding: 10px 20px;</div>
\n
<div> background-color: #007BFF;</div>
\n
<div> color: white;</div>
\n
<div> border: none;</div>
\n
<div> border-radius: 5px;</div>
\n
<div> cursor: pointer;</div>
\n
<div> transition: background-color 0.3s ease;</div>
\n
<div> }</div>
\n
<br />
\n
<div> button:hover {</div>
\n
<div> background-color: #0056b3;</div>
\n
<div> }</div>
\n
<br />
\n
<div> .book-info {</div>
\n
<div> border: 1px solid #ccc;</div>
\n
<div> width: 300px;</div>
\n
<div> height: auto;</div>
\n
<div> padding: 20px;</div>
\n
<div> margin-top: 20px;</div>
\n
<div> border-radius: 5px;</div>
\n
<div> animation: fadeIn 1s ease;</div>
\n
<div> }</div>
\n
<br />
\n
<div> @keyframes fadeIn {</div>
\n
<div> from {</div>
\n
<div> opacity: 0;</div>
\n
<div> }</div>
\n
<br />
\n
<div> to {</div>
\n
<div> opacity: 1;</div>
\n
<div> }</div>
\n
<div> }</div>
\n
<div> </style></div>
\n
<div></head></div>
\n
<br />
\n
<div><body></div>
\n
<div> <!-- 按钮，带有点击事件 --></div>
\n
<div> <button id=
\"
myButton
\"
onclick=
\"
handleClick()
\"
>test</button></div>
\n
<div> <button id=
\"
myButton
\"
onclick=
\"
handleClick2()
\"
>log</button></div>
\n
<div> <!-- 书籍信息容器 --></div>
\n
<div> <div id=
\"
bookInfo
\"
class=
\"
book-info
\"
draggable=
\"
true
\"
ondragstart=
\"
dragStart(event)
\"
ondragover=
\"
dragOver(event)
\"
</div>
\n
<div> ondrop=
\"
drop(event)
\"
></div>
\n
<div> <div>名称：{{data.bookname}}</div></div>
\n
<div> <div>更新时间：{{data.updatedate}}</div></div>
\n
<div> </div></div>
\n
<div> <div></div>
\n
<div> <div>123</div></div>
\n
<div> <div>456</div></div>
\n
<div> <div>789</div></div>
\n
<div> </div></div>
\n
<div> <script></div>
\n
<div> // 模拟数据</div>
\n
<div> const data = {</div>
\n
<div> test: 'test1',</div>
\n
<div> bookname: 'name外部值为-{{data.bookname}}',</div>
\n
<div> updatedate: '{{data.updatedate}}'</div>
\n
<div> };</div>
\n
<div> // 处理按钮点击事件</div>
\n
<div> function handleClick() {</div>
\n
<div> // 获取书籍信息元素</div>
\n
<div> const bookInfo = document.getElementById('bookInfo');</div>
\n
<div> if (bookInfo) {</div>
\n
<div> // 移除元素</div>
\n
<div> bookInfo.remove();</div>
\n
<div> }</div>
\n
<div> }</div>
\n
<div> // 处理按钮点击事件</div>
\n
<div> function handleClick2() {</div>
\n
<div> console.log('打印{data.bookname}', '测试内容{data.bookname}');</div>
\n
<div> console.log('内部data数据', data);</div>
\n
<div> }</div>
\n
<div> // 拖拽开始事件处理函数</div>
\n
<div> function dragStart(event) {</div>
\n
<div> event.dataTransfer.setData('text/plain', event.target.id);</div>
\n
<div> // 添加内联样式，改变透明度</div>
\n
<div> event.target.style.opacity = '0.5';</div>
\n
<div> }</div>
\n
<div> // 拖拽经过事件处理函数</div>
\n
<div> function dragOver(event) {</div>
\n
<div> event.preventDefault();</div>
\n
<div> }</div>
\n
<div> // 拖拽放下事件处理函数</div>
\n
<div> function drop(event) {</div>
\n
<div> event.preventDefault();</div>
\n
<div> const data = event.dataTransfer.getData('text/plain');</div>
\n
<div> const draggedElement = document.getElementById(data);</div>
\n
<div> // 移除内联样式</div>
\n
<div> draggedElement.style.opacity = '1';</div>
\n
<div> // 将拖拽元素移动到新位置</div>
\n
<div> event.target.appendChild(draggedElement);</div>
\n
<div> }</div>
\n
<div> </script></div>
\n
<div></body></div>
\n
<br />
\n
<div></html></div>
\n
</div>"
,
"itemStyle"
:
"DEFAULT"
,
"itemType"
:
"RAWITEM"
,
"name"
:
"static_text2"
,
"getPSLayoutPos"
:
{
"grow"
:
-1
,
"layout"
:
"FLEX"
},
"getPSRawItem"
:
{
"content"
:
"<div>
\n
<div><!DOCTYPE html></div>
\n
<div><html lang=
\"
en
\"
></div>
\n
<br />
\n
<div><head></div>
\n
<div> <meta charset=
\"
UTF-8
\"
></div>
\n
<div> <meta name=
\"
viewport
\"
content=
\"
width=device-width, initial-scale=1.0
\"
></div>
\n
<div> <title>HTML Template with Features</title></div>
\n
<div> <style></div>
\n
<div> /* 外部样式 */</div>
\n
<div> button {</div>
\n
<div> padding: 10px 20px;</div>
\n
<div> background-color: #007BFF;</div>
\n
<div> color: white;</div>
\n
<div> border: none;</div>
\n
<div> border-radius: 5px;</div>
\n
<div> cursor: pointer;</div>
\n
<div> transition: background-color 0.3s ease;</div>
\n
<div> }</div>
\n
<br />
\n
<div> button:hover {</div>
\n
<div> background-color: #0056b3;</div>
\n
<div> }</div>
\n
<br />
\n
<div> .book-info {</div>
\n
<div> border: 1px solid #ccc;</div>
\n
<div> width: 300px;</div>
\n
<div> height: auto;</div>
\n
<div> padding: 20px;</div>
\n
<div> margin-top: 20px;</div>
\n
<div> border-radius: 5px;</div>
\n
<div> animation: fadeIn 1s ease;</div>
\n
<div> }</div>
\n
<br />
\n
<div> @keyframes fadeIn {</div>
\n
<div> from {</div>
\n
<div> opacity: 0;</div>
\n
<div> }</div>
\n
<br />
\n
<div> to {</div>
\n
<div> opacity: 1;</div>
\n
<div> }</div>
\n
<div> }</div>
\n
<div> </style></div>
\n
<div></head></div>
\n
<br />
\n
<div><body></div>
\n
<div> <!-- 按钮，带有点击事件 --></div>
\n
<div> <button id=
\"
myButton
\"
onclick=
\"
handleClick()
\"
>test</button></div>
\n
<div> <button id=
\"
myButton
\"
onclick=
\"
handleClick2()
\"
>log</button></div>
\n
<div> <!-- 书籍信息容器 --></div>
\n
<div> <div id=
\"
bookInfo
\"
class=
\"
book-info
\"
draggable=
\"
true
\"
ondragstart=
\"
dragStart(event)
\"
ondragover=
\"
dragOver(event)
\"
</div>
\n
<div> ondrop=
\"
drop(event)
\"
></div>
\n
<div> <div>名称：{{data.bookname}}</div></div>
\n
<div> <div>更新时间：{{data.updatedate}}</div></div>
\n
<div> </div></div>
\n
<div> <div></div>
\n
<div> <div>123</div></div>
\n
<div> <div>456</div></div>
\n
<div> <div>789</div></div>
\n
<div> </div></div>
\n
<div> <script></div>
\n
<div> // 模拟数据</div>
\n
<div> const data = {</div>
\n
<div> test: 'test1',</div>
\n
<div> bookname: 'name外部值为-{{data.bookname}}',</div>
\n
<div> updatedate: '{{data.updatedate}}'</div>
\n
<div> };</div>
\n
<div> // 处理按钮点击事件</div>
\n
<div> function handleClick() {</div>
\n
<div> // 获取书籍信息元素</div>
\n
<div> const bookInfo = document.getElementById('bookInfo');</div>
\n
<div> if (bookInfo) {</div>
\n
<div> // 移除元素</div>
\n
<div> bookInfo.remove();</div>
\n
<div> }</div>
\n
<div> }</div>
\n
<div> // 处理按钮点击事件</div>
\n
<div> function handleClick2() {</div>
\n
<div> console.log('打印{data.bookname}', '测试内容{data.bookname}');</div>
\n
<div> console.log('内部data数据', data);</div>
\n
<div> }</div>
\n
<div> // 拖拽开始事件处理函数</div>
\n
<div> function dragStart(event) {</div>
\n
<div> event.dataTransfer.setData('text/plain', event.target.id);</div>
\n
<div> // 添加内联样式，改变透明度</div>
\n
<div> event.target.style.opacity = '0.5';</div>
\n
<div> }</div>
\n
<div> // 拖拽经过事件处理函数</div>
\n
<div> function dragOver(event) {</div>
\n
<div> event.preventDefault();</div>
\n
<div> }</div>
\n
<div> // 拖拽放下事件处理函数</div>
\n
<div> function drop(event) {</div>
\n
<div> event.preventDefault();</div>
\n
<div> const data = event.dataTransfer.getData('text/plain');</div>
\n
<div> const draggedElement = document.getElementById(data);</div>
\n
<div> // 移除内联样式</div>
\n
<div> draggedElement.style.opacity = '1';</div>
\n
<div> // 将拖拽元素移动到新位置</div>
\n
<div> event.target.appendChild(draggedElement);</div>
\n
<div> }</div>
\n
<div> </script></div>
\n
<div></body></div>
\n
<br />
\n
<div></html></div>
\n
</div>"
,
"contentType"
:
"HTML"
,
"name"
:
"static_text2"
,
"predefinedType"
:
"STATIC_TEXT"
},
"showCaption"
:
true
}
],
"predefinedType"
:
"CONTAINER_GROUP"
,
"titleBarCloseMode"
:
2
,
"showCaption"
:
true
}
],
"predefinedType"
:
"CONTAINER_SINGLEDATA"
...
...
trainsys-core/src/main/resources/model/cn/ibizlab/trainsys/PSSYSAPPS/Web/PSSYSAPP.json
浏览文件 @
3429236c
...
...
@@ -113309,8 +113309,7 @@
},
"getPSPanelItems" : [ {
"caption" : "文本",
"contentType" : "HTML",
"htmlContent" : "<div>\n<div><!DOCTYPE html></div>\n<div><html lang=\"en\"></div>\n<br />\n<div><head></div>\n<div> <meta charset=\"UTF-8\"></div>\n<div> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"></div>\n<div> <title>HTML Template with Features</title></div>\n<div> <style></div>\n<div> /* 外部样式 */</div>\n<div> button {</div>\n<div> padding: 10px 20px;</div>\n<div> background-color: #007BFF;</div>\n<div> color: white;</div>\n<div> border: none;</div>\n<div> border-radius: 5px;</div>\n<div> cursor: pointer;</div>\n<div> transition: background-color 0.3s ease;</div>\n<div> }</div>\n<br />\n<div> button:hover {</div>\n<div> background-color: #0056b3;</div>\n<div> }</div>\n<br />\n<div> .book-info {</div>\n<div> border: 1px solid #ccc;</div>\n<div> width: 300px;</div>\n<div> height: auto;</div>\n<div> padding: 20px;</div>\n<div> margin-top: 20px;</div>\n<div> border-radius: 5px;</div>\n<div> animation: fadeIn 1s ease;</div>\n<div> }</div>\n<br />\n<div> @keyframes fadeIn {</div>\n<div> from {</div>\n<div> opacity: 0;</div>\n<div> }</div>\n<br />\n<div> to {</div>\n<div> opacity: 1;</div>\n<div> }</div>\n<div> }</div>\n<div> </style></div>\n<div></head></div>\n<br />\n<div><body></div>\n<div> <!-- 按钮，带有点击事件 --></div>\n<div> <button id=\"myButton\" onclick=\"handleClick()\">test</button></div>\n<div> <button id=\"myButton\" onclick=\"handleClick2()\">log</button></div>\n<div> <!-- 书籍信息容器 --></div>\n<div> <div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"</div>\n<div> ondrop=\"drop(event)\"></div>\n<div> <div>名称：{{data.bookname}}</div></div>\n<div> <div>更新时间：{{data.updatedate}}</div></div>\n<div> </div></div>\n<div> <script></div>\n<div> // 模拟数据</div>\n<div> const data = {</div>\n<div> bookname: '{{data.bookname}}',</div>\n<div> updatedate: '{{data.updatedate}}'</div>\n<div> };</div>\n<div> // 处理按钮点击事件</div>\n<div> function handleClick() {</div>\n<div> // 获取书籍信息元素</div>\n<div> const bookInfo = document.getElementById('bookInfo');</div>\n<div> if (bookInfo) {</div>\n<div> // 移除元素</div>\n<div> bookInfo.remove();</div>\n<div> }</div>\n<div> }</div>\n<div> // 处理按钮点击事件</div>\n<div> function handleClick2() {</div>\n<div> console.log('打印${data.bookname}', `测试内容${data.bookname}`);</div>\n<br />\n<div> }</div>\n<br />\n<div> // 拖拽开始事件处理函数</div>\n<div> function dragStart(event) {</div>\n<div> event.dataTransfer.setData('text/plain', event.target.id);</div>\n<div> // 添加内联样式，改变透明度</div>\n<div> event.target.style.opacity = '0.5';</div>\n<div> }</div>\n<br /><br /><br />\n<div> // 拖拽经过事件处理函数</div>\n<div> function dragOver(event) {</div>\n<div> event.preventDefault();</div>\n<div> }</div>\n<br />\n<div> // 拖拽放下事件处理函数</div>\n<div> function drop(event) {</div>\n<div> event.preventDefault();</div>\n<div> const data = event.dataTransfer.getData('text/plain');</div>\n<div> const draggedElement = document.getElementById(data);</div>\n<div> // 移除内联样式</div>\n<div> draggedElement.style.opacity = '1';</div>\n<div> // 将拖拽元素移动到新位置</div>\n<div> event.target.appendChild(draggedElement);</div>\n<div> }</div>\n<div> </script></div>\n<div></body></div>\n<br />\n<div></html></div>\n</div>",
"contentType" : "RAW",
"itemStyle" : "DEFAULT",
"itemType" : "RAWITEM",
"name" : "static_text1",
...
...
@@ -113319,16 +113318,17 @@
"layout" : "FLEX"
},
"getPSRawItem" : {
"c
ontent" : "<div>\n<div><!DOCTYPE html></div>\n<div><html lang=\"en\"></div>\n<br />\n<div><head></div>\n<div> <meta charset=\"UTF-8\"></div>\n<div> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"></div>\n<div> <title>HTML Template with Features</title></div>\n<div> <style></div>\n<div> /* 外部样式 */</div>\n<div> button {</div>\n<div> padding: 10px 20px;</div>\n<div> background-color: #007BFF;</div>\n<div> color: white;</div>\n<div> border: none;</div>\n<div> border-radius: 5px;</div>\n<div> cursor: pointer;</div>\n<div> transition: background-color 0.3s ease;</div>\n<div> }</div>\n<br />\n<div> button:hover {</div>\n<div> background-color: #0056b3;</div>\n<div> }</div>\n<br />\n<div> .book-info {</div>\n<div> border: 1px solid #ccc;</div>\n<div> width: 300px;</div>\n<div> height: auto;</div>\n<div> padding: 20px;</div>\n<div> margin-top: 20px;</div>\n<div> border-radius: 5px;</div>\n<div> animation: fadeIn 1s ease;</div>\n<div> }</div>\n<br />\n<div> @keyframes fadeIn {</div>\n<div> from {</div>\n<div> opacity: 0;</div>\n<div> }</div>\n<br />\n<div> to {</div>\n<div> opacity: 1;</div>\n<div> }</div>\n<div> }</div>\n<div> </style></div>\n<div></head></div>\n<br />\n<div><body></div>\n<div> <!-- 按钮，带有点击事件 --></div>\n<div> <button id=\"myButton\" onclick=\"handleClick()\">test</button></div>\n<div> <button id=\"myButton\" onclick=\"handleClick2()\">log</button></div>\n<div> <!-- 书籍信息容器 --></div>\n<div> <div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"</div>\n<div> ondrop=\"drop(event)\"></div>\n<div> <div>名称：{{data.bookname}}</div></div>\n<div> <div>更新时间：{{data.updatedate}}</div></div>\n<div> </div></div>\n<div> <script></div>\n<div> // 模拟数据</div>\n<div> const data = {</div>\n<div> bookname: '{{data.bookname}}',</div>\n<div> updatedate: '{{data.updatedate}}'</div>\n<div> };</div>\n<div> // 处理按钮点击事件</div>\n<div> function handleClick() {</div>\n<div> // 获取书籍信息元素</div>\n<div> const bookInfo = document.getElementById('bookInfo');</div>\n<div> if (bookInfo) {</div>\n<div> // 移除元素</div>\n<div> bookInfo.remove();</div>\n<div> }</div>\n<div> }</div>\n<div> // 处理按钮点击事件</div>\n<div> function handleClick2() {</div>\n<div> console.log('打印${data.bookname}', `测试内容${data.bookname}`);</div>\n<br />\n<div> }</div>\n<br />\n<div> // 拖拽开始事件处理函数</div>\n<div> function dragStart(event) {</div>\n<div> event.dataTransfer.setData('text/plain', event.target.id);</div>\n<div> // 添加内联样式，改变透明度</div>\n<div> event.target.style.opacity = '0.5';</div>\n<div> }</div>\n<br /><br /><br />\n<div> // 拖拽经过事件处理函数</div>\n<div> function dragOver(event) {</div>\n<div> event.preventDefault();</div>\n<div> }</div>\n<br />\n<div> // 拖拽放下事件处理函数</div>\n<div> function drop(event) {</div>\n<div> event.preventDefault();</div>\n<div> const data = event.dataTransfer.getData('text/plain');</div>\n<div> const draggedElement = document.getElementById(data);</div>\n<div> // 移除内联样式</div>\n<div> draggedElement.style.opacity = '1';</div>\n<div> // 将拖拽元素移动到新位置</div>\n<div> event.target.appendChild(draggedElement);</div>\n<div> }</div>\n<div> </script></div>\n<div></body></div>\n<br />\n<div></html></div>\n</div
>",
"contentType" : "
HTML
",
"c
aption" : "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>HTML Template with Features</title>\n <style>\n /* 外部样式 */\n button {\n padding: 10px 20px;\n background-color: #007BFF;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n }\n\n button:hover {\n background-color: #0056b3;\n }\n\n .book-info {\n border: 1px solid #ccc;\n width: 300px;\n height: auto;\n padding: 20px;\n margin-top: 20px;\n border-radius: 5px;\n animation: fadeIn 1s ease;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n }\n </style>\n</head>\n\n<body>\n <!-- 按钮，带有点击事件 -->\n <button id=\"myButton\" onclick=\"handleClick()\">test</button>\n <button id=\"myButton\" onclick=\"handleClick2()\">log</button>\n <!-- 书籍信息容器 -->\n <div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"\n ondrop=\"drop(event)\">\n <div>名称：{{data.bookname}}</div>\n <div>更新时间：{{data.updatedate}}</div>\n </div>\n <div>\n <div>123</div>\n <div>456</div>\n <div>789</div>\n </div>\n <script>\n // 模拟数据\n const data = {\n test: 'test1',\n bookname: 'name外部值为-{{data.bookname}}',\n updatedate: '{{data.updatedate}}'\n };\n // 处理按钮点击事件\n function handleClick() {\n // 获取书籍信息元素\n const bookInfo = document.getElementById('bookInfo');\n if (bookInfo) {\n // 移除元素\n bookInfo.remove();\n }\n }\n // 处理按钮点击事件\n function handleClick2() {\n console.log('打印{data.bookname}', '测试内容{data.bookname}');\n console.log('内部data数据', data);\n }\n // 拖拽开始事件处理函数\n function dragStart(event) {\n event.dataTransfer.setData('text/plain', event.target.id);\n // 添加内联样式，改变透明度\n event.target.style.opacity = '0.5';\n }\n // 拖拽经过事件处理函数\n function dragOver(event) {\n event.preventDefault();\n }\n // 拖拽放下事件处理函数\n function drop(event) {\n event.preventDefault();\n const data = event.dataTransfer.getData('text/plain');\n const draggedElement = document.getElementById(data);\n // 移除内联样式\n draggedElement.style.opacity = '1';\n // 将拖拽元素移动到新位置\n event.target.appendChild(draggedElement);\n }\n </script>\n</body>\n\n</html
>",
"contentType" : "
RAW
",
"name" : "static_text1",
"predefinedType" : "HTML_PREVIEW"
"predefinedType" : "HTML_PREVIEW",
"renderMode" : "TEXT"
},
"rawContent" : "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>HTML Template with Features</title>\n <style>\n /* 外部样式 */\n button {\n padding: 10px 20px;\n background-color: #007BFF;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n }\n\n button:hover {\n background-color: #0056b3;\n }\n\n .book-info {\n border: 1px solid #ccc;\n width: 300px;\n height: auto;\n padding: 20px;\n margin-top: 20px;\n border-radius: 5px;\n animation: fadeIn 1s ease;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n }\n </style>\n</head>\n\n<body>\n <!-- 按钮，带有点击事件 -->\n <button id=\"myButton\" onclick=\"handleClick()\">test</button>\n <button id=\"myButton\" onclick=\"handleClick2()\">log</button>\n <!-- 书籍信息容器 -->\n <div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"\n ondrop=\"drop(event)\">\n <div>名称：{{data.bookname}}</div>\n <div>更新时间：{{data.updatedate}}</div>\n </div>\n <div>\n <div>123</div>\n <div>456</div>\n <div>789</div>\n </div>\n <script>\n // 模拟数据\n const data = {\n test: 'test1',\n bookname: 'name外部值为-{{data.bookname}}',\n updatedate: '{{data.updatedate}}'\n };\n // 处理按钮点击事件\n function handleClick() {\n // 获取书籍信息元素\n const bookInfo = document.getElementById('bookInfo');\n if (bookInfo) {\n // 移除元素\n bookInfo.remove();\n }\n }\n // 处理按钮点击事件\n function handleClick2() {\n console.log('打印{data.bookname}', '测试内容{data.bookname}');\n console.log('内部data数据', data);\n }\n // 拖拽开始事件处理函数\n function dragStart(event) {\n event.dataTransfer.setData('text/plain', event.target.id);\n // 添加内联样式，改变透明度\n event.target.style.opacity = '0.5';\n }\n // 拖拽经过事件处理函数\n function dragOver(event) {\n event.preventDefault();\n }\n // 拖拽放下事件处理函数\n function drop(event) {\n event.preventDefault();\n const data = event.dataTransfer.getData('text/plain');\n const draggedElement = document.getElementById(data);\n // 移除内联样式\n draggedElement.style.opacity = '1';\n // 将拖拽元素移动到新位置\n event.target.appendChild(draggedElement);\n }\n </script>\n</body>\n\n</html>",
"showCaption" : true
}, {
"caption" : "文本",
"contentType" : "HTML",
"htmlContent" : "<div>\n<div><body></div>\n<div> <!-- 按钮，带有点击事件 --></div>\n<div> <button id=\"myButton\" onclick=\"handleClick()\">test</button></div>\n<div> <!-- 书籍信息容器 --></div>\n<div> <div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"</div>\n<div> ondrop=\"drop(event)\"></div>\n<div> <div>名称：{{data.bookname}}</div></div>\n<div> <div>更新时间：{{data.updatedate}}</div></div>\n<div> </div></div>\n<br />\n<div></body></div>\n</div>",
"contentType" : "RAW",
"itemStyle" : "DEFAULT",
"itemType" : "RAWITEM",
"name" : "static_text",
...
...
@@ -113337,11 +113337,50 @@
"layout" : "FLEX"
},
"getPSRawItem" : {
"c
ontent" : "<div>\n<div><body></div>\n<div> <!-- 按钮，带有点击事件 --></div>\n<div> <button id=\"myButton\" onclick=\"handleClick()\">test</button></div>\n<div> <!-- 书籍信息容器 --></div>\n<div> <div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"</div>\n<div> ondrop=\"drop(event)\"></div>\n<div> <div>名称：{{data.bookname}}</div></div>\n<div> <div>更新时间：{{data.updatedate}}</div></div>\n<div> </div></div>\n<br />\n<div></body></div>\n
</div>",
"contentType" : "
HTML
",
"c
aption" : " <!-- 按钮，带有点击事件 -->\n <button id=\"myButton\">test</button>\n <!-- 书籍信息容器 -->\n <div id=\"bookInfo\" class=\"book-info\" draggable=\"true\">\n <div>名称：{{ data.bookname }}</div>\n <div>更新时间：{{ data.updatedate }}</div>\n </div>\n <div>\n <div>123</div>\n <div>456</div>\n <div>789</div>\n
</div>",
"contentType" : "
RAW
",
"name" : "static_text",
"predefinedType" : "HTML_PREVIEW"
"predefinedType" : "HTML_PREVIEW",
"renderMode" : "TEXT"
},
"getPSSysImage" : {
"cssClass" : "arrow-down-circle"
},
"rawContent" : " <!-- 按钮，带有点击事件 -->\n <button id=\"myButton\">test</button>\n <!-- 书籍信息容器 -->\n <div id=\"bookInfo\" class=\"book-info\" draggable=\"true\">\n <div>名称：{{ data.bookname }}</div>\n <div>更新时间：{{ data.updatedate }}</div>\n </div>\n <div>\n <div>123</div>\n <div>456</div>\n <div>789</div>\n </div>",
"showCaption" : true
}, {
"caption" : "通过html设置",
"itemStyle" : "DEFAULT",
"itemType" : "CONTAINER",
"name" : "container_group",
"getPSLayout" : {
"layout" : "FLEX"
},
"getPSLayoutPos" : {
"grow" : -1,
"layout" : "FLEX"
},
"getPSPanelItems" : [ {
"caption" : "文本",
"contentType" : "HTML",
"htmlContent" : "<div>\n<div><!DOCTYPE html></div>\n<div><html lang=\"en\"></div>\n<br />\n<div><head></div>\n<div> <meta charset=\"UTF-8\"></div>\n<div> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"></div>\n<div> <title>HTML Template with Features</title></div>\n<div> <style></div>\n<div> /* 外部样式 */</div>\n<div> button {</div>\n<div> padding: 10px 20px;</div>\n<div> background-color: #007BFF;</div>\n<div> color: white;</div>\n<div> border: none;</div>\n<div> border-radius: 5px;</div>\n<div> cursor: pointer;</div>\n<div> transition: background-color 0.3s ease;</div>\n<div> }</div>\n<br />\n<div> button:hover {</div>\n<div> background-color: #0056b3;</div>\n<div> }</div>\n<br />\n<div> .book-info {</div>\n<div> border: 1px solid #ccc;</div>\n<div> width: 300px;</div>\n<div> height: auto;</div>\n<div> padding: 20px;</div>\n<div> margin-top: 20px;</div>\n<div> border-radius: 5px;</div>\n<div> animation: fadeIn 1s ease;</div>\n<div> }</div>\n<br />\n<div> @keyframes fadeIn {</div>\n<div> from {</div>\n<div> opacity: 0;</div>\n<div> }</div>\n<br />\n<div> to {</div>\n<div> opacity: 1;</div>\n<div> }</div>\n<div> }</div>\n<div> </style></div>\n<div></head></div>\n<br />\n<div><body></div>\n<div> <!-- 按钮，带有点击事件 --></div>\n<div> <button id=\"myButton\" onclick=\"handleClick()\">test</button></div>\n<div> <button id=\"myButton\" onclick=\"handleClick2()\">log</button></div>\n<div> <!-- 书籍信息容器 --></div>\n<div> <div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"</div>\n<div> ondrop=\"drop(event)\"></div>\n<div> <div>名称：{{data.bookname}}</div></div>\n<div> <div>更新时间：{{data.updatedate}}</div></div>\n<div> </div></div>\n<div> <div></div>\n<div> <div>123</div></div>\n<div> <div>456</div></div>\n<div> <div>789</div></div>\n<div> </div></div>\n<div> <script></div>\n<div> // 模拟数据</div>\n<div> const data = {</div>\n<div> test: 'test1',</div>\n<div> bookname: 'name外部值为-{{data.bookname}}',</div>\n<div> updatedate: '{{data.updatedate}}'</div>\n<div> };</div>\n<div> // 处理按钮点击事件</div>\n<div> function handleClick() {</div>\n<div> // 获取书籍信息元素</div>\n<div> const bookInfo = document.getElementById('bookInfo');</div>\n<div> if (bookInfo) {</div>\n<div> // 移除元素</div>\n<div> bookInfo.remove();</div>\n<div> }</div>\n<div> }</div>\n<div> // 处理按钮点击事件</div>\n<div> function handleClick2() {</div>\n<div> console.log('打印{data.bookname}', '测试内容{data.bookname}');</div>\n<div> console.log('内部data数据', data);</div>\n<div> }</div>\n<div> // 拖拽开始事件处理函数</div>\n<div> function dragStart(event) {</div>\n<div> event.dataTransfer.setData('text/plain', event.target.id);</div>\n<div> // 添加内联样式，改变透明度</div>\n<div> event.target.style.opacity = '0.5';</div>\n<div> }</div>\n<div> // 拖拽经过事件处理函数</div>\n<div> function dragOver(event) {</div>\n<div> event.preventDefault();</div>\n<div> }</div>\n<div> // 拖拽放下事件处理函数</div>\n<div> function drop(event) {</div>\n<div> event.preventDefault();</div>\n<div> const data = event.dataTransfer.getData('text/plain');</div>\n<div> const draggedElement = document.getElementById(data);</div>\n<div> // 移除内联样式</div>\n<div> draggedElement.style.opacity = '1';</div>\n<div> // 将拖拽元素移动到新位置</div>\n<div> event.target.appendChild(draggedElement);</div>\n<div> }</div>\n<div> </script></div>\n<div></body></div>\n<br />\n<div></html></div>\n</div>",
"itemStyle" : "DEFAULT",
"itemType" : "RAWITEM",
"name" : "static_text2",
"getPSLayoutPos" : {
"grow" : -1,
"layout" : "FLEX"
},
"getPSRawItem" : {
"content" : "<div>\n<div><!DOCTYPE html></div>\n<div><html lang=\"en\"></div>\n<br />\n<div><head></div>\n<div> <meta charset=\"UTF-8\"></div>\n<div> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"></div>\n<div> <title>HTML Template with Features</title></div>\n<div> <style></div>\n<div> /* 外部样式 */</div>\n<div> button {</div>\n<div> padding: 10px 20px;</div>\n<div> background-color: #007BFF;</div>\n<div> color: white;</div>\n<div> border: none;</div>\n<div> border-radius: 5px;</div>\n<div> cursor: pointer;</div>\n<div> transition: background-color 0.3s ease;</div>\n<div> }</div>\n<br />\n<div> button:hover {</div>\n<div> background-color: #0056b3;</div>\n<div> }</div>\n<br />\n<div> .book-info {</div>\n<div> border: 1px solid #ccc;</div>\n<div> width: 300px;</div>\n<div> height: auto;</div>\n<div> padding: 20px;</div>\n<div> margin-top: 20px;</div>\n<div> border-radius: 5px;</div>\n<div> animation: fadeIn 1s ease;</div>\n<div> }</div>\n<br />\n<div> @keyframes fadeIn {</div>\n<div> from {</div>\n<div> opacity: 0;</div>\n<div> }</div>\n<br />\n<div> to {</div>\n<div> opacity: 1;</div>\n<div> }</div>\n<div> }</div>\n<div> </style></div>\n<div></head></div>\n<br />\n<div><body></div>\n<div> <!-- 按钮，带有点击事件 --></div>\n<div> <button id=\"myButton\" onclick=\"handleClick()\">test</button></div>\n<div> <button id=\"myButton\" onclick=\"handleClick2()\">log</button></div>\n<div> <!-- 书籍信息容器 --></div>\n<div> <div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"</div>\n<div> ondrop=\"drop(event)\"></div>\n<div> <div>名称：{{data.bookname}}</div></div>\n<div> <div>更新时间：{{data.updatedate}}</div></div>\n<div> </div></div>\n<div> <div></div>\n<div> <div>123</div></div>\n<div> <div>456</div></div>\n<div> <div>789</div></div>\n<div> </div></div>\n<div> <script></div>\n<div> // 模拟数据</div>\n<div> const data = {</div>\n<div> test: 'test1',</div>\n<div> bookname: 'name外部值为-{{data.bookname}}',</div>\n<div> updatedate: '{{data.updatedate}}'</div>\n<div> };</div>\n<div> // 处理按钮点击事件</div>\n<div> function handleClick() {</div>\n<div> // 获取书籍信息元素</div>\n<div> const bookInfo = document.getElementById('bookInfo');</div>\n<div> if (bookInfo) {</div>\n<div> // 移除元素</div>\n<div> bookInfo.remove();</div>\n<div> }</div>\n<div> }</div>\n<div> // 处理按钮点击事件</div>\n<div> function handleClick2() {</div>\n<div> console.log('打印{data.bookname}', '测试内容{data.bookname}');</div>\n<div> console.log('内部data数据', data);</div>\n<div> }</div>\n<div> // 拖拽开始事件处理函数</div>\n<div> function dragStart(event) {</div>\n<div> event.dataTransfer.setData('text/plain', event.target.id);</div>\n<div> // 添加内联样式，改变透明度</div>\n<div> event.target.style.opacity = '0.5';</div>\n<div> }</div>\n<div> // 拖拽经过事件处理函数</div>\n<div> function dragOver(event) {</div>\n<div> event.preventDefault();</div>\n<div> }</div>\n<div> // 拖拽放下事件处理函数</div>\n<div> function drop(event) {</div>\n<div> event.preventDefault();</div>\n<div> const data = event.dataTransfer.getData('text/plain');</div>\n<div> const draggedElement = document.getElementById(data);</div>\n<div> // 移除内联样式</div>\n<div> draggedElement.style.opacity = '1';</div>\n<div> // 将拖拽元素移动到新位置</div>\n<div> event.target.appendChild(draggedElement);</div>\n<div> }</div>\n<div> </script></div>\n<div></body></div>\n<br />\n<div></html></div>\n</div>",
"contentType" : "HTML",
"name" : "static_text2",
"predefinedType" : "STATIC_TEXT"
},
"showCaption" : true
} ],
"predefinedType" : "CONTAINER_GROUP",
"titleBarCloseMode" : 2,
"showCaption" : true
} ],
"predefinedType" : "CONTAINER_SINGLEDATA"
...
...
@@ -125230,7 +125269,7 @@
}, {
"actionType" : "UIACTION",
"buttonStyle" : "SUCCESS",
"caption" : "按钮",
"caption" : "
成功
按钮",
"itemStyle" : "DEFAULT",
"itemType" : "BUTTON",
"name" : "button_calluilogic4",
...
...
@@ -125260,7 +125299,7 @@
"uIActionType" : "DEUIACTION",
"id" : "successButton@Test_aaa"
},
"tooltip" : "按钮",
"tooltip" : "
成功
按钮",
"uIActionTarget" : "NONE",
"showCaption" : true
} ]
...
...
@@ -125432,9 +125471,9 @@
},
"getPSPanelItems" : [ {
"actionType" : "UIACTION",
"buttonStyle" : "
PRIMARY
",
"buttonStyle" : "
INFO
",
"caption" : "信息按钮",
"itemStyle" : "
PRIMARY
",
"itemStyle" : "
DEFAULT
",
"itemType" : "BUTTON",
"name" : "button_calluilogic3",
"getPSAppViewUIAction" : {
...
...
@@ -126967,6 +127006,7 @@
"showCaption" : true
}, {
"actionType" : "FIUPDATE",
"caption" : "表单项更新",
"codeName" : "button8",
"detailStyle" : "DEFAULT",
"detailType" : "BUTTON",
...
...
@@ -126982,6 +127022,7 @@
"colXS" : 8,
"layout" : "TABLE_24COL"
},
"tooltip" : "表单项更新",
"uIActionTarget" : "NONE",
"showCaption" : true
} ],
...
...
@@ -127007,6 +127048,7 @@
"name" : "grouppanel2",
"getPSDEFormDetails" : [ {
"actionGroupExtractMode" : "ITEM",
"caption" : "按钮组",
"codeName" : "buttonlist1",
"detailStyle" : "DEFAULT",
"detailType" : "BUTTONLIST",
...
...
@@ -127106,6 +127148,7 @@
"showCaption" : true
}, {
"actionGroupExtractMode" : "ITEMS",
"caption" : "按钮组",
"codeName" : "buttonlist2",
"detailStyle" : "DEFAULT",
"detailType" : "BUTTONLIST",
...
...
@@ -127205,6 +127248,7 @@
"showCaption" : true
}, {
"actionGroupExtractMode" : "ITEMX",
"caption" : "按钮组",
"codeName" : "buttonlist3",
"detailStyle" : "DEFAULT",
"detailType" : "BUTTONLIST",
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑！
取消
想要评论请
注册
或
登录
