websocket定时ping

fuliqi

2024-10-28 296e4072a15c6e15ba915144fa385ee4afb3c988

 src/views/class-management/Class.vue

@@ -13,7 +13,7 @@
    <div>
      <el-form :inline="true" :model="searchForm" class="demo-form-inline">
        <el-form-item label="班级名称">
          <el-input v-model="searchForm.className" size="small" clearable @clear="page"
          <el-input v-model="searchForm.className" size="small" clearable @clear="page" @input="page"
                    placeholder="班级名称"></el-input>
        </el-form-item>
        <el-form-item label="班级状态">
@@ -23,7 +23,7 @@
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="page">查询</el-button>
          <el-button type="primary" size="small" @click="page">查询</el-button>
        </el-form-item>
      </el-form>
    </div>
@@ -88,14 +88,14 @@
        fixed="right"
      >
        <template slot-scope="scope">
          <el-button v-if="scope.row.status !== '解散'" size="small" @click="handlerEdit(scope.row)"
          <el-button v-show="scope.row.status !== '解散'" size="small" @click="handlerEdit(scope.row)"
                     type="primary">修改
          </el-button>
          <el-button v-if="scope.row.status !== '解散'" size="small" type="warning">班级验证</el-button>
          <el-button v-if="scope.row.status !== '解散'" size="small" @click="handlerOpenNotify(scope.row)"
          <el-button v-show="scope.row.status !== '解散'" size="small" type="warning">班级验证</el-button>
          <el-button v-show="scope.row.status !== '解散'" size="small" @click="handlerOpenNotify(scope.row)"
                     type="info">通知
          </el-button>
          <el-button v-if="scope.row.status !== '解散'" @click="studentManager(scope.row.id)" size="small"
          <el-button v-show="scope.row.status !== '解散'" @click="studentManager(scope.row.id,scope.row.className)" size="small"
                     type="success">成员管理
          </el-button>
          <el-popconfirm
@@ -103,7 +103,7 @@
            title="确定要解散该班级？"
            @confirm="dissolution(scope.row.id)"
          >
            <el-button slot="reference" v-if="scope.row.status !== '解散'" type="danger"
            <el-button slot="reference" v-show="scope.row.status !== '解散'" type="danger"
                       size="small">解散
            </el-button>
          </el-popconfirm>
@@ -112,7 +112,7 @@
            title="确定要恢复该班级吗？"
            @confirm="recover(scope.row.id)"
          >
            <el-button slot="reference" v-if="scope.row.status === '解散'" type="success"
            <el-button slot="reference" v-show="scope.row.status === '解散'" type="success"
                       size="small">恢复正常
            </el-button>
          </el-popconfirm>
@@ -127,7 +127,8 @@
      title="班级通知"
      :visible.sync="notifyOpen"
      width="600px"
      :before-close="handleClose">
      :before-close="handleNotifyClose"
      :close-on-click-modal="false">
      <el-form :model="notifyForm" :rules="notifyRules" ref="notifyForm" label-width="100px" class="demo-ruleForm">
        <el-form-item label="通知班级：" prop="className">
          <span>{{ notifyForm.className }}</span>
@@ -321,7 +322,7 @@
        this.page()
      })
    },
    recover(id) {
    recover (id) {
      recover(id).then(res => {
        this.$message.success(res.data.message)
        this.page()
@@ -331,18 +332,28 @@
      this.form = row
      this.open = true
    },
    handleClose (done) {
    handleClose () {
      this.open = false
      this.resetForm()
      done()
    },
    handleNotifyClose () {
      this.notifyOpen = false
      this.resetNotifyForm()
    },
    resetNotifyForm () {
      this.notifyForm = {
        className: '',
        notifyContent: '',
        classesId: null
      }
    },
    handlerAdd () {
      this.open = true
      this.title = '新增班级'
    },
    // 跳转(查看班级人员情况)
    studentManager (classesId) {
      this.$router.push({ path: '/classes/class-management/Class-staff', query: { classesId: classesId } })
    studentManager (classesId,className) {
      this.$router.push({ path: '/classes/class-management/Class-staff', query: { classesId: classesId, className: className } })
    },
    // 返回上一个页面
    goBack () {