2024-09-14 17:34:23 +08:00
15 changed files with 1080 additions and 14 deletions
--- a/package.json
+++ b/package.json
@ -48,6 +48,7 @@
    "pinia": "^2.1.7",
    "pinia-plugin-persistedstate": "^3.2.1",
    "spark-md5": "^3.0.2",
+    "vue-qr": "^4.0.9",
    "vue-router": "^4.4.0",
    "xgplayer": "^3.0.19",
    "xlsx": "^0.18.5"
--- a/src/main/index.js
+++ b/src/main/index.js
@ -133,7 +133,7 @@ async function createLinkWin(data) {
      contextIsolation: true
    }
  })
-  linkWin[data.key].type = 'link' // 唯一标识
+  linkWin[data.key].type = 'link'+data.key // 唯一标识

  let cookieDetails = { ...data.cookieData }
  await linkWin[data.key].webContents.session.cookies
--- a/src/renderer/public/img/logo.png
+++ b/src/renderer/public/img/logo.png
--- a/src/renderer/src/api/teaching/classcourse.js
+++ b/src/renderer/src/api/teaching/classcourse.js
@ -0,0 +1,89 @@
+import request from '@/utils/request'
+
+// 查询classcourse列表
+export function listClasscourse(query) {
+  return request({
+    url: '/education/classcourse/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询classcourse详细
+export function getClasscourse(id) {
+  return request({
+    url: '/education/classcourse/' + id,
+    method: 'get'
+  })
+}
+
+// 新增classcourse
+export function addClasscourse(data) {
+  return request({
+    url: '/education/classcourse',
+    method: 'post',
+    data: data
+  })
+}
+
+// 新增classcourse
+export function addClasscourseReturnId(data) {
+  return request({
+    url: '/education/classcourse/saveReturnId',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改classcourse
+export function updateClasscourse(data) {
+  return request({
+    url: '/education/classcourse',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除classcourse
+export function delClasscourse(id) {
+  return request({
+    url: '/education/classcourse/' + id,
+    method: 'delete'
+  })
+}
+
+
+// 删除classcourse
+export function delClasscourseWithData(id) {
+  return request({
+    url: '/education/classcourse/removeData/' + id,
+    method: 'delete'
+  })
+}
+
+
+// classcourse开始上课
+export function startCourseTeaching(id) {
+  return request({
+    url: '/education/classcourse/startCourseTeaching/'+id,
+    method: 'post',
+  })
+}
+
+// 老师学生发送新的消息
+export function sendCourseTeachingMsg(data) {
+  return request({
+    url: '/education/classcourse/sendCourseTeachingMsg',
+    method: 'post',
+    data: data
+  })
+}
+
+// 老师学生获取新的交互消息
+export function getCourseTeachingMsg(id) {
+  return request({
+    url: '/education/classcourse/getCourseTeachingMsg/'+id,
+    method: 'post',
+  })
+}
+
--- a/src/renderer/src/components/common/cForm.vue
+++ b/src/renderer/src/components/common/cForm.vue
@ -0,0 +1,209 @@
+<template>
+  <!-- 表单-组件(自定义) -->
+  <slot>
+  <el-row v-bind="rows||{}">
+    <!-- 其他内容-start -->
+    <slot name="start"></slot>
+    <el-form :model="form" ref="form" @submit.native.prevent
+      v-bind="option||{}"
+      :status-icon="option.isIcon" :inline-message="option.inlineMsg"
+      :label-width="option.labelW" :label-position="option.labelP" :label-suffix="option.labelS">
+      <!-- 内容区 -->
+      <template v-for="(item, index) in itemFields">
+        <slot :name="'cols_'+item.prop" :row="item" :index="index" :prop="item.prop">
+          <el-col :span="colsFn(item,'span')" :offset="colsFn(item,'offset')" :push="colsFn(item,'push')" :pull="colsFn(item,'pull')"
+            :xs="colsFn(item,'xs')" :sm="colsFn(item,'sm')" :md="colsFn(item,'md')" :lg="colsFn(item,'lg')" :xl="colsFn(item,'xl')"
+            :tag="colsFn(item,'tag')" :key="index" :style="item.style">
+            <!-- slot可自定义-元素 默认input -->
+            <slot :name="item.prop" :row="item" :index="index" :prop="item.prop" :form="form">
+              <el-form-item :label="item.label" :prop="item.prop" :label-width="item.labelW"
+                :required="item.required" :rules="item.rules" :error="item.error"
+                :show-message="item.showMsg" :inline-message="item.inlineMsg" :size="item.size">
+                <!-- slot可自定义-item内部 单个 -->
+                <slot :name="'item_'+item.prop" :row="item" :index="index" :value="form[item.prop]" :prop="item.prop" :form="form">
+                  <!-- slot可自定义-item内部 所有 -->
+                  <slot name="input" :row="item" :index="index" :value="form[item.prop]" :prop="item.prop" :form="form">
+                    <el-input v-model="form[item.prop]" v-bind="item.inputOpt||{}"
+                      @keyup.enter.native="handle(item, $event)" v-on="item.on||{}">
+                      <!-- slot自定义-输入框头部内容 单个 -->
+                      <template #prefix v-if="slotKeys.includes(`prefix_${item.prop}`)"><slot :name="'prefix_'+item.prop"></slot></template>
+                      <!-- slot自定义-输入框尾部内容 单个 -->
+                      <template #suffix v-if="slotKeys.includes(`suffix_${item.prop}`)"><slot :name="'suffix_'+item.prop"></slot></template>
+                      <!-- slot自定义-输入框前置内容 单个 -->
+                      <template #prepend v-if="slotKeys.includes(`prepend_${item.prop}`)"><slot :name="'prepend_'+item.prop"></slot></template>
+                      <!-- slot自定义-输入框后置内容 单个 -->
+                      <template #append v-if="slotKeys.includes(`append_${item.prop}`)"><slot :name="'append_'+item.prop"></slot></template>
+
+                      <!-- slot自定义-输入框头部内容 所有 -->
+                      <template #prefix v-if="slotKeys.includes(`prefix`)"><slot :name="'prefix_'+item.prop"></slot></template>
+                      <!-- slot自定义-输入框尾部内容 所有 -->
+                      <template #suffix v-if="slotKeys.includes(`suffix`)"><slot :name="'suffix_'+item.prop"></slot></template>
+                      <!-- slot自定义-输入框前置内容 所有 -->
+                      <template #prepend v-if="slotKeys.includes(`prepend`)"><slot :name="'prepend_'+item.prop"></slot></template>
+                      <!-- slot自定义-输入框后置内容 所有 -->
+                      <template #append v-if="slotKeys.includes(`append`)"><slot :name="'append_'+item.prop"></slot></template>
+                    </el-input>
+                  </slot>
+                </slot>
+                <!-- slot自定义-标签文本的内容 单个 -->
+                <template #label v-if="slotKeys.includes(`label_${item.prop}`)">
+                  <slot :name="'label_'+item.prop" :row="item" :index="index" :prop="item.prop"></slot>
+                </template>
+                <!-- slot自定义-标签文本的内容 所有 -->
+                <template #label v-if="slotKeys.includes(`label`)">
+                  <slot name="label" :row="item" :index="index" :prop="item.prop"></slot>
+                </template>
+
+                <!-- slot自定义-自定义表单校验信息的显示方式 单个 -->
+                <template #error="{error}" v-if="slotKeys.includes(`error_${item.prop}`)">
+                  <slot :name="'error_'+item.prop" :row="item" :index="index" :prop="item.prop" :error="error"></slot>
+                </template>
+                <!-- slot自定义-自定义表单校验信息的显示方式 所有 -->
+                <template #error="{error}" v-if="slotKeys.includes(`error`)">
+                  <slot name="error" :row="item" :index="index" :prop="item.prop" :error="error"></slot>
+                </template>
+                
+              </el-form-item>
+            </slot>
+          </el-col>
+        </slot>
+      </template>
+      <!-- 其他内容 -->
+      <slot name="add"></slot>
+      <!-- 提交 -->
+      <slot name="submit" :formRef="$refs.form">
+        <div class="subBtn" v-if="btnDef" :style="btnStyle">
+          <el-button type="primary" size="small" @click="confirm" :loading="btnLoad">{{btnText}}</el-button>
+        </div>
+      </slot>
+    </el-form>
+    <!-- 其他内容-end -->
+    <slot name="end"></slot>
+  </el-row>
+  </slot>
+</template>
+<script>
+export default {
+  name: 'cForm',
+  props: {
+    form: { // 数据 form
+      type: Object,
+      default: _ => { return {} }
+    },
+    option: { // 配置
+      type: Object,
+      default: _ => {
+        return { labelW: '80px' }
+      }
+    },
+    itemOption: { // item配置
+      type: Array,
+      required: true
+    },
+    rows: { // 行 layout布局
+      type: Object,
+      default: _ => { return {} }
+    },
+    cols: { // 列 layout布局
+      type: Object,
+      default: _ => { return {} }
+    },
+    // onEnter: Function, // 默认回车
+    onEnter: {
+      type: Function,
+      default: () => {}
+    },
+    btnText: { // 文本
+      type: String,
+      default: '确 定'
+    },
+    btnDef: Boolean, // 默认提交-按钮
+    btnStyle: String, // 按钮样式css
+    btnLoad: Boolean, // 加载load
+  },
+  data() {
+    return {
+      slotKeys: [] // 外部自定义插槽
+    }
+  },
+  computed: {
+    itemFields() {
+      return this.itemOption
+        .filter(o => o.show !== false)
+        .map(o => {
+          for (const key in o) {
+            const inputOpt = {placeholder:'请输入'}
+            if (key.startsWith('i')) {
+              const newKey = key.substring(1)
+              inputOpt[newKey] = o[key]
+              delete o[key]
+            }
+            o.inputOpt = inputOpt
+            return o
+          }
+        })
+    }
+  },
+  created() {
+    window.test = this
+    this.slotKeys = Object.keys(this.$slots)
+  },
+  methods: {
+    // 字段--cols属性
+    colsFn(row, attr) {
+      const cols = row.cols || this.cols
+      return cols[attr]
+    },
+    // input -- 回车事件
+    handle(row, e) {
+      const onEnter = row.onEnter || this.onEnter
+      if (row.prop) onEnter(row, e)
+    },
+    // 确定--提交
+    confirm() {
+      const formRefs = this.$refs.form
+      this.$emit('confirm', formRefs)
+    },
+    // 重置
+    resetFields() {
+      this.$refs.form.resetFields()
+    },
+    // 清除
+    clearValidate(props) {
+      this.$refs.form.clearValidate(props)
+    },
+    // 检验-字段
+    validateField(props, callback) {
+      this.$refs.form.validateField(props, callback)
+    },
+    // 整个表单验证
+    validate(callback) {
+      return this.$refs.form.validate(callback)
+    }
+  },
+  // filters: {
+  //   // 是否清除input内容-按钮
+  //   clearable_f(val) {
+  //     return val == null ? true : val
+  //   }
+  // }
+}
+</script>
+<style lang="scss" scoped>
+.subBtn{
+  float: left;
+  width: 100%;
+  text-align: center;
+}
+.el-form {
+  width: 100%;
+}
+.el-form--inline > .el-col {
+  width: auto;
+  display: inline-block;
+  float: unset;
+}
+.el-form-item .el-input{
+  vertical-align: bottom;
+}
+</style>
--- a/src/renderer/src/components/common/index.js
+++ b/src/renderer/src/components/common/index.js
@ -0,0 +1,64 @@
+
+/**
+ * 使用-批量导入--方式
+ */
+
+// 导入 import.meta.glob 用于获取所有符合要求的 .vue 文件
+const files = import.meta.glob('./!(index).vue', { eager: true });
+
+export default {
+  install(Vue, options) {
+    Object.entries(files).forEach(([path, file]) => {
+      const fileName  = path.split('/').pop().replace(/\.\w+$/, '')
+      // fileName == 'cDialog' && initDialog(Vue, file) // 弹窗--组件化
+      Vue.component(fileName, file.default)
+    });
+  }
+}
+
+// 弹窗--函数化
+function initDialog(Vue, dialog) {
+  // 全局绑定
+  Vue.prototype.$cDialog = (props) => {
+    // props.dialog = Object.assign({ isOpen: true }, props.dialog) // 默认配置 propsData: option
+    props.dialog.isOpen == null && (props.dialog.isOpen = true) // 默认打开
+    props.isRemove == null && (props.isRemove = true) // 默认关闭后移除
+    const Constructor = Vue.extend(dialog)
+    const Instance = new Constructor({ propsData: props })
+    props.slots && (Instance.$slots = props.slots) // 插槽内容
+    props.scopedSlots && (Instance.$scopedSlots = props.scopedSlots) // 作用域插槽内容
+    props.content && (Instance.$slots.default = props.content) // 插槽内容
+    document.body.appendChild(Instance.$mount().$el)
+    return Instance.showBox().then(v => {
+      props.callback && props.callback(v)
+      return Promise.resolve(v)
+    }).catch(v => {
+      props.callback && props.callback(v)
+      // 移除弹窗
+      props.isRemove && document.body.removeChild(Instance.$mount().$el)
+      return Promise.reject(v)
+    })
+  }
+  // 全局绑定2
+  Vue.prototype.$cDialog2 = (props) => {
+    // props.dialog = Object.assign({ isOpen: true }, props.dialog) // 默认配置 propsData: option
+    props.dialog.isOpen == null && (props.dialog.isOpen = true) // 默认打开
+    props.isRemove == null && (props.isRemove = true) // 默认关闭后移除
+    const Constructor = Vue.extend(dialog)
+    const Instance = new Constructor({ propsData: props })
+    props.slots && (Instance.$slots = props.slots) // 插槽内容
+    props.scopedSlots && (Instance.$scopedSlots = props.scopedSlots) // 作用域插槽内容
+    props.content && (Instance.$slots.default = props.content) // 插槽内容
+    document.body.appendChild(Instance.$mount().$el)
+    Instance.showBox().then(v => {
+      props.callback && props.callback(v)
+      return Promise.resolve(v)
+    }).catch(v => {
+      props.callback && props.callback(v)
+      // 移除弹窗
+      props.isRemove && document.body.removeChild(Instance.$mount().$el)
+      return Promise.reject(v)
+    })
+    return Instance
+  }
+}
--- a/src/renderer/src/main.js
+++ b/src/renderer/src/main.js
@ -14,6 +14,7 @@ import { store } from '@/store'
 import App from './App.vue'
 import router from './router'
 import log from 'electron-log/renderer' // 渲染进程日志-文件记录
+import customComponent from '@/components/common' // 自定义组件

 if(process.env.NODE_ENV != 'development') { // 非开发环境，将日志打印到日志文件
  Object.assign(console, log.functions) // 渲染进程日志-控制台替换
@ -37,4 +38,6 @@ app.config.globalProperties.$requestGetJYW = (url,config)=>{

 app.use(router)
    .use(store)
-    .use(ElementPlus, { locale: zhLocale }).mount('#app')
+    .use(ElementPlus, { locale: zhLocale })
+    .use(customComponent) // 自定义组件
+    .mount('#app')
--- a/src/renderer/src/plugins/imChat/index.js
+++ b/src/renderer/src/plugins/imChat/index.js
@ -173,6 +173,7 @@ export class ImChat {
    return this.timChat.TIMLogout().then(res => {
      this.setConsole('%cim-chat: logout', '登出成功')
      this.status.isLogin = false
+      this.status.isConnect = false
      this.timChat.TIMUninit() // 反初始化
      return res
    }).catch(error => {
--- a/src/renderer/src/utils/comm.js
+++ b/src/renderer/src/utils/comm.js
@ -0,0 +1,312 @@
+
+/**
+ * @description 公共工具类
+ * @author zdg
+ * @date 2024-4-26
+ */
+
+// ============= 文件工具--相关 ===================
+/**
+ * 获取上传文件
+ */
+export function getFiles() {
+  const cb = resolve => {
+    const fileDom = document.createElement('input')
+    fileDom.type = 'file'
+    fileDom.onchange = e => {
+      resolve(e.target.files)
+      return fileDom.remove()
+    }
+    fileDom.click()
+  }
+  return new Promise(cb)
+}
+
+// ============= 数学公式--相关 ===================
+/**
+ * @description 计算两点直线距离 (获取直径)
+ * (欧几里得距离公式): [ \text{distance} = \sqrt{(x2 - x1)^2 + (y2 - y1)^2} ]
+ * @param {*} x1 
+ * @param {*} y1 
+ * @param {*} x2 
+ * @param {*} y2 
+ */
+export function getDistance(x1,y1,x2,y2) {
+  return Math.sqrt(Math.pow((x2 - x1), 2) + Math.pow((y2 - y1), 2))
+}
+// 获取半径
+export function getRadius(x1,y1,x2,y2) { return getDistance(x1,y1,x2,y2) / 2 }
+
+/**
+ * 计算某个值在总数中所占的百分比。
+ * 
+ * 此函数用于根据给定的值和总数，计算该值占总数的百分比。它还支持指定百分比的小数位数。
+ * 如果计算结果小于0，则返回0；如果大于100，则返回100，以确保百分比的合理范围。
+ * 
+ * @param {number} v - 待计算的值。
+ * @param {number} total - 总数。
+ * @param {number} [step=2] - 百分比的小数位数，默认为2。
+ * @returns {number} - 返回计算后的百分比，保证在0到100之间。
+ */
+export function getPercent(v, total, step=2) {
+  !v && (v = 0)
+  !total && (total = 1)
+  // 计算百分比，保留指定的小数位，并转换为数字类型
+  let res = (v / total * 100).toFixed(step)-0
+  
+  // 确保百分比在0到100之间
+  return res < 0 ? 0 : res > 100 ? 100 : res
+}
+
+// ============= 格式化--相关 ===================
+
+/**
+ * @description     手机号隐藏中间几位
+ * @param {*} phone   手机号
+ * @param {*} start 前面保留几位 默认 3位
+ * @param {*} end   后面保留几位 默认 3位
+ * @param {*} rstr  替换字符 默认 ****
+ * @returns 
+ */
+export function phoneHideFormat(phone, start = 3, end = 4, rstr = '****') {
+  // const reg = /^(\d{3})\d*(\d{4})$/
+  if (!phone) return ''
+  const reg = new RegExp(`(\\d\{${start}\})\\d*(\\d\{${end}\})`)
+  return phone.replace(reg, `$1${rstr}$2`)
+}
+
+// ============= 习题工具--相关 ===================
+/**
+ * @description 将字符串转换为数组
+ * @param {*} str 
+ * @returns 
+ */
+export function quizStrToList(str = '') {
+  if (!str) return []
+  let resList = []
+  if (isJson(str, true)) resList = JSON.parse(str)          // 数组对象
+  else if (str.includes('#&')) resList = str.split('#&')    // 字符串数组 #&
+  else if (str.includes(',')) resList = str.split(',')      // 字符串数组 ,
+  else resList = [str]
+  return resList
+}
+
+// ============= 常用工具--相关 ===================
+
+export function isJson(str, isArray = false) {
+  if(typeof str == 'string'){
+    try {
+      const res = JSON.parse(str)
+      let isBool = typeof res == 'object' && res
+      if(isBool && isArray) isBool = Array.isArray(res)
+      return isBool
+    } catch (error) {}
+  }
+  return false
+}
+
+//获取临时唯一ID
+export const generateUniqueID = ()=> {
+  const date = new Date();
+  const timestamp = date.getTime().toString(36); // 使用36进制转换时间戳
+  const random = Math.random().toString(36).substring(2, 9); // 获取随机数的一部分并转换为36进制
+  return timestamp + random;
+}
+
+// 清理参数中的undefined、null
+export const removePropertyOf = function(obj){
+  Object.keys(obj).forEach(item=>{
+      if(obj[item] === undefined || obj[item] === null)  delete obj[item]
+  })
+  return obj;
+}
+
+/**
+ * 移除children 为空 -- tree
+ */
+export function removeTree(list) {
+  var this_ = this
+  for (var i in list) {
+    if (list[i].children.length == 0) {
+      list[i].children = undefined
+    } else {
+      this_.removeTree(list[i].children)
+    }
+  }
+  return list
+}
+
+// ============= 校验工具--相关 ===================
+
+// url校验
+export const validateUrl = (url) => {
+  const regex = /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/;
+  if (!regex.test(url.trim())) {
+    return false;
+  } else {
+    return true;
+  }
+}
+
+// ============= 时间工具--相关 ===================
+
+/**
+ * @description 时间 秒 转化 时分秒
+ * @param {*} seconds 
+ * @returns 
+ */
+export function formatTime(seconds) {
+  seconds = parseInt(seconds) // 转换整数
+  const h = (Math.floor(seconds / 3600)+'').padStart(2,'0')
+  const m = (Math.floor((seconds % 3600) / 60)+'').padStart(2,'0')
+  const s = ((seconds % 60)+'').padStart(2,'0')
+  return `${h}:${m}:${s}`
+}
+
+/**
+ * @description 时间格式化
+ * @param {*} time 
+ * @param {*} fmt 
+ * @returns 
+ */
+export function formatDate(time, fmt = 'yyyy-MM-dd') {
+  let date
+  if (time) {
+    if (typeof time === 'object') {
+      date = time
+    } else {
+      if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {
+        time = parseInt(time)
+      }
+      if ((typeof time === 'number') && (time.toString().length === 10)) {
+        time = time * 1000
+      }
+      date = new Date(time)
+    }
+  } else {
+    date = new Date()
+  }
+  if (/(y+)/.test(fmt)) {
+    fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
+  }
+  const o = {
+    'M+': date.getMonth() + 1,
+    'd+': date.getDate(),
+    'h+': date.getHours(),
+    'm+': date.getMinutes(),
+    's+': date.getSeconds(),
+    'a': date.getDay()
+  }
+  for (const k in o) {
+    if (new RegExp(`(${k})`).test(fmt)) {
+      if (k === 'a') {
+        const str = ['日', '一', '二', '三', '四', '五', '六'][o[k]]
+        fmt = fmt.replace(RegExp.$1, str)
+        continue
+      }
+      const str = o[k] + ''
+      // fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str))
+      fmt = fmt.replace(RegExp.$1, str.padStart(2, '0'))
+    }
+  }
+  return fmt
+}
+/**
+ *  快速获取日期
+ *  num: 1 今日 2 昨日 3 本周 4 上周 5 本月
+ *  bool: true 有时分秒 false | null 不要时分秒
+ */
+export function getDateStr(num, bool) {
+  let now = new Date() // 当前日期
+  let nowDayOfWeek = now.getDay() // 今天本周的第几天
+  let nowDay = now.getDate() // 当前日
+  let nowMonth = now.getMonth() // 当前月
+  let nowYear = now.getYear() // 当前年
+  nowYear += (nowYear < 2000) ? 1900 : 0 //
+  let monthStartDate = new Date(nowYear, nowMonth, 1)
+  let monthEndDate = new Date(nowYear, nowMonth + 1, 1)
+  let days = (monthEndDate - monthStartDate) / (1000 * 60 * 60 * 24)
+
+  let fmt = 'yyyy-MM-dd'
+  let startTime = ''
+  let endTime = ''
+
+  if (num == 1) { // 今日
+    startTime = formatDate(now, fmt)
+    endTime = startTime
+  }
+  if (num == 2) { // 昨日
+    now.setDate(nowDay - 1)
+    startTime = formatDate(now, fmt)
+    endTime = startTime
+  }
+  if (num == 3) { // 本周
+    startTime = formatDate(new Date(nowYear, nowMonth, nowDay - nowDayOfWeek), fmt)
+    endTime = formatDate(new Date(nowYear, nowMonth, nowDay + (6 - nowDayOfWeek)), fmt)
+  }
+  if (num == 4) { // 上周
+    startTime = formatDate(new Date(nowYear, nowMonth, nowDay - nowDayOfWeek - 7), fmt)
+    endTime = formatDate(new Date(nowYear, nowMonth, nowDay - nowDayOfWeek - 1), fmt)
+  }
+  if (num == 5) { // 本月
+    startTime = formatDate(new Date(nowYear, nowMonth, 1), fmt)
+    endTime = formatDate(new Date(nowYear, nowMonth, days), fmt)
+  }
+  if (num == 6) { // 本年
+    startTime = formatDate(new Date(nowYear, 0, 1), fmt)
+    endTime = formatDate(new Date(nowYear, 11, 31), fmt)
+  }
+  if (bool) {
+    startTime += ' 00:00:00'
+    endTime += ' 23:59:59'
+  }
+  return [startTime, endTime]
+}
+/**
+ * 获取 昨天 今天 明天 一周前 一月前 1-5
+ */
+export function getDateStr1(num, fmt = 'yyyy-MM-dd hh:mm:ss') {
+  const now = new Date() // 当前日期
+  const curr = Date.now() // 当前时间戳
+  if (num == 1) return formatDate(new Date(curr-(24*60*60*1000)),fmt) // 昨天
+  else if (num == 2) return formatDate(now,fmt) // 今天
+  else if (num == 3) return formatDate(new Date(curr+(24*60*60*1000)),fmt) // 明天
+  else if (num == 4) return formatDate(new Date(curr-(7*24*60*60*1000)),fmt) // 一周前
+  else if (num == 5) return formatDate(new Date(curr-(30*24*60*60*1000)),fmt) // 一月前
+  return ''
+}
+/**
+ * 获取当前 0:0:0:0 时间
+ * @param {*} [fmt] 格式 'yyyy-MM-dd hh:mm:ss' 
+ */
+export function getDateNow(fmt) {
+  const date = new Date()
+  date.setHours(0, 0, 0, 0)
+  if (fmt) return formatDate(date, fmt)
+  return date
+}
+/** 默认加上-时分秒 */
+export function toTimeStr(arr = ['','']) {
+  return [`${arr[0]} 00:00:00`, `${arr[1]} 23:59:59`]
+}
+
+/**
+ * 秒转时分
+ */
+export function timeToStr(time,str = '时分秒', isPad = false) {
+  let s = parseInt(time)
+  let h = 0, m = 0 // 初始化时|分
+  if (s >= 60) {
+    // 如果秒数大于60，将秒数转换成整数
+    m = parseInt(s / 60) // 获取分钟，除以60取整数，得到整数分钟
+    s = parseInt(s % 60) // 获取秒数，秒数取佘，得到整数秒数
+    if (m >= 60) { // 如果分钟大于60，将分钟转换成小时
+      h = parseInt(m / 60) // 获取小时，获取分钟除以60，得到整数小时
+      m = parseInt(m % 60) // 获取小时后取佘的分，获取分钟除以60取佘的分
+    }
+  }
+  const toStr = v => v.toString().padStart(2, '0') // 转换字符
+  const arr = str.split('')
+  if (isPad) return `${h?toStr(h)+arr[0]:''}${m?toStr(m)+arr[1]:''}${toStr(s)}${arr[2]||''}`
+  return `${h?h+arr[0]:''}${m?m+arr[1]:''}${s?s+arr[2]||'':''}`
+}
--- a/src/renderer/src/utils/linkConfig.js
+++ b/src/renderer/src/utils/linkConfig.js
@ -1,6 +1,6 @@
 import useUserStore from '@/store/modules/user'
-const baseConfig = () => {
-  const userStore = useUserStore()
+export const baseConfig = (token) => {
+  const userStore = token ? {} : useUserStore()
  return {
    // Electron 设置cookie
    url: import.meta.env.VITE_APP_BUILD_BASE_PATH,
@ -8,7 +8,7 @@ const baseConfig = () => {
    //cookie 名称 这里为 token
    name: 'Admin-Token',
    //cookie 值
-    value: userStore.token,
+    value: token ? '' : userStore.token,
    // 域名
    domain: import.meta.env.VITE_APP_DOMAIN
  }
--- a/src/renderer/src/utils/tool.js
+++ b/src/renderer/src/utils/tool.js
@ -12,8 +12,8 @@ const Remote = isNode?require('@electron/remote'):{}
 const { ipcRenderer } = isNode?require('electron'):window.electron || {}
 const API = isNode?window.api:{}                    // preload-api
 import { useToolState } from '@/store/modules/tool' // 获取store状态
-// const Store = isNode?require('electron-store'):null // 持久化存储
 import store from './store'
+import { baseConfig } from './linkConfig' // 外部连接-配置
 // 常用变量
 const BaseUrl = isNode?process.env['ELECTRON_RENDERER_URL']+'/#':''
 const isDev = isNode?process.env.NODE_ENV !== 'production':''
@ -297,6 +297,23 @@ const eventHandles = (type, win) => {
  }
 }

+/**
+ * @description 外部跳转-web网页
+ * @param {*} path 
+ * @param {*} params 
+ */
+export const toLinkWeb = (path) => {
+  const config = baseConfig()
+  console.log(config)
+  const fullPath = config.url + path
+  // 通知主进程
+  ipcRenderer.send('openWindow', {
+    key: `win-${Date.now()}`,
+    fullPath: fullPath,
+    cookieData: { ...config }
+  })
+}
+
 // const taskHandles = () => {
 //   // 设置任务栏上下文菜单
 //   const contextMenu = new Remote.Menu()
--- a/src/renderer/src/views/desktop/container/class-start.vue
+++ b/src/renderer/src/views/desktop/container/class-start.vue
@ -0,0 +1,361 @@
+<template>
+  <el-dialog v-model="visible" width="75%" :close-on-click-modal="false"
+    @close="handleClose">
+    <template #header><b>准备开始上课</b></template>
+    <div class="class-all">
+      <el-row>
+        <el-col :span="10">
+          <c-form v-bind="classForm">
+            <template #item_classid="{prop, form}">
+              <el-select v-model="form[prop]" placeholder="请选择班级">
+                <el-option v-for="item in listData.classList" :value="item.id" 
+                :label="`${item.caption} (${item.classstudentcount}人)`" />
+              </el-select>
+            </template>
+            <template #item_student>
+              <el-scrollbar max-height="30em">
+                <template v-for="(item, index) in listData.activeStudentList">
+                  <el-tag style="margin:0 7px 7px 0;cursor:default;">{{ item.name }}</el-tag>
+                </template>
+              </el-scrollbar>
+            </template>
+          </c-form>
+        </el-col>
+        <el-col :span="14">
+          <c-form v-bind="teacherForm">
+            <!-- 上课 -->
+            <template #item_classcourseid="{prop,form}">
+              <el-radio-group v-model="form[prop]">
+                <el-radio :value="0">开始新课</el-radio>
+                <template v-for="(item,index) in listData.classcourseList">
+                  <template v-if="dt.isCreate&&!index">
+                    <el-radio :value="item.id">{{ item.opendate }} <span style="color: silver">({{ item.teachername }})</span></el-radio>
+                  </template>
+                  <template v-else-if="dt.isHistory&&(dt.isCreate&&index||!dt.isCreate)">
+                    <el-radio :value="item.id">{{ item.opendate }} <span style="color: silver">({{ item.teachername }})</span></el-radio>
+                  </template>
+                </template>
+                <el-button class="absolute top-1 right-0" size="small" type="primary" round
+                  :plain="!dt.isHistory" @click="getClasscourseList('toggle')">历史记录</el-button>
+              </el-radio-group>
+            </template>
+            <!-- 老师扫码 -->
+             <template #item_qrUrl="{value}">
+              <div :title="value" v-if="!!value">
+                <vue-qr :text="value" :size="200" :margin="10" colorDark="green" colorLight="white" logoSrc="/img/logo.png" :logoScale="0.2" :dotScale="0.7"></vue-qr>
+              </div>
+              <el-button type="warning" :loading="dt.loadingDel" @click="removeClasscourse()">删除记录</el-button>
+             </template>
+             <!-- 手机登录 -->
+             <template #item_mobile>
+              <div>
+                <div>开始新的课堂，需要点击先创建课堂，才能显示手机二维码</div>
+                <el-button type="warning" :loading="dt.loading" @click="createClasscourse">创建课堂</el-button>
+              </div>
+             </template>
+             <!-- 故障备用 -->
+              <template #item_backup>
+                <div>
+                  <div>如果手机扫码后进入课堂，但本页面没自动跳转，请点击下面按钮</div>
+                  <el-button type="primary" plain  @click="classTeachingStart">开始上课</el-button>
+                </div>
+              </template>
+          </c-form>
+        </el-col>
+      </el-row>
+    </div>
+  </el-dialog>
+  <!-- im-chat 聊天组件 -->
+  <im-chat ref="imChatRef" v-if="visible" @change="chatChange" />
+</template>
+
+<script setup>
+// 功能说明：课程开始
+import { onMounted, reactive, ref, watchEffect, watch, nextTick } from 'vue' // vue
+import { ElMessage, ElMessageBox } from 'element-plus'  // ui框架: 消息提示
+import vueQr from 'vue-qr/src/packages/vue-qr.vue'      // 插件: 二维码
+import imChat from '@/views/tool/components/imChat.vue' // im-chat-子组件
+import MsgEnum from '@/plugins/imChat/msgEnum'          // 消息头-相关定义(nuem)
+import * as commUtil from '@/utils/comm'                // 工具类-通用
+import { toLinkWeb } from '@/utils/tool'
+
+import * as Http_ClassManage from '@/api/classManage'   // api接口
+import * as Http_Classcourse from '@/api/teaching/classcourse' // api接口
+import useUserStore from "@/store/modules/user"         // 状态管理：user
+import { get } from 'lodash'
+
+const baseUrl = import.meta.env.VITE_APP_BUILD_BASE_PATH
+const userStore = useUserStore()
+const visible = ref(false)      // 是否打开窗口
+const myClassActive = ref({})   // 我的课件：准备上课的APT课件
+const imChatRef = ref(null)     // im-chat ref
+const classForm = reactive({    // 班级(左侧)：表单数据 表单配置
+  form: {}, itemOption: [], option: {}
+})
+const teacherForm = reactive({  // 老师(右侧)：表单数据 表单配置
+  form: {}, itemOption: []
+})
+const listData = reactive({     // 列表数据
+  classList: [],                // 班级列表
+  activeStudentList: [],        // 学生列表-选择
+  classcourseList: [],          // 课程列表-历史记录
+})
+const dt = reactive({           // 其他数据
+  isCreate: false,              // 是否创建
+  isHistory: false,             // 是否显示-历史记录
+  loading: false,               // 加载-loading
+  loadingDel: false,            // 删除-loading
+  atCourse: {},                 // 当前课程
+})
+let chat = null                 // im-chat 对象
+
+// 加载完，钩子
+onMounted(() => {
+  initData() // 初始化-数据
+})
+/**
+ * @description 暴露方法-打开对话框
+ * @param row 课件对象
+ */
+const open = async (row) => {
+  visible.value = true
+  // if (row) myClassActive.value = row
+  // 模拟数据
+  myClassActive.value = {
+    "createBy": null,
+    "createTime": null,
+    "updateBy": null,
+    "updateTime": null,
+    "remark": null,
+    "id": 14740,
+    "idarray": null,
+    "jsonarray": null,
+    "entpid": 255,
+    "parentid": 14741,
+    "linkids": "",
+    "linklist": "",
+    "entpcourseid": 7300,
+    "entpcourseidarray": null,
+    "evalid": 39952,
+    "evaltitle": " 质点 参考系",
+    "coursetitle": " 质点 参考系",
+    "classid": 0,
+    "ppttype": "file",
+    "title": " 质点 参考系",
+    "fileidx": 0,
+    "fileurl": "",
+    "pathfile": null,
+    "filetype": "ppt",
+    "filesize": null,
+    "datacontent": "",
+    "filekey": "",
+    "filetag": "",
+    "dflag": 0,
+    "status": "",
+    "edituserid": 2781,
+    "editusername": "张雪林",
+    "edituserheadimgurl": "/profile/avatar/2024/08/12/blob_20240812152930A001.jpeg",
+    "edituserentpname": "AIx数字平台内测中心",
+    "editstudentid": null,
+    "editstudentname": null,
+    "timestamp": "2024-09-10 15:07:20",
+    "token": null,
+    "base64Code": null,
+    "orderby": null,
+    "childcount": 4,
+    "commentlikecount": 0,
+    "commenttextcount": 0,
+    "commentusecount": 0,
+    "commentvisitcount": 90,
+    "unixstamp": null,
+    "classworkcount": 0,
+    "classworklist": "",
+    "authjson": "",
+    "defaultslide": null
+  }
+  // 获取班级列表
+  getClassList()
+
+  // 初始化im-chat
+  nextTick(async() => {
+    chat = await imChatRef.value?.initImChat()
+  })
+}
+// 关闭弹窗
+const handleClose = async () => {
+  await chat?.logout()
+  chat = null
+}
+// 初始化-数据
+const initData = () => {
+  // 班级-表单配置
+  classForm.option = { labelW: 40 }
+  classForm.itemOption = [
+    { label: '班级', prop: 'classid' },
+    { label: '学生', prop: 'student' },
+  ]
+  // 老师-表单提交
+  teacherForm.form = { classcourseid: 0 }
+  teacherForm.itemOption = [
+    { label: '上课', prop: 'classcourseid' },
+    { label: '老师扫码', prop: 'qrUrl', show: false },
+    { label: '手机登录', prop: 'mobile', show: false },
+    { label: '故障备用', prop: 'backup', show: false },
+  ]
+}
+// 获取当前账号-班级
+const getClassList = async () => {
+  const res = await Http_ClassManage.listClassmain({
+    classuserid: userStore.id, pageSize: 100, status: 'open'
+  })
+  if (res.code == 200) {
+    listData.classList = (res.rows || []).map(o => {
+      if(!!o.classstudentlist) { // 学生列表转为数组
+        o.classstudentlist = JSON.parse('[' + o.classstudentlist + ']')
+      }
+      return o
+    });
+    // 默认选中第一项
+    if (listData.classList.length > 0) {
+      classForm.form.classid = listData.classList[0].id
+    }
+    
+  }
+}
+// 获取开课列表 - 历史记录
+const getClasscourseList = async type => {
+  if (type == 'toggle') { // 切换是否显示数据
+    dt.isHistory = !dt.isHistory
+    if (!dt.isHistory || listData.classcourseList.length) return // 不显示或者有数据时-不再请求
+  }
+  const {classid} = classForm.form
+  const {entpcourseid} = myClassActive.value
+  if (!classid || !entpcourseid) return
+  const params = {classid, entpcourseid, entpcoursefileid: 0}
+  const res = await Http_Classcourse.listClasscourse(params)
+  if (res.code == 200) {
+    // zdg: 排序id大的在前(最新的)
+    const list = (res.rows || []).sort((a, b) => b.id - a.id)
+    listData.classcourseList = list
+    // 默认选中第一个
+    if (type == 'update' && list.length) {
+      dt.isCreate = true // 显示-新创建记录
+      teacherForm.form.classcourseid = list[0].id
+    }
+  }
+}
+// 创建课程
+const createClasscourse = async () => {
+  dt.loading = true
+  const { classid } = classForm.form
+  const { entpcourseid, evalid, id, coursetitle } = myClassActive.value // 课件对象
+  const curDate = commUtil.getDateNow('yyyy-MM-dd')
+  const params = {
+    id: 0, coursetype: '', courseverid: 0, coursedesc: '', status: '',
+    teacherid: userStore.id, entpcoursefileid: id, classid,
+    entpcourseid, evalid, coursetitle,
+    plandate: curDate, opendate: curDate
+  }
+  await Http_Classcourse.addClasscourseReturnId(params)
+  dt.loading = false
+  getClasscourseList('update') // 更新列表
+  ElMessage.success('创建课程-成功')
+
+}
+// 删除课程
+const removeClasscourse = async () => {
+  const { classcourseid:id } = teacherForm.form
+  const ind = listData.classcourseList.findIndex(o => o.id == id)
+  if(ind < 0) return ElMessage.warning('删除课堂记录-失败')
+  await ElMessageBox.confirm('请确认是否删除课堂记录？')
+  dt.loadingDel = true
+  const res = await Http_Classcourse.delClasscourse(id)
+  dt.loadingDel = false
+  if (res.code == 200) {
+    const list = listData.classcourseList
+    list.splice(ind, 1) // 删除-id的课堂记录
+    // 重新赋值选中的课堂记录，默认是下一条记录
+    if (list.length==0) teacherForm.classcourseid = 0
+    else {
+      const newInd = ind < list.length ? ind : ind-1
+      teacherForm.form.classcourseid = list[newInd].id
+    }
+    ElMessage.success('删除成功')
+  }
+}
+// 开始上课
+const classTeachingStart = async () => {
+  const { classcourseid:id } = teacherForm.form
+  if (id) { // 开始上课
+    const url = `/teaching/classteaching?classcourseid=${id}&actor=classTeachingOnPublicScreen`
+    toLinkWeb(url)        // 跳转web-公屏
+    visible.value = false // 关闭弹窗
+    handleClose()         // 关闭im-chat
+  }
+}
+// 获取二维码地址
+const getQrUrl = () => {
+  const { classcourseid:id } = teacherForm.form
+  const { userName } = userStore.user
+  if (!id||!userName) return
+  const qrCodeUrl = `wxlogin?username=${userName}&nextaction=classteaching&id=${id}`
+  teacherForm.form.qrUrl = baseUrl + qrCodeUrl
+}
+
+// ================== 监听 =======================
+// im-chat: 聊天事件 {type, data}
+const chatChange = (type, data, ...args) => {
+  if (type == 'msg') {   // im-chat 消息监听
+    console.log('msg:===== ',data, args)
+    // const msgId = (args||[])[0].message_msg_id
+    const { msgKey:head, msgcontent:msg, senduserid:sendId, msgType } = data
+    switch(head) {
+      case MsgEnum.HEADS.MSG_classcourseopen:{ // 开课, 跳转公屏
+        const { classcourseid:id } = teacherForm.form
+        const { classcourseid: imId, status } = data
+        if (imId == id && status == 'open') {
+          classTeachingStart() // 开始跳转
+        }
+        break}
+      default:
+        console.log('未知消息:', data)
+        break
+    }
+  }
+}
+
+// 监听-班级id
+watch(() => classForm.form.classid, (val)=> {
+  // 获取选中课程
+  dt.atCourse = listData.classList.find(o => o.id === val) || {}
+  // 获取选中课程-学生列表
+  listData.activeStudentList = dt.atCourse?.classstudentlist || []
+  // 清空课程列表
+  listData.classcourseList = []
+  // 如果当前显示历史, 就从新获取
+  if (dt.isHistory) getClasscourseList()
+})
+// 监听-课程id
+watch(() => teacherForm.form.classcourseid, (val) => {
+  const bool = !!val
+  // 获取选中课程-生成二维码地址
+  bool && getQrUrl()
+  // 监听课程id，是否显示功能
+  teacherForm.itemOption.forEach(o => {
+    // 有课程id，触发
+    if (['qrUrl','backup'].includes(o.prop)) o.show = bool
+    // 课程id为空，触发
+    if (['mobile'].includes(o.prop)) o.show = !bool
+  })
+})
+// 暴露方法
+defineExpose({
+  open
+})
+</script>
+
+<style lang="scss" scoped>
+.class-all{
+  text-align: left;
+}
+</style>
--- a/src/renderer/src/views/desktop/container/work-trend.vue
+++ b/src/renderer/src/views/desktop/container/work-trend.vue
@ -10,6 +10,7 @@
      </el-radio-group>
    </div>
    <div class="item-content">
+      <el-button type="primary" size="small" @click.stop="initClass(item)">上课</el-button>
      <ul>
        <li class="flex class-item" v-for="item in classList" :key="item.id">
          <div class="class-left flex">
@ -24,19 +25,23 @@
            </div>
          </div>
          <div class="class-right">
-            <el-button type="primary" size="small">上课</el-button>
+            <el-button type="primary" size="small" @click.stop="initClass(item)">上课</el-button>
          </div>
        </li>
      </ul>
    </div>
  </div>
+  <!-- 上课配置 -->
+  <start-class ref="calssRef"/>
 </template>
 <script setup>
 import { ref, onMounted } from 'vue'
 import { getSelfReserv } from '@/api/classManage'
+import startClass from './class-start.vue'

  const type = ref(-1)
  const classList = ref([])
+  const calssRef = ref() // ref 获取组件实例

  // 获取上课
  const getClass = () =>{
@ -47,6 +52,10 @@ import { getSelfReserv } from '@/api/classManage'

    })
  }
+  // 上课Apt
+  const initClass = (item) =>{
+    calssRef.value.open()
+  }

  onMounted(()=>{
    getClass()
--- a/src/renderer/src/views/tool/components/imChat.vue
+++ b/src/renderer/src/views/tool/components/imChat.vue
@ -8,7 +8,7 @@ import { ipcMsgSend, ipcHandle, ipcMain, ipcMsgInvoke } from '@/utils/tool' //
 const userStore = useUserStore()
 const emits = defineEmits(['change'])
 const props = defineProps({
-  isGroup: { type: Boolean, default: false }, // 是否创建群
+  group: { type: Boolean, default: false }, // 是否创建群
 })
 const imChatObj = reactive({imChat:null})
 onMounted(() => {
@ -16,7 +16,7 @@ onMounted(() => {
 })
 // 初始化 im-chat
 const initImChat = async (timGroupId) => {
-  // console.log('im-chat', userStore.user.timuserid)
+  // console.log('im-chat', userStore.user.timuserid, props)
  try {
    const { timuserid, deptId, userId } = userStore.user
    // 获取腾讯云签名
@ -26,7 +26,6 @@ const initImChat = async (timGroupId) => {
      // 群名称
      const groupName = `${deptId}-classteaching-${userId}`
      // 注册im-chat
-      // await ipcMsgInvoke('im-chat:init', sdkAppId)
      imChatObj.imChat = new ImChat(sdkAppId, sign, timuserid)
      // 初始化 im-chat
      await imChatObj.imChat.init()
@ -37,11 +36,12 @@ const initImChat = async (timGroupId) => {
      })
      // 登录 im-chat(为了不漏消息，需要在登录之前-监听)
      await imChatObj.imChat.login()
+      // console.log('im-chat-login-success', userStore.user)
      // 创建群
-      if (!timGroupId||props.isGroup) { // 创建群
-        await createGroup(groupName)
-      } else { // 已有群-设置群id
+      if (timGroupId) { // 已有群-设置群id
        imChatObj.imChat.timGroupId = timGroupId
+      } else {
+        if (props.group) await createGroup(groupName) // 创建群
      }
      return imChatObj.imChat
    }
--- a/src/renderer/src/views/tool/sphere.vue
+++ b/src/renderer/src/views/tool/sphere.vue
@ -10,7 +10,7 @@
    <upvote-vue ref="upvoteRef" type="2"></upvote-vue>

    <!-- im-chat 聊天组件 -->
-    <im-chat ref="imChatRef" @change="chatChange" />
+    <im-chat ref="imChatRef" @change="chatChange" isGroup />

    <!-- 底部工具栏 -->
    <div class="tool-bottom-all" @mouseenter="mouseChange(0)" @mouseleave="mouseChange(1)">