弹框处理

src/views/home/right/components/Chat.vue

@@ -57,16 +57,6 @@
         <span class="text">发送</span>
       </van-button>
     </div>
-    <van-popup v-model:show="show" class="common-pop">
-      <van-icon name="close" class="close" @click="show=false"/>
-      <div class="title">创建会议链接</div>
-      <div class="form">
-        <van-cell-group inset>
-          <van-field v-model="room" label="房间编号"/>
-        </van-cell-group>
-      </div>
-      <div class="footer" @click="createRoom">确定</div>
-    </van-popup>
   </div>
 </template>
 
@@ -123,8 +113,6 @@ interface State {
   showPopover: boolean,
   actions: Obj,
   currentAction: StrObj,
-  show: boolean,
-  room: string
 }
 
 export default defineComponent({
@@ -144,8 +132,6 @@ export default defineComponent({
         2: [{value: 'createLink', text: '创建会议链接'}, {value: 'exitGroup', text: '离开群'}],
       },
       currentAction: {},
-      show: false,
-      room: ''
     })
 
     const optionsName = {
@@ -334,11 +320,15 @@ export default defineComponent({
       if (action.value === 'createLink') {
         let {data} = await creatZoom({zoomName: store.state.userInfo.username})
         let message = window.location.origin + '/#/zoomLoading?uuid=' + data.uuid
-        Dialog.alert({
+        Dialog.confirm({
           title: '会议链接创建成功',
           message,
-          confirmButtonText: '复制链接'
+          cancelButtonText: '复制链接',
+          confirmButtonText: '发送链接'
         }).then(() => {
+          state.message = message
+          sendMsg()
+        }).catch(() => {
           toClipboard(message).then(() => {
             Toast.success('复制成功')
           })
@@ -346,18 +336,6 @@ export default defineComponent({
       }
     }
 
-    const createRoom = async () => {
-      if (!state.room.trim()) {
-        return Toast('请输入房间编号')
-      }
-      if (!/^\w+$/.test(state.room)) {
-        return Toast('房间编号由字母或数字组成')
-      }
-      Toast.loading('加载中...')
-      state.show = false
-    }
-
-
     const handleKeydown = (e: KeyboardEvent) => {
       if (state.message.trim() && !e.shiftKey && e.key === 'Enter') {
         document.getElementById('textarea')?.blur()
@@ -383,8 +361,7 @@ export default defineComponent({
       optionsName,
       messageFormat,
       selectAction,
-      clickEmoji,
-      createRoom
+      clickEmoji
     }
   }
 })
@@ -452,7 +429,8 @@ export default defineComponent({
         text-align: right;
 
         .message {
-          color: royalblue;
+          //color: royalblue;
+          color: #07c160;
           display: inline-block;
         }
       }
@@ -469,7 +447,6 @@ export default defineComponent({
       padding-right: 48px;
 
       .username {
-        //color: #07c160;
         color: #2aa4d8;
       }