From 235f84c7ee15cb343af1778f5a7d76b1d6f8e783 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Fri, 30 Jan 2026 11:52:05 +0800
Subject: [PATCH] =?UTF-8?q?feat(banner=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?):=20=E7=BC=96=E8=BE=91=E7=BB=84=E4=BB=B6=E2=80=9C=E6=88=BF?=
 =?UTF-8?q?=E9=97=B4=E2=80=9D=E9=80=89=E9=A1=B9=E5=8F=96=E6=B6=88=E9=95=BF?=
 =?UTF-8?q?ID=E6=90=9C=E7=B4=A2=EF=BC=88=E6=8E=A5=E5=8F=A3=E5=A4=B1?=
 =?UTF-8?q?=E6=95=88=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/data/SearchRoomInput/index.vue | 225 ++++++++++--------
 1 file changed, 131 insertions(+), 94 deletions(-)

diff --git a/src/components/data/SearchRoomInput/index.vue b/src/components/data/SearchRoomInput/index.vue
index b6ca8ff..bb1353c 100644
--- a/src/components/data/SearchRoomInput/index.vue
+++ b/src/components/data/SearchRoomInput/index.vue
@@ -1,8 +1,28 @@
 <template>
   <div class="search-room-input">
-    <el-tooltip v-model="showTips" :manual="true" effect="dark" :content="tipsContent">
-      <el-input v-model.trim="content" v-loading="loading" :class="{'success': roomProfile.id && roomProfile.id > 0 , 'fail': (!roomProfile.id || roomProfile.id < 0) && failShow }" placeholder="请输入房间ID" class="input-with-select" @blur="clickSearch">
-        <el-select slot="prepend" v-model="selectType" placeholder="类型" @change="clickSearch">
+    <el-tooltip
+      v-model="showTips"
+      :manual="true"
+      effect="dark"
+      :content="tipsContent"
+    >
+      <el-input
+        v-model.trim="content"
+        v-loading="loading"
+        :class="{
+          success: roomProfile.id && roomProfile.id > 0,
+          fail: (!roomProfile.id || roomProfile.id < 0) && failShow
+        }"
+        placeholder="请输入房间ID"
+        class="input-with-select"
+        @blur="clickSearch"
+      >
+        <el-select
+          slot="prepend"
+          v-model="selectType"
+          placeholder="类型"
+          @change="clickSearch"
+        >
           <el-option label="长ID" value="LONG_ID" />
           <el-option label="短ID" value="SHORT_ID" />
         </el-select>
@@ -17,7 +37,11 @@
     >
       <span>找到多个结果, 请选择您期望</span>
       <div class="select-room">
-        <div v-for="(item, index) in roomProfiles" :key="index" class="user-item flex-l">
+        <div
+          v-for="(item, index) in roomProfiles"
+          :key="index"
+          class="user-item flex-l"
+        >
           <el-image
             style="width: 40px; height: 40px; margin-right:10px;border-radius: 100%; flex-shrink: 0;"
             :src="item.roomCover"
@@ -38,53 +62,55 @@
       </div>
     </el-dialog>
   </div>
-
 </template>
 <script>
