....

auto-imports.d.ts

@@ -12,6 +12,8 @@ declare global {
   const $shallowRef: typeof import('vue/macros')['$shallowRef']
   const $toRef: typeof import('vue/macros')['$toRef']
   const EffectScope: typeof import('vue')['EffectScope']
+  const ElMessage: typeof import('element-plus/es')['ElMessage']
+  const ElMessageBox: typeof import('element-plus/es')['ElMessageBox']
   const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
   const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
   const computed: typeof import('vue')['computed']
@@ -296,6 +298,8 @@ declare module 'vue' {
     readonly $shallowRef: UnwrapRef<typeof import('vue/macros')['$shallowRef']>
     readonly $toRef: UnwrapRef<typeof import('vue/macros')['$toRef']>
     readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
+    readonly ElMessage: UnwrapRef<typeof import('element-plus/es')['ElMessage']>
+    readonly ElMessageBox: UnwrapRef<typeof import('element-plus/es')['ElMessageBox']>
     readonly asyncComputed: UnwrapRef<typeof import('@vueuse/core')['asyncComputed']>
     readonly autoResetRef: UnwrapRef<typeof import('@vueuse/core')['autoResetRef']>
     readonly computed: UnwrapRef<typeof import('vue')['computed']>

src/components/leftSider/index.vue

@@ -1,7 +1,12 @@
 <template>
   <div class="leftSideMenu">
     <!-- @open="handleOpen" @close="handleClose" -->
-    <el-menu  class="el-menu-vertical-demo" :default-active="props.activeIndex" :collapse-transition="false" :default-openeds="openeds" @select="selectMenu">
+    <el-menu  class="el-menu-vertical-demo"
+    :default-active="props.activeIndex"
+    :collapse="false"
+    :collapse-transition="false"
+    :default-openeds="openeds"
+    @select="selectMenu">
           <el-sub-menu index="1">
             <template #title>
               <el-icon>

src/components/statisticsSchool/index.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="mainBase">
-    <el-select class="mr-10px" v-model="normal_school" placeholder="请选择学校" size="large" @change="handelSchool">
+    <el-select class="mr-10px" v-model="props.normal_school" placeholder="请选择学校" size="large" @change="handelSchool">
       <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 props.school_list" :key="item.value" :label="item.label" :value="item.value"  />
     </el-select>
   </div>
 </template>

src/pages/ksfx/cjfx_cjd.vue

@@ -16,7 +16,7 @@
 
           <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 school_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">
@@ -29,7 +29,6 @@
             <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>
@@ -140,9 +139,8 @@ let subject_list = [{
   label: '数学'
 }];
 
-
+// 侧边栏点击
 const activeIndex =ref('1-1');
-
 const parentClick = (val) => {
   activeIndex.value = val;
 }
@@ -262,6 +260,7 @@ const handelSchool = (item) => {
 </script>
 
 <style lang="scss" scoped>
+
 ::v-deep .el-sub-menu__title {
   background: #003eee;
   color: #fff;

src/pages/ksfx/ksfx.vue

@@ -3,19 +3,29 @@
     <NavHeader />
     <bread-crumb />
     <div class="w-1200px m-auto h-auto mastMain">
-      <div class="searchInput"></div>
+      <div class="my-4 searchInput">
+        <el-input
+        class="w-200px "
+        v-model="input3"
+        placeholder="请输入检索内容"
+      >
+        <template #append>
+          <el-button :icon="Search" />
+        </template>
+      </el-input>
+      </div>
       <div class="min-h-600px groupExamMian">
         <div class="demo-collapse">
           <el-collapse accordion>
             <el-collapse-item :name="index + 1" v-for="(item, index) in examArrlist" :key="index"
-              :class="{ 'bg-cusblue': index % 2 == 0 }">
+              :class="{ 'bg-cusblue': (index+1) % 2 == 0 }">
               <template #title>
                 <div class="w-full h-60px flex flex-row justify-between examSingleT">
-                  <div>{{ item.ykj_ksrwmc }}</div>
+                  <div>{{ item.examN }}</div>
                   <div>参考人数：??</div>
                   <div>满分：??</div>
                   <div>最高分：??</div>
-                  <div>考试分析</div>
+                  <div class="singleColor">考试分析</div>
                 </div>
 
               </template>
@@ -65,7 +75,7 @@
 }
 </route>
 <script setup>
-import { InfoFilled } from '@element-plus/icons-vue';
+import { InfoFilled,Search } from '@element-plus/icons-vue';
 import examIcon from '@/assets/ksfx/examIcon.png';
 import { student_ksfx_list, ksjh_list } from "@/pages/ksfx/api";
 
@@ -73,6 +83,7 @@ import { useRouter } from "vue-router";
 import { skeletonProps } from 'element-plus';
 const router = useRouter();
 
+const input3 = ref('');
 
 const scoreMarkSwitch = $ref(true);
 
@@ -128,7 +139,9 @@ const linkTo = (item) => {
   border: 1px dashed grey;
   background-color: #F1F7FF;
 }
-
+.searchInput{
+  padding-left:80%;
+}
 .mastMain {
   background-color: #ffffff;
   box-sizing: border-box;
@@ -138,7 +151,9 @@ const linkTo = (item) => {
 .bg-cusblue {
   background-color: #F1F7FF;
 }
-
+.singleColor{
+  color: #1658E8;
+}
 .examSingleT {
   line-height: 60px;
   box-sizing: border-box;

src/pages/ksfx/stu_wdsj.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="stu_stfx">
-    <div class="w-1200px h-600px m-auto flex flex-row justify-between">
+    <div class="w-1200px m-auto flex flex-row justify-between">
       <div class="w-188px h-full" style="background-color: #fff;">
         <leftSiderStu :StuLeftMenuNum="StuLeftMenuNum" />
       </div>
@@ -14,6 +14,7 @@
           </el-select>
         </div>
 
+
         <swiper :slidesPerView="1" :spaceBetween="30" :loop="true" :centeredSlides="true"
         :pagination="{	clickable: true}"
         :autoplay="{
@@ -24,7 +25,7 @@
         :modules="modules"
         class="mySwiper"
       >
-			<swiper-slide v-for="(item,index) in 5" :key="index">
+			<swiper-slide class="mainSwiper" v-for="(item,index) in 5" :key="index">
           <img :src="examIcon" srcset="">
         </swiper-slide>
       </swiper>
@@ -36,7 +37,7 @@
 </template>
 
 <script lang="ts" setup>
-import examIcon from '@/assets/ksfx/examIcon.png';
+import examIcon from '@/assets/ksfx/examPreview.png';
 import { useRouter } from "vue-router";
 const router = useRouter();
 import { student_wdsj_list } from "~/pages/process/api";
@@ -70,11 +71,16 @@ import 'swiper/css/pagination';
 // 	console.log('slide change', e.activeIndex);
 // };
 // setup语法糖只需要这样创建一个变量就可以正常使用分页器和对应功能，如果没有这个数组则无法使用对应功能
-
+const modules = [Autoplay, Pagination, Navigation, A11y];
 
 </script>
 
 <style scoped>
 @import '@/styles/ksfx.css';
-
+.mainSwiper{
+  text-align: center;
+  img{
+    display:inline-block;
+  }
+}
 </style>