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

trainsys-core/src/main/resources/model/cn/ibizlab/trainsys/PSSYSAPPS/TemplatePublish/PSAPPDEVIEWS/bookUsr08126702EditView.json

@@ -150,7 +150,7 @@
       "getPSPanelItems" : [ {
         "caption" : "文本",
         "contentType" : "HTML",
-        "htmlContent" : "<div>\n<div>&lt;!DOCTYPE html&gt;</div>\n<div>&lt;html lang=\"en\"&gt;</div>\n<br />\n<div>&lt;head&gt;</div>\n<div>&nbsp; &lt;meta charset=\"UTF-8\"&gt;</div>\n<div>&nbsp; &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;</div>\n<div>&nbsp; &lt;title&gt;HTML Template with Features&lt;/title&gt;</div>\n<div>&nbsp; &lt;style&gt;</div>\n<div>&nbsp; &nbsp; /* 外部样式 */</div>\n<div>&nbsp; &nbsp; button {</div>\n<div>&nbsp; &nbsp; &nbsp; padding: 10px 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; background-color: #007BFF;</div>\n<div>&nbsp; &nbsp; &nbsp; color: white;</div>\n<div>&nbsp; &nbsp; &nbsp; border: none;</div>\n<div>&nbsp; &nbsp; &nbsp; border-radius: 5px;</div>\n<div>&nbsp; &nbsp; &nbsp; cursor: pointer;</div>\n<div>&nbsp; &nbsp; &nbsp; transition: background-color 0.3s ease;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; button:hover {</div>\n<div>&nbsp; &nbsp; &nbsp; background-color: #0056b3;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; .book-info {</div>\n<div>&nbsp; &nbsp; &nbsp; border: 1px solid #ccc;</div>\n<div>&nbsp; &nbsp; &nbsp; width: 300px;</div>\n<div>&nbsp; &nbsp; &nbsp; height: auto;</div>\n<div>&nbsp; &nbsp; &nbsp; padding: 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; margin-top: 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; border-radius: 5px;</div>\n<div>&nbsp; &nbsp; &nbsp; animation: fadeIn 1s ease;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; @keyframes fadeIn {</div>\n<div>&nbsp; &nbsp; &nbsp; from {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; opacity: 0;</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; &nbsp; to {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; opacity: 1;</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &lt;/style&gt;</div>\n<div>&lt;/head&gt;</div>\n<br />\n<div>&lt;body&gt;</div>\n<div>&nbsp; &lt;!-- 按钮，带有点击事件 --&gt;</div>\n<div>&nbsp; &lt;button id=\"myButton\" onclick=\"handleClick()\"&gt;test&lt;/button&gt;</div>\n<div>&nbsp; &lt;button id=\"myButton\" onclick=\"handleClick2()\"&gt;log&lt;/button&gt;</div>\n<div>&nbsp; &lt;!-- 书籍信息容器 --&gt;</div>\n<div>&nbsp; &lt;div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"</div>\n<div>&nbsp; &nbsp; ondrop=\"drop(event)\"&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;名称：{{data.bookname}}&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;更新时间：{{data.updatedate}}&lt;/div&gt;</div>\n<div>&nbsp; &lt;/div&gt;</div>\n<div>&nbsp; &lt;script&gt;</div>\n<div>&nbsp; &nbsp; // 模拟数据</div>\n<div>&nbsp; &nbsp; const data = {</div>\n<div>&nbsp; &nbsp; &nbsp; bookname: '{{data.bookname}}',</div>\n<div>&nbsp; &nbsp; &nbsp; updatedate: '{{data.updatedate}}'</div>\n<div>&nbsp; &nbsp; };</div>\n<div>&nbsp; &nbsp; // 处理按钮点击事件</div>\n<div>&nbsp; &nbsp; function handleClick() {</div>\n<div>&nbsp; &nbsp; &nbsp; // 获取书籍信息元素</div>\n<div>&nbsp; &nbsp; &nbsp; const bookInfo = document.getElementById('bookInfo');</div>\n<div>&nbsp; &nbsp; &nbsp; if (bookInfo) {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; // 移除元素</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; bookInfo.remove();</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; // 处理按钮点击事件</div>\n<div>&nbsp; &nbsp; function handleClick2() {</div>\n<div>&nbsp; &nbsp; &nbsp; console.log('打印${data.bookname}', `测试内容${data.bookname}`);</div>\n<br />\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; // 拖拽开始事件处理函数</div>\n<div>&nbsp; &nbsp; function dragStart(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.dataTransfer.setData('text/plain', event.target.id);</div>\n<div>&nbsp; &nbsp; &nbsp; // 添加内联样式，改变透明度</div>\n<div>&nbsp; &nbsp; &nbsp; event.target.style.opacity = '0.5';</div>\n<div>&nbsp; &nbsp; }</div>\n<br /><br /><br />\n<div>&nbsp; &nbsp; // 拖拽经过事件处理函数</div>\n<div>&nbsp; &nbsp; function dragOver(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.preventDefault();</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; // 拖拽放下事件处理函数</div>\n<div>&nbsp; &nbsp; function drop(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.preventDefault();</div>\n<div>&nbsp; &nbsp; &nbsp; const data = event.dataTransfer.getData('text/plain');</div>\n<div>&nbsp; &nbsp; &nbsp; const draggedElement = document.getElementById(data);</div>\n<div>&nbsp; &nbsp; &nbsp; // 移除内联样式</div>\n<div>&nbsp; &nbsp; &nbsp; draggedElement.style.opacity = '1';</div>\n<div>&nbsp; &nbsp; &nbsp; // 将拖拽元素移动到新位置</div>\n<div>&nbsp; &nbsp; &nbsp; event.target.appendChild(draggedElement);</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &lt;/script&gt;</div>\n<div>&lt;/body&gt;</div>\n<br />\n<div>&lt;/html&gt;</div>\n</div>",
+        "htmlContent" : "<div>\n<div>&lt;!DOCTYPE html&gt;</div>\n<div>&lt;html lang=\"en\"&gt;</div>\n<br />\n<div>&lt;head&gt;</div>\n<div>&nbsp; &lt;meta charset=\"UTF-8\"&gt;</div>\n<div>&nbsp; &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;</div>\n<div>&nbsp; &lt;title&gt;HTML Template with Features&lt;/title&gt;</div>\n<div>&nbsp; &lt;style&gt;</div>\n<div>&nbsp; &nbsp; /* 外部样式 */</div>\n<div>&nbsp; &nbsp; button {</div>\n<div>&nbsp; &nbsp; &nbsp; padding: 10px 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; background-color: #007BFF;</div>\n<div>&nbsp; &nbsp; &nbsp; color: white;</div>\n<div>&nbsp; &nbsp; &nbsp; border: none;</div>\n<div>&nbsp; &nbsp; &nbsp; border-radius: 5px;</div>\n<div>&nbsp; &nbsp; &nbsp; cursor: pointer;</div>\n<div>&nbsp; &nbsp; &nbsp; transition: background-color 0.3s ease;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; button:hover {</div>\n<div>&nbsp; &nbsp; &nbsp; background-color: #0056b3;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; .book-info {</div>\n<div>&nbsp; &nbsp; &nbsp; border: 1px solid #ccc;</div>\n<div>&nbsp; &nbsp; &nbsp; width: 300px;</div>\n<div>&nbsp; &nbsp; &nbsp; height: auto;</div>\n<div>&nbsp; &nbsp; &nbsp; padding: 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; margin-top: 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; border-radius: 5px;</div>\n<div>&nbsp; &nbsp; &nbsp; animation: fadeIn 1s ease;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; @keyframes fadeIn {</div>\n<div>&nbsp; &nbsp; &nbsp; from {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; opacity: 0;</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; &nbsp; to {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; opacity: 1;</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &lt;/style&gt;</div>\n<div>&lt;/head&gt;</div>\n<br />\n<div>&lt;body&gt;</div>\n<div>&nbsp; &lt;!-- 按钮，带有点击事件 --&gt;</div>\n<div>&nbsp; &lt;button id=\"myButton\" onclick=\"handleClick()\"&gt;test&lt;/button&gt;</div>\n<div>&nbsp; &lt;button id=\"myButton\" onclick=\"handleClick2()\"&gt;log&lt;/button&gt;</div>\n<div>&nbsp; &lt;!-- 书籍信息容器 --&gt;</div>\n<div>&nbsp; &lt;div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"</div>\n<div>&nbsp; &nbsp; ondrop=\"drop(event)\"&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;名称：{{data.bookname}}&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;更新时间：{{data.updatedate}}&lt;/div&gt;</div>\n<div>&nbsp; &lt;/div&gt;</div>\n<div>&nbsp; &lt;div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;123&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;456&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;789&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;/div&gt;</div>\n<div>&nbsp; &lt;script&gt;</div>\n<div>&nbsp; &nbsp; // 模拟数据</div>\n<div>&nbsp; &nbsp; const data = {</div>\n<div>&nbsp; &nbsp; &nbsp; test: 'test1',</div>\n<div>&nbsp; &nbsp; &nbsp; bookname: 'name外部值为-{{data.bookname}}',</div>\n<div>&nbsp; &nbsp; &nbsp; updatedate: '{{data.updatedate}}'</div>\n<div>&nbsp; &nbsp; };</div>\n<div>&nbsp; &nbsp; // 处理按钮点击事件</div>\n<div>&nbsp; &nbsp; function handleClick() {</div>\n<div>&nbsp; &nbsp; &nbsp; // 获取书籍信息元素</div>\n<div>&nbsp; &nbsp; &nbsp; const bookInfo = document.getElementById('bookInfo');</div>\n<div>&nbsp; &nbsp; &nbsp; if (bookInfo) {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; // 移除元素</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; bookInfo.remove();</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; // 处理按钮点击事件</div>\n<div>&nbsp; &nbsp; function handleClick2() {</div>\n<div>&nbsp; &nbsp; &nbsp; console.log('打印{data.bookname}', '测试内容{data.bookname}');</div>\n<div>&nbsp; &nbsp; &nbsp; console.log('内部data数据', data);</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; // 拖拽开始事件处理函数</div>\n<div>&nbsp; &nbsp; function dragStart(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.dataTransfer.setData('text/plain', event.target.id);</div>\n<div>&nbsp; &nbsp; &nbsp; // 添加内联样式，改变透明度</div>\n<div>&nbsp; &nbsp; &nbsp; event.target.style.opacity = '0.5';</div>\n<div>&nbsp; &nbsp; }</div>\n<br /><br /><br />\n<div>&nbsp; &nbsp; // 拖拽经过事件处理函数</div>\n<div>&nbsp; &nbsp; function dragOver(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.preventDefault();</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; // 拖拽放下事件处理函数</div>\n<div>&nbsp; &nbsp; function drop(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.preventDefault();</div>\n<div>&nbsp; &nbsp; &nbsp; const data = event.dataTransfer.getData('text/plain');</div>\n<div>&nbsp; &nbsp; &nbsp; const draggedElement = document.getElementById(data);</div>\n<div>&nbsp; &nbsp; &nbsp; // 移除内联样式</div>\n<div>&nbsp; &nbsp; &nbsp; draggedElement.style.opacity = '1';</div>\n<div>&nbsp; &nbsp; &nbsp; // 将拖拽元素移动到新位置</div>\n<div>&nbsp; &nbsp; &nbsp; event.target.appendChild(draggedElement);</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &lt;/script&gt;</div>\n<div>&lt;/body&gt;</div>\n<div>&lt;/html&gt;</div>\n</div>",
         "itemStyle" : "DEFAULT",
         "itemType" : "RAWITEM",
         "name" : "static_text1",
@@ -159,7 +159,7 @@
           "layout" : "FLEX"
         },
         "getPSRawItem" : {
-          "content" : "<div>\n<div>&lt;!DOCTYPE html&gt;</div>\n<div>&lt;html lang=\"en\"&gt;</div>\n<br />\n<div>&lt;head&gt;</div>\n<div>&nbsp; &lt;meta charset=\"UTF-8\"&gt;</div>\n<div>&nbsp; &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;</div>\n<div>&nbsp; &lt;title&gt;HTML Template with Features&lt;/title&gt;</div>\n<div>&nbsp; &lt;style&gt;</div>\n<div>&nbsp; &nbsp; /* 外部样式 */</div>\n<div>&nbsp; &nbsp; button {</div>\n<div>&nbsp; &nbsp; &nbsp; padding: 10px 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; background-color: #007BFF;</div>\n<div>&nbsp; &nbsp; &nbsp; color: white;</div>\n<div>&nbsp; &nbsp; &nbsp; border: none;</div>\n<div>&nbsp; &nbsp; &nbsp; border-radius: 5px;</div>\n<div>&nbsp; &nbsp; &nbsp; cursor: pointer;</div>\n<div>&nbsp; &nbsp; &nbsp; transition: background-color 0.3s ease;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; button:hover {</div>\n<div>&nbsp; &nbsp; &nbsp; background-color: #0056b3;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; .book-info {</div>\n<div>&nbsp; &nbsp; &nbsp; border: 1px solid #ccc;</div>\n<div>&nbsp; &nbsp; &nbsp; width: 300px;</div>\n<div>&nbsp; &nbsp; &nbsp; height: auto;</div>\n<div>&nbsp; &nbsp; &nbsp; padding: 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; margin-top: 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; border-radius: 5px;</div>\n<div>&nbsp; &nbsp; &nbsp; animation: fadeIn 1s ease;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; @keyframes fadeIn {</div>\n<div>&nbsp; &nbsp; &nbsp; from {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; opacity: 0;</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; &nbsp; to {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; opacity: 1;</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &lt;/style&gt;</div>\n<div>&lt;/head&gt;</div>\n<br />\n<div>&lt;body&gt;</div>\n<div>&nbsp; &lt;!-- 按钮，带有点击事件 --&gt;</div>\n<div>&nbsp; &lt;button id=\"myButton\" onclick=\"handleClick()\"&gt;test&lt;/button&gt;</div>\n<div>&nbsp; &lt;button id=\"myButton\" onclick=\"handleClick2()\"&gt;log&lt;/button&gt;</div>\n<div>&nbsp; &lt;!-- 书籍信息容器 --&gt;</div>\n<div>&nbsp; &lt;div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"</div>\n<div>&nbsp; &nbsp; ondrop=\"drop(event)\"&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;名称：{{data.bookname}}&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;更新时间：{{data.updatedate}}&lt;/div&gt;</div>\n<div>&nbsp; &lt;/div&gt;</div>\n<div>&nbsp; &lt;script&gt;</div>\n<div>&nbsp; &nbsp; // 模拟数据</div>\n<div>&nbsp; &nbsp; const data = {</div>\n<div>&nbsp; &nbsp; &nbsp; bookname: '{{data.bookname}}',</div>\n<div>&nbsp; &nbsp; &nbsp; updatedate: '{{data.updatedate}}'</div>\n<div>&nbsp; &nbsp; };</div>\n<div>&nbsp; &nbsp; // 处理按钮点击事件</div>\n<div>&nbsp; &nbsp; function handleClick() {</div>\n<div>&nbsp; &nbsp; &nbsp; // 获取书籍信息元素</div>\n<div>&nbsp; &nbsp; &nbsp; const bookInfo = document.getElementById('bookInfo');</div>\n<div>&nbsp; &nbsp; &nbsp; if (bookInfo) {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; // 移除元素</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; bookInfo.remove();</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; // 处理按钮点击事件</div>\n<div>&nbsp; &nbsp; function handleClick2() {</div>\n<div>&nbsp; &nbsp; &nbsp; console.log('打印${data.bookname}', `测试内容${data.bookname}`);</div>\n<br />\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; // 拖拽开始事件处理函数</div>\n<div>&nbsp; &nbsp; function dragStart(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.dataTransfer.setData('text/plain', event.target.id);</div>\n<div>&nbsp; &nbsp; &nbsp; // 添加内联样式，改变透明度</div>\n<div>&nbsp; &nbsp; &nbsp; event.target.style.opacity = '0.5';</div>\n<div>&nbsp; &nbsp; }</div>\n<br /><br /><br />\n<div>&nbsp; &nbsp; // 拖拽经过事件处理函数</div>\n<div>&nbsp; &nbsp; function dragOver(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.preventDefault();</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; // 拖拽放下事件处理函数</div>\n<div>&nbsp; &nbsp; function drop(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.preventDefault();</div>\n<div>&nbsp; &nbsp; &nbsp; const data = event.dataTransfer.getData('text/plain');</div>\n<div>&nbsp; &nbsp; &nbsp; const draggedElement = document.getElementById(data);</div>\n<div>&nbsp; &nbsp; &nbsp; // 移除内联样式</div>\n<div>&nbsp; &nbsp; &nbsp; draggedElement.style.opacity = '1';</div>\n<div>&nbsp; &nbsp; &nbsp; // 将拖拽元素移动到新位置</div>\n<div>&nbsp; &nbsp; &nbsp; event.target.appendChild(draggedElement);</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &lt;/script&gt;</div>\n<div>&lt;/body&gt;</div>\n<br />\n<div>&lt;/html&gt;</div>\n</div>",
+          "content" : "<div>\n<div>&lt;!DOCTYPE html&gt;</div>\n<div>&lt;html lang=\"en\"&gt;</div>\n<br />\n<div>&lt;head&gt;</div>\n<div>&nbsp; &lt;meta charset=\"UTF-8\"&gt;</div>\n<div>&nbsp; &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;</div>\n<div>&nbsp; &lt;title&gt;HTML Template with Features&lt;/title&gt;</div>\n<div>&nbsp; &lt;style&gt;</div>\n<div>&nbsp; &nbsp; /* 外部样式 */</div>\n<div>&nbsp; &nbsp; button {</div>\n<div>&nbsp; &nbsp; &nbsp; padding: 10px 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; background-color: #007BFF;</div>\n<div>&nbsp; &nbsp; &nbsp; color: white;</div>\n<div>&nbsp; &nbsp; &nbsp; border: none;</div>\n<div>&nbsp; &nbsp; &nbsp; border-radius: 5px;</div>\n<div>&nbsp; &nbsp; &nbsp; cursor: pointer;</div>\n<div>&nbsp; &nbsp; &nbsp; transition: background-color 0.3s ease;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; button:hover {</div>\n<div>&nbsp; &nbsp; &nbsp; background-color: #0056b3;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; .book-info {</div>\n<div>&nbsp; &nbsp; &nbsp; border: 1px solid #ccc;</div>\n<div>&nbsp; &nbsp; &nbsp; width: 300px;</div>\n<div>&nbsp; &nbsp; &nbsp; height: auto;</div>\n<div>&nbsp; &nbsp; &nbsp; padding: 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; margin-top: 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; border-radius: 5px;</div>\n<div>&nbsp; &nbsp; &nbsp; animation: fadeIn 1s ease;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; @keyframes fadeIn {</div>\n<div>&nbsp; &nbsp; &nbsp; from {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; opacity: 0;</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; &nbsp; to {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; opacity: 1;</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &lt;/style&gt;</div>\n<div>&lt;/head&gt;</div>\n<br />\n<div>&lt;body&gt;</div>\n<div>&nbsp; &lt;!-- 按钮，带有点击事件 --&gt;</div>\n<div>&nbsp; &lt;button id=\"myButton\" onclick=\"handleClick()\"&gt;test&lt;/button&gt;</div>\n<div>&nbsp; &lt;button id=\"myButton\" onclick=\"handleClick2()\"&gt;log&lt;/button&gt;</div>\n<div>&nbsp; &lt;!-- 书籍信息容器 --&gt;</div>\n<div>&nbsp; &lt;div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"</div>\n<div>&nbsp; &nbsp; ondrop=\"drop(event)\"&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;名称：{{data.bookname}}&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;更新时间：{{data.updatedate}}&lt;/div&gt;</div>\n<div>&nbsp; &lt;/div&gt;</div>\n<div>&nbsp; &lt;div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;123&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;456&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;789&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;/div&gt;</div>\n<div>&nbsp; &lt;script&gt;</div>\n<div>&nbsp; &nbsp; // 模拟数据</div>\n<div>&nbsp; &nbsp; const data = {</div>\n<div>&nbsp; &nbsp; &nbsp; test: 'test1',</div>\n<div>&nbsp; &nbsp; &nbsp; bookname: 'name外部值为-{{data.bookname}}',</div>\n<div>&nbsp; &nbsp; &nbsp; updatedate: '{{data.updatedate}}'</div>\n<div>&nbsp; &nbsp; };</div>\n<div>&nbsp; &nbsp; // 处理按钮点击事件</div>\n<div>&nbsp; &nbsp; function handleClick() {</div>\n<div>&nbsp; &nbsp; &nbsp; // 获取书籍信息元素</div>\n<div>&nbsp; &nbsp; &nbsp; const bookInfo = document.getElementById('bookInfo');</div>\n<div>&nbsp; &nbsp; &nbsp; if (bookInfo) {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; // 移除元素</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; bookInfo.remove();</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; // 处理按钮点击事件</div>\n<div>&nbsp; &nbsp; function handleClick2() {</div>\n<div>&nbsp; &nbsp; &nbsp; console.log('打印{data.bookname}', '测试内容{data.bookname}');</div>\n<div>&nbsp; &nbsp; &nbsp; console.log('内部data数据', data);</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; // 拖拽开始事件处理函数</div>\n<div>&nbsp; &nbsp; function dragStart(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.dataTransfer.setData('text/plain', event.target.id);</div>\n<div>&nbsp; &nbsp; &nbsp; // 添加内联样式，改变透明度</div>\n<div>&nbsp; &nbsp; &nbsp; event.target.style.opacity = '0.5';</div>\n<div>&nbsp; &nbsp; }</div>\n<br /><br /><br />\n<div>&nbsp; &nbsp; // 拖拽经过事件处理函数</div>\n<div>&nbsp; &nbsp; function dragOver(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.preventDefault();</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; // 拖拽放下事件处理函数</div>\n<div>&nbsp; &nbsp; function drop(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.preventDefault();</div>\n<div>&nbsp; &nbsp; &nbsp; const data = event.dataTransfer.getData('text/plain');</div>\n<div>&nbsp; &nbsp; &nbsp; const draggedElement = document.getElementById(data);</div>\n<div>&nbsp; &nbsp; &nbsp; // 移除内联样式</div>\n<div>&nbsp; &nbsp; &nbsp; draggedElement.style.opacity = '1';</div>\n<div>&nbsp; &nbsp; &nbsp; // 将拖拽元素移动到新位置</div>\n<div>&nbsp; &nbsp; &nbsp; event.target.appendChild(draggedElement);</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &lt;/script&gt;</div>\n<div>&lt;/body&gt;</div>\n<div>&lt;/html&gt;</div>\n</div>",
           "contentType" : "HTML",
           "name" : "static_text1",
           "predefinedType" : "HTML_PREVIEW"
@@ -168,7 +168,7 @@
       }, {
         "caption" : "文本",
         "contentType" : "HTML",
-        "htmlContent" : "<div>\n<div>&lt;body&gt;</div>\n<div>&nbsp; &lt;!-- 按钮，带有点击事件 --&gt;</div>\n<div>&nbsp; &lt;button id=\"myButton\" onclick=\"handleClick()\"&gt;test&lt;/button&gt;</div>\n<div>&nbsp; &lt;!-- 书籍信息容器 --&gt;</div>\n<div>&nbsp; &lt;div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"</div>\n<div>&nbsp; &nbsp; ondrop=\"drop(event)\"&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;名称：{{data.bookname}}&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;更新时间：{{data.updatedate}}&lt;/div&gt;</div>\n<div>&nbsp; &lt;/div&gt;</div>\n<br />\n<div>&lt;/body&gt;</div>\n</div>",
+        "htmlContent" : "<div>\n<div>&nbsp; &nbsp; &lt;!-- 按钮，带有点击事件 --&gt;</div>\n<div>&nbsp; &nbsp; &lt;button id=\"myButton\"&gt;test&lt;/button&gt;</div>\n<div>&nbsp; &nbsp; &lt;!-- 书籍信息容器 --&gt;</div>\n<div>&nbsp; &nbsp; &lt;div id=\"bookInfo\" class=\"book-info\" draggable=\"true\"&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;名称：{{ data.bookname }}&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;更新时间：{{ data.updatedate }}&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;123&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;456&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;789&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;/div&gt;</div>\n</div>",
         "itemStyle" : "DEFAULT",
         "itemType" : "RAWITEM",
         "name" : "static_text",
@@ -177,11 +177,14 @@
           "layout" : "FLEX"
         },
         "getPSRawItem" : {
-          "content" : "<div>\n<div>&lt;body&gt;</div>\n<div>&nbsp; &lt;!-- 按钮，带有点击事件 --&gt;</div>\n<div>&nbsp; &lt;button id=\"myButton\" onclick=\"handleClick()\"&gt;test&lt;/button&gt;</div>\n<div>&nbsp; &lt;!-- 书籍信息容器 --&gt;</div>\n<div>&nbsp; &lt;div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"</div>\n<div>&nbsp; &nbsp; ondrop=\"drop(event)\"&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;名称：{{data.bookname}}&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;更新时间：{{data.updatedate}}&lt;/div&gt;</div>\n<div>&nbsp; &lt;/div&gt;</div>\n<br />\n<div>&lt;/body&gt;</div>\n</div>",
+          "content" : "<div>\n<div>&nbsp; &nbsp; &lt;!-- 按钮，带有点击事件 --&gt;</div>\n<div>&nbsp; &nbsp; &lt;button id=\"myButton\"&gt;test&lt;/button&gt;</div>\n<div>&nbsp; &nbsp; &lt;!-- 书籍信息容器 --&gt;</div>\n<div>&nbsp; &nbsp; &lt;div id=\"bookInfo\" class=\"book-info\" draggable=\"true\"&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;名称：{{ data.bookname }}&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;更新时间：{{ data.updatedate }}&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;123&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;456&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;789&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;/div&gt;</div>\n</div>",
           "contentType" : "HTML",
           "name" : "static_text",
           "predefinedType" : "HTML_PREVIEW"
         },
+        "getPSSysImage" : {
+          "cssClass" : "arrow-down-circle"
+        },
         "showCaption" : true
       } ],
       "predefinedType" : "CONTAINER_SINGLEDATA"

