la 2 yıl önce
ebeveyn
işleme
a2f5b55d64

+ 52 - 21
src/pages/ksfx/cjfx_cjd.vue

@@ -11,9 +11,9 @@
       <div class="w-942 p-4 blueBg">
 
         <div class="flex items-center">
-          <el-select class="mr-10px" v-model="normal_subject" placeholder="请选择学科" size="large">
+          <el-select class="mr-10px" v-model="normal_school" placeholder="请选择学校" size="large" @change="handelSchool">
             <el-option label="全部" value="0" />
-            <el-option v-for="item in subject_list" :key="item.value" :label="item.label" :value="item.value" />
+            <el-option v-for="item in school_list" :key="item.value" :label="item.label" :value="item.value"  />
           </el-select>
 
           <el-select class="mr-10px" v-model="normal_classroom" placeholder="请选择班级" size="large">
@@ -21,11 +21,12 @@
             <el-option v-for="item in classroom_list" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
 
-          <el-select class="mr-10px" v-model="normal_school" placeholder="请选择学校" size="large">
+          <el-select class="mr-10px" v-model="normal_subject" placeholder="请选择学科" size="large">
             <el-option label="全部" value="0" />
-            <el-option v-for="item in school_list" :key="item.value" :label="item.label" :value="item.value" />
+            <el-option v-for="item in subject_list" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
 
+
         </div>
         <div class="mt-4 exportBtn">
           <el-button color="#003eee" type="primary" size="large" @click="exportBtn">导出</el-button>
