save

src/views/room/edit-room/index.vue

@@ -2,7 +2,13 @@
   <a-config-provider :locale="getAntdLocale">
     <a-modal
       :visible="visible"
-      :title="isRoomEnd ? t('room.endRoomTitle') : !room ? t('room.createRoom') : t('room.editRoom')"
+      :title="
+        isRoomEnd
+          ? t('room.endRoomTitle')
+          : !room
+          ? t('room.createRoom')
+          : t('room.editRoom')
+      "
       :after-close="onCancel"
       width="912px"
       :style="{
@@ -16,7 +22,7 @@
           {{ t('base.cancel') }}
         </a-button>
         <a-button
-           v-if="!isRoomEnd"
+          v-if="!isRoomEnd"
           class="action-bottom"
           type="primary"
           size="middle"
@@ -151,7 +157,7 @@
                   Modal.confirm({
                     centered: true,
                     title: () => t('room.authTipTitle'),
-                    icon:false,
+                    icon: false,
                     //@ts-ignore
                     cancelButtonProps: { style: { display: 'none' } },
                     cancelText: false,
@@ -179,7 +185,7 @@
 
             <span
               class="user-label"
-              :class="{disabled:isRoomEnd}"
+              :class="{ disabled: isRoomEnd }"
               style="margin-left: 5px"
               v-for="lab in current.userObjList"
             >
@@ -402,6 +408,7 @@ export default defineComponent({
 
           authvisible.value = false
           console.log('current', current)
+          authformState.userName = ''
         } else {
           message.error(t('room.authUserError'))
         }
@@ -536,13 +543,12 @@ export default defineComponent({
   background: #eee;
   padding: 5px 5px;
   font-size: 13px;
-  &.disabled{
+  &.disabled {
     pointer-events: none;
-  cursor: not-allowed;
-  opacity: 0.5;
+    cursor: not-allowed;
+    opacity: 0.5;
   }
 }
-
 </style>
 
 <style lang="scss">