chore

src/components/chat-audio/index.vue

@@ -16,7 +16,7 @@ defineExpose({
 <template>
   <UseDraggable v-if="isOpen" storage-key="chat-audio" storage-type="session" :initial-value="{ x: 584, y: 207 }"
     class="fixed w-375px h-670px bg-hex-191919 cursor-move z-4000">
-    Refresh the page and I am still in the same position!
+    <slot></slot>
   </UseDraggable>
 </template>
 

src/components/tinymce-area/index.vue

@@ -106,10 +106,30 @@ defineExpose({
     editor.resetContent(v)
   }
 })
+
+function handleClickAuditCall() {
+
+}
+
+function handleClickVideoCall() {
+
+}
 </script>
 
 <template>
-  <textarea :id="id" class="tinyarea" v-model="content"></textarea>
+  <div class="relative">
+    <textarea :id="id" class="tinyarea w-full h-full" v-model="content"></textarea>
+
+    <div class="absolute right-0 top-0 h-28px px-13px flex z-1000 text-hex-666">
+      <div @click="handleClickAuditCall"
+        class="cursor-pointer flex_center box-content w-28px px-3px h-full  rounded-sm hover:bg-hex-cce2fa">
+        <i:mingcute:phone-call-fill class=" w flex_center  h-6" />
+      </div>
+      <div @click="handleClickVideoCall"
+        class="cursor-pointer flex_center box-content w-28px px-3px h-full  rounded-sm hover:bg-hex-cce2fa">
+        <i:wpf:video-call class=" w-6 h-6" /></div>
+    </div>
+  </div>
 </template>
 
 <style lang="scss">