trainsys-core/src/main/resources/model/cn/ibizlab/trainsys/PSSYSAPPS/Web/PSAPPDATAENTITIES/Test_aaa/PSFORMS/ButtonStyle.json

@@ -460,6 +460,7 @@
         "showCaption" : true
       }, {
         "actionType" : "FIUPDATE",
+        "caption" : "表单项更新",
         "codeName" : "button8",
         "detailStyle" : "DEFAULT",
         "detailType" : "BUTTON",
@@ -475,6 +476,7 @@
           "colXS" : 8,
           "layout" : "TABLE_24COL"
         },
+        "tooltip" : "表单项更新",
         "uIActionTarget" : "NONE",
         "showCaption" : true
       } ],
@@ -500,6 +502,7 @@
       "name" : "grouppanel2",
       "getPSDEFormDetails" : [ {
         "actionGroupExtractMode" : "ITEM",
+        "caption" : "按钮组",
         "codeName" : "buttonlist1",
         "detailStyle" : "DEFAULT",
         "detailType" : "BUTTONLIST",
@@ -599,6 +602,7 @@
         "showCaption" : true
       }, {
         "actionGroupExtractMode" : "ITEMS",
+        "caption" : "按钮组",
         "codeName" : "buttonlist2",
         "detailStyle" : "DEFAULT",
         "detailType" : "BUTTONLIST",
@@ -698,6 +702,7 @@
         "showCaption" : true
       }, {
         "actionGroupExtractMode" : "ITEMX",
+        "caption" : "按钮组",
         "codeName" : "buttonlist3",
         "detailStyle" : "DEFAULT",
         "detailType" : "BUTTONLIST",

trainsys-core/src/main/resources/model/cn/ibizlab/trainsys/PSSYSAPPS/Web/PSAPPDEVIEWS/bookUsr08126702EditView.json

@@ -149,7 +149,7 @@
       "getPSPanelItems" : [ {
         "caption" : "文本",
         "contentType" : "HTML",
-        "htmlContent" : "<div>\n<div>&lt;!DOCTYPE html&gt;</div>\n<div>&lt;html lang=\"en\"&gt;</div>\n<br />\n<div>&lt;head&gt;</div>\n<div>&nbsp; &lt;meta charset=\"UTF-8\"&gt;</div>\n<div>&nbsp; &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;</div>\n<div>&nbsp; &lt;title&gt;HTML Template with Features&lt;/title&gt;</div>\n<div>&nbsp; &lt;style&gt;</div>\n<div>&nbsp; &nbsp; /* 外部样式 */</div>\n<div>&nbsp; &nbsp; button {</div>\n<div>&nbsp; &nbsp; &nbsp; padding: 10px 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; background-color: #007BFF;</div>\n<div>&nbsp; &nbsp; &nbsp; color: white;</div>\n<div>&nbsp; &nbsp; &nbsp; border: none;</div>\n<div>&nbsp; &nbsp; &nbsp; border-radius: 5px;</div>\n<div>&nbsp; &nbsp; &nbsp; cursor: pointer;</div>\n<div>&nbsp; &nbsp; &nbsp; transition: background-color 0.3s ease;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; button:hover {</div>\n<div>&nbsp; &nbsp; &nbsp; background-color: #0056b3;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; .book-info {</div>\n<div>&nbsp; &nbsp; &nbsp; border: 1px solid #ccc;</div>\n<div>&nbsp; &nbsp; &nbsp; width: 300px;</div>\n<div>&nbsp; &nbsp; &nbsp; height: auto;</div>\n<div>&nbsp; &nbsp; &nbsp; padding: 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; margin-top: 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; border-radius: 5px;</div>\n<div>&nbsp; &nbsp; &nbsp; animation: fadeIn 1s ease;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; @keyframes fadeIn {</div>\n<div>&nbsp; &nbsp; &nbsp; from {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; opacity: 0;</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; &nbsp; to {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; opacity: 1;</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &lt;/style&gt;</div>\n<div>&lt;/head&gt;</div>\n<br />\n<div>&lt;body&gt;</div>\n<div>&nbsp; &lt;!-- 按钮，带有点击事件 --&gt;</div>\n<div>&nbsp; &lt;button id=\"myButton\" onclick=\"handleClick()\"&gt;test&lt;/button&gt;</div>\n<div>&nbsp; &lt;button id=\"myButton\" onclick=\"handleClick2()\"&gt;log&lt;/button&gt;</div>\n<div>&nbsp; &lt;!-- 书籍信息容器 --&gt;</div>\n<div>&nbsp; &lt;div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"</div>\n<div>&nbsp; &nbsp; ondrop=\"drop(event)\"&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;名称：{{data.bookname}}&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;更新时间：{{data.updatedate}}&lt;/div&gt;</div>\n<div>&nbsp; &lt;/div&gt;</div>\n<div>&nbsp; &lt;script&gt;</div>\n<div>&nbsp; &nbsp; // 模拟数据</div>\n<div>&nbsp; &nbsp; const data = {</div>\n<div>&nbsp; &nbsp; &nbsp; bookname: '{{data.bookname}}',</div>\n<div>&nbsp; &nbsp; &nbsp; updatedate: '{{data.updatedate}}'</div>\n<div>&nbsp; &nbsp; };</div>\n<div>&nbsp; &nbsp; // 处理按钮点击事件</div>\n<div>&nbsp; &nbsp; function handleClick() {</div>\n<div>&nbsp; &nbsp; &nbsp; // 获取书籍信息元素</div>\n<div>&nbsp; &nbsp; &nbsp; const bookInfo = document.getElementById('bookInfo');</div>\n<div>&nbsp; &nbsp; &nbsp; if (bookInfo) {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; // 移除元素</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; bookInfo.remove();</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; // 处理按钮点击事件</div>\n<div>&nbsp; &nbsp; function handleClick2() {</div>\n<div>&nbsp; &nbsp; &nbsp; console.log('打印${data.bookname}', `测试内容${data.bookname}`);</div>\n<br />\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; // 拖拽开始事件处理函数</div>\n<div>&nbsp; &nbsp; function dragStart(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.dataTransfer.setData('text/plain', event.target.id);</div>\n<div>&nbsp; &nbsp; &nbsp; // 添加内联样式，改变透明度</div>\n<div>&nbsp; &nbsp; &nbsp; event.target.style.opacity = '0.5';</div>\n<div>&nbsp; &nbsp; }</div>\n<br /><br /><br />\n<div>&nbsp; &nbsp; // 拖拽经过事件处理函数</div>\n<div>&nbsp; &nbsp; function dragOver(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.preventDefault();</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; // 拖拽放下事件处理函数</div>\n<div>&nbsp; &nbsp; function drop(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.preventDefault();</div>\n<div>&nbsp; &nbsp; &nbsp; const data = event.dataTransfer.getData('text/plain');</div>\n<div>&nbsp; &nbsp; &nbsp; const draggedElement = document.getElementById(data);</div>\n<div>&nbsp; &nbsp; &nbsp; // 移除内联样式</div>\n<div>&nbsp; &nbsp; &nbsp; draggedElement.style.opacity = '1';</div>\n<div>&nbsp; &nbsp; &nbsp; // 将拖拽元素移动到新位置</div>\n<div>&nbsp; &nbsp; &nbsp; event.target.appendChild(draggedElement);</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &lt;/script&gt;</div>\n<div>&lt;/body&gt;</div>\n<br />\n<div>&lt;/html&gt;</div>\n</div>",
+        "htmlContent" : "<div>\n<div>&lt;!DOCTYPE html&gt;</div>\n<div>&lt;html lang=\"en\"&gt;</div>\n<br />\n<div>&lt;head&gt;</div>\n<div>&nbsp; &lt;meta charset=\"UTF-8\"&gt;</div>\n<div>&nbsp; &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;</div>\n<div>&nbsp; &lt;title&gt;HTML Template with Features&lt;/title&gt;</div>\n<div>&nbsp; &lt;style&gt;</div>\n<div>&nbsp; &nbsp; /* 外部样式 */</div>\n<div>&nbsp; &nbsp; button {</div>\n<div>&nbsp; &nbsp; &nbsp; padding: 10px 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; background-color: #007BFF;</div>\n<div>&nbsp; &nbsp; &nbsp; color: white;</div>\n<div>&nbsp; &nbsp; &nbsp; border: none;</div>\n<div>&nbsp; &nbsp; &nbsp; border-radius: 5px;</div>\n<div>&nbsp; &nbsp; &nbsp; cursor: pointer;</div>\n<div>&nbsp; &nbsp; &nbsp; transition: background-color 0.3s ease;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; button:hover {</div>\n<div>&nbsp; &nbsp; &nbsp; background-color: #0056b3;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; .book-info {</div>\n<div>&nbsp; &nbsp; &nbsp; border: 1px solid #ccc;</div>\n<div>&nbsp; &nbsp; &nbsp; width: 300px;</div>\n<div>&nbsp; &nbsp; &nbsp; height: auto;</div>\n<div>&nbsp; &nbsp; &nbsp; padding: 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; margin-top: 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; border-radius: 5px;</div>\n<div>&nbsp; &nbsp; &nbsp; animation: fadeIn 1s ease;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; @keyframes fadeIn {</div>\n<div>&nbsp; &nbsp; &nbsp; from {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; opacity: 0;</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; &nbsp; to {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; opacity: 1;</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &lt;/style&gt;</div>\n<div>&lt;/head&gt;</div>\n<br />\n<div>&lt;body&gt;</div>\n<div>&nbsp; &lt;!-- 按钮，带有点击事件 --&gt;</div>\n<div>&nbsp; &lt;button id=\"myButton\" onclick=\"handleClick()\"&gt;test&lt;/button&gt;</div>\n<div>&nbsp; &lt;button id=\"myButton\" onclick=\"handleClick2()\"&gt;log&lt;/button&gt;</div>\n<div>&nbsp; &lt;!-- 书籍信息容器 --&gt;</div>\n<div>&nbsp; &lt;div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"</div>\n<div>&nbsp; &nbsp; ondrop=\"drop(event)\"&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;名称：{{data.bookname}}&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;更新时间：{{data.updatedate}}&lt;/div&gt;</div>\n<div>&nbsp; &lt;/div&gt;</div>\n<div>&nbsp; &lt;div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;123&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;456&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;789&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;/div&gt;</div>\n<div>&nbsp; &lt;script&gt;</div>\n<div>&nbsp; &nbsp; // 模拟数据</div>\n<div>&nbsp; &nbsp; const data = {</div>\n<div>&nbsp; &nbsp; &nbsp; test: 'test1',</div>\n<div>&nbsp; &nbsp; &nbsp; bookname: 'name外部值为-{{data.bookname}}',</div>\n<div>&nbsp; &nbsp; &nbsp; updatedate: '{{data.updatedate}}'</div>\n<div>&nbsp; &nbsp; };</div>\n<div>&nbsp; &nbsp; // 处理按钮点击事件</div>\n<div>&nbsp; &nbsp; function handleClick() {</div>\n<div>&nbsp; &nbsp; &nbsp; // 获取书籍信息元素</div>\n<div>&nbsp; &nbsp; &nbsp; const bookInfo = document.getElementById('bookInfo');</div>\n<div>&nbsp; &nbsp; &nbsp; if (bookInfo) {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; // 移除元素</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; bookInfo.remove();</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; // 处理按钮点击事件</div>\n<div>&nbsp; &nbsp; function handleClick2() {</div>\n<div>&nbsp; &nbsp; &nbsp; console.log('打印{data.bookname}', '测试内容{data.bookname}');</div>\n<div>&nbsp; &nbsp; &nbsp; console.log('内部data数据', data);</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; // 拖拽开始事件处理函数</div>\n<div>&nbsp; &nbsp; function dragStart(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.dataTransfer.setData('text/plain', event.target.id);</div>\n<div>&nbsp; &nbsp; &nbsp; // 添加内联样式，改变透明度</div>\n<div>&nbsp; &nbsp; &nbsp; event.target.style.opacity = '0.5';</div>\n<div>&nbsp; &nbsp; }</div>\n<br /><br /><br />\n<div>&nbsp; &nbsp; // 拖拽经过事件处理函数</div>\n<div>&nbsp; &nbsp; function dragOver(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.preventDefault();</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; // 拖拽放下事件处理函数</div>\n<div>&nbsp; &nbsp; function drop(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.preventDefault();</div>\n<div>&nbsp; &nbsp; &nbsp; const data = event.dataTransfer.getData('text/plain');</div>\n<div>&nbsp; &nbsp; &nbsp; const draggedElement = document.getElementById(data);</div>\n<div>&nbsp; &nbsp; &nbsp; // 移除内联样式</div>\n<div>&nbsp; &nbsp; &nbsp; draggedElement.style.opacity = '1';</div>\n<div>&nbsp; &nbsp; &nbsp; // 将拖拽元素移动到新位置</div>\n<div>&nbsp; &nbsp; &nbsp; event.target.appendChild(draggedElement);</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &lt;/script&gt;</div>\n<div>&lt;/body&gt;</div>\n<div>&lt;/html&gt;</div>\n</div>",
         "itemStyle" : "DEFAULT",
         "itemType" : "RAWITEM",
         "name" : "static_text1",
@@ -158,7 +158,7 @@
           "layout" : "FLEX"
         },
         "getPSRawItem" : {
-          "content" : "<div>\n<div>&lt;!DOCTYPE html&gt;</div>\n<div>&lt;html lang=\"en\"&gt;</div>\n<br />\n<div>&lt;head&gt;</div>\n<div>&nbsp; &lt;meta charset=\"UTF-8\"&gt;</div>\n<div>&nbsp; &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;</div>\n<div>&nbsp; &lt;title&gt;HTML Template with Features&lt;/title&gt;</div>\n<div>&nbsp; &lt;style&gt;</div>\n<div>&nbsp; &nbsp; /* 外部样式 */</div>\n<div>&nbsp; &nbsp; button {</div>\n<div>&nbsp; &nbsp; &nbsp; padding: 10px 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; background-color: #007BFF;</div>\n<div>&nbsp; &nbsp; &nbsp; color: white;</div>\n<div>&nbsp; &nbsp; &nbsp; border: none;</div>\n<div>&nbsp; &nbsp; &nbsp; border-radius: 5px;</div>\n<div>&nbsp; &nbsp; &nbsp; cursor: pointer;</div>\n<div>&nbsp; &nbsp; &nbsp; transition: background-color 0.3s ease;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; button:hover {</div>\n<div>&nbsp; &nbsp; &nbsp; background-color: #0056b3;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; .book-info {</div>\n<div>&nbsp; &nbsp; &nbsp; border: 1px solid #ccc;</div>\n<div>&nbsp; &nbsp; &nbsp; width: 300px;</div>\n<div>&nbsp; &nbsp; &nbsp; height: auto;</div>\n<div>&nbsp; &nbsp; &nbsp; padding: 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; margin-top: 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; border-radius: 5px;</div>\n<div>&nbsp; &nbsp; &nbsp; animation: fadeIn 1s ease;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; @keyframes fadeIn {</div>\n<div>&nbsp; &nbsp; &nbsp; from {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; opacity: 0;</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; &nbsp; to {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; opacity: 1;</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &lt;/style&gt;</div>\n<div>&lt;/head&gt;</div>\n<br />\n<div>&lt;body&gt;</div>\n<div>&nbsp; &lt;!-- 按钮，带有点击事件 --&gt;</div>\n<div>&nbsp; &lt;button id=\"myButton\" onclick=\"handleClick()\"&gt;test&lt;/button&gt;</div>\n<div>&nbsp; &lt;button id=\"myButton\" onclick=\"handleClick2()\"&gt;log&lt;/button&gt;</div>\n<div>&nbsp; &lt;!-- 书籍信息容器 --&gt;</div>\n<div>&nbsp; &lt;div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"</div>\n<div>&nbsp; &nbsp; ondrop=\"drop(event)\"&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;名称：{{data.bookname}}&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;更新时间：{{data.updatedate}}&lt;/div&gt;</div>\n<div>&nbsp; &lt;/div&gt;</div>\n<div>&nbsp; &lt;script&gt;</div>\n<div>&nbsp; &nbsp; // 模拟数据</div>\n<div>&nbsp; &nbsp; const data = {</div>\n<div>&nbsp; &nbsp; &nbsp; bookname: '{{data.bookname}}',</div>\n<div>&nbsp; &nbsp; &nbsp; updatedate: '{{data.updatedate}}'</div>\n<div>&nbsp; &nbsp; };</div>\n<div>&nbsp; &nbsp; // 处理按钮点击事件</div>\n<div>&nbsp; &nbsp; function handleClick() {</div>\n<div>&nbsp; &nbsp; &nbsp; // 获取书籍信息元素</div>\n<div>&nbsp; &nbsp; &nbsp; const bookInfo = document.getElementById('bookInfo');</div>\n<div>&nbsp; &nbsp; &nbsp; if (bookInfo) {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; // 移除元素</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; bookInfo.remove();</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; // 处理按钮点击事件</div>\n<div>&nbsp; &nbsp; function handleClick2() {</div>\n<div>&nbsp; &nbsp; &nbsp; console.log('打印${data.bookname}', `测试内容${data.bookname}`);</div>\n<br />\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; // 拖拽开始事件处理函数</div>\n<div>&nbsp; &nbsp; function dragStart(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.dataTransfer.setData('text/plain', event.target.id);</div>\n<div>&nbsp; &nbsp; &nbsp; // 添加内联样式，改变透明度</div>\n<div>&nbsp; &nbsp; &nbsp; event.target.style.opacity = '0.5';</div>\n<div>&nbsp; &nbsp; }</div>\n<br /><br /><br />\n<div>&nbsp; &nbsp; // 拖拽经过事件处理函数</div>\n<div>&nbsp; &nbsp; function dragOver(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.preventDefault();</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; // 拖拽放下事件处理函数</div>\n<div>&nbsp; &nbsp; function drop(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.preventDefault();</div>\n<div>&nbsp; &nbsp; &nbsp; const data = event.dataTransfer.getData('text/plain');</div>\n<div>&nbsp; &nbsp; &nbsp; const draggedElement = document.getElementById(data);</div>\n<div>&nbsp; &nbsp; &nbsp; // 移除内联样式</div>\n<div>&nbsp; &nbsp; &nbsp; draggedElement.style.opacity = '1';</div>\n<div>&nbsp; &nbsp; &nbsp; // 将拖拽元素移动到新位置</div>\n<div>&nbsp; &nbsp; &nbsp; event.target.appendChild(draggedElement);</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &lt;/script&gt;</div>\n<div>&lt;/body&gt;</div>\n<br />\n<div>&lt;/html&gt;</div>\n</div>",
+          "content" : "<div>\n<div>&lt;!DOCTYPE html&gt;</div>\n<div>&lt;html lang=\"en\"&gt;</div>\n<br />\n<div>&lt;head&gt;</div>\n<div>&nbsp; &lt;meta charset=\"UTF-8\"&gt;</div>\n<div>&nbsp; &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;</div>\n<div>&nbsp; &lt;title&gt;HTML Template with Features&lt;/title&gt;</div>\n<div>&nbsp; &lt;style&gt;</div>\n<div>&nbsp; &nbsp; /* 外部样式 */</div>\n<div>&nbsp; &nbsp; button {</div>\n<div>&nbsp; &nbsp; &nbsp; padding: 10px 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; background-color: #007BFF;</div>\n<div>&nbsp; &nbsp; &nbsp; color: white;</div>\n<div>&nbsp; &nbsp; &nbsp; border: none;</div>\n<div>&nbsp; &nbsp; &nbsp; border-radius: 5px;</div>\n<div>&nbsp; &nbsp; &nbsp; cursor: pointer;</div>\n<div>&nbsp; &nbsp; &nbsp; transition: background-color 0.3s ease;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; button:hover {</div>\n<div>&nbsp; &nbsp; &nbsp; background-color: #0056b3;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; .book-info {</div>\n<div>&nbsp; &nbsp; &nbsp; border: 1px solid #ccc;</div>\n<div>&nbsp; &nbsp; &nbsp; width: 300px;</div>\n<div>&nbsp; &nbsp; &nbsp; height: auto;</div>\n<div>&nbsp; &nbsp; &nbsp; padding: 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; margin-top: 20px;</div>\n<div>&nbsp; &nbsp; &nbsp; border-radius: 5px;</div>\n<div>&nbsp; &nbsp; &nbsp; animation: fadeIn 1s ease;</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; @keyframes fadeIn {</div>\n<div>&nbsp; &nbsp; &nbsp; from {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; opacity: 0;</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; &nbsp; to {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; opacity: 1;</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &lt;/style&gt;</div>\n<div>&lt;/head&gt;</div>\n<br />\n<div>&lt;body&gt;</div>\n<div>&nbsp; &lt;!-- 按钮，带有点击事件 --&gt;</div>\n<div>&nbsp; &lt;button id=\"myButton\" onclick=\"handleClick()\"&gt;test&lt;/button&gt;</div>\n<div>&nbsp; &lt;button id=\"myButton\" onclick=\"handleClick2()\"&gt;log&lt;/button&gt;</div>\n<div>&nbsp; &lt;!-- 书籍信息容器 --&gt;</div>\n<div>&nbsp; &lt;div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"</div>\n<div>&nbsp; &nbsp; ondrop=\"drop(event)\"&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;名称：{{data.bookname}}&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;更新时间：{{data.updatedate}}&lt;/div&gt;</div>\n<div>&nbsp; &lt;/div&gt;</div>\n<div>&nbsp; &lt;div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;123&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;456&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;789&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;/div&gt;</div>\n<div>&nbsp; &lt;script&gt;</div>\n<div>&nbsp; &nbsp; // 模拟数据</div>\n<div>&nbsp; &nbsp; const data = {</div>\n<div>&nbsp; &nbsp; &nbsp; test: 'test1',</div>\n<div>&nbsp; &nbsp; &nbsp; bookname: 'name外部值为-{{data.bookname}}',</div>\n<div>&nbsp; &nbsp; &nbsp; updatedate: '{{data.updatedate}}'</div>\n<div>&nbsp; &nbsp; };</div>\n<div>&nbsp; &nbsp; // 处理按钮点击事件</div>\n<div>&nbsp; &nbsp; function handleClick() {</div>\n<div>&nbsp; &nbsp; &nbsp; // 获取书籍信息元素</div>\n<div>&nbsp; &nbsp; &nbsp; const bookInfo = document.getElementById('bookInfo');</div>\n<div>&nbsp; &nbsp; &nbsp; if (bookInfo) {</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; // 移除元素</div>\n<div>&nbsp; &nbsp; &nbsp; &nbsp; bookInfo.remove();</div>\n<div>&nbsp; &nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &nbsp; // 处理按钮点击事件</div>\n<div>&nbsp; &nbsp; function handleClick2() {</div>\n<div>&nbsp; &nbsp; &nbsp; console.log('打印{data.bookname}', '测试内容{data.bookname}');</div>\n<div>&nbsp; &nbsp; &nbsp; console.log('内部data数据', data);</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; // 拖拽开始事件处理函数</div>\n<div>&nbsp; &nbsp; function dragStart(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.dataTransfer.setData('text/plain', event.target.id);</div>\n<div>&nbsp; &nbsp; &nbsp; // 添加内联样式，改变透明度</div>\n<div>&nbsp; &nbsp; &nbsp; event.target.style.opacity = '0.5';</div>\n<div>&nbsp; &nbsp; }</div>\n<br /><br /><br />\n<div>&nbsp; &nbsp; // 拖拽经过事件处理函数</div>\n<div>&nbsp; &nbsp; function dragOver(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.preventDefault();</div>\n<div>&nbsp; &nbsp; }</div>\n<br />\n<div>&nbsp; &nbsp; // 拖拽放下事件处理函数</div>\n<div>&nbsp; &nbsp; function drop(event) {</div>\n<div>&nbsp; &nbsp; &nbsp; event.preventDefault();</div>\n<div>&nbsp; &nbsp; &nbsp; const data = event.dataTransfer.getData('text/plain');</div>\n<div>&nbsp; &nbsp; &nbsp; const draggedElement = document.getElementById(data);</div>\n<div>&nbsp; &nbsp; &nbsp; // 移除内联样式</div>\n<div>&nbsp; &nbsp; &nbsp; draggedElement.style.opacity = '1';</div>\n<div>&nbsp; &nbsp; &nbsp; // 将拖拽元素移动到新位置</div>\n<div>&nbsp; &nbsp; &nbsp; event.target.appendChild(draggedElement);</div>\n<div>&nbsp; &nbsp; }</div>\n<div>&nbsp; &lt;/script&gt;</div>\n<div>&lt;/body&gt;</div>\n<div>&lt;/html&gt;</div>\n</div>",
           "contentType" : "HTML",
           "name" : "static_text1",
           "predefinedType" : "HTML_PREVIEW"
@@ -167,7 +167,7 @@
       }, {
         "caption" : "文本",
         "contentType" : "HTML",
-        "htmlContent" : "<div>\n<div>&lt;body&gt;</div>\n<div>&nbsp; &lt;!-- 按钮，带有点击事件 --&gt;</div>\n<div>&nbsp; &lt;button id=\"myButton\" onclick=\"handleClick()\"&gt;test&lt;/button&gt;</div>\n<div>&nbsp; &lt;!-- 书籍信息容器 --&gt;</div>\n<div>&nbsp; &lt;div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"</div>\n<div>&nbsp; &nbsp; ondrop=\"drop(event)\"&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;名称：{{data.bookname}}&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;更新时间：{{data.updatedate}}&lt;/div&gt;</div>\n<div>&nbsp; &lt;/div&gt;</div>\n<br />\n<div>&lt;/body&gt;</div>\n</div>",
+        "htmlContent" : "<div>\n<div>&nbsp; &nbsp; &lt;!-- 按钮，带有点击事件 --&gt;</div>\n<div>&nbsp; &nbsp; &lt;button id=\"myButton\"&gt;test&lt;/button&gt;</div>\n<div>&nbsp; &nbsp; &lt;!-- 书籍信息容器 --&gt;</div>\n<div>&nbsp; &nbsp; &lt;div id=\"bookInfo\" class=\"book-info\" draggable=\"true\"&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;名称：{{ data.bookname }}&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;更新时间：{{ data.updatedate }}&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;123&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;456&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;789&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;/div&gt;</div>\n</div>",
         "itemStyle" : "DEFAULT",
         "itemType" : "RAWITEM",
         "name" : "static_text",
@@ -176,11 +176,14 @@
           "layout" : "FLEX"
         },
         "getPSRawItem" : {
-          "content" : "<div>\n<div>&lt;body&gt;</div>\n<div>&nbsp; &lt;!-- 按钮，带有点击事件 --&gt;</div>\n<div>&nbsp; &lt;button id=\"myButton\" onclick=\"handleClick()\"&gt;test&lt;/button&gt;</div>\n<div>&nbsp; &lt;!-- 书籍信息容器 --&gt;</div>\n<div>&nbsp; &lt;div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"</div>\n<div>&nbsp; &nbsp; ondrop=\"drop(event)\"&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;名称：{{data.bookname}}&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;更新时间：{{data.updatedate}}&lt;/div&gt;</div>\n<div>&nbsp; &lt;/div&gt;</div>\n<br />\n<div>&lt;/body&gt;</div>\n</div>",
+          "content" : "<div>\n<div>&nbsp; &nbsp; &lt;!-- 按钮，带有点击事件 --&gt;</div>\n<div>&nbsp; &nbsp; &lt;button id=\"myButton\"&gt;test&lt;/button&gt;</div>\n<div>&nbsp; &nbsp; &lt;!-- 书籍信息容器 --&gt;</div>\n<div>&nbsp; &nbsp; &lt;div id=\"bookInfo\" class=\"book-info\" draggable=\"true\"&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;名称：{{ data.bookname }}&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;更新时间：{{ data.updatedate }}&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;123&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;456&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &nbsp; &lt;div&gt;789&lt;/div&gt;</div>\n<div>&nbsp; &nbsp; &lt;/div&gt;</div>\n</div>",
           "contentType" : "HTML",
           "name" : "static_text",
           "predefinedType" : "HTML_PREVIEW"
         },
+        "getPSSysImage" : {
+          "cssClass" : "arrow-down-circle"
+        },
         "showCaption" : true
       } ],
       "predefinedType" : "CONTAINER_SINGLEDATA"

trainsys-core/src/main/resources/model/cn/ibizlab/trainsys/PSSYSAPPS/Web/PSAPPDEVIEWS/test_aaaButtonGridView.json

@@ -1930,6 +1930,7 @@
             "showCaption" : true
           }, {
             "actionType" : "FIUPDATE",
+            "caption" : "表单项更新",
             "codeName" : "button8",
             "detailStyle" : "DEFAULT",
             "detailType" : "BUTTON",
@@ -1945,6 +1946,7 @@
               "colXS" : 8,
               "layout" : "TABLE_24COL"
             },
+            "tooltip" : "表单项更新",
             "uIActionTarget" : "NONE",
             "showCaption" : true
           } ],
@@ -1970,6 +1972,7 @@
           "name" : "grouppanel2",
           "getPSDEFormDetails" : [ {
             "actionGroupExtractMode" : "ITEM",
+            "caption" : "按钮组",
             "codeName" : "buttonlist1",
             "detailStyle" : "DEFAULT",
             "detailType" : "BUTTONLIST",
@@ -2069,6 +2072,7 @@
             "showCaption" : true
           }, {
             "actionGroupExtractMode" : "ITEMS",
+            "caption" : "按钮组",
             "codeName" : "buttonlist2",
             "detailStyle" : "DEFAULT",
             "detailType" : "BUTTONLIST",
@@ -2168,6 +2172,7 @@
             "showCaption" : true
           }, {
             "actionGroupExtractMode" : "ITEMX",
+            "caption" : "按钮组",
             "codeName" : "buttonlist3",
             "detailStyle" : "DEFAULT",
             "detailType" : "BUTTONLIST",