选课手机端报名

src/pages/xdjx/stxkgl/kcxkgl/detail/register.vue

@@ -12,7 +12,7 @@
         <remote-select to="grade" v-model="ruleForm.grade_id" v-model:modelName="ruleForm.grade_name"></remote-select>
       </el-form-item>
       <el-form-item label="班级：" prop="class_id">
-        <el-select v-model="ruleForm.class_id" placeholder="请选择" @change="initClassName" style="width: 100%;">
+        <el-select v-model="ruleForm.class_id" placeholder="请选择" @change="initClassName" clearable style="width: 100%;">
           <el-option v-for="item in classData" :key="item.class_id" :label="item.class_name" :value="item.class_num" />
         </el-select>
         <!-- <remote-select to="class" v-model="ruleForm.class_id" v-model:modelName="ruleForm.class_name" :d="{grade_id: ruleForm.grade_id}"></remote-select> -->
@@ -94,9 +94,8 @@ export default {
       });
     },
     init() {
-      for (let key in this.ruleForm) {
-        this.ruleForm[key] = "";
-      }
+      this.$refs.addForm?.resetFields();
+
       this.ruleForm.xsxk_id = this.$route.query.aid;
       this.token = this.$route.query.token;
     }

src/pages/xdjx/stxkgl/kcxkgl/detail/xkqk.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import QrcodeVue from "qrcode.vue";
-import { ref, getCurrentInstance, reactive } from "vue";
+import { ref, getCurrentInstance, reactive, watch } from "vue";
 import { useRouter } from "vue-router";
 import request, { download } from "~/utils/request";
 import { pick } from "lodash-es";
@@ -464,6 +464,29 @@ const handleMoveChange = (
   dialogForm_Data_move.value["xjj_zgbh"] = item.xjj_zgbh;
 };
 // #endregion
+
+const classData = ref([]);
+watch(
+  () => queryForm_Data.value.grade_id,
+  (newValue, oldValue) => {
+    classData.value = [];
+    queryForm_Data.value.class_id = "";
+    if (newValue) {
+      initClass();
+    }
+  },
+  { immediate: true }
+);
+
+async function initClass() {
+  let res = await request({
+    url: "/jcxx/class/index",
+    data: { grade_id: queryForm_Data.value.grade_id, limit: "100" },
+  });
+  if (res.code == 1) {
+    classData.value = res.data.page_data;
+  }
+}
 </script>
 
 <template>
