.......

src/components/leftSider/index.vue

@@ -34,11 +34,12 @@
 </template>
 
 <script lang="ts" setup>
-
 import { useRouter } from "vue-router";
 const router = useRouter();
 import { Document, Location, Setting} from '@element-plus/icons-vue';
 
+
+
 //开启
 const handleOpen = (key: string, keyPath: string[]) => {
   console.log(key, keyPath)

src/components/leftSiderStu/index.vue

@@ -1,18 +1,32 @@
 <template>
   <div class="leftSideMenu">
-    <div class="singleSider" v-for="(item,index) in siderList" :key="index" :class="{'activeIn':num==index}" @click="handleClick(index)">{{ item }}</div>
+    <div class="singleSider" v-for="(item,index) in siderList" :key="index" :class="{'activeIn':props.StuLeftMenuNum==index}" @click="handleClick(index)">{{ item }}</div>
   </div>
 </template>
 
 <script lang="ts" setup>
+import { defineProps } from 'vue';
 import { useRouter } from "vue-router";
 const router = useRouter();
+const props = defineProps(['StuLeftMenuNum'])
 
 let siderList=["试题分析","我的试卷","个人成绩单"]
 let num = ref(0);
 
-const handleClick = (item) => {
-  num.value = item;
+
+const handleClick = (index) => {
+  num.value = index;
+  switch (index) {
+    case 0:
+      router.push('stu_stfx');
+      break;
+    case 1:
+      router.push('stu_wdsj');
+      break;
+    case 2:
+      router.push('stu_grcjd');
+      break;
+  }
 }
 
 </script>

src/pages/ksfx/cjfx_cjd.vue

@@ -28,13 +28,15 @@
 
         </div>
         <div class="mt-4 exportBtn">
-          <el-button color="#003eee" type="primary" size="large">导出</el-button>
+          <el-button color="#003eee" type="primary" size="large" @click="exportBtn">导出</el-button>
         </div>
 
         <div class="h-218px mt-5px  bg-gray-500 py-4 pl-150px pr-100px perfectShow">
           <div class="h-full  flex justify-between">
             <div class="h-full bg-opacity-20 rounded singlepart" v-for="(item, index) in 5" :key="index">
-              <div class="h-1/3 text-center py-4  RankLabel">1</div>
+              <div class="h-1/3 text-center py-4  RankLabel">
+                <img :src="'../../src/assets/ksfx/one'+(index+1)+'.png'" alt="">
+              </div>
               <div class="text-sm p-5px RankBaseInfo">
                 <p class="h-1/4">考号：033055697</p>
                 <p class="h-1/4">成绩：13.0分</p>
@@ -233,7 +235,9 @@ let listShow = [
 
 ]
 
-
+const exportBtn = () => {
+  console.log("导出")
+}
 
 </script>
 
@@ -297,4 +301,15 @@ let listShow = [
   flex: 1;
   text-align: center;
 }
+.perfectShow{
+  background: url("@/assets/ksfx/big_bg.png") no-repeat left top;
+  background-size:cover;
+}
+.RankLabel{
+  text-align: center;
+  img{
+    display: inline-block;
+    width: 30%;
+  }
+}
 </style>

src/pages/ksfx/cjfx_fsdtj.vue

@@ -35,7 +35,7 @@
 
         </div>
 
-        <div class="h-150px mt-20px overflow-x-auto echartData" id="echartData"></div>
+        <div class="h-450px mt-20px overflow-x-auto echartData" id="echartData"></div>
 
         <div class="w-980px h-auto tableList">
            <div class="h-50px rounded flex flex-nowrap tableList_title">
@@ -68,16 +68,14 @@
 }
 </route>
 <script lang="ts" setup>
+import {normalSchool_list,normalSubject_list,normalClassroom_list,cjfx_pjflcfx_list } from './api';
 import * as echarts from 'echarts';
-
 import { useRouter } from "vue-router";
 const router = useRouter();
 
 let normal_subject = $ref("");
 let normal_classroom = $ref("");
 let normal_school = $ref("");
-let normal_teacher = $ref("");
-
 
 let subject_list = [{
   value: '1',
@@ -107,6 +105,7 @@ let school_list = [{
   label: '学校2'
 }]
 
+
 onMounted(() => {
   initChart()
 })

src/pages/ksfx/cjfx_jstj.vue

@@ -29,12 +29,12 @@
             <el-button color="#003eee" type="primary" size="large">导出</el-button>
           </div>
           <div>
-            <el-input v-model="searchVal" class="w-50 m-2" placeholder="Type something" :prefix-icon="Search" />
+            <el-input v-model="searchVal" class="w-50 m-2" placeholder="请输入搜索内容" :prefix-icon="Search" />
           </div>
 
         </div>
 
-        <div class="h-200 mt-20px ">
+        <div class="min-h-600px h-200 mt-20px ">
           <el-table :data="tableData" style="width: 100%">
             <el-table-column prop="xx" label="学校" show-overflow-tooltip width="200" />
             <el-table-column prop="js" label="教师" width="120" />
@@ -78,16 +78,12 @@
 }
 </route>
 <script lang="ts" setup>
-import * as echarts from 'echarts';
-import { Calendar, Search } from '@element-plus/icons-vue';
-
 import { useRouter } from "vue-router";
 const router = useRouter();
 
 
 let normal_subject = $ref("");
 let normal_school = $ref("");
-let normal_teacher = $ref("");
 let searchVal = $ref('');
 
 let subject_list = [{
@@ -112,41 +108,6 @@ onMounted(() => {
 
 
 
-
-let classArr = [
-  "学校",
-  "平均分",
-  "总均分",
-  "均分差离",
-];
-
-let classBaseInfoArr = [
-  {
-    xx: "临沂市蒙阴县乡镇小学",
-    pjf: 12,
-    zjf: 12,
-    jflc: 1,
-  },
-  {
-    xx: "临沂市蒙阴县乡镇小学",
-    pjf: 12,
-    zjf: 12,
-    jflc: 1,
-  },
-  {
-    xx: "临沂市蒙阴县乡镇小学",
-    pjf: 12,
-    zjf: 12,
-    jflc: 1,
-  },
-  {
-    xx: "临沂市蒙阴县乡镇小学",
-    pjf: 12,
-    zjf: 12,
-    jflc: 1,
-  },
-];
-
 const tableData = [
   {
     xx: "临沂市蒙阴县乡镇小学",

src/pages/ksfx/cjfx_pjflcfx.vue

@@ -66,7 +66,7 @@
 </route>
 <script lang="ts" setup>
 import * as echarts from 'echarts';
-
+import {normalSchool_list,normalSubject_list,normalClassroom_list,cjfx_pjflcfx_list } from './api';
 import { useRouter } from "vue-router";
 const router = useRouter();
 

src/pages/ksfx/cjfx_slyf.vue

@@ -34,38 +34,15 @@
         </div>
         <div class="flex justify-between mt-4 exportBtn">
           <div>
-            <el-button color="#003eee" type="primary" size="large">重置</el-button>
-            <el-button color="#003eee" type="primary" size="large">导出</el-button>
+            <el-button color="#003eee" type="primary" size="large" @click="restBtn">重置</el-button>
+            <el-button color="#003eee" type="primary" size="large" @click="exportBtn">导出</el-button>
           </div>
           <div>
             <el-button color="#003eee" type="primary" size="large" @click="openDialog">校三率一分</el-button>
           </div>
         </div>
 
-        <div class="h-auto mt-9px overflow-x-auto listMain">
-          <!-- <div class="h-50px flex flex-wrap flex-grow justify-between rounded px-4 listMain_title">
-            <div class="singleT" v-for="(item,index) in listTitleShow" :key="index">{{item}}</div>
-          </div>
-
-          <div class="h-60px flex flex-wrap flex-grow justify-between px-4" v-for="(item,index) in listShow" :key="index">
-            <div class="singleTSec" >{{ item.xx }}</div>
-            <div class="singleTSec">{{ item.bj }}</div>
-            <div class="singleTSec">{{ item.pm }}</div>
-
-            <div class="singleTSec" >{{ item.pjf }}</div>
-            <div class="singleTSec">{{ item.ykrs }}</div>
-            <div class="singleTSec">{{ item.skrs }}</div>
-            <div class="singleTSec" >{{ item.zgf }}</div>
-            <div class="singleTSec">{{ item.yxrs }}</div>
-            <div class="singleTSec">{{ item.yxl}}</div>
-            <div class="singleTSec" >{{ item.jgrs }}</div>
-            <div class="singleTSec">{{ item.dfrs }}</div>
-            <div class="singleTSec">{{ item.dfl }}</div>
-            <div class="singleTSec" >{{ item.nd }}</div>
-            <div class="singleTSec">{{ item.qfd }}</div>
-            <div class="singleTSec">{{ item.bzc }}</div>
-
-          </div> -->
+        <div class="h-auto mt-9px listMain">
 
           <el-table :data="tableData" style="width: 100%">
             <el-table-column prop="xx" label="学校" show-overflow-tooltip width="200" />
@@ -136,6 +113,7 @@
 }
 </route>
 <script lang="ts" setup>
+import {normalSchool_list,normalSubject_list,normalClassroom_list,normalTeacher_list,cjfx_pjflcfx_list } from './api';
 import { useRouter } from "vue-router";
 const router = useRouter();
 
@@ -173,26 +151,7 @@ let school_list = [{
   label: '学校2'
 }]
 
-
-let listTitleShow = {
-  xx: "学校",
-  bj: "班级",
-  pm: "排名",
-  pjf: "平均分",
-  ykrs: "应考人数",
-  skrs: "实考人数",
-  zgf: "最高分",
-  yxrs: "优秀人数",
-  yxl: "优秀率",
-  jgrs:"及格人数",
-  jgl:"及格率",
-  dfrs:"低分人数",
-  dfl:"低分率",
-  nd:"难度",
-  qfd:"区分度",
-  bzc:"标椎差",
-}
-let listShow = [
+const tableData = [
   {
   xx: "总体",
   bj: "初一（2）班",
@@ -210,11 +169,10 @@ let listShow = [
   nd:"0.92",
   qfd:"0.92",
   bzc:"87.45",
-
   },
   {
   xx: "临沂市蒙阴县乡镇小学",
-  bj: "初一（2）班名",
+  bj: "初一（2）班",
   pm: "1",
   pjf: "87.45",
   ykrs: "123",
@@ -230,50 +188,23 @@ let listShow = [
   qfd:"0.92",
   bzc:"87.45",
   },
-
 ]
 
+//重置
+const restBtn = () => {
+  normal_subject = "";
+  normal_classroom = "";
+  normal_school = "";
+  normal_teacher = "";
 
+}
+//导出
+const exportBtn = () => {
+  console.log("daochu")
+}
 
-const tableData = [
-  {
-  xx: "总体",
-  bj: "初一（2）班",
-  pm: "1",
-  pjf: "87.45",
-  ykrs: "123",
-  skrs: "123",
-  zgf: "123",
-  yxrs: "98",
-  yxl: "89%",
-  jgrs:"98",
-  jgl:"89%",
-  dfrs:"23",
-  dfl:"90%",
-  nd:"0.92",
-  qfd:"0.92",
-  bzc:"87.45",
-  },
-  {
-  xx: "临沂市蒙阴县乡镇小学",
-  bj: "初一（2）班",
-  pm: "1",
-  pjf: "87.45",
-  ykrs: "123",
-  skrs: "123",
-  zgf: "123",
-  yxrs: "98",
-  yxl: "89%",
-  jgrs:"98",
-  jgl:"89%",
-  dfrs:"23",
-  dfl:"90%",
-  nd:"0.92",
-  qfd:"0.92",
-  bzc:"87.45",
-  },
-]
 
+//弹出框
 const dialogTableVisible = ref(false)
 const openDialog = () => {
   dialogTableVisible.value = true;

src/pages/ksfx/sjfx_kgtfx.vue

@@ -12,9 +12,9 @@
 
         <div class="flex mt-20px items-center">
 
-          <el-select class="mr-10px" v-model="normal_subject" placeholder="请选择题目" size="large">
+          <el-select class="mr-10px" v-model="normal_topic" placeholder="请选择题目" size="large">
             <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 topic_list" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
 
           <el-select class="mr-10px" v-model="normal_school" placeholder="请选择学校" size="large">
@@ -81,19 +81,17 @@
 </route>
 <script lang="ts" setup>
 import * as echarts from 'echarts';
-
-import { Calendar, Search } from '@element-plus/icons-vue';
+import { skeletonProps } from 'element-plus';
+import {normalSchool_list,normalSubject_list,normalClassroom_list,cjfx_pjflcfx_list } from './api';
 
 import { useRouter } from "vue-router";
-import { skeletonProps } from 'element-plus';
 const router = useRouter();
 
 
-let normal_subject = $ref("");
+let normal_topic = $ref("");
 let normal_school = $ref("");
-let normal_teacher = $ref("");
 
-let subject_list = [{
+let topic_list = [{
   value: '1',
   label: '语文'
 }, {
@@ -101,7 +99,6 @@ let subject_list = [{
   label: '数学'
 }]
 
-
 let school_list = [{
   value: '1',
   label: '学校1'
@@ -217,45 +214,6 @@ const openDialog = () => {
   dialogTableVisible.value = true;
 }
 
-
-
-let classArr = [
-  "学校",
-  "平均分",
-  "总均分",
-  "均分差离",
-];
-
-let classBaseInfoArr = [
-  {
-    xx: "临沂市蒙阴县乡镇小学",
-    pjf: 12,
-    zjf: 12,
-    jflc: 1,
-  },
-  {
-    xx: "临沂市蒙阴县乡镇小学",
-    pjf: 12,
-    zjf: 12,
-    jflc: 1,
-  },
-  {
-    xx: "临沂市蒙阴县乡镇小学",
-    pjf: 12,
-    zjf: 12,
-    jflc: 1,
-  },
-  {
-    xx: "临沂市蒙阴县乡镇小学",
-    pjf: 12,
-    zjf: 12,
-    jflc: 1,
-  },
-];
-
-
-
-
 let dialogArr = [
   {
     option: "选项A",

src/pages/ksfx/sjfx_ztfx.vue

@@ -114,17 +114,13 @@
 }
 </route>
 <script lang="ts" setup>
-import * as echarts from 'echarts';
-import { Calendar, Search } from '@element-plus/icons-vue';
-
+import {normalSchool_list,normalSubject_list,normalClassroom_list,cjfx_pjflcfx_list } from './api';
 import { useRouter } from "vue-router";
-import { skeletonProps } from 'element-plus';
 const router = useRouter();
 
 
 let normal_subject = $ref("");
 let normal_school = $ref("");
-let normal_teacher = $ref("");
 let normal_classroom = $ref("");
 
 let subject_list = [{
@@ -135,7 +131,6 @@ let subject_list = [{
   label: '数学'
 }]
 
-
 let school_list = [{
   value: '1',
   label: '学校1'
@@ -179,41 +174,6 @@ const tableDataZtcjfx = [{
 }]
 
 
-
-let classArr = [
-  "学校",
-  "平均分",
-  "总均分",
-  "均分差离",
-];
-
-let classBaseInfoArr = [
-  {
-    xx: "临沂市蒙阴县乡镇小学",
-    pjf: 12,
-    zjf: 12,
-    jflc: 1,
-  },
-  {
-    xx: "临沂市蒙阴县乡镇小学",
-    pjf: 12,
-    zjf: 12,
-    jflc: 1,
-  },
-  {
-    xx: "临沂市蒙阴县乡镇小学",
-    pjf: 12,
-    zjf: 12,
-    jflc: 1,
-  },
-  {
-    xx: "临沂市蒙阴县乡镇小学",
-    pjf: 12,
-    zjf: 12,
-    jflc: 1,
-  },
-];
-
 const tableDataTmfx = [
   {
     tm:1,

src/pages/ksfx/stu_grcjd.vue

@@ -2,7 +2,7 @@
   <div class="stu_grcjd">
     <div class="w-1200px m-auto flex flex-row justify-between">
       <div class="w-188px h-full" style="background-color: #fff;">
-        <leftSiderStu />
+        <leftSiderStu :StuLeftMenuNum="StuLeftMenuNum" />
       </div>
 
       <div class="w-1012px p-4 blueBg">
@@ -16,12 +16,12 @@
 
         <div class="flex justify-between mt-4 exportBtn">
           <div>
-            <el-button color="#003eee" type="primary" size="large">导出</el-button>
+            <el-button color="#003eee" type="primary" size="large" @click="exportBtn">导出</el-button>
           </div>
         </div>
 
         <div class="h-auto mt-9px listMain">
-          <el-table :data="tableData" style="width: 100%" height="250">
+          <el-table :data="tableData" style="width: 100%" height="auto">
             <el-table-column prop="km" label="科目" />
             <el-table-column prop="mf" label="满分" />
             <el-table-column prop="cj" label="成绩" />
@@ -55,12 +55,15 @@
 
 <script setup lang="ts">
 import * as echarts from 'echarts';
+import {student_grcjd_list} from "~/pages/process/api";
+
 import { useRouter } from "vue-router";
 import { skeletonProps } from 'element-plus';
 const router = useRouter();
 
-let normal_subject = $ref("");
+let StuLeftMenuNum = 2;
 
+let normal_subject = $ref("");
 let subject_list = [{
   value: '1',
   label: '语文'
@@ -212,11 +215,17 @@ const initChart = () => {
   });
 }
 
+//导出
+const exportBtn = () => {
+  console.log("导出")
+}
+
+
+
 </script>
 
 <style scoped>
 @import '@/styles/ksfx.css';
-
 .singleT {
   flex: 1;
   font-size: 16px;

src/pages/ksfx/stu_ksfx.vue

@@ -4,8 +4,7 @@
     <bread-crumb />
     <div class="w-1200px m-auto h-auto mastMain">
       <div class="searchInput"></div>
-      <div class="groupExamMian">
-
+      <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 }">
@@ -185,8 +184,9 @@ let examArrlist = [
 
 ]
 
+//跳转
 const linkTo = (item) => {
-  router.push({ name: item });
+  router.push(item);
 }
 
 </script>

src/pages/ksfx/stu_stfx.vue

@@ -2,7 +2,7 @@
   <div class="stu_stfx">
     <div class="w-1200px h-600px m-auto flex flex-row justify-between">
       <div class="w-188px h-full" style="background-color: #fff;">
-        <leftSiderStu />
+        <leftSiderStu :StuLeftMenuNum="StuLeftMenuNum" />
       </div>
 
       <div class="w-1012px p-4 blueBg">
@@ -16,12 +16,12 @@
 
         <div class="flex justify-between mt-4 exportBtn">
           <div>
-            <el-button color="#003eee" type="primary" size="large">导出</el-button>
+            <el-button color="#003eee" type="primary" size="large" @click="exportBtn">导出</el-button>
           </div>
         </div>
 
         <div class="h-auto mt-9px listMain">
-          <el-table :data="tableData" style="width: 100%" height="250">
+          <el-table :data="tableData" style="width: 100%" height="auto">
             <el-table-column prop="xk" label="学科" />
             <el-table-column prop="tm" label="题目" />
             <el-table-column prop="lx" label="类型" />
@@ -46,12 +46,14 @@
 </template>
 
 <script setup lang="ts">
+import {student_stfx_list} from "~/pages/process/api";
 import { useRouter } from "vue-router";
 import { skeletonProps } from 'element-plus';
 const router = useRouter();
 
-let normal_subject = $ref("");
+let StuLeftMenuNum = 0;
 
+let normal_subject = $ref("");
 let subject_list = [{
   value: '1',
   label: '语文'
@@ -153,11 +155,18 @@ const tableData = [
     ztks:'23%',
   },
 ]
+
+
+
+//导出
+const exportBtn = () => {
+  console.log("导出")
+}
+
 </script>
 
 <style scoped>
 @import '@/styles/ksfx.css';
-
 .singleT {
   flex: 1;
   font-size: 16px;

src/pages/ksfx/stu_wdsj.vue

@@ -2,21 +2,23 @@
   <div class="stu_stfx">
     <div class="w-1200px h-600px m-auto flex flex-row justify-between">
       <div class="w-188px h-full" style="background-color: #fff;">
-        <leftSiderStu />
+        <leftSiderStu :StuLeftMenuNum="StuLeftMenuNum" />
       </div>
 
-      <div class="w-1012px p-4 blueBg">
+      <div class="w-1012px p-12 blueBg">
 
         <swiper :modules="modules" :pagination="{ clickable: true }">
-          <swiper-slide>Slide 1</swiper-slide>
-          <swiper-slide>Slide 2</swiper-slide>
-          <swiper-slide>Slide 3</swiper-slide>
+          <swiper-slide>
+            <img :src="examIcon" srcset="">
+          </swiper-slide>
+          <swiper-slide>
+            <img :src="examIcon" srcset="">
+          </swiper-slide>
+          <swiper-slide>
+            <img :src="examIcon" srcset="">
+          </swiper-slide>
         </swiper>
 
-
-
-
-
       </div>
 
     </div>
@@ -24,144 +26,26 @@
 </template>
 
 <script setup lang="ts">
+import examIcon from '@/assets/ksfx/examIcon.png'
+import { student_wdsj_list } from "~/pages/process/api";
+
 import { useRouter } from "vue-router";
 import { skeletonProps } from 'element-plus';
 const router = useRouter();
 
-
+let StuLeftMenuNum = 1;
 
 import SwiperClass, { Pagination } from 'Swiper'
 import { Swiper, SwiperSlide } from 'vue-awesome-swiper'
 
-  // import swiper module styles
 import 'swiper/css'
 import 'swiper/css/pagination'
-
 const modules = [Pagination];
 
 
-
-
-
-let normal_subject = $ref("");
-
-let subject_list = [{
-  value: '1',
-  label: '语文'
-}, {
-  value: '2',
-  label: '数学'
-}]
-
-const tableData = [
-  {
-   xk: '语文',
-    tm: '1',
-    lx: '选择题',
-    nd: '5',
-    df: '12',
-    grdf: '12',
-
-    gr: '23%',
-    bj: '23%',
-    nj: '23%',
-    ztks:'23%',
-  },
-  {
-   xk: '语文',
-    tm: '1',
-    lx: '选择题',
-    nd: '5',
-    df: '12',
-    grdf: '12',
-
-    gr: '23%',
-    bj: '23%',
-    nj: '23%',
-    ztks:'23%',
-  },
-  {
-   xk: '语文',
-    tm: '1',
-    lx: '选择题',
-    nd: '5',
-    df: '12',
-    grdf: '12',
-
-    gr: '23%',
-    bj: '23%',
-    nj: '23%',
-    ztks:'23%',
-  },
-  {
-   xk: '语文',
-    tm: '1',
-    lx: '选择题',
-    nd: '5',
-    df: '12',
-    grdf: '12',
-
-    gr: '23%',
-    bj: '23%',
-    nj: '23%',
-    ztks:'23%',
-  },
-  {
-   xk: '语文',
-    tm: '1',
-    lx: '选择题',
-    nd: '5',
-    df: '12',
-    grdf: '12',
-
-    gr: '23%',
-    bj: '23%',
-    nj: '23%',
-    ztks:'23%',
-  },
-  {
-   xk: '语文',
-    tm: '1',
-    lx: '选择题',
-    nd: '5',
-    df: '12',
-    grdf: '12',
-
-    gr: '23%',
-    bj: '23%',
-    nj: '23%',
-    ztks:'23%',
-  },
-  {
-   xk: '语文',
-    tm: '1',
-    lx: '选择题',
-    nd: '5',
-    df: '12',
-    grdf: '12',
-
-    gr: '23%',
-    bj: '23%',
-    nj: '23%',
-    ztks:'23%',
-  },
-]
 </script>
 
 <style scoped>
 @import '@/styles/ksfx.css';
 
-.singleT {
-  flex: 1;
-  font-size: 16px;
-  line-height: 74px;
-  width: fit-content;
-  text-align: center;
-  background: #003eee;
-}
-.secFullWidth{
-  flex: 1;
-  width: fit-content;
-}
-
 </style>