【产品AI问答助手】内置到BI产品操作指南

需要管理员权限来操作

1、进入管理中心，点击右上角【新建插件】

                               
登录/注册后可看大图

2、填写相关信息后点击【确定】

                               
登录/注册后可看大图

3、找到刚刚创建的插件，点击【编辑代码】按钮来添加代码

4、将以下代码复制到文本框中，点击【确定】。

                               
登录/注册后可看大图

如果要限制只有编辑者才能看到的话需要把代码中第8行const editorOnly = false; 修改为 const editorOnly = true;

1. GD.on('gd-ready', () => {
   
2.     const isMobileUrl = window.location.pathname.startsWith('/m');
   
3.     if (isMobileUrl) {
   
4.         return;        
   
5.     }
   
6.   
   
7.     // 如果要限制只有编辑者才可以看到的话需要把下面这行的false改成true
   
8.     const editorOnly = false;
   
9.     const userInfo = GD.getUser();
   
10.     if (userInfo.role[0] === 'participant' && editorOnly) {
    
11.       return;
    
12.     }
    
13.     const innerWidth = window.innerWidth;
    
14.     const userAgent = navigator.userAgent || navigator.vendor || window.opera;
    
15.     const isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent.toLowerCase()) || innerWidth < 480;
    
16.     const isPrintPage = window.location.pathname.includes('/print');
    
17.     if (window.self === window.top && !isMobile && !isPrintPage) {
    
18.       // Create a button and append it to the document body
    
19.       const button = document.createElement('div');
    
20.       button.style.position = 'fixed';
    
21.       button.style.bottom = '20px';
    
22.       button.style.right = '10px';
    
23.       button.style.backgroundColor = '#fff';
    
24.       button.style.boxShadow = '0 0 10px rgba(0, 0, 0, 0.1)';
    
25.       button.style.cursor = 'pointer';
    
26.       button.style.padding = '8px 8px';
    
27.       button.style.borderRadius = '30px';
    
28.       button.style.display = 'flex';
    
29.       button.style.flexDirection = 'column';
    
30.       button.style.alignItems = 'center';
    
31.       button.style.zIndex = 1000;
    
32.       document.body.appendChild(button);
    
33.   
    
34.       // Modify the button to include an image and text in a vertical layout
    
35.       button.innerHTML = '';
    
36.       
    
37.       const dragSvg = '<svg t="1743060843660" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3628" width="14"><path fill="#00bebe" d="M219.428571 585.142857c-36.571429 0-73.142857 36.571429-73.142857 73.142857s36.571429 73.142857 73.142857 73.142857 73.142857-36.571429 73.142858-73.142857-36.571429-73.142857-73.142858-73.142857z m585.142858-146.285714c36.571429 0 73.142857-36.571429 73.142857-73.142857s-36.571429-73.142857-73.142857-73.142857-73.142857 36.571429-73.142858 73.142857 36.571429 73.142857 73.142858 73.142857zM219.428571 292.571429c-36.571429 0-73.142857 36.571429-73.142857 73.142857s36.571429 73.142857 73.142857 73.142857 73.142857-36.571429 73.142858-73.142857-36.571429-73.142857-73.142858-73.142857z m585.142858 292.571428c-36.571429 0-73.142857 36.571429-73.142858 73.142857s36.571429 73.142857 73.142858 73.142857 73.142857-36.571429 73.142857-73.142857-36.571429-73.142857-73.142857-73.142857zM512 292.571429c-36.571429 0-73.142857 36.571429-73.142857 73.142857s36.571429 73.142857 73.142857 73.142857 73.142857-36.571429 73.142857-73.142857-36.571429-73.142857-73.142857-73.142857z m0 292.571428c-36.571429 0-73.142857 36.571429-73.142857 73.142857s36.571429 73.142857 73.142857 73.142857 73.142857-36.571429 73.142857-73.142857-36.571429-73.142857-73.142857-73.142857z" p-id="3629"></path></svg>'
    
38.    
    
39.       const dragContainer = document.createElement('div');
    
40.       dragContainer.innerHTML = dragSvg;
    
41.       dragContainer.style.display = 'block';
    
42.       dragContainer.style.margin = '0 auto';
    
43.    
    
44.       const text = document.createElement('div');
    
45.       text.innerText = 'AI助手';
    
46.       text.style.color = '#00bebe';
    
47.       text.style.width = '16px';
    
48.       text.style.display = 'block';
    
49.       text.style.textAlign = 'center';
    
50.    
    
51.       button.appendChild(dragContainer);
    
52.       button.appendChild(text);
    
53. 
    
54.        // 添加拖拽功能
    
55.       let isDragging = false;
    
56.       let currentX;
    
57.       let currentY;
    
58.       let initialX;
    
59.       let initialY;
    
60.       let xOffset = 0;
    
61.       let yOffset = 0;
    
62.       let hasMoved = false;
    
63. 
    
64.       button.addEventListener('mousedown', dragStart, { passive: false, capture: true });
    
65.       document.addEventListener('mousemove', drag, { passive: false, capture: true });
    
66.       document.addEventListener('mouseup', dragEnd);
    
67. 
    
68.       function dragStart(e) {
    
69.         e.preventDefault();
    
70.         e.stopPropagation();
    
71.         initialX = e.clientX - xOffset;
    
72.         initialY = e.clientY - yOffset;
    
73.         hasMoved = false;
    
74. 
    
75.         if (e.target === button || button.contains(e.target)) {
    
76.           isDragging = true;
    
77.           button.style.backgroundColor = 'rgba(255, 255, 255, 0.9)';
    
78.           button.style.boxShadow = '0 0 15px rgba(0, 190, 190, 0.3)';
    
79.           button.style.border = '1px solid #00bebe';
    
80.         }
    
81.       }
    
82. 
    
83.       function drag(e) {
    
84.         if (isDragging) {
    
85.           e.preventDefault();
    
86.           e.stopPropagation();
    
87.           currentX = e.clientX - initialX;
    
88.           currentY = e.clientY - initialY;
    
89.           if (Math.abs(currentX) > 5 || Math.abs(currentY) > 5) {
    
90.             hasMoved = true;
    
91.           }
    
92.           xOffset = currentX;
    
93.           yOffset = currentY;
    
94. 
    
95.           setTranslate(currentX, currentY, button);
    
96.         }
    
97.       }
    
98. 
    
99.       function setTranslate(xPos, yPos, el) {
    
100.         el.style.transform = `translate3d(${xPos}px, ${yPos}px, 0)`;
     
101.       }
     
102. 
     
103.       function dragEnd(e) {
     
104.         if (e) {
     
105.           e.preventDefault();
     
106.         }
     
107.         initialX = currentX;
     
108.         initialY = currentY;
     
109.         isDragging = false;
     
110.         button.style.backgroundColor = '#fff';
     
111.         button.style.boxShadow = '0 0 10px rgba(0, 0, 0, 0.1)';
     
112.         button.style.border = 'none';
     
113.       }
     
114.    
     
115.       // Add event listener to the button to show the modal
     
116.       button.addEventListener('click', () => {
     
117.         if (!hasMoved) {
     
118.           modal.style.display = 'block';
     
119.         }
     
120.       });
     
121.     }
     
122.   
     
123.   // Create a modal container
     
124.   const modal = document.createElement('div');
     
125.   modal.style.position = 'fixed';
     
126.   modal.style.bottom = '0px';
     
127.   modal.style.right = '0px';
     
128.   modal.style.width = '480px';
     
129.   modal.style.height = '100vh';
     
130.   modal.style.backgroundColor = 'white';
     
131.   modal.style.border = '1px solid #e7e9e8';
     
132.   modal.style.boxShadow = '0 0 10px rgba(0, 0, 0, 0.1)';
     
133.   modal.style.zIndex = '1000';
     
134.   modal.style.display = 'none'; // Initially hidden
     
135.   
     
136.   // Create a head container
     
137.   const head = document.createElement('div');
     
138.   head.style.display = 'flex';
     
139.   head.style.justifyContent = 'space-between';
     
140.   head.style.alignItems = 'center';
     
141.   head.style.height = '48px';
     
142.   head.style.padding = '0 12px';
     
143.   head.style.borderBottom = '1px solid #e7e9e8';
     
144.   head.style.backgroundColor = '#fafafa';
     
145.   
     
146.   // Create a title for the modal
     
147.   const title = document.createElement('span');
     
148.   title.innerText = 'AI助手';
     
149.   title.style.color = '#00bebe';
     
150.   title.style.fontSize = '16px';
     
151.   title.style.fontWeight = '500';
     
152.   head.appendChild(title);
     
153.   
     
154.   // Create a close button and append it to the head
     
155.   const closeButton = document.createElement('span');
     
156.   closeButton.innerText = '关闭';
     
157.   closeButton.style.color = '#00bebe';
     
158.   closeButton.style.cursor = 'pointer';
     
159.   head.appendChild(closeButton);
     
160.   
     
161.   // Append the head to the modal
     
162.   modal.appendChild(head);
     
163.   
     
164.   // Create an iframe and append it to the modal
     
165.   const iframe = document.createElement('iframe');  
     
166.   iframe.src = 'https://robot.guandata.com/galaxy' + '?cid=' + window.location.host + '&uid=' + userInfo.uId;
     
167.   iframe.style.width = '100%';
     
168.   iframe.style.height = 'calc(100vh - 48px)'; // Adjust height to account for head
     
169.   modal.appendChild(iframe);
     
170.   
     
171.   // Append the modal to the document body
     
172.   document.body.appendChild(modal);
     
173.   
     
174.   // Add event listener to the close button to hide the modal
     
175.   closeButton.addEventListener('click', () => {
     
176.     modal.style.display = 'none';
     
177.   });
     
178. })

复制代码

5、通过点击【本地调试】进行本地浏览器测试，测试通过后切换【应用状态】到开启（绿色）即可发布

                               
登录/注册后可看大图

6、效果如图所示，如果页面上没有出现，可以强制刷新、清理缓存或者重启浏览器

                               
登录/注册后可看大图

7、有任何问题或者建议都可以通过点击此处进行反馈

                               
登录/注册后可看大图

有什么问题可以联系我或者直接评论