@@ -481,10 +504,22 @@ const handleMoveChange = (
         <remote-select to="grade" v-model="queryForm_Data.grade_id" v-model:modelName="queryForm_Data.grade_name"></remote-select>
       </el-form-item> -->
       <!-- <el-form-item label="班级编号"><el-input v-model="queryForm_Data.class_id" clearable /></el-form-item> -->
-      <el-form-item label="班级名称">
-        <!-- <el-input v-model="queryForm_Data.class_name" clearable /> -->
+      <!-- <el-form-item label="班级名称">
         <remote-cascader-class v-model="queryForm_Data.class_id" v-model:modelName="queryForm_Data.class_name">
         </remote-cascader-class>
+      </el-form-item> -->
+      <el-form-item label="年级名称">
+        <!-- <el-input v-model="queryForm_Data.grade_name" clearable /> -->
+        <remote-select to="grade" v-model="queryForm_Data.grade_id"></remote-select>
+      </el-form-item>
+      <!-- <el-form-item label="班级编号">
+        <el-input v-model="queryForm_Data.class_id" clearable />
+      </el-form-item> -->
+      <el-form-item label="班级名称">
+        <!-- <remote-cascader-class v-model="queryForm_Data.class_id" clearable /> -->
+        <el-select v-model="queryForm_Data.class_id" placeholder="请选择" clearable>
+          <el-option v-for="item in classData" :key="item.class_id" :label="item.class_name" :value="item.class_num" />
+        </el-select>
       </el-form-item>
       <!-- <el-form-item label="选择课程">
         <remote-select url="/xdjx/stxkgl_kcxkgl/index" :fields="['xsxk_id', 'xsxk_kcmc']"

src/pages/xdjx/stxkgl/njxskcpjb.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 // import { ref } from "vue";
 // import request, { download } from '~/utils/request';
-import { ref, getCurrentInstance, reactive } from "vue";
+import { ref, getCurrentInstance, reactive, watch } from "vue";
 import { useRouter } from "vue-router";
 import request, { download } from "~/utils/request";
 import { pick } from "lodash-es";
@@ -330,6 +330,29 @@ async function init() {
 }
 init();
 // #endregion
+
+const classData = ref([]);
+watch(
+  () => queryForm_Data.value.grade_id,
+  (newValue, oldValue) => {
+    classData.value = [];
+    queryForm_Data.value.class_id = "";
+    if (newValue) {
+      initClass();
+    }
+  },
+  { immediate: true }
+);
+
+async function initClass() {
+  let res = await request({
+    url: "/jcxx/class/index",
+    data: { grade_id: queryForm_Data.value.grade_id, limit: "100" },
+  });
+  if (res.code == 1) {
+    classData.value = res.data.page_data;
+  }
+}
 </script>
 
 <template>
@@ -379,7 +402,10 @@ init();
         <el-input v-model="queryForm_Data.class_id" clearable />
       </el-form-item> -->
       <el-form-item label="班级名称">
-        <remote-cascader-class v-model="queryForm_Data.class_id" clearable />
+        <!-- <remote-cascader-class v-model="queryForm_Data.class_id" clearable /> -->
+        <el-select v-model="queryForm_Data.class_id" placeholder="请选择" clearable>
+          <el-option v-for="item in classData" :key="item.class_id" :label="item.class_name" :value="item.class_num" />
+        </el-select>
       </el-form-item>
       <!-- <el-form-item label="所属课程编号">
         <el-input v-model="queryForm_Data.xsxk_id" clearable />

src/pages/xdjx/stxkgl/xktj/tjsh.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, getCurrentInstance, reactive } from "vue";
+import { ref, getCurrentInstance, reactive, watch } from "vue";
 import { useRouter } from "vue-router";
 import request, { download } from "~/utils/request";
 import { pick } from "lodash-es";
@@ -339,6 +339,29 @@ function init() {
 }
 init();
 // #endregion
+
+const classData = ref([]);
+watch(
+  () => queryForm_Data.value.grade_id,
+  (newValue, oldValue) => {
+    classData.value = [];
+    queryForm_Data.value.class_id = "";
+    if (newValue) {
+      initClass();
+    }
+  },
+  { immediate: true }
+);
+
+async function initClass() {
+  let res = await request({
+    url: "/jcxx/class/index",
+    data: { grade_id: queryForm_Data.value.grade_id, limit: "100" },
+  });
+  if (res.code == 1) {
+    classData.value = res.data.page_data;
+  }
+}
 </script>
 
 <template>
@@ -357,10 +380,22 @@ init();
         <el-input v-model="queryForm_Data.grade_name" clearable />
       </el-form-item> -->
       <!-- <el-form-item label="班级编号"><el-input v-model="queryForm_Data.class_id" clearable /></el-form-item> -->
-      <el-form-item label="班级名称">
-        <!-- <el-input v-model="queryForm_Data.class_name" clearable /> -->
+      <!-- <el-form-item label="班级名称">
         <remote-cascader-class v-model="queryForm_Data.class_id" v-model:modelName="queryForm_Data.class_name">
         </remote-cascader-class>
+      </el-form-item> -->
+      <el-form-item label="年级名称">
+        <!-- <el-input v-model="queryForm_Data.grade_name" clearable /> -->
+        <remote-select to="grade" v-model="queryForm_Data.grade_id"></remote-select>
+      </el-form-item>
+      <!-- <el-form-item label="班级编号">
+        <el-input v-model="queryForm_Data.class_id" clearable />
+      </el-form-item> -->
+      <el-form-item label="班级名称">
+        <!-- <remote-cascader-class v-model="queryForm_Data.class_id" clearable /> -->
+        <el-select v-model="queryForm_Data.class_id" placeholder="请选择" clearable>
+          <el-option v-for="item in classData" :key="item.class_id" :label="item.class_name" :value="item.class_num" />
+        </el-select>
       </el-form-item>
       <!-- <el-form-item label="申请课程">
         <el-input v-model="queryForm_Data.xsxt_sqkc" clearable />

