提交 ca05d25d 编写于 作者: ibizdev's avatar ibizdev

tony001 发布系统代码 [TrainSys,网页端]

上级 cbade97c
...@@ -149,8 +149,7 @@ ...@@ -149,8 +149,7 @@
}, },
"getPSPanelItems" : [ { "getPSPanelItems" : [ {
"caption" : "文本", "caption" : "文本",
"contentType" : "HTML", "contentType" : "RAW",
"htmlContent" : "<p>&nbsp;</p>\n<!-- 按钮,带有点击事件 -->\n<p><button id=\"myButton\">test</button> <button id=\"myButton\">log</button></p>\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>",
"itemStyle" : "DEFAULT", "itemStyle" : "DEFAULT",
"itemType" : "RAWITEM", "itemType" : "RAWITEM",
"name" : "static_text1", "name" : "static_text1",
...@@ -159,11 +158,13 @@ ...@@ -159,11 +158,13 @@
"layout" : "FLEX" "layout" : "FLEX"
}, },
"getPSRawItem" : { "getPSRawItem" : {
"content" : "<p>&nbsp;</p>\n<!-- 按钮,带有点击事件 -->\n<p><button id=\"myButton\">test</button> <button id=\"myButton\">log</button></p>\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>", "caption" : "<!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" : "HTML", "contentType" : "RAW",
"name" : "static_text1", "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 "showCaption" : true
} ], } ],
"predefinedType" : "CONTAINER_SINGLEDATA" "predefinedType" : "CONTAINER_SINGLEDATA"
......
...@@ -148,8 +148,7 @@ ...@@ -148,8 +148,7 @@
}, },
"getPSPanelItems" : [ { "getPSPanelItems" : [ {
"caption" : "文本", "caption" : "文本",
"contentType" : "HTML", "contentType" : "RAW",
"htmlContent" : "<p>&nbsp;</p>\n<!-- 按钮,带有点击事件 -->\n<p><button id=\"myButton\">test</button> <button id=\"myButton\">log</button></p>\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>",
"itemStyle" : "DEFAULT", "itemStyle" : "DEFAULT",
"itemType" : "RAWITEM", "itemType" : "RAWITEM",
"name" : "static_text1", "name" : "static_text1",
...@@ -158,11 +157,13 @@ ...@@ -158,11 +157,13 @@
"layout" : "FLEX" "layout" : "FLEX"
}, },
"getPSRawItem" : { "getPSRawItem" : {
"content" : "<p>&nbsp;</p>\n<!-- 按钮,带有点击事件 -->\n<p><button id=\"myButton\">test</button> <button id=\"myButton\">log</button></p>\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>", "caption" : "<!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" : "HTML", "contentType" : "RAW",
"name" : "static_text1", "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 "showCaption" : true
} ], } ],
"predefinedType" : "CONTAINER_SINGLEDATA" "predefinedType" : "CONTAINER_SINGLEDATA"
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册