🐞 fix: 新增接口，修改部分样式

src/api/works.js

 // 客户绑定掌游账号列表
 
-import request from '@/utils/request'
+import request from '@/utils/request';
 
 function returnApi(api) {
-    return '/sidebar' + api
+  return '/sidebar' + api;
 }
 // w 账号绑定列表
 export function zyouBindMember(data) {
-    return request({
-        url: returnApi('/external_user/zyouBindMember'),
-        method: 'post',
-        data
-    })
+  return request({
+    url: returnApi('/external_user/zyouBindMember'),
+    method: 'post',
+    data,
+  });
 }
 // 检查账号绑定
 export function checkZyouBind(data) {
-    return request({
-        url: returnApi('/external_user/checkZyouBind'),
-        method: 'post',
-        data
-    })
+  return request({
+    url: returnApi('/external_user/checkZyouBind'),
+    method: 'post',
+    data,
+  });
 }
 // 绑定掌游账号
 // 绑定掌游账号
 export function zyouBind(data) {
-    return request({
-        url: returnApi('/external_user/zyouBind'),
-        method: 'post',
-        data
-    })
+  return request({
+    url: returnApi('/external_user/zyouBind'),
+    method: 'post',
+    data,
+  });
 }
 
 export function detailsInfoRequest(data) {
-    return request({
-      url: returnApi('/external_user/info'),
-      method: 'post',
-      data
-    })
-  }
+  return request({
+    url: returnApi('/external_user/info'),
+    method: 'post',
+    data,
+  });
+}
 // 是否转端
 export function toTransfer(data) {
-    return request({
-      url: returnApi('/external_user/toTransfer'),
-      method: 'post',
-      data
-    })
-  }
-  // 同步智能标签
-  export function syncSessionIntelTag(data) {
-    return request({
-      url: '/sidebar/group_tag_detail/syncSessionIntelTag',
-      method: 'post',
-      data
-    })
-  }
+  return request({
+    url: returnApi('/external_user/toTransfer'),
+    method: 'post',
+    data,
+  });
+}
+// 同步智能标签
+export function syncSessionIntelTag(data) {
+  return request({
+    url: '/sidebar/group_tag_detail/syncSessionIntelTag',
+    method: 'post',
+    data,
+  });
+}
 // 关联客服
-  export function memberBindCser(data) {
-    return request({
-      url: returnApi('/external_user/memberBindCser'),
-      method: 'post',
-      data
-    })
-  }
+export function memberBindCser(data) {
+  return request({
+    url: returnApi('/external_user/memberBindCser'),
+    method: 'post',
+    data,
+  });
+}
 
-  // 修改用户信息
+// 修改用户信息
 
-  export function editUser(data) {
-    return request({
-      url: returnApi('/external_user/edit'),
-      method: 'post',
-      data
-    })
-  }
+export function editUser(data) {
+  return request({
+    url: returnApi('/external_user/edit'),
+    method: 'post',
+    data,
+  });
+}
 // 修改共享信息
-  export function shareInfoUpsert(data) {
-    return request({
-      url: returnApi('/external_user/shareInfoUpsert'),
-      method: 'post',
-      data
-    })
-  }
-
+export function shareInfoUpsert(data) {
+  return request({
+    url: returnApi('/external_user/shareInfoUpsert'),
+    method: 'post',
+    data,
+  });
+}
 
-  // 解绑掌游账号
+// 解绑掌游账号
 export function zyouUnBind(data) {
   return request({
     url: returnApi('/external_user/zyouUnBind'),
     method: 'post',
-    data
-  })
+    data,
+  });
 }
 
 // 获取礼包码列表
@@ -96,16 +95,16 @@ export function getSendingCodeList(data) {
   return request({
     url: returnApi('/corp_gift_package_list/getSendingCodeList'),
     method: 'post',
-    data
-  })
+    data,
+  });
 }
 // 标签
 export function searchTags(data) {
   return request({
     url: returnApi('/tag/index'),
     method: 'post',
-    data
-  })
+    data,
+  });
 }
 
 // 通讯录
@@ -113,58 +112,58 @@ export function externalUserList(data) {
   return request({
     url: returnApi('/corp_user/externalUserList'),
     method: 'post',
-    data
-  })
+    data,
+  });
 }
 // 获取图片id
 export function getMediaId(data) {
   return request({
     url: returnApi('/common/getMedia'),
     method: 'post',
-    data
-  })
+    data,
+  });
 }
 // 通讯录红点
 export function mailRedTip(data) {
   return request({
     url: returnApi('/external_user/redTip'),
     method: 'post',
-    data
-  })
+    data,
+  });
 }
 // 同步通讯录
 export function refreshBindMail(data) {
   return request({
     url: returnApi('/external_user/refreshBind'),
     method: 'post',
-    data
-  })
+    data,
+  });
 }
 
-// 搜索客户 
+// 搜索客户
 
 export function remarkSearchSelect(data) {
   return request({
     url: returnApi('/follow_user/preview'),
     method: 'post',
-    data
-  })
+    data,
+  });
 }
 // 礼包可发送礼包
 export function giftCodeList(data) {
   return request({
     url: returnApi('/corp_gift_package_list/getCanSendPackage'),
     method: 'post',
-    data
-  })
+    data,
+  });
 }
 // 礼包码发送
 export function sendGiftCode(data) {
   return request({
     url: returnApi('/corp_gift_package_list/sendGiftCode'),
     method: 'post',
-    data
-  })
+    data,
+  });
 }
 
 // 获取举报授权链接地址
@@ -172,8 +171,8 @@ export function getZyouAuthLink(data) {
   return request({
     url: returnApi('/corp_zyou_bind/getZyouAuthLink'),
     method: 'post',
-    data
-  })
+    data,
+  });
 }
 
 // 转游最近发送的记录 5 条
