quick h5 nickName

.idea/workspace.xml

@@ -2,11 +2,8 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="c03feb23-5590-4b06-ae32-412ba98013a8" name="Default" comment="">
-      <change beforePath="$PROJECT_DIR$/project/src/components/customOperate/sideTool/quickWord/createquickword.vue" beforeDir="false" afterPath="$PROJECT_DIR$/project/src/components/customOperate/sideTool/quickWord/createquickword.vue" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/project/src/components/customOperate/sideTool/quickWord/fileType.vue" beforeDir="false" afterPath="$PROJECT_DIR$/project/src/components/customOperate/sideTool/quickWord/fileType.vue" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/project/src/components/customOperate/sideTool/quickWord/groupList.vue" beforeDir="false" afterPath="$PROJECT_DIR$/project/src/components/customOperate/sideTool/quickWord/groupList.vue" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/project/src/components/customOperate/sideTool/quickWord/index.vue" beforeDir="false" afterPath="$PROJECT_DIR$/project/src/components/customOperate/sideTool/quickWord/index.vue" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/project/src/components/customOperate/sideTool/quickWord/quickwordList.vue" beforeDir="false" afterPath="$PROJECT_DIR$/project/src/components/customOperate/sideTool/quickWord/quickwordList.vue" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/qwh5/src/views/quickwordH5.vue" beforeDir="false" afterPath="$PROJECT_DIR$/qwh5/src/views/quickwordH5.vue" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -143,9 +140,10 @@
     <option name="showLibraryContents" value="true" />
   </component>
   <component name="PropertiesComponent">
+    <property name="HbShouldOpenHtmlAsHb" value="" />
     <property name="WebServerToolWindowFactoryState" value="false" />
     <property name="last_opened_file_path" value="$PROJECT_DIR$" />
-    <property name="HbShouldOpenHtmlAsHb" value="" />
+    <property name="ts.external.directory.path" value="C:\Program Files (x86)\webstorm\WebStorm 2021.2.1\plugins\JavaScriptLanguage\jsLanguageServicesImpl\external" />
   </component>
   <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
   <component name="SvnConfiguration">

qwh5/src/views/quickwordH5.vue

@@ -124,14 +124,14 @@
 
     <van-action-sheet v-model:show="actionShow" title="修改发送">
       <div class="actionContent">
-        <div style="font-size: 13px">
+        <div style="font-size: 13px;text-align: center;">
           <van-icon name="bell" color="#00b38a" />
           可对话术进行修改，【发送】后不会影响原有话术
         </div>
         <div class="textAreaBox">
           <div>
-            <span class="c-00b38a">[插入用户昵称]</span>
-            <span class="c-00b38a" style="margin-left: 10px;">[插入备注名]</span>
+            <span class="c-00b38a" @click="appendCon(1)">[插入用户昵称]</span>
+            <span class="c-00b38a" style="margin-left: 10px;" @click="appendCon(2)">[插入备注名]</span>
           </div>
           <div class="splitLine"></div>
           <van-cell-group inset>
@@ -169,13 +169,11 @@ export default {
   },
   setup() {
     const { proxy } = getCurrentInstance();
-    const router = useRouter();
     const configInfo = reactive({
       corpid:'',
       user_id:'',
       external_userid:''
     })
-
     const list = ref([]);
     const radarlist = ref([]);
     const radarGrouplist = ref([]);
@@ -185,11 +183,17 @@ export default {
     const finished = ref(true);
     const activeName = ref();
     const key_word = ref('');
+    const active = ref(0);
+    const sendMes = ref({});
     const actionedit_obj = reactive({
         actioneditCon:'',
         rule_id:'',
         msg_id:''
     });
+    const user_nick = reactive({
+      name:'',
+      remark:'',
+    });
     const onSearch = () => {getRadarlist(activeName.value)};
     const editSend_Btn = () => {send(actionedit_obj.rule_id,actionedit_obj.msg_id,actionedit_obj.actioneditCon)};
     const editBoxShow = (rule_id,msg_id,content) => {
@@ -197,11 +201,43 @@ export default {
         actionedit_obj.rule_id = rule_id
         actionedit_obj.msg_id = msg_id
         actionShow.value = true
+        if(configInfo.user_id&&configInfo.external_userid){
+          get_nick()
+        }else{
+          if(!configInfo.user_id){
+            getWxConfig('',(authInfo)=>{url_pin(authInfo)});
+          }
+          if(!configInfo.external_userid){
+            getWxConfig(()=>{get_external_userid()});
+          }
+          get_nick()
+        }
     };
-
+    const get_nick=()=>{ //获取用户昵称和备注
+      (proxy as any).$axios.get("/api/h5/chatMenuPage/customerInfo", {
+        corpid: configInfo.corpid,
+        user_id:configInfo.user_id,
+        external_userid:configInfo.external_userid,
+      }, true).then((res) => {
+        let data = res.rst.user_info;
+        user_nick.name = data.name
+        user_nick.remark = data.remark
+      }).catch(err => {
+        Toast.loading({
+          duration:0,
+          message: err,
+          forbidClick: true,
+        });
+      })
+    }
+    const appendCon = (type)=>{
+      if(type==1){
+        actionedit_obj.actioneditCon+= ' ' + user_nick.name + ' '
+      }else if(type==2){
+        actionedit_obj.actioneditCon+= ' ' + user_nick.remark + ' '
+      }
+    }
     const switchGroup = (val) => val&&getRadarlist(val);
-    const active = ref(0);
-    const sendMes = ref({});
     const onClickTab = ({ title }) =>{
       if(title == '分组话术'){
         getRadarGrouplist()
@@ -233,7 +269,6 @@ export default {
       link.click();
       document.body.removeChild(link);
     }
-
     function get_external_userid () {//获取external_userid
         wx.invoke('getCurExternalContact', {
         }, function(res){
@@ -347,6 +382,7 @@ export default {
     }
 
     const send=(rule_id,msg_id,editCon)=>{
+      actionShow.value = false;
         overshow.value = true;
         getmesBody(rule_id,msg_id,editCon)//直接发送,因为发送不需要user_id he external_userid
         if(configInfo.user_id && configInfo.external_userid){//如果有user_id he external_userid,直接上报数据
@@ -361,7 +397,6 @@ export default {
             dataReport(rule_id,msg_id)
         }
     }
-
     const getmesBody=(rule_id,msg_id,editCon)=>{
       // alert(`${'corpid_getmesBody:'+configInfo.corpid}`);
       // alert(`${'user_id_getmesBody:'+configInfo.user_id}`);
@@ -396,7 +431,6 @@ export default {
         });
       })
     }
-
     const dataReport=(rule_id,msg_id)=>{
           (proxy as any).$axios.get("/api/h5/chatMenuPage/report", {
               corpid: configInfo.corpid,
@@ -416,7 +450,6 @@ export default {
 
           })
       }
-
     const sendRadar=()=>{
         let enterChat_obj={enterChat: true}
         let synthetic_obj = {...enterChat_obj,...sendMes.value}
@@ -427,6 +460,7 @@ export default {
         }
       })
     }
+
     const onLoad = () => {
       // 异步更新数据
       // setTimeout 仅做示例，真实场景中一般为 ajax 请求
@@ -457,13 +491,15 @@ export default {
       finished,
       radarlist,
       radarGrouplist,
+      user_nick,
       onLoad,
       onSearch,
       onClickTab,
       switchGroup,
       send,
       editBoxShow,
-      editSend_Btn
+      editSend_Btn,
+      appendCon
 
     };
   }