样式问题

src/views/videoCommunication/components/ConsultationCaseStatsDialog.vue

@@ -1,52 +1,27 @@
 <template>
-  <el-dialog
+  <el-dialog :visible.sync="visible" title="会诊病例数统计" width="420px" :show-close="false" :close-on-click-modal="false"
-    :visible.sync="visible"
+    append-to-body custom-class="stats-case-dialog">
-    title="会诊病例数统计"
-    width="420px"
-    :show-close="false"
-    :close-on-click-modal="false"
-    append-to-body
-    custom-class="stats-case-dialog"
-  >
     <div class="stats-form">
       <div class="stats-row">
         <div class="stats-label">总病例数</div>
-        <el-input
+        <el-input v-model.number="form.total_patients" type="number" min="0" class="stats-input" />
-          v-model.number="form.total_patients"
-          type="number"
-          min="0"
-          class="stats-input"
-        />
         <span class="stats-unit">人</span>
       </div>
       <div class="stats-row">
         <div class="stats-label">阳性病例数</div>
-        <el-input
+        <el-input v-model.number="form.positive_patients" type="number" min="0" class="stats-input" />
-          v-model.number="form.positive_patients"
-          type="number"
-          min="0"
-          class="stats-input"
-        />
         <span class="stats-unit">人</span>
       </div>
       <div class="stats-row">
         <div class="stats-label">转诊病例数</div>
-        <el-input
+        <el-input v-model.number="form.transfer_patients" type="number" min="0" class="stats-input" />
-          v-model.number="form.transfer_patients"
-          type="number"
-          min="0"
-          class="stats-input"
-        />
         <span class="stats-unit">人</span>
       </div>
     </div>
 
     <div slot="footer" class="dialog-footer">
-      <el-button
+      <el-button :class="isFormValid ? 'btn-confirm-valid' : 'btn-confirm-disabled'" :disabled="!isFormValid"
-        :class="isFormValid ? 'btn-confirm-valid' : 'btn-confirm-disabled'"
+        @click="handleConfirm">确定</el-button>
-        :disabled="!isFormValid"
-        @click="handleConfirm"
-      >确定</el-button>
       <el-button class="btn-close" @click="handleClose">关闭</el-button>
     </div>
   </el-dialog>