@@ -101,36 +102,39 @@ import {normalSchool_list,normalSubject_list,normalClassroom_list,cjfx_cjd_list
 import { useRouter } from "vue-router";
 const router = useRouter();
 
+let allData = ref("");
 let normal_subject = $ref("");
 let normal_classroom = $ref("");
 let normal_school = $ref("");
 
 
-let subject_list = [{
+let school_list = ref([{
   value: '1',
-  label: '语文'
+  label: '学校1'
 }, {
   value: '2',
-  label: '数学'
-}]
+  label: '学校2'
+}]);
+
 let classroom_list = [{
   value: '1',
-  label: '英语'
+  label: '初一(1)班'
 }, {
   value: '2',
-  label: '体育'
+  label: '初一(2)班'
 }, {
   value: '3',
-  label: '音乐'
+  label: '初一(3)班'
 }
 ];
-let school_list = [{
+
+let subject_list = [{
   value: '1',
-  label: '学校1'
+  label: '语文'
 }, {
   value: '2',
-  label: '学校2'
-}]
+  label: '学'
+}];
 
 
 const activeIndex =ref('1-1');
@@ -280,8 +284,34 @@ let rangeData = [
 ]
 
 onMounted(() => {
-  initData()
+
+  initData();
 })
+//初始化学校
+const initSchool = () => {
+  let transObj = {
+    ze_id:''//考试ID
+  }
+  normalSchool_list(transObj)
+    .then(res => {
+      if (res.code == "1") {
+        allData.value = res.data.list;
+        let allData = res.data.list;
+
+        let tempArr = [];
+        allData.forEach(item => {
+          tempArr.push({
+            value: item.sm_name,
+            label: item.sm_id
+          })
+          school_list.value = tempArr;
+        })
+
+        console.log(res, "00");
+      }
+    })
+    .catch(error => { console.log(error) });
+}
 
 const initData =() => {
   let transObj = {
@@ -301,16 +331,17 @@ const initData =() => {
 }
 
 
-
-
-
 const exportBtn = () => {
-  console.log("导出")
+  console.log("导出");
 }
 
+const handelSchool = (item) => {
+  let tempIn = allData.value.filter(item => item.sm_id == item);
+  // classroom_list.value=
+  console.log(item);
+}
 </script>
 
-
 <style lang="scss" scoped>
 ::v-deep .el-sub-menu__title {
   background: #003eee;

+ 2 - 37
src/pages/ksfx/stu_ksfx.vue

@@ -20,7 +20,7 @@
               <div>
                 <div class="px-90px py-10px flex flex-row justify-start flex-wrap  examList" v-if="item.examPaperList">
             <div class="h-149px p-5px mt-10px flex flex-row justify-start examListSingle"
-              v-for="(secItem, secIndex) in item.examPaperList" :key="secIndex" @click="linkTo('stu_stfx')">
+              v-for="(secItem, secIndex) in item.examPaperList" :key="secIndex" @click="linkTo('cjfx_cjd')">
               <div class="w-2/5 relative examListSingle_left">
                 <img :src="examIcon" class="w-full h-full" alt="">
                 <div class="w-full absolute top-0 left-0 text-right text-red-500 text-3xl font-bold pr-2 scoreNum"
@@ -46,41 +46,6 @@
 
 
 
-
-
-
-
-        <!-- <div class="examSingle" v-for="(item, index) in examArrlist" :key="index">
-          <div class="h-60px flex flex-row justify-between examSingleT" :class="{ 'bg-cusblue': index % 2 == 0 }">
-            <div>{{ item.examN }}</div>
-            <div>参考人数:{{ item.attendExamNum }}</div>
-            <div>满分:{{ item.fullScore }}</div>
-            <div>最高分:{{ item.maxScore }}</div>
-            <div class="text-blue-500">考试分析</div>
-          </div>
-          <div class="px-90px py-10px flex flex-row justify-start flex-wrap  examList" v-if="item.examPaperList">
-            <div class="h-149px p-5px mt-10px flex flex-row justify-start examListSingle"
-              v-for="(secItem, secIndex) in item.examPaperList" :key="secIndex" @click="linkTo('stu_stfx')">
-              <div class="w-2/5 relative examListSingle_left">
-                <img :src="examIcon" class="w-full h-full" alt="">
-                <div class="w-full absolute top-0 left-0 text-right text-red-500 text-3xl font-bold pr-2 scoreNum"
-                  v-if="secItem.scoreN != 0">{{ secItem.scoreN }}</div>
-                <div class="w-full absolute top-0 left-0 text-right text-red-500 text-3xl font-bold pr-2 lockExam" v-else>
-                  缺考</div>
-                <div class="w-full absolute left-0 bottom-2 text-center text-red-500 text-2xl font-bold subjectName">{{
-                  secItem.subName }}</div>
-              </div>
-              <div class="w-3/5 py-5px px-10px examListSingle_right">
-                <p class="h-1/4">学科:{{ secItem.scoreN }}</p>
-                <p class="h-1/4">总分:{{ secItem.scoreN }}</p>
-                <p class="h-1/4">客观题:{{ secItem.ObjectiveQuestion }}</p>
-                <p class="h-1/4">主观题:{{ secItem.SubjectiveQuestions }}</p>
-              </div>
-            </div>
-          </div>
-
-        </div> -->
-
       </div>
     </div>
     <commonFooter />
@@ -97,7 +62,7 @@
 <script setup>
 import { InfoFilled } from '@element-plus/icons-vue';
 import examIcon from '@/assets/ksfx/examIcon.png';
-import {student_ksfx_list} from "@/pages/ksfx/api";
+import {student_ksfx_list,ksjh_list} from "@/pages/ksfx/api";
 
 import { useRouter } from "vue-router";
 import { skeletonProps } from 'element-plus';

+ 34 - 17
src/pages/ksfx/stu_wdsj.vue

@@ -7,11 +7,21 @@
 
       <div class="w-1012px p-12 blueBg">
 
-        <swiper class="h-300px text-center" :modules="modules" :pagination="{ clickable: true }">
-          <swiper-slide v-for="(item,index) in 5" :key="index">
-            <img :src="examIcon" srcset="">
-          </swiper-slide>
-        </swiper>
+
+        <swiper :slidesPerView="1" :spaceBetween="30" :loop="true" :centeredSlides="true"
+        :pagination="{	clickable: true}"
+        :autoplay="{
+          delay: 2500,
+          disableOnInteraction: false
+        }"
+        :navigation="true"
+        :modules="modules"
+        class="mySwiper"
+      >
+			<swiper-slide v-for="(item,index) in 5" :key="index">
+          <img :src="examIcon" srcset="">
+        </swiper-slide>
+      </swiper>
 
       </div>
 
@@ -19,24 +29,31 @@
   </div>
 </template>
 
-<script setup lang="ts">
-import examIcon from '@/assets/ksfx/examIcon.png'
-import { student_wdsj_list } from "~/pages/process/api";
-
-import 'swiper/css'
-import 'swiper/css/pagination'
-
-
+<script lang="ts" setup>
+import examIcon from '@/assets/ksfx/examIcon.png';
 import { useRouter } from "vue-router";
 const router = useRouter();
+import { student_wdsj_list } from "~/pages/process/api";
 
-let StuLeftMenuNum = 1;
 
-import SwiperClass, { Pagination } from 'Swiper'
-import { Swiper, SwiperSlide } from 'vue-awesome-swiper'
+import { Swiper, SwiperSlide } from 'swiper/vue'; // swiper所需组件
+// 这是分页器和对应方法,swiper好像在6的时候就已经分离了分页器和一些其他工具
+import { Autoplay, Navigation, Pagination, A11y } from 'swiper';
+// 引入swiper样式,对应css 如果使用less或者css只需要把scss改为对应的即可
+import 'swiper/css';
+import 'swiper/css/navigation';
+import 'swiper/css/pagination';
+//默认滑动效果(这里面注释掉的可以不要)
+// const onSwiper = swiper => {
+// 	console.log(swiper);
+// };
+// const onSlideChange = e => {
+// 	// swiper切换的时候执行的方法
+// 	console.log('slide change', e.activeIndex);
+// };
+// setup语法糖只需要这样创建一个变量就可以正常使用分页器和对应功能,如果没有这个数组则无法使用对应功能
 
 
-const modules = [Pagination];