'修改card标题'

jeecgboot-vue3-master/.eslintrc.js

@@ -7,6 +7,11 @@ module.exports = defineConfig({
     node: true,
     es6: true,
   },
+  globals: {  
+    // 在这里声明html2canvas为全局变量  
+    html2canvas: 'readonly',  
+ 
+  },  
   parser: 'vue-eslint-parser',
   parserOptions: {
     parser: '@typescript-eslint/parser',

jeecgboot-vue3-master/src/api/common/api.ts

@@ -181,3 +181,11 @@ export const getStudent = () => {
     url:'/annualcompetitionprojectregistration/annualCompetitionProjectRegistration/xssybsjs'
   })
 }
+
+// 组委会报告
+// /annualcompetitionprojectregistration/annualCompetitionProjectRegistration/zwhfxbg
+export const getOrganizingCommitteeReport = () => {
+  return defHttp.get({
+    url:'/annualcompetitionprojectregistration/annualCompetitionProjectRegistration/zwhfxbg'
+  })
+}

jeecgboot-vue3-master/src/views/comprehensiveEvaluation/comprehensiveReport.vue

@@ -185,8 +185,8 @@
       await clickDom();
       // return
       var canvas = document.createElement('canvas');
-      var w = parseInt(document.querySelector('.container').clientWidth);
+      var w = parseInt((document.querySelector('.container') as  Element).clientWidth);
-      var h = parseInt(document.querySelector('.container').clientHeight);
+      var h = parseInt((document.querySelector('.container') as  Element).clientHeight);
       console.log(w, h);
 
       canvas.width = w;

jeecgboot-vue3-master/src/views/comprehensiveEvaluation/department.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <div class="title">河南机电学院比赛综合报告</div>
+    <div class="title">河南机电学院比赛部门报告</div>
     <p class="description"
       >我是比赛综述:全面落实立德树人根本任务，依据CDI0工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识;在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力;具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好案养，能适应产业与社会变革的国际化应用型人才。<br />本专业毕业生经过五年左右的实际工作，能够达到以下目标:</p
     >

jeecgboot-vue3-master/src/views/comprehensiveEvaluation/individual.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="personage">
 
-        <h1 class="title">机电学院比赛综合报告</h1>
+        <h1 class="title">机电学院比赛个人报告</h1>
         <p class="paragraph">
             我是比赛综述：全面落实立德树人根本任务，依据CDIO工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识；在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力；具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好素养，能适应产业与社会变革的国际化应用型人。
         </p>

jeecgboot-vue3-master/src/views/comprehensiveEvaluation/organizingCommittee.vue

@@ -1,158 +1,162 @@
 <template>
-    <div class="container">
+  <div class="container">
-      <div class="title">河南机电学院比赛综组委会报告</div>
+    <div class="title">河南机电学院比赛综组委会报告</div>
-      <p class="description"
+    <p class="description"
-        >我是比赛综述:全面落实立德树人根本任务，依据CDI0工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识;在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力;具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好案养，能适应产业与社会变革的国际化应用型人才。<br />本专业毕业生经过五年左右的实际工作，能够达到以下目标:</p
+      >我是比赛综述:全面落实立德树人根本任务，依据CDI0工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识;在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力;具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好案养，能适应产业与社会变革的国际化应用型人才。<br />本专业毕业生经过五年左右的实际工作，能够达到以下目标:</p
-      >
+    >
-      <div class="card-content">
+    <div class="card-content">
-        <div class="item" v-for="(item,index) in 4" :key="item">
+      <div class="item" v-for="(item, index) in 4" :key="item">
-          <div class="top-title">{{ formatTitle(index) }}</div>
+        <div class="top-title">{{ formatTitle(index) }}</div>
-          <div class="sum">{{ index === 0 ? '第八届': '88' }}</div>
+        <div class="sum">{{ index === 0 ? '第八届' : '88' }}</div>
-        </div>
       </div>
