yz3456
2024-06-24 4c8aae44c1f1c6561e5dea51c6c15fe5800ba320
修改了直播模块
4个文件已修改
34 ■■■■ 已修改文件
ruoyi-ui/src/components/comp-device-select.vue 4 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
ruoyi-ui/src/components/comp-room.vue 12 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
ruoyi-ui/src/views/meeting/Home.vue 14 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
ruoyi-ui/src/views/meeting/webcast.vue 4 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
ruoyi-ui/src/components/comp-device-select.vue
@@ -5,7 +5,7 @@
-->
<template>
  <div class="select-container">
    <span class="label">{{ deviceType }}</span>
    <span class="label">{{ deviceType=='camera'? '摄像头':'麦克风' }}</span>
    <el-select
      class="select"
      v-model="activeDeviceId"
@@ -79,7 +79,7 @@
    display: inline-block;
    padding: 0 20px;
    width: 120px;
    height: 40px;
    height: 36px;
    text-align: left;
    line-height: 40px;
    border-top: 1px solid #DCDFE6;
ruoyi-ui/src/components/comp-room.vue
@@ -6,13 +6,13 @@
<template>
  <div class="rtc-container">
    <!-- 进房操作区域 -->
    <p v-if="isHostMode" class="label">{{ $t('Operation') }}</p>
    <p v-if="isHostMode" class="label">{{ $t('会议操作') }}</p>
    <div class="control-container">
      <div class="rtc-control-container">
        <el-button
          class="button"
          type="primary"
          size="small" :disabled="isJoining || isJoined" @click="handleJoinRoom">{{ $t('Join Room') }}</el-button>
          size="small" :disabled="isJoining || isJoined" @click="handleJoinRoom">{{ $t('加入房间') }}</el-button>
        <el-button
          v-if="isHostMode"
          class="button"
@@ -24,7 +24,7 @@
          type="primary" size="small" @click="handleUnpublish">{{ $t('Unpublish') }}</el-button>
        <el-button
          class="button"
          type="primary" size="small" @click="handleLeave">{{ $t('Leave Room') }}</el-button>
          type="primary" size="small" @click="handleLeave">{{ $t('离开房间') }}</el-button>
      </div>
      <div v-if="isHostMode" class="screen-share-control-container">
        <el-button
@@ -32,10 +32,10 @@
          type="primary"
          size="small"
          :disabled="isShareJoined && isSharePublished"
          @click="handleStartScreenShare">{{ $t('Start Screen Share') }}</el-button>
          @click="handleStartScreenShare">{{ $t('共享屏幕') }}</el-button>
        <el-button
          class="button"
          type="primary" size="small" @click="handleStopScreenShare">{{ $t('Stop Screen Share') }}</el-button>
          type="primary" size="small" @click="handleStopScreenShare">{{ $t('结束屏幕共享') }}</el-button>
      </div>
    </div>
@@ -63,7 +63,7 @@
    <div class="info-container" :class="$isMobile && 'info-container-mobile'">
      <!-- Log 展示区域 -->
      <div v-if="isHostMode" class="log-container" ref="logContainer">
     <div v-if="isHostMode" class="log-container" ref="logContainer">
        <p class="log-label">Log:</p>
        <div v-for="(item, index) in logList" :key="index">
          <span class="log-state" v-if="item.type === 'success'">🟩 </span>
ruoyi-ui/src/views/meeting/Home.vue
@@ -6,22 +6,22 @@
<template>
  <div id="app1">
    <!-- 头部栏 -->
    1222222222222222222
    <comp-nav></comp-nav>
    <!-- 1222222222222222222 -->
    <!-- <comp-nav></comp-nav> -->
   <div class="content" :class="$isMobile && 'content-mobile'">
      <!-- quick demo 使用指引 -->
     <comp-guidance></comp-guidance>
     <!-- <comp-guidance></comp-guidance> -->
      <!-- sdkAppId、secretKey、userId、roomId 参数输入区域 -->
     <p class="label">{{ $t('Params') }}</p>
     <p class="label">{{ $t('基本信息') }}</p>
      <div class="param-container" :class="$isMobile && 'param-container-mobile'">
        <comp-info-input
          label="sdkAppId" type="number" @change="handleValueChange($event, 'sdkAppId')"></comp-info-input>
        <comp-info-input
          label="secretKey" @change="handleValueChange($event, 'secretKey')"></comp-info-input>
        <comp-info-input
          label="userId" @change="handleValueChange($event, 'userId')"></comp-info-input>
          label="用户名" @change="handleValueChange($event, 'userId')"></comp-info-input>
        <comp-info-input
          label="roomId" type="number" @change="handleValueChange($event, 'roomId')"></comp-info-input>
          label="房间号" type="number" @change="handleValueChange($event, 'roomId')"></comp-info-input>
      </div>
     <div class='alert'>
        <el-alert
@@ -32,7 +32,7 @@
        </el-alert>
      </div>
     <!-- 设备选择区域 -->
      <p class="label">{{ $t('Device Select') }}</p>
      <p class="label">{{ $t('会议设置') }}</p>
      <div class="param-container" :class="$isMobile && 'param-container-mobile'">
        <comp-device-select
          deviceType="camera" @change="handleValueChange($event, 'cameraId')"></comp-device-select>
ruoyi-ui/src/views/meeting/webcast.vue
@@ -91,11 +91,11 @@
            value-format="yyyy-MM-dd HH:mm:ss">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="结束时间" prop="endTime">
<!--        <el-form-item label="结束时间" prop="endTime">
          <el-date-picker v-model="formDat.endTime" type="datetime" placeholder="选择开始时间"
            value-format="yyyy-MM-dd HH:mm:ss">
          </el-date-picker>
        </el-form-item>
        </el-form-item> -->
        <!--        <el-form-item label="开始时间" prop="startTime">
          <el-date-picker v-model="formDat.startTime" type="datetime" placeholder="选择开始时间"