@@ -151,9 +126,20 @@ export default ConsultationCaseStatsDialog;
 
 <style lang="scss">
 .stats-case-dialog {
+
   .el-dialog__header {
-    padding: 20px 20px 10px;
+    padding: 0px 20px 10px;
     border-bottom: none;
+
+    &::before {
+      content: '';
+      display: inline-block;
+      width: 0 !important;
+      height: 0 !important;
+      background-color: #009688;
+      border-radius: 2px;
+      margin-right: 8px;
+    }
   }
 
   .el-dialog__title {

src/views/videoCommunication/index.vue

@@ -8,24 +8,15 @@
       </div>
       <!-- 口令入会区域 -->
       <div class="join-area">
-        <el-input
+        <el-input v-model="room_id" placeholder="请输入数字口令" class="join-input" @keyup.enter="joinMeeting" />
-          v-model="room_id"
-          placeholder="请输入数字口令"
-          class="join-input"
-          @keyup.enter="joinMeeting"
-        />
         <el-button type="success" class="join-btn" @click="joinMeeting">
           入会
         </el-button>
       </div>
       <!-- 四种模式卡片 -->
       <div class="mode-list">
-        <div
+        <div v-for="(mode, index) in meetingModes" :key="index" :class="['mode-item', mode.color]"
-          v-for="(mode, index) in meetingModes"
+          @click="handleModeClick(mode)">
-          :key="index"
-          :class="['mode-item', mode.color]"
-          @click="handleModeClick(mode)"
-        >
           <div class="title">
             {{ mode.title }}
           </div>
@@ -43,60 +34,43 @@
       </div>
       <!-- 会诊表格 -->
       <div class="table-wrapper">
-        <el-table
+        <el-table v-loading="loading" :data="list" :show-header="false" stripe height="calc(100vh - 550px)">
-          v-loading="loading"
+          <el-table-column label="头像" prop="avatar" align="left" width="550">
-          :data="list"
-          :show-header="false"
-          stripe
-          height="calc(100vh - 550px)"
-        >
-          <el-table-column label="头像" prop="avatar" align="center" width="50">
             <template slot-scope="scope">
               <!-- MINIO_ENDPOINT_HTTPS+scope.row.avatar -->
-              <el-avatar
+              <div class="name">
-                :src="
+                <el-avatar style="margin-right: 10px;" :src="$store.state.user.netConfig.MINIO_ENDPOINT_HTTPS +
-                  $store.state.user.netConfig.MINIO_ENDPOINT_HTTPS +
                   scope.row.avatar
-                "
+                  " />
-              />
+                {{ scope.row.name }}
+              </div>
+
             </template>
           </el-table-column>
-          <el-table-column label="会诊名称" prop="name" align="center" />
+          <!-- <el-table-column label="会诊名称" prop="name" align="center" /> -->
-          <el-table-column
+          <el-table-column label="会议类型名称" prop="meet_type_name" align="left" width="450">
-            label="会议类型名称"
+            <template slot-scope="scope">
-            prop="meet_type_name"
+              <span style="font-weight: bold;color: #009393;">
-            align="center"
+                {{ scope.row.meet_type_name }}
-          />
+              </span>
-          <el-table-column label="创建时间" prop="create_time" align="center" />
+            </template>
+          </el-table-column>
+          <el-table-column label="创建时间" prop="create_time" align="left" />
           <!-- 状态status 1-开始 0-结束 -->
-          <el-table-column label="操作" align="center" width="50">
+          <el-table-column label="操作" align="center" width="80">
             <template slot-scope="scope">
-              <el-button
+              <el-button type="text" icon="el-icon-more" class="more-btn" @click="handleDetail(scope.row)" />
-                type="text"
-                icon="el-icon-more"
-                class="more-btn"
-                @click="handleDetail(scope.row)"
-              />
             </template>
           </el-table-column>
         </el-table>
       </div>
       <!-- 分页 -->
-      <pagination
+      <pagination v-show="queryParams.total > 0" :total="queryParams.total" :page.sync="queryParams.page"
-        v-show="queryParams.total > 0"
+        :limit.sync="queryParams.size" @pagination="getList" />
-        :total="queryParams.total"
-        :page.sync="queryParams.page"
-        :limit.sync="queryParams.size"
-        @pagination="getList"
-      />
     </el-card>
     <!-- 会诊详情弹框 -->
-    <el-dialog
+    <el-dialog :title="meetingDetail.name" :visible.sync="meetingDetailVisible" width="35%"
-      :title="meetingDetail.name"
+      :close-on-click-modal="false">
-      :visible.sync="meetingDetailVisible"
-      width="35%"
-      :close-on-click-modal="false"
-    >
       <el-form :model="meetingDetail" label-width="110px">
         <el-form-item>
           {{ getStatusText(meetingDetail.status) }}
@@ -124,15 +98,11 @@
           <el-row>
             <el-col :span="3">
               <el-form-item>
-                <el-avatar
+                <el-avatar :src="meetingDetail.user_list && meetingDetail.user_list[0]
-                  :src="
+                  ? $store.state.user.netConfig.MINIO_ENDPOINT_HTTPS +
-                    meetingDetail.user_list && meetingDetail.user_list[0]
+                  meetingDetail.user_list[0].avatar
-                      ? $store.state.user.netConfig.MINIO_ENDPOINT_HTTPS +
+                  : ''
-                        meetingDetail.user_list[0].avatar
+                  " class="person-avatar" />
-                      : ''
-                  "
-                  class="person-avatar"
-                />
               </el-form-item>
             </el-col>
             <el-col :span="21">
@@ -147,13 +117,9 @@
           <el-row v-for="(item, index) in meetingDetail.user_list" :key="index">
             <el-col :span="3">
               <el-form-item>
-                <el-avatar
+                <el-avatar :src="$store.state.user.netConfig.MINIO_ENDPOINT_HTTPS +
-                  :src="
+                  item.avatar
-                    $store.state.user.netConfig.MINIO_ENDPOINT_HTTPS +
+                  " class="person-avatar" />
-                    item.avatar
-                  "
-                  class="person-avatar"
-                />
               </el-form-item>
             </el-col>
             <el-col :span="6">
@@ -317,7 +283,7 @@ export default {
     align-items: center;
     font-size: 16px;
     font-weight: 500;
-    color: #333;
+    color: #009393;
 
     .line {
       display: inline-block;
@@ -328,6 +294,14 @@ export default {
     }
   }
 
+  .table-wrapper {
+    .name {
+      display: flex;
+      align-items: center;
+      color: #009393;
+    }
+  }
+
   // 口令入会区域
   .join-area {
     display: flex;

src/views/videoCommunication/realTimeConsultation.vue

@@ -458,7 +458,7 @@ export default {
       window.hirtcwebsdk.init({
         serviceID: '56da5fd8921f4f7093a42e2a',
         serviceKey: '2c17c6393771ee3048ae34d6b965sdew',
-        BasicRoomServiceToken: "https://192.168.69.174:3001/v1/auth/token",
+        Services: { BasicRoomServiceToken: "https://192.168.69.174:3001/v1/auth/token" },
         cameraLayers: [
           {
             width: 320,
@@ -492,11 +492,12 @@ export default {
       const uid = String(this.$store.state.user.id || Date.now());
       const uName = (this.$store.state.user.name || '用户').trim();
       console.log(roomId, uid, uName)
-      window.hirtcwebsdk.join('1006110', uid, uName);
       window.hirtcwebsdk.addListener('joined', () => {
         this.$message.success('加入会议成功');
         this.updateParticipantCount();
       });
+      window.hirtcwebsdk.join(this.$route.query.roomId_id, uid, uName);
+
       window.hirtcwebsdk.addListener('user-joined', this.updateParticipantCount);
       window.hirtcwebsdk.addListener('user-left', this.updateParticipantCount);
     },