-      <cardTitle title="参赛学生综合能力评价分析" />
+    </div>
-      <p class="description"
+    <cardTitle title="参赛学生综合能力评价分析" />
-        >我是比赛综述:全面落实立德树人根本任务，依据CDI0工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识;在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力;具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好案养，能适应产业与社会变革的国际化应用型人才。<br />本专业毕业生经过五年左右的实际工作，能够达到以下目标:</p
+    <p class="description"
-      >
+      >我是比赛综述:全面落实立德树人根本任务，依据CDI0工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识;在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力;具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好案养，能适应产业与社会变革的国际化应用型人才。<br />本专业毕业生经过五年左右的实际工作，能够达到以下目标:</p
-      <div class="year-content">
+    >
-        <div class="left border-000">
+    <div class="year-content">
-          <div class="border-title">年度维度分析</div>
+      <div class="left border-000">
-          <randerChart />
+        <div class="border-title">年度维度分析</div>
-        </div>
+        <randerChart />
-        <div class="right border-000">
-          <cardList />
-        </div>
       </div>
-      <cardTitle title="比赛学生获奖情况分析" />
+      <div class="right border-000">
-      <p class="description"
+        <cardList />
-        >我是比赛综述:全面落实立德树人根本任务，依据CDI0工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识;在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力;具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好案养，能适应产业与社会变革的国际化应用型人才。<br />本专业毕业生经过五年左右的实际工作，能够达到以下目标:</p
-      >
-      <div class="participation-status-content">
-        <div class="right border-000">
-            <cardList7 />
-
-        </div>
-       
       </div>
-      <cardTitle title="部门参赛情况分析" />
+    </div>
-      <p class="description"
+    <cardTitle title="比赛学生获奖情况分析" />
-        >我是比赛综述:全面落实立德树人根本任务，依据CDI0工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识;在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力;具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好案养，能适应产业与社会变革的国际化应用型人才。<br />本专业毕业生经过五年左右的实际工作，能够达到以下目标:</p
+    <p class="description"
-      >
+      >我是比赛综述:全面落实立德树人根本任务，依据CDI0工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识;在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力;具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好案养，能适应产业与社会变革的国际化应用型人才。<br />本专业毕业生经过五年左右的实际工作，能够达到以下目标:</p
-      <div class="participation-status-content">
+    >
-        <div class="right border-000">
+    <div class="participation-status-content">
-          <cardList8 />
+      <div class="right border-000">
-        </div>
+        <cardList7 />
-       
       </div>
     </div>
-  </template>
+    <cardTitle title="部门参赛情况分析" />
+    <p class="description"
+      >我是比赛综述:全面落实立德树人根本任务，依据CDI0工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识;在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力;具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好案养，能适应产业与社会变革的国际化应用型人才。<br />本专业毕业生经过五年左右的实际工作，能够达到以下目标:</p
+    >
+    <div class="participation-status-content">
+      <div class="right border-000">
+        <cardList8 />
+      </div>
+    </div>
+  </div>
+</template>
 
-  <script lang="ts" setup>
+<script lang="ts" setup>
-    import cardTitle from './components/cardTitle.vue';
+  import cardTitle from './components/cardTitle.vue';
-    import cardList from './components/cardList.vue';
+  import cardList from './components/cardList.vue';
-    import cardList7 from './components/cardList7.vue';
+  import cardList7 from './components/cardList7.vue';
-    import cardList8 from './components/cardList8.vue';
+  import cardList8 from './components/cardList8.vue';
-    import randerChart from './components/randerChart.vue';
+  import randerChart from './components/randerChart.vue';
+  import { getOrganizingCommitteeReport } from '/@/api/common/api';
+  // import { onMounted, reactive, ref, toRefs, watch } from 'vue'
 
