11

src/components/commonPage/customerService/index.vue

@@ -9,12 +9,13 @@
               </div>
         </div>
     </div>
-    <iframe id="myTemplateUrl" name="myTemplateUrl" :src="Url" class="TemplateIframe">
+    <iframe id="myTemplateUrl" v-if="Url!=''" name="myTemplateUrl" :src="Url" class="TemplateIframe">
     </iframe>
   </div>
   
 </template>
 <script>
+import { compressToBase64 } from '@/utils/compression';
   export default {
     // props: ['Url'],
     data() {
@@ -25,7 +26,7 @@
         TemplateUrlImg: '',
         isPostMessage: false,
         isPostMessageImg: false,
-        Url: 'http://dify.oytour.com/chatbot/RrfZrrXKACVg4HpB',
+        Url: '',
       }
     },
     watch: {
@@ -42,11 +43,17 @@
       // },
     },
     mounted() {
-
+      this.createInitDifyAsync()
     },
     methods: {
       close() {
         this.$emit('close')
+      },
+      async createInitDifyAsync(){
+        const userInfo = this.getLocalStorage();
+        const difyUserId = `${userInfo.EmployeeId}-${userInfo.emName}`;
+        const compressedUserId = await compressToBase64(difyUserId);
+        this.Url=`http://dify.oytour.com/chatbot/RrfZrrXKACVg4HpB??sys.user_id=${encodeURIComponent(compressedUserId)}`
       }
     }
   }