-import { getRoomProfileBySysOriginAccount, listRoomProfileByAccount, getRoomProfileByRoomId } from '@/api/room'
+import {
+  getRoomProfileBySysOriginAccount,
+  listRoomProfileByAccount
+} from "@/api/room";
 export default {
-  name: 'SearchRoomInput',
+  name: "SearchRoomInput",
   props: {
     sysOrigin: {
       type: String,
       require: false,
-      default: ''
+      default: ""
     },
     roomId: {
       type: String,
       require: false,
-      default: ''
+      default: ""
     }
   },
   data() {
     return {
       showTips: false,
-      tipsContent: '',
+      tipsContent: "",
       loading: false,
-      content: '',
-      selectType: 'SHORT_ID',
+      content: "",
+      selectType: "SHORT_ID",
       failShow: false,
       roomProfile: {},
       roomProfiles: [],
       visibleSelecteDialog: false
-    }
+    };
   },
   watch: {
     roomId: {
       handler(val) {
-        if (val === '') {
-          return
+        if (val === "") {
+          return;
         }
         if (val.length > 15) {
-          this.selectType = 'LONG_ID'
-          this.content = val
-          this.clickSearch()
-          return
+          this.selectType = "LONG_ID";
+          this.content = val;
+          this.clickSearch();
+          return;
         }
         if (val.length < 15) {
-          this.selectType = 'SHORT_ID'
-          this.content = val
-          return
+          this.selectType = "SHORT_ID";
+          this.content = val;
+          return;
         }
       },
       immediate: true
@@ -92,91 +118,102 @@ export default {
   },
   methods: {
     handleClose() {
-      this.$emit('closeSelectDialog')
-      this.visibleSelecteDialog = false
+      this.$emit("closeSelectDialog");
+      this.visibleSelecteDialog = false;
     },
     clickSelected(item) {
-      this.visibleSelecteDialog = false
-      this.$emit('success', item)
+      this.visibleSelecteDialog = false;
+      this.$emit("success", item);
     },
     emitFail() {
-      this.roomProfiles = []
-      this.roomProfile = {}
-      this.failShow = true
-      this.$emit('fail')
+      this.roomProfiles = [];
+      this.roomProfile = {};
+      this.failShow = true;
+      this.$emit("fail");
     },
     failTipsContent(content) {
-      this.emitFail()
-      this.showTips = true
-      this.tipsContent = content
+      this.emitFail();
+      this.showTips = true;
+      this.tipsContent = content;
     },
     clickSearch() {
-      const that = this
-      that.$emit('load')
-      that.failShow = false
-      that.showTips = false
+      const that = this;
+      that.$emit("load");
+      that.failShow = false;
+      that.showTips = false;
       if (!that.content) {
-        that.emitFail()
-        that.showTips = false
-        that.failShow = false
-        return
+        that.emitFail();
+        that.showTips = false;
+        that.failShow = false;
+        return;
       }
       if (!/\d+/.test(that.content)) {
-        that.failTipsContent('输入内容必须是正整数!')
-        return
+        that.failTipsContent("输入内容必须是正整数!");
+        return;
       }
       if (that.content.length < 1) {
-        that.failTipsContent('输入账号必须>=1位数!')
-        return
+        that.failTipsContent("输入账号必须>=1位数!");
+        return;
       }
-      if (that.roomProfile && (that.roomProfile.roomAccount === that.content || that.roomProfile.roomAccount === that.content)) {
-        that.$emit('success', that.roomProfile)
-        return
+      if (
+        that.roomProfile &&
+        (that.roomProfile.roomAccount === that.content ||
+          that.roomProfile.roomAccount === that.content)
+      ) {
+        that.$emit("success", that.roomProfile);
+        return;
       }
-      that.loading = true
-      that.search(that.selectType, that.content).then(res => {
-        that.loading = false
-        const result = res.body
-        if (!result) {
-          that.failTipsContent('没有找到房间信息!')
-          return
-        }
+      if (type === "LONG_ID") return;
 
-        if (result.length > 0) {
-          this.failShow = false
-          that.roomProfiles = result
-          if (that.roomProfiles.length === 1) {
-            that.roomProfile = that.roomProfiles[0]
-            that.$emit('success', that.roomProfile)
-            return
+      that.loading = true;
+      that
+        .search(that.selectType, that.content)
+        .then(res => {
+          that.loading = false;
+          const result = res.body;
+          if (!result) {
+            that.failTipsContent("没有找到房间信息!");
+            return;
           }
-          that.visibleSelecteDialog = true
-          return
-        }
 
-        if (result.length === 0) {
-          that.failTipsContent('没有找到房间信息!')
-          return
-        }
+          if (result.length > 0) {
+            this.failShow = false;
+            that.roomProfiles = result;
+            if (that.roomProfiles.length === 1) {
+              that.roomProfile = that.roomProfiles[0];
+              that.$emit("success", that.roomProfile);
+              return;
+            }
+            that.visibleSelecteDialog = true;
+            return;
+          }
 
-        that.roomProfile = result
-        that.$emit('success', that.roomProfile)
-      }).catch(er => {
-        that.loading = false
-        console.error('clickSearch', er)
-        that.failTipsContent('请求数据错误!')
-      })
+          if (result.length === 0) {
+            that.failTipsContent("没有找到房间信息!");
+            return;
+          }
+
+          that.roomProfile = result;
+          that.$emit("success", that.roomProfile);
+        })
+        .catch(er => {
+          that.loading = false;
+          console.error("clickSearch", er);
+          that.failTipsContent("请求数据错误!");
+        });
     },
     search(type, id) {
-      if (type === 'LONG_ID') {
-        return getRoomProfileByRoomId(id)
+      if (type === "LONG_ID") {
+        // return getRoomProfileByRoomId(id)
       }
-      if (type === 'SHORT_ID') {
-        return this.sysOrigin ? getRoomProfileBySysOriginAccount(this.sysOrigin, id) : listRoomProfileByAccount(id)
+      if (type === "SHORT_ID") {
+        return this.sysOrigin
+          ? getRoomProfileBySysOriginAccount(this.sysOrigin, id)
+          : listRoomProfileByAccount(id);
       }
     }
   }
-}
+};
 </script>
 <style lang="scss">
 .search-room-input {
@@ -184,26 +221,26 @@ export default {
     width: 100px;
   }
   .success > .el-input__inner {
-    border: 1px solid #67C23A;
+    border: 1px solid #67c23a;
   }
   .fail > .el-input__inner {
-     border: 1px solid #F56C6C;
+    border: 1px solid #f56c6c;
   }
 }
 </style>
 <style scoped lang="scss">
 .search-room-input {
-.select-room {
-  .user-item {
-    padding: 5px 0rem;
-    img {
-      border-radius: 100%;
-    }
-    .nickname {
-      width: 100%;
-      padding: 10px;
+  .select-room {
+    .user-item {
+      padding: 5px 0rem;
+      img {
+        border-radius: 100%;
+      }
+      .nickname {
+        width: 100%;
+        padding: 10px;
+      }
     }
   }
 }
-}
 </style>