-    // import { onMounted, reactive, ref, toRefs, watch } from 'vue'
+  const getOrganizingCommitteeReportEvent = async () => {
-    const formatTitle = (index:number) => {
+    const res = await getOrganizingCommitteeReport()
-        const arr:any = ['当前届数','参赛人数','参赛队伍数','比赛项目数']
+    console.log(res);
-        return arr[index]
-    }
-  </script>
     
-  <style lang="less" scoped>
+  }
-    .container {
+  getOrganizingCommitteeReportEvent()
-      width: 1200px;
+  const formatTitle = (index: number) => {
-      margin: 0 auto;
+    const arr: any = ['当前届数', '参赛人数', '参赛队伍数', '比赛项目数'];
-      // height: 100vh;
+    return arr[index];
-      padding-bottom: 30px;
+  };
-      .title {
+</script>
-        width: 100%;
+
-        font-size: 36px;
+<style lang="less" scoped>
-        text-align: center;
+  .container {
-        font-weight: 700;
+    width: 1200px;
-      }
+    margin: 0 auto;
-      .description {
+    // height: 100vh;
-        text-indent: 2em;
+    padding-bottom: 30px;
-        margin: 30px 0;
+    .title {
-      }
+      width: 100%;
-      .card-content {
+      font-size: 36px;
+      text-align: center;
+      font-weight: 700;
+    }
+    .description {
+      text-indent: 2em;
+      margin: 30px 0;
+    }
+    .card-content {
+      display: flex;
+      .item {
+        width: 25%;
+        height: 100px;
+        border: 1px solid #000;
+        margin-right: 10px;
         display: flex;
-        .item {
+        flex-direction: column;
-          width: 25%;
+        justify-content: space-between;
-          height: 100px;
+        padding: 10px 15px;
-          border: 1px solid #000;
+        .top-title {
-          margin-right: 10px;
+          font-size: 12px;
+          color: #aaa;
+        }
+        .sum {
+          font-size: 36px;
+          font-weight: 700;
+        }
+        .content {
           display: flex;
-          flex-direction: column;
+          width: 100%;
           justify-content: space-between;
-          padding: 10px 15px;
+          align-items: center;
-          .top-title {
+          font-size: 12px;
-            font-size: 12px;
+          color: #999;
-            color: #aaa;
-          }
-          .sum {
-            font-size: 36px;
-            font-weight: 700;
-          }
-          .content {
-            display: flex;
-            width: 100%;
-            justify-content: space-between;
-            align-items: center;
-            font-size: 12px;
-            color: #999;
-          }
-        }
-        .item:nth-child(4) {
-          margin: 0;
         }
       }
-      .year-content {
+      .item:nth-child(4) {
-        width: 100%;
+        margin: 0;
-        height: auto;
-        display: flex;
-        justify-content: space-between;
-        .left {
-          width: 500px;
-          height: 500px;
-        }
-        .right {
-          flex: 1;
-          height: auto;
-          margin-left: 50px;
-        }
       }
-      .participation-status-content {
+    }
-        width: 100%;
+    .year-content {
-        height: auto;
+      width: 100%;
-        display: flex;
+      height: auto;
-        justify-content: space-between;
+      display: flex;
-        .left {
+      justify-content: space-between;
-          width: 500px;
+      .left {
-          height: 500px;
+        width: 500px;
-          margin-left: 50px;
+        height: 500px;
-        }
-        .right {
-          flex: 1;
-          height: auto;
-        }
       }
-      .footer{
+      .right {
-          width: 100%;
+        flex: 1;
-          margin: 30px 0;
+        height: auto;
+        margin-left: 50px;
       }
     }
-    .border-000 {
+    .participation-status-content {
-      border: 1px solid #000;
+      width: 100%;
+      height: auto;
+      display: flex;
+      justify-content: space-between;
+      .left {
+        width: 500px;
+        height: 500px;
+        margin-left: 50px;
+      }
+      .right {
+        flex: 1;
+        height: auto;
+      }
     }
-    .border-title {
+    .footer {
       width: 100%;
-      border-bottom: 1px solid #000;
+      margin: 30px 0;
-      height: 50px;
-      line-height: 50px;
-      font-size: 14px;
-      padding: 0 20px;
     }
-  </style>
+  }
+  .border-000 {
+    border: 1px solid #000;
+  }
+  .border-title {
+    width: 100%;
+    border-bottom: 1px solid #000;
+    height: 50px;
+    line-height: 50px;
+    font-size: 14px;
+    padding: 0 20px;
+  }
+</style>

jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardList.vue

@@ -6,7 +6,7 @@
       <div class="t_item t_head">
         <div class="ranking">排名</div>
         <div class="name">参赛院系</div>
-        <div class="total">报名人数</div>
+        <div class="total">报名数</div>
         <div class="operate">操作</div>
       </div>
       <div class="t_item t_con" v-for="(i,index) in props.data" :key="index">

jeecgboot-vue3-master/src/views/depart/workbench/components/components/cardListThree.vue

@@ -6,7 +6,7 @@
       <div class="t_item t_head">
         <!-- <div class="ranking">排名</div> -->
         <div class="name">项目名称</div>
-        <div class="total">报名人数</div>
+        <div class="total">报名数</div>
         <div class="total">队伍数</div>
         <div class="operate">所在院系</div>
       </div>