@@ -181,32 +180,32 @@ export function getRecentSendLog(data) {
   return request({
     url: returnApi('/corp_zyou_game_send_log/getRecentSendLog'),
     method: 'post',
-    data
-  })
+    data,
+  });
 }
 // 标记转端
 export function markTransScene(data) {
   return request({
     url: returnApi('/external_user/markTransScene'),
     method: 'post',
-    data
-  })
+    data,
+  });
 }
 // 根据用户 id 获取掌权分组
 export function getZqCserGroup(data) {
   return request({
     url: returnApi('/common/getZqCserGroup'),
     method: 'post',
-    data
-  })
+    data,
+  });
 }
 // 根据用户 id 获取掌权项目
 export function getZqCserWxBelong(data) {
   return request({
     url: returnApi('/common/getZqCserWxBelong'),
     method: 'post',
-    data
-  })
+    data,
+  });
 }
 
 // 记录转游发送记录
@@ -214,16 +213,16 @@ export function send_log_add(data) {
   return request({
     url: returnApi('/corp_zyou_game_send_log/add'),
     method: 'post',
-    data
-  })
+    data,
+  });
 }
 // 发送渠道密码加密
 export function zyouGetMemberLink(data) {
   return request({
     url: returnApi('/session/zyouGetMemberLink'),
     method: 'post',
-    data
-  })
+    data,
+  });
 }
 
 // 我的任务获取红点数组
@@ -231,8 +230,8 @@ export function getTaskUnReadData(data) {
   return request({
     url: returnApi('/corp_zyou_bind/getTaskUnReadData'),
     method: 'post',
-    data
-  })
+    data,
+  });
 }
 
 // 我的任务小时红点数字
@@ -240,32 +239,40 @@ export function clearTaskUnReadData(data) {
   return request({
     url: returnApi('/corp_zyou_bind/clearTaskUnReadData'),
     method: 'post',
-    data
-  })
+    data,
+  });
 }
 // w账号绑定客户列表
 export function memberBindExternalUser(data) {
   return request({
     url: returnApi('/cser_receipt/memberBindExternalUser'),
     method: 'post',
-    data
-  })
+    data,
+  });
 }
 // 删除共享信息
 export function shareInfoDel(data) {
   return request({
     url: returnApi('/external_user/shareInfoDel'),
     method: 'post',
-    data
-  })
+    data,
+  });
 }
 
-// 跟进总结列表 
+// 跟进总结列表
 
 export function corp_follow_up_summary_index(data) {
   return request({
     url: returnApi('/corp_follow_up_summary/index'),
     method: 'post',
-    data
-  })
-}
+    data,
+  });
+}
\ No newline at end of file
+// 话术生成复制
+export function corp_activity_procedure_copyUsed(data) {
+  return request({
+    url: returnApi('/corp_activity_procedure/copyUsed'),
+    method: 'post',
+    data,
+  });
+}

src/views/popup/RecentActivitiesPopup/templates/RecentActivities.vue

@@ -59,7 +59,19 @@
         class="group flex-1 w-0 flex items-center"
         v-if="pushLanguageTechnique"
       >
-        <span class="truncate flex-1">{{ pushLanguageTechnique }}</span>
+        <el-popover
+          placement="bottom"
+          class="flex-1 flex w-0 speak"
+          width="250"
+          trigger="click"
+        >
+          <p class="max-h-[300px] overflow-y-auto">
+            {{ pushLanguageTechnique }}
+          </p>
+          <span class="truncate flex-1" slot="reference">{{
+            pushLanguageTechnique
+          }}</span>
+        </el-popover>
         <i
           class="el-icon-refresh mr-[8px] refreshList invisible group-hover:visible"
           :class="isRefresh ? 'refreshListActive' : ''"
@@ -75,7 +87,7 @@
       <el-button
         v-else
         size="mini"
-        @click="queryGenerateProcedure"
+        @click="queryGenerateProcedure(0)"
         :loading="isRefresh"
         >生成话术</el-button
       >
@@ -89,7 +101,7 @@ import { getRoleRecentActivityEditApi } from '@/api/game.js';
 import { getGenerateProcedureApi } from '@/api/skill';
 import { mapState } from 'vuex';
 import { queryRoleRecentActivityNotPushNum } from '@/views/hooks/useGetCount';
-
+import { corp_activity_procedure_copyUsed } from '@/api/works';
 const UpdateType = {
   PUSH: 1, //修改推送
   REMARK: 2, //修改备注
@@ -152,14 +164,16 @@ export default {
         this.$message.error(error);
       }
     },
-    async queryGenerateProcedure() {
+    async queryGenerateProcedure(is_regenerate) {
       try {
         this.isRefresh = true;
         const { data } = await getGenerateProcedureApi({
           ...this.item,
           ...this.nowGameUserInfo,
+          is_regenerate,
         });
         this.pushLanguageTechnique = data.content;
+        this._id = data._id;
       } catch (error) {
       } finally {
         this.isRefresh = false;
@@ -167,6 +181,7 @@ export default {
     },
     async copyText() {
       try {
+        corp_activity_procedure_copyUsed({ _id: this._id });
         await navigator.clipboard.writeText(this.pushLanguageTechnique);
         this.$message.success('复制成功');
       } catch (err) {
@@ -175,7 +190,7 @@ export default {
     },
 
     refreshTag() {
-      this.queryGenerateProcedure();
+      this.queryGenerateProcedure(1);
     },
   },
   created() {
@@ -226,4 +241,9 @@ export default {
   border-color: transparent !important;
   box-shadow: none;
 }
+::v-deep .speak .el-popover__reference-wrapper {
+  display: flex;
+  flex: 1;
+  width: 0;
+}
 </style>