🐞 fix: 修改了弹框滚动，以及一些线上报错问题

src/styles/index.scss

@@ -852,3 +852,8 @@ li {
 .el-input__icon{
   line-height: 1;
 }
+//弹框内容超出显示滚动
+ .el-message-box__message  {
+  max-height: 500px !important;
+  overflow-y: auto !important;
+}
\ No newline at end of file

src/views/components/order/searchUser.vue

 <template>
 
-    <el-select
-      v-model="resulte"
-      v-loadmore="loadMoreList"
-      filterable
-      remote
-      :disabled="disabled"
-      :remote-method="remoteMethod"
-      :placeholder="placeholder"
-      :clearable='false'
-      reserve-keyword
-      :loading="loading"
-      @change="selectChange"
-    >
-      <el-option
-        v-for="(item,index) in searchUserOption"
-        :key="index"
-        :value="item.role_id || item.id"
-        :label="item.role_name"
-        style="height:50px;"
-      >
-        <div class="rowFlex columnCenter selectItem">
-          <!-- 没有头像 -->
-          <!-- <el-image v-if="item.avata" fit="fill" :src="item.avatar" class="tableImage "></el-image> -->
-          <div class="infoSpan columnFlex rowCenter">
-            <p class="hidden">{{ item.role_name &&item.role_name!=''?item.game_name+' - '+item.server_name+' - '+item.role_name:'' }}</p>
-            <p class="rowFlex columnCenter">角色名：<label class="hidden" style="max-width:120px;">{{ item.role_name }}</label></p>
-          </div>
+  <el-select v-model="resulte" v-loadmore="loadMoreList" filterable remote :disabled="disabled"
+    :remote-method="remoteMethod" :placeholder="placeholder" :clearable='false' reserve-keyword :loading="loading"
+    @change="selectChange">
+    <el-option v-for="(item, index) in searchUserOption" :key="index" :value="item?.role_id || item.id"
+      :label="item.role_name" style="height:50px;">
+      <div class="rowFlex columnCenter selectItem">
+        <!-- 没有头像 -->
+        <!-- <el-image v-if="item.avata" fit="fill" :src="item.avatar" class="tableImage "></el-image> -->
+        <div class="infoSpan columnFlex rowCenter">
+          <p class="hidden">
+            {{ item.role_name && item.role_name != '' ? item.game_name + ' - ' + item.server_name + ' -
+            '+item.role_name:'' }}
+          </p>
+          <p class="rowFlex columnCenter">角色名：<label class="hidden" style="max-width:120px;">
+              {{ item.role_name }}
+            </label>
+          </p>
         </div>
-      </el-option>
-    </el-select>
-  </template>
-  <script>
+      </div>
+    </el-option>
+  </el-select>
+</template>
+<script>
   import { roleList } from '@/api/game'
   import { mapState } from 'vuex'
   export default {
@@ -127,29 +118,34 @@
     }
   }
   </script>
-  
-    <style lang="scss" scoped>
-      .selectItem{
-        height: 50px;
-      }
-      .infoSpan{
-          font-size: 12px;
-          font-family: PingFangSC-Regular, PingFang SC;
-          font-weight: 400;
-          max-width: 250px;
-          height: 50px;
-          p{
-            font-size:12px;max-width:100%;
-            line-height: 20px;
-          }
-          span{
-            color:#FFA81D;
-          }
-      }
-      .tableImage{
-        width:30px;height:30px;
-        border-radius: 30px;
-        margin-right: 10px;
-      }
-    </style>
-  
+
+<style lang="scss" scoped>
+.selectItem {
+  height: 50px;
+}
+
+.infoSpan {
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  max-width: 250px;
+  height: 50px;
+
+  p {
+    font-size: 12px;
+    max-width: 100%;
+    line-height: 20px;
+  }
+
+  span {
+    color: #FFA81D;
+  }
+}
+
+.tableImage {
+  width: 30px;
\ No newline at end of file
+  height: 30px;
+  border-radius: 30px;
+  margin-right: 10px;
+}
+</style>
\ No newline at end of file

src/views/newLogin.vue

@@ -2,14 +2,15 @@
 <template>
   <div class="loginContent">
     <div class="loginContentContainer">
-        <p class="loginContentTitle">选择客服:</p>
-        <div class="loginContentInput rowFlex alignCenter">
-            <el-select v-model="cser_user_id" filterable placeholder="请选择客服">
-                <el-option v-for="item in userList" :key="item.zq_user_id" clearable :label="item.name" :value="item.zq_user_id">
-                </el-option>
-            </el-select>
-            <el-button type="primary" style="margin-left: 10px;" size="small" @click="loginConfirm">点击登录</el-button>
-        </div>
+      <p class="loginContentTitle">选择客服:</p>
+      <div class="loginContentInput rowFlex alignCenter">
+        <el-select v-model="cser_user_id" filterable placeholder="请选择客服">
+          <el-option v-for="item in userList" :key="item.zq_user_id" clearable :label="item.name"
+            :value="item.zq_user_id">
+          </el-option>
+        </el-select>
+        <el-button type="primary" style="margin-left: 10px;" size="small" @click="loginConfirm">点击登录</el-button>
+      </div>
     </div>
   </div>
 </template>
@@ -112,6 +113,10 @@ export default {
     },
     loginConfirm(){
         const cser_user = this.userList.find(item => item.zq_user_id === this.cser_user_id)
+        if (!cser_user) {
+            this.$message.error('请选择客服')
+            return
+        }
        this.$confirm(`确认登录上线吗，上线后所有会话都会归属到客服【${cser_user.name}】`, '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
@@ -294,12 +299,14 @@ export default {
   align-items: center;
   justify-content: center;
 }
-.loginContentTitle{
-    font-size: 14px;
-    line-height: 32px;
-    margin-right: 10px;
-    text-align: left;
+
+.loginContentTitle {
+  font-size: 14px;
+  line-height: 32px;
+  margin-right: 10px;
+  text-align: left;
 }
+
 .qr-contain {
   margin: 0 auto;
   /*  margin-top: 20px; */