From 91f742c2b6f316ff0794bf347f53fd80fd35b3b7 Mon Sep 17 00:00:00 2001
From: Wangwei <870653736@qq.com>
Date: Fri, 7 Jul 2023 17:33:33 +0800
Subject: [PATCH] =?UTF-8?q?DP-1750=20=E7=BA=BF=E4=B8=8A=E6=95=99=E5=AE=A4?=
 =?UTF-8?q?=E5=AD=A6=E5=91=98=E6=8E=88=E6=9D=83=E9=9C=80=E6=B1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/class/admin/student_admin_class.vue | 955 +++++++++---------
 1 file changed, 470 insertions(+), 485 deletions(-)

diff --git a/src/views/class/admin/student_admin_class.vue b/src/views/class/admin/student_admin_class.vue
index dc3d788..f20f719 100644
--- a/src/views/class/admin/student_admin_class.vue
+++ b/src/views/class/admin/student_admin_class.vue
@@ -1,152 +1,146 @@
 <template>
-
-    <div>
-      <div class="tab-header flex-3">
-       <li>
-            <el-button type="primary" size="medium" icon="el-icon-circle-plus" @click="dialogFormVisible = true">添加学生
-            </el-button>
-            <el-button type="danger" size="medium" icon="el-icon-delete" @click="handleClose()" class="mrt10">批量删除</el-button>
-       </li>
-        <li>
-            <el-input style="width: 200px; margin-right: 10px" placeholder="uid / 姓名" v-model="kw" @change="handleOption"
-              size="medium" clearable>
-              <template #prefix>
-                <i class="el-input__icon el-icon-search"></i>
-              </template>
-            </el-input>
-            <el-button size="medium" type="primary" icon="el-icon-search" @click="handleOption">搜索</el-button>
-        </li>
-      </div>
-
-      <el-table v-loading="loading" :data="tableData" tooltip-effect="dark" style="width: 100%" stripe
-        @selection-change="handleSelectionChange"  @cell-dblclick="openStudent">
-
-        <el-table-column type="selection" width="50">
-        </el-table-column>
-        <el-table-column prop="id" label="编号" width="80">
-        </el-table-column>
-
-        <el-table-column prop="uid" label="uid" >
-          <template #default='scope'>
-            <span>{{scope.row.uid}}</span>
-          </template>
-        </el-table-column>
-
-        <el-table-column prop="username" label="昵称">
-          <template #default='scope'>
-           <div>
-              <li>{{scope.row.username}}</li>
-              <a :href="com_shequ_url+'/u/'+scope.row.uid" target="_blank" class="col008 f12">查看主页</a>
-           </div>
-          </template>
-        </el-table-column>
-
-        <el-table-column prop="xs_name" label="姓名">
-        </el-table-column>
-
-        <el-table-column prop="gongsi" label="公司">
-          <template #default='scope'>
-            <el-popover effect="light" trigger="hover" placement="top" v-if="scope.row.gongsi">
-              <template #default>
-                <p>{{scope.row.gongsi}}</p>
-              </template>
-              <template #reference>
-                <div class="name-wrapper">
-                  <span class="hide-txt2">{{scope.row.gongsi}}</span>
-                </div>
-              </template>
-            </el-popover>
-            <span v-else>--</span>
-          </template>
-        </el-table-column>
-
-        <el-table-column prop="shouji" label="手机号" width="130px">
-        </el-table-column>
-
-        <el-table-column prop="pfenshu" label="学生动态" width="200px">
-          <template #default='scope'>
-            <div style="line-height: 28px;">
-              <a @click="getUserLog(scope.row.uid)" href="javascript:;" class="col008 item_log">观看记录（<span
-                  class="colff3">{{scope.row.logNum}}</span>）</a>
-              <span class="item_log">已看课时（<span class="colff3">{{scope.row.videoNum}}</span>）</span>
-              <span class="item_log">已提交作业（<span class="colff3">{{scope.row.workNum}}</span>）</span>
-              <span class="item_log">作业平均分：<span class="colff3">{{scope.row.pfenshu}}</span></span>
-            </div>
-          </template>
-        </el-table-column>
-
-
-        <el-table-column prop="beizhu" label="备注">
-          <template #default='scope'>
-            <el-popover effect="light" trigger="hover" placement="top" width="300px" v-if="scope.row.beizhu">
-              <template #default>
-                <p style=" padding:6px; line-height: 24px;">{{scope.row.beizhu}}</p>
-              </template>
-              <template #reference>
-                <div class="name-wrapper">
-                  <span class="hide-txt2">{{scope.row.beizhu}}</span>
-                </div>
-              </template>
-            </el-popover>
-            <span v-else>--</span>
+  <div>
+    <div class="tab-header flex-3">
+      <li>
+        <el-button type="primary" size="medium" icon="el-icon-circle-plus" @click="dialogFormVisible = true">添加学生 </el-button>
+        <el-button type="danger" size="medium" icon="el-icon-delete" @click="handleClose()" class="mrt10">批量删除</el-button>
+      </li>
+      <li>
+        <el-input style="width: 200px; margin-right: 10px" placeholder="uid / 姓名" v-model="kw" @change="handleOption" size="medium" clearable>
+          <template #prefix>
+            <i class="el-input__icon el-icon-search"></i>
           </template>