src/pages/xdjx/stxkgl/xktj/xkqk.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, getCurrentInstance, reactive } from "vue";
+import { ref, getCurrentInstance, reactive, watch } from "vue";
 import { useRouter } from "vue-router";
 import request, { download } from "~/utils/request";
 import { pick } from "lodash-es";
@@ -454,6 +454,29 @@ const handleMoveChange = (
   dialogForm_Data_move.value["xjj_zgbh"] = item.xjj_zgbh;
 };
 // #endregion
+
+const classData = ref([]);
+watch(
+  () => queryForm_Data.value.grade_id,
+  (newValue, oldValue) => {
+    classData.value = [];
+    queryForm_Data.value.class_id = "";
+    if (newValue) {
+      initClass();
+    }
+  },
+  { immediate: true }
+);
+
+async function initClass() {
+  let res = await request({
+    url: "/jcxx/class/index",
+    data: { grade_id: queryForm_Data.value.grade_id, limit: "100" },
+  });
+  if (res.code == 1) {
+    classData.value = res.data.page_data;
+  }
+}
 </script>
 
 <template>
@@ -471,10 +494,22 @@ const handleMoveChange = (
         <remote-select to="grade" v-model="queryForm_Data.grade_id" v-model:modelName="queryForm_Data.grade_name"></remote-select>
       </el-form-item> -->
       <!-- <el-form-item label="班级编号"><el-input v-model="queryForm_Data.class_id" clearable /></el-form-item> -->
-      <el-form-item label="班级名称">
-        <!-- <el-input v-model="queryForm_Data.class_name" clearable /> -->
+      <!-- <el-form-item label="班级名称">
         <remote-cascader-class v-model="queryForm_Data.class_id" v-model:modelName="queryForm_Data.class_name">
         </remote-cascader-class>
+      </el-form-item> -->
+      <el-form-item label="年级名称">
+        <!-- <el-input v-model="queryForm_Data.grade_name" clearable /> -->
+        <remote-select to="grade" v-model="queryForm_Data.grade_id"></remote-select>
+      </el-form-item>
+      <!-- <el-form-item label="班级编号">
+        <el-input v-model="queryForm_Data.class_id" clearable />
+      </el-form-item> -->
+      <el-form-item label="班级名称">
+        <!-- <remote-cascader-class v-model="queryForm_Data.class_id" clearable /> -->
+        <el-select v-model="queryForm_Data.class_id" placeholder="请选择" clearable>
+          <el-option v-for="item in classData" :key="item.class_id" :label="item.class_name" :value="item.class_num" />
+        </el-select>
       </el-form-item>
       <el-form-item label="选择课程">
         <!-- <el-input v-model="queryForm_Data.xsxx_xzkc" clearable /> -->
@@ -509,8 +544,8 @@ const handleMoveChange = (
         <!-- <el-table-column prop="class_id" label="班级编号" width="auto" show-overflow-tooltip></el-table-column> -->
         <el-table-column prop="class_name" label="班级名称" width="auto" show-overflow-tooltip></el-table-column>
         <el-table-column prop="xsxx_xzkc" label="选择课程" width="auto" show-overflow-tooltip></el-table-column>
-        <!-- <el-table-column prop="xsxx_rkjs" label="任课教师" width="auto" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="xsxx_sksj" label="上课时间" width="auto" show-overflow-tooltip></el-table-column> -->
+        <el-table-column prop="xsxx_rkjs" label="任课教师" width="auto" show-overflow-tooltip></el-table-column>
+        <el-table-column prop="xsxx_sksj" label="上课时间" width="auto" show-overflow-tooltip></el-table-column>
         <!-- <el-table-column prop="xsxk_id" label="所属课程编号" width="auto" show-overflow-tooltip></el-table-column> -->
         <el-table-column label="操作" fixed="right">
           <template #default="scope">

src/utils/request.ts

@@ -49,6 +49,7 @@ Request.interceptors.request.use(
             client: 'web',
             api: 'json',
             issubmit: '1',
+            site: 'jnmf'
           },
           config.data ?? {}
         )