1

extensions.json

+{
+  "recommendations": ["stagewise.stagewise-vscode-extension"]
+} 
\ No newline at end of file

package.json

@@ -36,6 +36,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.16",
+    "@stagewise-plugins/vue": "^0.4.6",
     "@stagewise/toolbar": "^0.4.4",
     "@stagewise/toolbar-vue": "^0.4.4",
     "@vue/cli-plugin-babel": "~5.0.0",

pnpm-lock.yaml

@@ -84,6 +84,9 @@ importers:
       '@babel/core':
         specifier: ^7.12.16
         version: 7.27.1
+      '@stagewise-plugins/vue':
+        specifier: ^0.4.6
+        version: 0.4.6(@stagewise/toolbar@0.4.4)
       '@stagewise/toolbar':
         specifier: ^0.4.4
         version: 0.4.4
@@ -809,6 +812,11 @@ packages:
   '@soda/get-current-script@1.0.2':
     resolution: {integrity: sha512-T7VNNlYVM1SgQ+VsMYhnDkcGmWhQdL0bDyGm5TlQ3GBXnJscEClUUOKduWTmm2zCnvNLC1hc3JpuXjs/nFOc5w==}
 
+  '@stagewise-plugins/vue@0.4.6':
+    resolution: {integrity: sha512-Y/cdDLXDN2cusvpmFYxbQT1DEW1fYzoFjmsnXBth52sSLYNc83XXMTXt2kvYSGWOW+ZxM1Dj+T4eE9bY8b/QSA==}
+    peerDependencies:
+      '@stagewise/toolbar': 0.4.8
+
   '@stagewise/toolbar-vue@0.4.4':
     resolution: {integrity: sha512-0+r8SGExjz3+A64aMGgbg0clESg6yxZPwlO1aY+3bIwBjE+F/V3MetRE+5b7AuRKqEoz8GUXnll5O/zHIL+I3Q==}
     peerDependencies:
@@ -6275,6 +6283,10 @@ snapshots:
 
   '@soda/get-current-script@1.0.2': {}
 
+  '@stagewise-plugins/vue@0.4.6(@stagewise/toolbar@0.4.4)':
+    dependencies:
+      '@stagewise/toolbar': 0.4.4
+
   '@stagewise/toolbar-vue@0.4.4(vue@2.7.16)':
     dependencies:
       '@stagewise/toolbar': 0.4.4

src/main.js

@@ -26,16 +26,26 @@ Vue.use(globalComponent).use(permission).use(clickagain).use(loadmore).use(scrol
 import '@/utils/vconsoleCleanup'
 
 // 开发环境下初始化 stagewise 工具栏
-// if (process.env.NODE_ENV === 'development') {
-//   import('@stagewise/toolbar').then(({ initToolbar }) => {
-//     const stagewiseConfig = {
-//       plugins: []
-//     };
-//     initToolbar(stagewiseConfig);
-//   }).catch(err => {
-//     console.error('Failed to initialize stagewise toolbar:', err);
-//   });
-// }
+if (process.env.NODE_ENV === 'development') {
+  import('@stagewise/toolbar-vue').then(({ StagewiseToolbar }) => {
+    import('@stagewise-plugins/vue').then(({ VuePlugin }) => {
+      const stagewiseConfig = {
+        plugins: [VuePlugin]
+      };
+      // 动态创建并挂载 StagewiseToolbar 组件
+      const ToolbarConstructor = Vue.extend({
+        render(h) {
+          return h(StagewiseToolbar, { props: { config: stagewiseConfig } });
+        }
+      });
+      const toolbarInstance = new ToolbarConstructor();
+      toolbarInstance.$mount();
+      document.body.appendChild(toolbarInstance.$el);
+    });
+  }).catch(err => {
+    console.error('Failed to initialize stagewise toolbar:', err);
+  });
+}
 
 // 开发环境不收集日志
 if (process.env.NODE_ENV !== 'development') {

src/views/userInfo/components/Info.vue

@@ -32,15 +32,16 @@
             <!-- 休息中状态显示结束休息按钮 -->
             <el-button v-if="clientStatus === 'rest'" type="primary" size="mini" @click="handleFinishRest">结束休息</el-button>
             <!-- 在线状态显示开始休息按钮 -->
-            <el-button v-if="clientStatus === 'online'" type="warning" size="mini" @click="handleStartRest" 
-              title="午休或者临时有事可点击休息">开始休息</el-button>
+            <el-tooltip v-if="clientStatus === 'online'" content="午休或者临时有事可点击休息" placement="top">
+              <el-button   type="warning" size="mini" @click="handleStartRest" >开始休息</el-button>
+            </el-tooltip>
             <!-- 发送评价按钮 -->
             <el-button type="primary" style="margin-left: 0px;" size="mini" @click="handleSendComment">发送评价</el-button>
           </div>
         </div>
       </div>
       <!-- 会话内容存档状态 -->
-      <div class="archive-status">
+      <div class="archive-status" v-if="agreeStatus!=='Agree' || !hasPermit">
         <p v-if="agreeStatus!=='Agree'">当前微信用户未开启会话内容存档</p>
         <p v-if="!hasPermit">当前客服号未授权开启会话内容存档</p>
       </div>