-        </el-table-column>
-
-        <el-table-column label="操作" fixed="right" >
-          <template #default="scope">
-            <el-button size="mini" type="primary" icon="el-icon-edit" circle @click="openStudent(scope.row)"></el-button>
-
-            <el-popconfirm title="确定删除该学生吗？" @confirm="handleClose(scope.row.id)">
-              <template #reference>
-                <el-button size="mini" type="danger" icon="el-icon-delete" circle></el-button>
-              </template>
-            </el-popconfirm>
-          </template>
-        </el-table-column>
-
-      </el-table>
-
-      <!--总数超过一页，再展示分页器-->
-      <div class="myel-pg-lf">
-        <el-pagination background @size-change="handleSizeChange" layout="total, prev, pager, next,jumper" :total="total"
-          :page-size="perpage" :current-page="page" @current-change="changePage" />
-      </div>
+        </el-input>
+        <el-button size="medium" type="primary" icon="el-icon-search" @click="handleOption">搜索</el-button>
+      </li>
     </div>
 
-
-    <!-- 报名弹出层 -->
-    <el-dialog title="添加学生" v-model="dialogFormVisible" width="650px" center custom-class="sign-form">
-      <el-form :model="numbereRef" :rules="rules" label-position="right" ref="numberValidateRef">
-        <el-form-item label="学生uid" prop="uids">
-          <el-input type="textarea" v-model="numbereRef.uids" class="key-input" placeholder="输入学生的社区用户uid"></el-input>
-        </el-form-item>
-        <div class="col7e8" style="line-height: 24px">
-          <p>支持批量添加，例：101,102,103（多个uid用英文逗号隔开）</p>
-        </div>
-      </el-form>
-
-      <template #footer>
-        <span class="dialog-footer">
-          <el-button @click="dialogFormVisible = false">取 消</el-button>
-          <el-button type="primary" @click="submitForm">确 定</el-button>
-        </span>
-      </template>
-    </el-dialog>
-
-
-    <!-- 编辑弹出层 -->
-    <el-dialog :title="'编辑学生：'+modEdit.username" v-model="dialogEdit" width="650px" center custom-class="sign-form">
-      <el-form :model="modEdit" label-position="right" label-width="100px">
-
-        <el-form-item label="姓名" prop="xs_name">
-          <el-input class="key-input" v-model="modEdit.xs_name"></el-input>
-        </el-form-item>
-        <el-form-item label="公司" prop="gongsi">
-          <el-input class="key-input" v-model="modEdit.gongsi"></el-input>
-        </el-form-item>
-
-
-        <!-- <el-select v-model="modEdit.gangwei" multiple placeholder="岗位" class="fl">
+    <el-table v-loading="loading" :data="tableData" tooltip-effect="dark" style="width: 100%" stripe @selection-change="handleSelectionChange" @cell-dblclick="openStudent">
+      <el-table-column type="selection" width="50"> </el-table-column>
+      <el-table-column prop="id" label="编号" width="80"> </el-table-column>
+
+      <el-table-column prop="uid" label="uid">
+        <template #default="scope">
+          <span>{{ scope.row.uid }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column prop="username" label="昵称">
+        <template #default="scope">
+          <div>
+            <li>{{ scope.row.username }}</li>
+            <a :href="com_shequ_url + '/u/' + scope.row.uid" target="_blank" class="col008 f12">查看主页</a>
+          </div>
+        </template>
+      </el-table-column>
+
+      <el-table-column prop="xs_name" label="姓名"> </el-table-column>
+
+      <el-table-column prop="gongsi" label="公司">
+        <template #default="scope">
+          <el-popover effect="light" trigger="hover" placement="top" v-if="scope.row.gongsi">
+            <template #default>
+              <p>{{ scope.row.gongsi }}</p>
+            </template>
+            <template #reference>
+              <div class="name-wrapper">
+                <span class="hide-txt2">{{ scope.row.gongsi }}</span>
+              </div>
+            </template>
+          </el-popover>
+          <span v-else>--</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column prop="shouji" label="手机号" width="130px"> </el-table-column>
+
+      <el-table-column prop="pfenshu" label="学生动态" width="200px">
+        <template #default="scope">
+          <div style="line-height: 28px;">
+            <a @click="getUserLog(scope.row.uid)" href="javascript:;" class="col008 item_log"
+              >观看记录（<span class="colff3">{{ scope.row.logNum }}</span
+              >）</a
+            >
+            <span class="item_log"
+              >已看课时（<span class="colff3">{{ scope.row.videoNum }}</span
+              >）</span
+            >
+            <span class="item_log"
+              >已提交作业（<span class="colff3">{{ scope.row.workNum }}</span
+              >）</span
+            >
+            <span class="item_log"
+              >作业平均分：<span class="colff3">{{ scope.row.pfenshu }}</span></span
+            >
+          </div>
+        </template>
+      </el-table-column>
+
+      <el-table-column prop="beizhu" label="备注">
+        <template #default="scope">
+          <el-popover effect="light" trigger="hover" placement="top" width="300px" v-if="scope.row.beizhu">
+            <template #default>
+              <p style=" padding:6px; line-height: 24px;">{{ scope.row.beizhu }}</p>
+            </template>
+            <template #reference>
+              <div class="name-wrapper">
+                <span class="hide-txt2">{{ scope.row.beizhu }}</span>
+              </div>
+            </template>
+          </el-popover>
+          <span v-else>--</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="操作" fixed="right">
+        <template #default="scope">
+          <el-button size="mini" type="primary" icon="el-icon-edit" circle @click="openStudent(scope.row)"></el-button>
+
+          <el-popconfirm title="确定删除该学生吗？" @confirm="handleClose(scope.row.id)">
+            <template #reference>
+              <el-button size="mini" type="danger" icon="el-icon-delete" circle></el-button>
+            </template>
+          </el-popconfirm>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!--总数超过一页，再展示分页器-->
+    <div class="myel-pg-lf">
+      <el-pagination background @size-change="handleSizeChange" layout="total, prev, pager, next,jumper" :total="total" :page-size="perpage" :current-page="page" @current-change="changePage" />
+    </div>
+  </div>
+
+  <!-- 报名弹出层 -->
+  <el-dialog title="添加学生" v-model="dialogFormVisible" width="650px" center custom-class="sign-form">
+    <el-form :model="numbereRef" :rules="rules" label-position="right" ref="numberValidateRef">
+      <el-form-item label="手机号" prop="uids">
+        <el-input type="textarea" v-model="numbereRef.uids" class="key-input" placeholder="输入学生的手机号"></el-input>
+      </el-form-item>
+      <div class="col7e8" style="line-height: 24px">
+        <p>支持批量添加，例：15900012345,158xxx,...（多个手机号用英文逗号隔开）</p>
+      </div>
+    </el-form>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取 消</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+      </span>
+    </template>
+  </el-dialog>
+
+  <!-- 编辑弹出层 -->
+  <el-dialog :title="'编辑学生：' + modEdit.username" v-model="dialogEdit" width="650px" center custom-class="sign-form">
+    <el-form :model="modEdit" label-position="right" label-width="100px">
+      <el-form-item label="姓名" prop="xs_name">
+        <el-input class="key-input" v-model="modEdit.xs_name"></el-input>
+      </el-form-item>
+      <el-form-item label="公司" prop="gongsi">
+        <el-input class="key-input" v-model="modEdit.gongsi"></el-input>
+      </el-form-item>
+
+      <!-- <el-select v-model="modEdit.gangwei" multiple placeholder="岗位" class="fl">
             <el-option :key="2" label="业务人员" :value="2"></el-option>
             <el-option :key="3" label="技术人员" :value="3"></el-option>
             <el-option :key="4" label="CIO或CTO等高层人员" :value="4"></el-option>
@@ -155,353 +149,344 @@
             <el-option :key="1" label="其他" :value="1"></el-option>
         </el-select> -->
 
-
-        <el-form-item label="手机" prop="shouji">
-          <el-input class="key-input" v-model="modEdit.shouji"></el-input>
-        </el-form-item>
-
-        <el-form-item label="备注" prop="beizhu">
-          <el-input type="textarea" class="key-input" v-model="modEdit.beizhu">
-          </el-input>
-        </el-form-item>
-        <el-input type="hidden" class="key-input" v-model="modEdit.id" :value="modEdit.id"></el-input>
-
-      </el-form>
-
-      <template #footer>
-        <span class="dialog-footer">
-          <el-button @click="dialogEdit = false">取 消</el-button>
-          <el-button type="primary" @click="eidtForm">确 定</el-button>
-        </span>
-      </template>
-    </el-dialog>
-
-    <el-dialog :title="username+'的观看记录'" v-model="dialogUidLog" width="1100px">
-      <el-table :data="uidLog" v-loading="loading">
-        <el-table-column property="title" label="课时名称"></el-table-column>
-        <el-table-column property="videotime1" label="课时时长">
-          <template #default='scope'>
-            <span v-if="scope.row.videotime1">{{scope.row.videotime1}}:</span>
-            <span v-else>{{scope.row.videotime2}}:{{scope.row.videotime3}}</span>
-          </template>
-        </el-table-column>
-        <el-table-column property="sum" label="观看总时长"></el-table-column>
-        <el-table-column property="id" label="开始观看时间">
-          <template #default='scope'>
-            <div v-for="(item, i) in scope.row.item" :key="i">
-              {{item.startTime}}
-            </div>
-          </template>
-        </el-table-column>
-        <el-table-column property="id" label="本次观看时长">
-          <template #default='scope'>
-            <div v-for="(item, i) in scope.row.item" :key="i">
-              {{item.onetime}}
-            </div>
-          </template>
-        </el-table-column>
-      </el-table>
-    </el-dialog>
-
-  </template>
-
-
-
-  <script>
-    import { useRoute } from 'vue-router'
-    import { studentList, addStudent, getStudent, editStudent, delStudent,studyLog } from "@/api/study_admin";
-    import { ref, toRefs, reactive, getCurrentInstance, nextTick } from 'vue';
-    import store from '@/store'
-    import { _debounce } from "@/utils/debounce";
-    export default {
-      name: 'class_homework',
-      setup() {
-        const { proxy } = getCurrentInstance()
-        const route = useRoute()
-        const classid = route.params.classid;
-        const state = reactive({
-          headers: {
-            'authentication': store.getters.get_authentication
-          },
-          loading: true,
-          tableData: [], // 数据列表
-          multipleSelection: [], // 选中项
-          total: 0, // 总条数
-          page: 1, // 当前页
-          perpage: 10, // 分页大小
-          id: '',
-          kw: '',
-          dialogFormVisible: false,
-          dialogEdit: false,
-          dialogUidLog: false,
-          numbereRef: {
-            uids: ''
-          },
-          rules: {
-            uids: [
-              { required: true, message: '请输入学生uid', trigger: 'blur' },
-            ],
-          },
-          rowStudent: {},
-          modEdit: {
-            id: '',
-            xs_name: '',
-            gongsi: '',
-            gangwei: '',
-            shouji: '',
-            fenshu: '',
-            beizhu: '',
-          },
-          uidLog:[],
-          alltime:'',
-          username:'',
-        })
-
-        // 获取学生列表
-        const getStudentList = async () => {
-          state.loading = true
-          const params = {
-            page: state.page,
-            perpage: state.perpage,
-            id: state.id,
-            kw: state.kw,
-          }
-          const res = await studentList(classid, params);
-          if (res.code === 200) {
-            state.tableData = res.data.data
-            state.total = res.data.total
-            state.page = res.data.current_page
-            state.loading = false
-          }
-        };
+      <el-form-item label="手机" prop="shouji">
+        <el-input class="key-input" v-model="modEdit.shouji"></el-input>
+      </el-form-item>
+
+      <el-form-item label="备注" prop="beizhu">
+        <el-input type="textarea" class="key-input" v-model="modEdit.beizhu"> </el-input>
+      </el-form-item>
+      <el-input type="hidden" class="key-input" v-model="modEdit.id" :value="modEdit.id"></el-input>
+    </el-form>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="dialogEdit = false">取 消</el-button>
+        <el-button type="primary" @click="eidtForm">确 定</el-button>
+      </span>
+    </template>
+  </el-dialog>
+
+  <el-dialog :title="username + '的观看记录'" v-model="dialogUidLog" width="1100px">
+    <el-table :data="uidLog" v-loading="loading">
+      <el-table-column property="title" label="课时名称"></el-table-column>
+      <el-table-column property="videotime1" label="课时时长">
+        <template #default="scope">
+          <span v-if="scope.row.videotime1">{{ scope.row.videotime1 }}:</span>
+          <span v-else>{{ scope.row.videotime2 }}:{{ scope.row.videotime3 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column property="sum" label="观看总时长"></el-table-column>
+      <el-table-column property="id" label="开始观看时间">
+        <template #default="scope">
+          <div v-for="(item, i) in scope.row.item" :key="i">
+            {{ item.startTime }}
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column property="id" label="本次观看时长">
+        <template #default="scope">
+          <div v-for="(item, i) in scope.row.item" :key="i">
+            {{ item.onetime }}
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+  </el-dialog>
+</template>
+
+<script>
+import { useRoute } from "vue-router";
+import { studentList, addStudent, getStudent, editStudent, delStudent, studyLog } from "@/api/study_admin";
+import { ref, toRefs, reactive, getCurrentInstance, nextTick } from "vue";
+import store from "@/store";
+import { _debounce } from "@/utils/debounce";
+export default {
+  name: "class_homework",
+  setup() {
+    const { proxy } = getCurrentInstance();
+    const route = useRoute();
+    const classid = route.params.classid;
+    const state = reactive({
+      headers: {
+        authentication: store.getters.get_authentication,
+      },
+      loading: true,
+      tableData: [], // 数据列表
+      multipleSelection: [], // 选中项
+      total: 0, // 总条数
+      page: 1, // 当前页
+      perpage: 10, // 分页大小
+      id: "",
+      kw: "",
+      dialogFormVisible: false,
+      dialogEdit: false,
+      dialogUidLog: false,
+      numbereRef: {
+        uids: "",
+      },
+      rules: {
+        uids: [{ required: true, message: "请输入学生手机号", trigger: "blur" }],
+      },
+      rowStudent: {},
+      modEdit: {
+        id: "",
+        xs_name: "",
+        gongsi: "",
+        gangwei: "",
+        shouji: "",
+        fenshu: "",
+        beizhu: "",
+      },
+      uidLog: [],
+      alltime: "",
+      username: "",
+    });
+
+    // 获取学生列表
+    const getStudentList = async () => {
+      state.loading = true;
+      const params = {
+        page: state.page,
+        perpage: state.perpage,
+        id: state.id,
+        kw: state.kw,
+      };
+      const res = await studentList(classid, params);
+      if (res.code === 200) {
+        state.tableData = res.data.data;
+        state.total = res.data.total;
+        state.page = res.data.current_page;
+        state.loading = false;
+      }
+    };
+    getStudentList();
+
+    // 观看记录
+    const getUserLog = async (uid) => {
+      state.loading = true;
+      const res = await studyLog(classid, uid);
+      if (res.code === 200) {
+        state.uidLog = res.data.data;
+        state.alltime = res.data.alltime;
+        state.username = res.data.username;
+        state.dialogUidLog = true;
+        state.loading = false;
+      }
+    };
+
+    // 设置当前查看的数据item
+    const setItem = (item) => {
+      state.item = item;
+      state.isShowItem = true;
+    };
+
+    const handleOption = () => {
+      state.page = 1;
+      getStudentList();
+    };
+
+    // 选择项
+    const handleSelectionChange = (val) => {
+      state.multipleSelection = val;
+    };
+    const changePage = (val) => {
+      state.page = val;
+      getStudentList();
+    };
+    // 每页显示条数
+    const handleSizeChange = (val) => {
+      state.perpage = val;
+      getStudentList();
+    };
+
+    // 删除学生
+    const resdelStudent = async (params) => {
+      const res = await delStudent(classid, params);
+      if (res.code === 200) {
+        proxy.$message({
+          type: "success",
+          message: "删除成功",
+          center: true,
+        });
         getStudentList();
-
-        // 观看记录
-        const getUserLog = async (uid) => {
-          state.loading = true
-          const res = await studyLog(classid, uid);
-          if (res.code === 200) {
-            state.uidLog = res.data.data;
-            state.alltime = res.data.alltime;
-            state.username = res.data.username;
-            state.dialogUidLog=true;
-            state.loading = false
-          }
-        };
-
-        // 设置当前查看的数据item
-        const setItem = (item) => {
-          state.item = item
-          state.isShowItem = true
-        }
-
-        const handleOption = () => {
-          state.page = 1
-          getStudentList()
-        }
-
-
-        // 选择项
-        const handleSelectionChange = (val) => {
-          state.multipleSelection = val
-        }
-        const changePage = (val) => {
-          state.page = val
-          getStudentList()
-        }
-        // 每页显示条数
-        const handleSizeChange = (val) => {
-          state.perpage = val
-          getStudentList()
+      }
+    };
+
+    const handleClose = (id) => {
+      let params;
+      if (id) {
+        params = [id];
+      } else {
+        if (!state.multipleSelection.length) {
+          proxy.$message({
+            type: "error",
+            message: "请选择编号",
+            center: true,
+          });
+          return;
         }
+        params = state.multipleSelection.map((i) => i.id);
+      }
 
-        // 删除学生
-        const resdelStudent = async (params) => {
-          const res = await delStudent(classid, params);
-          if (res.code === 200) {
-            proxy.$message({
-              type: 'success',
-              message: '删除成功',
-              center: true
-            });
-            getStudentList()
-          }
-        };
-
-        const handleClose = (id) => {
-          let params
-          if (id) {
-            params = [id]
-          } else {
-            if (!state.multipleSelection.length) {
+      proxy
+        .$confirm("此操作将永久删除, 是否继续?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+        .then(() => {
+          resdelStudent(params);
+        })
+        .catch(() => {});
+    };
+
+    // 添加学生
+    const submitForm = _debounce(() => {
+      _submitForm();
+    }, 300);
+    const numberValidateRef = ref(null);
+    const _submitForm = () => {
+      nextTick(() => {
+        numberValidateRef.value.validate(async (valid) => {
+          if (valid) {
+            const params = {
+              uids: state.numbereRef.uids,
+            };
+            const res = await addStudent(classid, params);
+            if (res.message === "success") {
+              state.dialogFormVisible = false;
               proxy.$message({
-                type: 'error',
-                message: '请选择编号',
-                center: true
+                type: "success",
+                message: "添加成功",
+                center: true,
               });
-              return
+              setTimeout(function() {
+                getStudentList();
+              }, 100);
             }
-            params = state.multipleSelection.map(i => i.id)
           }
-
-          proxy.$confirm('此操作将永久删除, 是否继续?', '提示', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
-            type: 'warning'
-          }).then(() => {
-            resdelStudent(params);
-          }).catch(() => {
-          });
-
-
-        }
-
-        // 添加学生
-        const submitForm = _debounce(() => {
-          _submitForm();
-        }, 300)
-        const numberValidateRef = ref(null);
-        const _submitForm = () => {
-          nextTick(() => {
-            numberValidateRef.value.validate(async (valid) => {
-              if (valid) {
-                const params = {
-                  uids: state.numbereRef.uids,
-                }
-                const res = await addStudent(classid, params)
-                if (res.message === 'success') {
-                  state.dialogFormVisible = false;
-                  proxy.$message({
-                    type: 'success',
-                    message: '添加成功',
-                    center: true
-                  });
-                  setTimeout(function () {
-                    getStudentList()
-                  }, 100);
-                }
-              }
-            });
-          })
-        }
-
-        // 获取学生列表
-        const resgetStudent = async (id) => {
-          const res = await getStudent(classid, id);
-          if (res.code === 200) {
-            state.modEdit = res.data
-            state.dialogEdit = true
-          }
-        };
-
-        // 编辑学生
-        const reseditStudent = async () => {
-          const params = {
-            data: state.modEdit,
-          }
-          const res = await editStudent(classid, params);
-          if (res.code === 200) {
-            state.dialogEdit = false;
-            proxy.$message({
-              type: 'success',
-              message: '编辑成功',
-              center: true
-            });
-            getStudentList()
-          }
-        };
-
-        const getid = (id) => {
-          resgetStudent(id);
-        }
-        const eidtForm = () => {
-          reseditStudent();
-        }
-
-        const openStudent = (row) => {
-        state.modEdit = row;
+        });
+      });
+    };
+
+    // 获取学生列表
+    const resgetStudent = async (id) => {
+      const res = await getStudent(classid, id);
+      if (res.code === 200) {
+        state.modEdit = res.data;
         state.dialogEdit = true;
       }
-
-        return {
-          ...toRefs(state),
-          classid,
-          setItem,
-          handleSelectionChange,
-          getStudentList,
-          changePage,
-          handleOption,
-          handleClose,
-          handleSizeChange,
-          numberValidateRef,
-          submitForm,
-          getid,
-          eidtForm,
-          getUserLog,
-          openStudent,
-        }
-      }
-    }
-  </script>
-
-  <style lang="scss" scoped>
-    .item_log {
-      width: 120px;
-      display: inline-block;
-    }
-
-    .tab-header {
-      padding: 24px 0 10px 0;
-    }
-
-    .ptlist {
-      padding: 6px 0;
-      overflow-y: auto;
-      font-size: 14px;
-
-      li {
-        padding: 2px 0;
+    };
+
+    // 编辑学生
+    const reseditStudent = async () => {
+      const params = {
+        data: state.modEdit,
+      };
+      const res = await editStudent(classid, params);
+      if (res.code === 200) {
+        state.dialogEdit = false;
+        proxy.$message({
+          type: "success",
+          message: "编辑成功",
+          center: true,
+        });
+        getStudentList();
       }
-    }
-
-    .ifprt {
-      padding-right: 10px !important;
-    }
-
-    .infobox {
-      line-height: 24px;
-      padding: 0 20px;
-    }
-
-    .scrollbar {
-      height: 106px;
-      overflow: hidden;
-    }
-
-    .min-pd {
-      padding: 6px 10px;
-    }
-
-    ::v-deep .el-scrollbar__wrap {
-      max-height: 300px;
-      overflow-x: hidden;
-    }
-
-    ::v-deep .el-icon-close {
-      display: none !important;
-    }
-
-    ::v-deep .el-icon-close-tip {
-      display: none !important;
-    }
-
-    ::v-deep .el-button i {
-      line-height: 0;
-    }
-  </style>
-
-  <style>
-    .el-dialog__body {
-      padding: 20px 30px 30px 30px;
-    }
-  </style>
+    };
+
+    const getid = (id) => {
+      resgetStudent(id);
+    };
+    const eidtForm = () => {
+      reseditStudent();
+    };
+
+    const openStudent = (row) => {
+      state.modEdit = row;
+      state.dialogEdit = true;
+    };
+
+    return {
+      ...toRefs(state),
+      classid,
+      setItem,
+      handleSelectionChange,
+      getStudentList,
+      changePage,
+      handleOption,
+      handleClose,
+      handleSizeChange,
+      numberValidateRef,
+      submitForm,
+      getid,
+      eidtForm,
+      getUserLog,
+      openStudent,
+    };
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.item_log {
+  width: 120px;
+  display: inline-block;
+}
+
+.tab-header {
+  padding: 24px 0 10px 0;
+}
+
+.ptlist {
+  padding: 6px 0;
+  overflow-y: auto;
+  font-size: 14px;
+
+  li {
+    padding: 2px 0;
+  }
+}
+
+.ifprt {
+  padding-right: 10px !important;
+}
+
+.infobox {
+  line-height: 24px;
+  padding: 0 20px;
+}
+
+.scrollbar {
+  height: 106px;
+  overflow: hidden;
+}
+
+.min-pd {
+  padding: 6px 10px;
+}
+
+::v-deep .el-scrollbar__wrap {
+  max-height: 300px;
+  overflow-x: hidden;
+}
+
+::v-deep .el-icon-close {
+  display: none !important;
+}
+
+::v-deep .el-icon-close-tip {
+  display: none !important;
+}
+
+::v-deep .el-button i {
+  line-height: 0;
+}
+</style>
+
+<style>
+.el-dialog__body {
+  padding: 20px 30px 30px 30px;
+}
+</style>