fix(培训列表):修改横向滚动条问题

ZhangXianQiang

2024-06-13 8f6a2095d907c2a892df84476ea1ccd23b984ecd

fix(培训列表):修改横向滚动条问题

 src/views/exam/index.vue

@@ -97,7 +97,7 @@
</template>

<script setup>
import { ref, toRefs } from 'vue';
import { ref } from 'vue';
import { storeToRefs } from 'pinia';
import { Close } from '@element-plus/icons-vue';
import AnswerTag from './components/answer-tag/index.vue';
@@ -107,6 +107,9 @@
import AnswerMultiple from './components/answer-main/answer-multiple/index.vue';
import AnswerTime from './components/answer-time/index.vue';
import { useExamStore } from '@/store/index.js';
import { useRouter } from 'vue-router';

const router = useRouter();

const examStore = useExamStore();
const { currentType, currentIndex, activeQuestion, examDetail } = storeToRefs(examStore);
@@ -181,6 +184,7 @@

const confirmCancel = () => {
  dialogVisible.value = false;
  router.back();
};
</script>


 src/views/meet/index.vue

@@ -22,6 +22,7 @@
        enabled: false
      }
    },
    toolbarButtons: ['whiteboard']
  };
  const api = new JitsiMeetExternalAPI(domain, options);
});

 src/views/train/data-list/index.vue

@@ -1,30 +1,34 @@
<template>
  <div class="list-container w-full h-full">
    <el-scrollbar>
      <el-row :gutter="20">
        <el-col :span="6" v-for="item in dataList">
          <el-card shadow="hover" class="list-card cursor-pointer" :body-style="{ padding: 0 }" @click="itemClick(item)">
            <div class="img-container w-full">
              <img src="@/assets/image/list-card-bg.jpg" class="w-full">
            </div>
            <div class="item-info p-3">
              <div class="info-title font-bold">{{ item.title }}</div>
              <div class="info-teacher flex text-sm text-gray-500">
                <div class="info-label">主讲:</div>
                <div class="info-text">{{ item.teacher }}</div>
      <div class="list-content w-full overflow-x-hidden">
        <el-row :gutter="20">
          <el-col :span="6" v-for="item in dataList" class="mb-5">
            <el-card shadow="hover" class="list-card cursor-pointer" :body-style="{ padding: 0 }"
              @click="itemClick(item)">
              <div class="img-container w-full">
                <img src="@/assets/image/list-card-bg.jpg" class="w-full">
              </div>
              <div class="info-time flex text-sm text-gray-500">
                <div class="info-label">开始时间:</div>
                <div class="info-text">{{ item.startTime }}</div>
              <div class="item-info p-3">
                <div class="info-title font-bold">{{ item.title }}</div>
                <div class="info-teacher flex text-sm text-gray-500">
                  <div class="info-label">主讲:</div>
                  <div class="info-text">{{ item.teacher }}</div>
                </div>
                <div class="info-time flex text-sm text-gray-500">
                  <div class="info-label">开始时间:</div>
                  <div class="info-text">{{ item.startTime }}</div>
                </div>
                <div class="info-time flex text-sm text-gray-500">
                  <div class="info-label">结束时间:</div>
                  <div class="info-text">{{ item.endTime }}</div>
                </div>
              </div>
              <div class="info-time flex text-sm text-gray-500">
                <div class="info-label">结束时间:</div>
                <div class="info-text">{{ item.endTime }}</div>
              </div>
            </div>
          </el-card>
        </el-col>
      </el-row>
            </el-card>
          </el-col>
        </el-row>
      </div>

    </el-scrollbar>
  </div>
</template>
@@ -42,12 +46,40 @@
    endTime: '2024-6-13 8:00',
    teacher: '测试测试',
    roomName: 'test'
  },
  {
    title: '测试1',
    startTime: '2024-6-13 8:00',
    endTime: '2024-6-13 8:00',
    teacher: '测试测试',
    roomName: 'test'
  },
  {
    title: '测试1',
    startTime: '2024-6-13 8:00',
    endTime: '2024-6-13 8:00',
    teacher: '测试测试',
    roomName: 'test'
  },
  {
    title: '测试1',
    startTime: '2024-6-13 8:00',
    endTime: '2024-6-13 8:00',
    teacher: '测试测试',
    roomName: 'test'
  },
  {
    title: '测试1',
    startTime: '2024-6-13 8:00',
    endTime: '2024-6-13 8:00',
    teacher: '测试测试',
    roomName: 'test'
  }
])
]);


const itemClick = (item) => {
  if(window.electron) {
  if (window.electron) {
    window.electron.openNewWindow();
  }
}