综合评价，布局

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

@@ -1,5 +1,6 @@
 <template>
     <div class="personage">
+
         <h1 class="title">机电学院比赛综合报告</h1>
         <p class="paragraph">
             我是比赛综述：全面落实立德树人根本任务，依据CDIO工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识；在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力；具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好素养，能适应产业与社会变革的国际化应用型人。
@@ -23,15 +24,18 @@
                 </div>
             </a-col>
         </a-row>
-        <p>
-            个人综合素质综述：全面落实立德树人根本任务，依据CDIO工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识；在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力；具有终身学习和创新创业
+        <p class="paragraph">
+            个人综合素质综述：全面落实立德树人根本任务，依据CDIO工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识；在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力；具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好素养，能适应产业与社会变革的国际化应用型人。
         </p>
         <img src="../../assets/images/card.png" alt="">
-        <p>
-            个人综合素质综述：全面落实立德树人根本任务，依据CDIO工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识；在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力；具有终身学习和创新创业
-        </p>
+
         <a-row class="card-box" :gutter="[50, 50]" type="flex">
-            <a-col :xs="24" :xl="10">
+            <a-col :xs="24" :xl="12">
+                <p class="paragraph">
+                    个人综合素质综述：全面落实立德树人根本任务，依据CDIO工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识；在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力；具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好素养，能适应产业与社会变革的国际化应用型人。
+                </p>
+            </a-col>
+            <a-col :xs="24" :xl="12">
                 <div class="ec-box">
                     <div class="title-box">
                         <div class="tit">年度维度分析</div>
@@ -39,10 +43,8 @@
                     <randerChart></randerChart>
                 </div>
             </a-col>
-            <a-col :xs="24" :xl="14">
-                <cardList style="border: 1px solid #000;"></cardList>
-            </a-col>
         </a-row>
+        <cardList style="border: 1px solid #000;"></cardList>
         <img src="../../assets/images/card.png" alt="">
         <p class="paragraph">
             我是比赛参赛情况综述：全面落实立德树人根本任务，依据CDIO工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识；在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力；具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好素养，能适应产业与社会变革的国际化应用型人。
@@ -90,7 +92,9 @@ import randerChart from './components/randerChart.vue';
 
 <style lang='less' scoped>
 .personage {
-    padding: 0 100px 100px;
+    padding: 0 18.6vw 60px;
+    width: 100%;
+    margin: auto;
 
     &>* {
         margin: 50px 0;
@@ -116,7 +120,7 @@ import randerChart from './components/randerChart.vue';
 
         .inner {
             height: 0;
-            padding-top: 30%;
+            padding-top: 40%;
             position: relative;
 
             .container {