From dd605a44e7acf559280524cdcd2e8908e89cfb48 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B1=E5=B1=8B?= <3180483789@qq.com>
Date: Sat, 9 Sep 2023 15:34:45 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9F=B9=E5=85=BB=E6=96=B9=E6=A1=88=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../personnelTraining/personnelTraining.vue   | 578 ++++++++----------
 1 file changed, 243 insertions(+), 335 deletions(-)

diff --git a/ant-design-vue-jeecg/src/views/cms/pages/personnelTraining/personnelTraining.vue b/ant-design-vue-jeecg/src/views/cms/pages/personnelTraining/personnelTraining.vue
index a9761f8..0022fc9 100644
--- a/ant-design-vue-jeecg/src/views/cms/pages/personnelTraining/personnelTraining.vue
+++ b/ant-design-vue-jeecg/src/views/cms/pages/personnelTraining/personnelTraining.vue
@@ -1,92 +1,78 @@
 <template>
-
   <div>
     <Header></Header>
     <div class="main">
       <div class="points cultivation_goals">
-        <h2 class="title">{{ cultivation_goals.titleName }}</h2>
+        <h2 class="title">培养目标</h2>
         <p class="content">{{ cultivation_goals.contents }}</p>
-        <div
-          class="target"
-          v-for="(item, index) in cultivation_goals.target"
-          :key="index"
-        >
-          <span>{{ item.name }}:</span>
-          <p class="content">{{ item.content }}</p>
+        <div class="target" v-for="(item, index) in cultivation_goalsList" :key="index">
+          <p class="content">{{ item.contents }}</p>
         </div>
+        <!-- <div class="target" v-for="(item, index) in cultivation_goalsList.contents" :key="index">
+          <span>{{ item.name }}:</span>
+          <p class="content">{{ item.contents }}</p>
+        </div> -->
       </div>
       <div class="points graduation_requirements">
-        <h2 class="title">{{ graduation_requirements.titleName }}</h2>
+        <h2 class="title">毕业要求</h2>
         <div class="content">
-          <div
-            class="request"
-            v-for="(item, index) in graduation_requirements.requestList"
-            :key="index"
-          >
-            <div class="issue">{{ index + 1 }}. {{ item.issue }}</div>
-            <div class="reply" v-for="(i, index) in item.reply" :key="index">
-              {{ i }}
+          <div class="request" v-for="(item, index) in graduation_requirements" :key="index">
+            <div class="issue">{{ index + 1 }}. {{ item.graduateRequire }}</div>
+            <div class="reply" v-for="(i, index) in item.subPyGraduateRequireList" :key="index">
+              {{ i.graduateRequire }}
             </div>
           </div>
         </div>
       </div>
       <div class="points support_relationships">
-        <h2 class="title">{{ support_relationships.titleName }}</h2>
+        <h2 class="title">毕业要求对培养目标的支撑关系</h2>
         <div class="content">
           <div class="table">
+            <!-- <el-table :data="support_relationships" :header-cell-style="{
+              color: '#fff',
+              fontSize: '18px',
+              height: '64px',
+              background: 'transparent'
+            }" :highlight-current-row="false">
+              <el-table-column prop="graduateRequire" label="毕业要求" width="150px">
+                <template slot-scope="scope">
+                  <span v-for="require in scope.row.pyGraRequires" :key="require.id">{{ require.graduateRequire }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="contents" :label=contents>
+                <template slot-scope="scope">
+                  <input type="checkbox" name="sex" checked v-show="scope.row.hasChild" disabled />
+                </template>
+              </el-table-column>
+            </el-table> -->
             <el-table
-              :data="support_relationships.requireList"
+             :data="support_relationships.requireList"
               :header-cell-style="{
-                color: '#fff',
-                fontSize: '18px',
-                height: '64px',
-                background: 'transparent'
-              }"
-              :highlight-current-row="false"
-            >
+              color: '#fff',
+              fontSize: '18px',
+              height: '64px',
+              background: 'transparent'
+            }"
+             :highlight-current-row="false">
               <el-table-column prop="request" label="毕业要求" width="150px" />
               <el-table-column prop="targetOne" label="目标一">
                 <template #default="scope">
-                  <input
-                    type="checkbox"
-                    name="sex"
-                    checked
-                    v-show="scope.row.targetOne"
-                    disabled
-                  />
+                  <input type="checkbox" name="sex" checked v-show="scope.row.targetOne" disabled />
                 </template>
               </el-table-column>
               <el-table-column prop="targetTwo" label="目标二">
                 <template #default="scope">
-                  <input
-                    type="checkbox"
-                    name="sex"
-                    checked
-                    v-show="scope.row.targetTwo"
-                    disabled
-                  />
+                  <input type="checkbox" name="sex" checked v-show="scope.row.targetTwo" disabled />
                 </template>
               </el-table-column>
               <el-table-column prop="targetThree" label="目标三">
                 <template #default="scope">
-                  <input
-                    type="checkbox"
-                    name="sex"
-                    checked
-                    v-show="scope.row.targetThree"
-                    disabled
-                  />
+                  <input type="checkbox" name="sex" checked v-show="scope.row.targetThree" disabled />
                 </template>
               </el-table-column>
               <el-table-column prop="targetFour" label="目标四">
                 <template #default="scope">
-                  <input
-                    type="checkbox"
-                    name="sex"
-                    checked
-                    v-show="scope.row.targetFour"
-                    disabled
-                  />
+                  <input type="checkbox" name="sex" checked v-show="scope.row.targetFour" disabled />
                 </template>
               </el-table-column>
             </el-table>
@@ -94,18 +80,15 @@
         </div>
       </div>
       <div class="points course">
-        <h2 class="title">{{ course.titleName }}</h2>
-        <div
-          class="content"
-          v-for="(item, index) in course.content"
-          :key="index"
-        >
-          {{ item }}
+        <h2 class="title">主干学科和核心课程</h2>
+        <div class="content">
+          <p>（一）主干学科:{{ course.mainSubject }}</p>
+          <p>（二） 核心课程:{{ course.coreCourse }}</p>
         </div>
       </div>
       <div class="points practice">
         <h2 class="title">{{ practice.titleName }}</h2>
-        <div class="content">{{ practice.content }}</div>
+        <div class="content">{{ course.practiceTeach }}</div>
       </div>
       <div class="points credits">
         <h2 class="title">{{ credits.titleName }}</h2>
@@ -119,12 +102,8 @@
         <h2 class="title">{{ credit_table.titleName }}</h2>
         <div class="content">
           <div class="table">
-            <el-table
-              :data="credit_table.moduleList"
-              :header-cell-style="headFirst"
-              :highlight-current-row="false"
-              :span-method="onSpanMethod"
-            >
+            <el-table :data="credit_table.moduleList" :header-cell-style="headFirst" :highlight-current-row="false"
+              :span-method="onSpanMethod">
               <el-table-column prop="field1" label="模块"> </el-table-column>
               <el-table-column label="类别" align="center">
                 <el-table-column prop="field2"></el-table-column>
@@ -145,35 +124,17 @@
         <h2 class="title">{{ schedule_table.titleName }}</h2>
         <div class="content">
           <div class="table">
-            <el-table
-              :data="schedule_table.List"
-              :header-cell-style="{
-                color: '#fff',
-                fontSize: '16px',
-                height: '20px',
-                background: 'transparent'
-              }"
-              :highlight-current-row="false"
-            >
-              <el-table-column
-                label="周次学"
-                show-overflow-tooltip
-                width="140"
-                align="right"
-              >
-                <el-table-column
-                  prop="during"
-                  label="期"
-                  show-overflow-tooltip
-                  width="120"
-                  align="center"
-                ></el-table-column>
+            <el-table :data="schedule_table.List" :header-cell-style="{
+              color: '#fff',
+              fontSize: '16px',
+              height: '20px',
+              background: 'transparent'
+            }" :highlight-current-row="false">
+              <el-table-column label="周次学" show-overflow-tooltip width="140" align="right">
+                <el-table-column prop="during" label="期" show-overflow-tooltip width="120"
+                  align="center"></el-table-column>
               </el-table-column>
-              <el-table-column
-                prop="one"
-                label="1"
-                show-overflow-tooltip
-              ></el-table-column>
+              <el-table-column prop="one" label="1" show-overflow-tooltip></el-table-column>
             </el-table>
           </div>
         </div>
@@ -182,17 +143,12 @@
         <h2 class="title">{{ plan_table.titleName }}</h2>
         <div class="content">
           <div class="table">
-            <el-table
-              :data="plan_table.List"
-              :header-cell-style="{
-                color: '#fff',
-                fontSize: '16px',
-                height: '20px',
-                background: 'transparent'
-              }"
-              :highlight-current-row="false"
-              :span-method="onSpanplanTable"
-            >
+            <el-table :data="plan_table.List" :header-cell-style="{
+              color: '#fff',
+              fontSize: '16px',
+              height: '20px',
+              background: 'transparent'
+            }" :highlight-current-row="false" :span-method="onSpanplanTable">
               <el-table-column prop="field1" label="教程类别">
               </el-table-column>
               <el-table-column prop="field2" label="课程性质">
@@ -222,17 +178,12 @@
         <h2 class="title">{{ practice_table.titleName }}</h2>
         <div class="content">
           <div class="table">
-            <el-table
-              :data="practice_table.List"
-              :header-cell-style="{
-                color: '#fff',
-                fontSize: '16px',
-                height: '20px',
-                background: 'transparent'
-              }"
-              :highlight-current-row="false"
-              :span-method="onSpanplanTable"
-            >
+            <el-table :data="practice_table.List" :header-cell-style="{
+              color: '#fff',
+              fontSize: '16px',
+              height: '20px',
+              background: 'transparent'
+            }" :highlight-current-row="false" :span-method="onSpanplanTable">
               <el-table-column prop="field1" label="教程类别">
               </el-table-column>
               <el-table-column prop="field2" label="课程性质">
@@ -262,143 +213,86 @@
         <h2 class="title">{{ relationship_matrix.titleName }}</h2>
         <div class="content">
           <div class="table">
-            <el-table
-              :data="relationship_matrix.List"
-              :header-cell-style="{
-                color: '#fff',
-                fontSize: '10px',
-                height: '20px',
-                background: 'transparent'
-              }"
-              :highlight-current-row="false"
-              :span-method="onSpanplanTable"
-            >
-              <el-table-column
-                prop="course"
-                label="毕业要求及指标点"
-                align="right"
-              >
+            <el-table :data="relationship_matrix.List" :header-cell-style="{
+              color: '#fff',
+              fontSize: '10px',
+              height: '20px',
+              background: 'transparent'
+            }" :highlight-current-row="false" :span-method="onSpanplanTable">
+              <el-table-column prop="course" label="毕业要求及指标点" align="right">
                 <el-table-column>
                   <el-table-column label="课程" width="100"> </el-table-column>
                   <el-table-column label="学分" width="100"> </el-table-column>
                 </el-table-column>
               </el-table-column>
               <el-table-column prop="request" label="毕业要求" align="center">
-                <el-table-column
-                  prop="bigPoint"
-                  label="毕业要求1"
-                  align="center"
-                >
+                <el-table-column prop="bigPoint" label="毕业要求1" align="center">
                   <el-table-column prop="smallPoint" label="1.1" width="40">
                   </el-table-column>
                   <el-table-column prop="smallPoint" label="1.2" width="40">
                   </el-table-column>
                 </el-table-column>
-                <el-table-column
-                  prop="bigPoint"
-                  label="毕业要求2"
-                  align="center"
-                >
+                <el-table-column prop="bigPoint" label="毕业要求2" align="center">
                   <el-table-column prop="smallPoint" label="1.1" width="40">
                   </el-table-column>
                   <el-table-column prop="smallPoint" label="1.2" width="40">
                   </el-table-column>
                 </el-table-column>
-                <el-table-column
-                  prop="bigPoint"
-                  label="毕业要求3"
-                  align="center"
-                >
+                <el-table-column prop="bigPoint" label="毕业要求3" align="center">
                   <el-table-column prop="smallPoint" label="1.1" width="40">
                   </el-table-column>
                   <el-table-column prop="smallPoint" label="1.2" width="40">
                   </el-table-column>
                 </el-table-column>
-                <el-table-column
-                  prop="bigPoint"
-                  label="毕业要求4"
-                  align="center"
-                >
+                <el-table-column prop="bigPoint" label="毕业要求4" align="center">
                   <el-table-column prop="smallPoint" label="1.1" width="40">
                   </el-table-column>
                   <el-table-column prop="smallPoint" label="1.2" width="40">
                   </el-table-column>
                 </el-table-column>
-                <el-table-column
-                  prop="bigPoint"
-                  label="毕业要求5"
-                  align="center"
-                >
+                <el-table-column prop="bigPoint" label="毕业要求5" align="center">
                   <el-table-column prop="smallPoint" label="1.1" width="40">
                   </el-table-column>
                   <el-table-column prop="smallPoint" label="1.2" width="40">
                   </el-table-column>
                 </el-table-column>
-                <el-table-column
-                  prop="bigPoint"
-                  label="毕业要求6"
-                  align="center"
-                >
+                <el-table-column prop="bigPoint" label="毕业要求6" align="center">
                   <el-table-column prop="smallPoint" label="1.1" width="40">
                   </el-table-column>
                   <el-table-column prop="smallPoint" label="1.2" width="40">
                   </el-table-column>
                 </el-table-column>
-                <el-table-column
-                  prop="bigPoint"
-                  label="毕业要求7"
-                  align="center"
-                >
+                <el-table-column prop="bigPoint" label="毕业要求7" align="center">
                   <el-table-column prop="smallPoint" label="1.1" width="40">
                   </el-table-column>
                   <el-table-column prop="smallPoint" label="1.2" width="40">
                   </el-table-column>
                 </el-table-column>
-                <el-table-column
-                  prop="bigPoint"
-                  label="毕业要求8"
-                  align="center"
-                >
+                <el-table-column prop="bigPoint" label="毕业要求8" align="center">
                   <el-table-column prop="smallPoint" label="1.1" width="40">
                   </el-table-column>
                   <el-table-column prop="smallPoint" label="1.2" width="40">
                   </el-table-column>
                 </el-table-column>
-                <el-table-column
-                  prop="bigPoint"
-                  label="毕业要求9"
-                  align="center"
-                >
+                <el-table-column prop="bigPoint" label="毕业要求9" align="center">
                   <el-table-column prop="smallPoint" label="1.1" width="40">
                   </el-table-column>
                   <el-table-column prop="smallPoint" label="1.2" width="40">
                   </el-table-column>
                 </el-table-column>
-                <el-table-column
-                  prop="bigPoint"
-                  label="毕业要求10"
-                  align="center"
-                >
+                <el-table-column prop="bigPoint" label="毕业要求10" align="center">
                   <el-table-column prop="smallPoint" label="1.1" width="40">
                   </el-table-column>
                   <el-table-column prop="smallPoint" label="1.2" width="40">
                   </el-table-column>
                 </el-table-column>
-                <el-table-column
-                  prop="bigPoint"
-                  label="毕业要求11"
-                  align="center"
-                >
+                <el-table-column prop="bigPoint" label="毕业要求11" align="center">
                   <el-table-column prop="smallPoint" label="1.1" width="40">
                   </el-table-column>
                   <el-table-column prop="smallPoint" label="1.2" width="40">
                   </el-table-column>
                 </el-table-column>
-                <el-table-column
-                  prop="bigPoint"
-                  label="毕业要求12"
-                  align="center"
-                >
+                <el-table-column prop="bigPoint" label="毕业要求12" align="center">
                   <el-table-column prop="smallPoint" label="1.1" width="40">
                   </el-table-column>
                   <el-table-column prop="smallPoint" label="1.2" width="40">
@@ -420,6 +314,7 @@ import { spanRow } from './tableSpan.js'
 // import { getCultivationGoals } from './request.js'
 import Header from '../../components/HeaderView.vue'
 import FooterView from '../../components/FooterView.vue'
+import { getAction } from '@/api/manage'
 export default {
   components: {
     Header,
@@ -427,141 +322,68 @@ export default {
   },
   data() {
     return {
-      cultivation_goals: {
-        titleName: '培养目标',
-        contents:
-          '全面落实立德树人根本任务，依据CDIO工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识；在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力；具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好素养，能适应产业与社会变革的国际化应用型人才。 本专业毕业生经过五年左右的实际工作，能够达到以下目标：',
-        target: [
-          {
-            name: '目标1',
-            content:
-              '具有良好的社会与职业道德规范，遵守国内外法律法规，具备担当精神、工匠精神、社会和环境可持续发展意识。'
-          },
-          {
-            name: '目标2',
-            content:
-              '具有良好的社会与职业道德规范，遵守国内外法律法规，具备担当精神、工匠精神、社会和环境可持续发展意识。'
-          },
-          {
-            name: '目标3',
-            content:
-              '具有良好的社会与职业道德规范，遵守国内外法律法规，具备担当精神、工匠精神、社会和环境可持续发展意识。'
-          },
-          {
-            name: '目标4',
-            content:
-              '具有良好的社会与职业道德规范，遵守国内外法律法规，具备担当精神、工匠精神、社会和环境可持续发展意识。'
-          }
-        ]
-      },
-      graduation_requirements: {
-        titleName: '毕业要求',
-        requestList: [
-          {
-            id: 1,
-            issue:
-              '工程知识：能够将数学、自然科学、工程基础和专业知识用于解决复杂软件工程问题。',
-            reply: [
-              '具备软件工程及其应用领域解决复杂工程问题所需要的系统完整的数学和自然科学知识。 ',
-              '具备软件工程及其应用领域解决复杂工程问题所需要的工程基础和专业知识。',
-              '在解决复杂工程问题时，能够综合地应用数学、自然科学、工程基础和专业知识。'
-            ]
-          },
-          {
-            id: 2,
-            issue:
-              '工程知识：能够将数学、自然科学、工程基础和专业知识用于解决复杂软件工程问题。',
-            reply: [
-              '具备软件工程及其应用领域解决复杂工程问题所需要的系统完整的数学和自然科学知识。 ',
-              '具备软件工程及其应用领域解决复杂工程问题所需要的工程基础和专业知识。',
-              '在解决复杂工程问题时，能够综合地应用数学、自然科学、工程基础和专业知识。'
-            ]
-          },
-          {
-            id: 3,
-            issue:
-              '工程知识：能够将数学、自然科学、工程基础和专业知识用于解决复杂软件工程问题。',
-            reply: [
-              '具备软件工程及其应用领域解决复杂工程问题所需要的系统完整的数学和自然科学知识。 ',
-              '具备软件工程及其应用领域解决复杂工程问题所需要的工程基础和专业知识。',
-              '在解决复杂工程问题时，能够综合地应用数学、自然科学、工程基础和专业知识。'
-            ]
-          },
-          {
-            id: 4,
-            issue:
-              '工程知识：能够将数学、自然科学、工程基础和专业知识用于解决复杂软件工程问题。',
-            reply: [
-              '具备软件工程及其应用领域解决复杂工程问题所需要的系统完整的数学和自然科学知识。 ',
-              '具备软件工程及其应用领域解决复杂工程问题所需要的工程基础和专业知识。',
-              '在解决复杂工程问题时，能够综合地应用数学、自然科学、工程基础和专业知识。'
-            ]
-          },
-          {
-            id: 5,
-            issue:
-              '工程知识：能够将数学、自然科学、工程基础和专业知识用于解决复杂软件工程问题。',
-            reply: [
-              '具备软件工程及其应用领域解决复杂工程问题所需要的系统完整的数学和自然科学知识。 ',
-              '具备软件工程及其应用领域解决复杂工程问题所需要的工程基础和专业知识。',
-              '在解决复杂工程问题时，能够综合地应用数学、自然科学、工程基础和专业知识。'
-            ]
-          }
-        ]
-      },
+      getDataList: [],
+      // 培养目标描述
+      cultivation_goals: [],
+      // 培养目标列表
+      cultivation_goalsList: [],
+      // 毕业要求
+      graduation_requirements: [],
+      // 毕业要求对培养目标的支撑关系
+      // support_relationships: [],
       support_relationships: {
-        titleName: '毕业要求对培养目标的支撑关系',
         requireList: [
-          {
-            request: '工程知识',
-            targetOne: false,
-            targetTwo: true,
-            targetThree: false,
-            targetFour: false
-          },
-          {
-            request: '工程知识',
-            targetOne: true,
-            targetTwo: true,
-            targetThree: true,
-            targetFour: false
-          },
-          {
-            request: '工程知识',
-            targetOne: false,
-            targetTwo: false,
-            targetThree: true,
-            targetFour: false
-          },
-          {
-            request: '工程知识',
-            targetOne: false,
-            targetTwo: true,
-            targetThree: false,
-            targetFour: true
-          },
-          {
-            request: '工程知识',
-            targetOne: false,
-            targetTwo: true,
-            targetThree: false,
-            targetFour: true
-          },
-          {
-            request: '工程知识',
-            targetOne: false,
-            targetTwo: true,
-            targetThree: false,
-            targetFour: true
-          }
+          // {
+          //   request: '工程知识',
+          //   targetOne: false,
+          //   targetTwo: true,
+          //   targetThree: false,
+          //   targetFour: false
+          // },
+          // {
+          //   request: '工程知识',
+          //   targetOne: true,
+          //   targetTwo: true,
+          //   targetThree: true,
+          //   targetFour: false
+          // },
+          // {
+          //   request: '工程知识',
+          //   targetOne: false,
+          //   targetTwo: false,
+          //   targetThree: true,
+          //   targetFour: false
+          // },
+          // {
+          //   request: '工程知识',
+          //   targetOne: false,
+          //   targetTwo: true,
+          //   targetThree: false,
+          //   targetFour: true
+          // },
+          // {
+          //   request: '工程知识',
+          //   targetOne: false,
+          //   targetTwo: true,
+          //   targetThree: false,
+          //   targetFour: true
+          // },
+          // {
+          //   request: '工程知识',
+          //   targetOne: false,
+          //   targetTwo: true,
+          //   targetThree: false,
+          //   targetFour: true
+          // }
         ]
       },
+      // 主干学科和核心课程
       course: {
-        titleName: '主干学科和核心课程',
-        content: [
-          '（一）主干学科：软件工程；',
-          '（二）核心课程：编程导论、高级编程、数据结构、人机交互设计方法、数据库原理与应用、WEB应用程序开发、软件工程导论、人工智能与数学基础、软件分析与设计、计算机组成结构、软件开发框架、离散数学、通讯与网络、操作系统、软件项目管理等。'
-        ]
+        titleName: '主干学科和核心课程'
+        // content: [
+        //   '（一）主干学科：软件工程；',
+        //   '（二）核心课程：编程导论、高级编程、数据结构、人机交互设计方法、数据库原理与应用、WEB应用程序开发、软件工程导论、人工智能与数学基础、软件分析与设计、计算机组成结构、软件开发框架、离散数学、通讯与网络、操作系统、软件项目管理等。'
+        // ]
       },
       practice: {
         titleName: '主要实践性教学环节',
@@ -869,6 +691,32 @@ export default {
     }
   },
   methods: {
+    getData() {
+      getAction(`/cms/homepage/TrainingPlan/getData4Top1`).then((res) => {
+        this.getDataList = res.result
+        console.log(this.getDataList, '111')
+        this.cultivation_goals = res.result.培养目标描述
+        this.cultivation_goalsList = res.result.培养目标列表
+        // console.log(this.cultivation_goalsList, '培养目标列表')
+        this.graduation_requirements = res.result.毕业要求
+        // console.log(this.graduation_requirements, '毕业要求')
+        //this.support_relationships = res.result.毕业要求对培养目标的支撑关系
+        // console.log(this.support_relationships.pyGraRequires[0].graduateRequire)
+        // console.log(this.support_relationships.pyTrainingObjectives[0].contents)
+        let obj = res.result.毕业要求对培养目标的支撑关系.pyGraRequires
+        console.log('aaaa', obj)
+        for (let i = 0; i < obj.length; i++) {
+          this.support_relationships.requireList.push({ request: obj[i].graduateRequire, targetOne: obj[i].graduateNumber })
+        }
+        // let obj2 = res.result.毕业要求对培养目标的支撑关系.pyTrainingObjectives
+        // for (let i = 0; i < obj2.length; i++) {
+        //   this.support_relationships.requireList[i].name = obj2[i].contents
+        //   console.log('hhhhhh', this.support_relationships.requireList)
+        // }
+        this.course = res.result.培养方案信息
+        console.log(this.course, '培养方案信息')
+      })
+    },
     // async getData() {
     //   await getCultivationGoals()
     //     .then(({ data: res }) => {
@@ -907,13 +755,14 @@ export default {
     }
   },
   created() {
-    // this.getData()
+    this.getData()
   }
 }
 </script>
 
 <style lang="less" scoped>
 @import '../../assets/reset.css';
+
 .header {
   width: 100%;
   height: 356px;
@@ -921,27 +770,33 @@ export default {
   background-size: 100%;
   // background-repeat: no-repeat;
 }
+
 /deep/ .el-table tr input[type='checkbox'] {
   margin-left: 1.5em;
 }
+
 /deep/ .el-table {
   background: transparent;
   --el-table-border-color: none;
   text-align: center;
   width: 100%;
 }
+
 /deep/ .el-table th.el-table__cell.is-leaf {
   border: none;
   // text-align: center;
 }
+
 /deep/ .el-table__header {
   width: 100%;
   margin: 0 auto;
 }
+
 /deep/ .el-table tr {
   background: transparent;
   width: 100%;
 }
+
 /deep/ .el-table td.el-table__cell {
   border-bottom: 1px solid #b0aefa;
   font-size: 14px;
@@ -951,18 +806,21 @@ export default {
   width: 100%;
   // text-align: center;
 }
-/deep/ .el-table tbody tr:hover > td {
-  background-color: unset !important
-;
+
+/deep/ .el-table tbody tr:hover>td {
+  background-color: unset !important;
 }
+
 .main {
   width: 100%;
   height: 100%;
   display: flex;
   flex-flow: column nowrap;
-  padding: 0 8em;
+  padding: 0 15%;
+
   .points {
     margin-top: 3em;
+
     .title {
       font-size: 32px;
       font-family: DOUYUFont-Regular, DOUYUFont;
@@ -973,6 +831,7 @@ export default {
     }
   }
 }
+
 .cultivation_goals {
   p.content {
     text-indent: 2em;
@@ -982,14 +841,16 @@ export default {
     color: #777777;
     line-height: 25px;
   }
+
   .target {
     // background-color: pink;
     padding: 0 25%;
-    margin-top: 2em;
+    margin-top: 1em;
     display: flex;
     flex-flow: row nowrap;
-    justify-content: center;
-    align-items: center;
+    justify-content: left;
+    align-items: left;
+
     span {
       width: 8em;
       display: block;
@@ -998,16 +859,20 @@ export default {
       font-weight: 400;
       color: #333333;
     }
+
     .content {
       text-indent: 0;
     }
   }
 }
+
 .graduation_requirements {
+
   // text-align: center;
   .content {
     .request {
       margin-bottom: 2em;
+
       .issue {
         font-size: 18px;
         font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
@@ -1015,6 +880,7 @@ export default {
         color: #333333;
         margin-bottom: 2em;
       }
+
       .reply {
         font-size: 16px;
         font-family: Inter-Regular, Inter;
@@ -1026,23 +892,27 @@ export default {
     }
   }
 }
+
 .support_relationships {
   .title {
     width: 9em;
     margin: 0 auto;
   }
+
   .content {
     width: 100%;
     margin: 0 auto;
+
     // background-color: skyblue;
     .table {
-      width: 65%;
+      width: 80%;
       margin: 0 auto;
       height: 100%;
       background: linear-gradient(134deg, #b6b4f9 0%, #5a5cfb 100%);
       box-shadow: 60px 85px 72px 0px rgba(25, 27, 215, 0.17);
       border-radius: 20px 20px 20px 20px;
       padding: 2em 2em 2em 2em;
+
       input {
         appearance: none;
         -webkit-appearance: none;
@@ -1054,16 +924,19 @@ export default {
         background-color: #fff;
         border-radius: 2px;
       }
+
       input:after {
         content: '\2714';
         color: transparent;
       }
+
       input:checked::after {
         color: #5a5cfb;
       }
     }
   }
 }
+
 .course,
 .practice,
 .credits,
@@ -1076,6 +949,7 @@ export default {
     line-height: 28px;
   }
 }
+
 .credit_table {
   .table {
     width: 65%;
@@ -1087,6 +961,7 @@ export default {
     padding: 2em 3em 5em 3em;
     display: table-cell;
     vertical-align: middles;
+
     /deep/ .el-table td.el-table__cell {
       border: 1px solid #d9d9ff;
       font-size: 14px;
@@ -1096,15 +971,18 @@ export default {
       width: 100%;
       // text-align: center;
     }
+
     /deep/ .el-table th.el-table__cell.is-leaf {
       border: none;
       text-align: center;
     }
+
     /deep/ .el-table td.el-table__cell {
       text-align: center;
     }
   }
 }
+
 .schedule_table {
   .table {
     width: 65%;
@@ -1116,6 +994,7 @@ export default {
     padding: 2em 3em 5em 3em;
     display: table-cell;
     vertical-align: middles;
+
     /deep/ .el-table td.el-table__cell {
       border: 1px solid #d9d9ff;
       font-size: 14px;
@@ -1125,16 +1004,20 @@ export default {
       width: 100%;
       // text-align: center;
     }
+
     /deep/ .el-table thead.is-group th {
       background: none;
       border: 1px solid #d9d9ff;
     }
+
     /deep/ .el-table thead.is-group tr:first-of-type th:first-of-type {
       border-bottom: none;
     }
+
     /deep/ .el-table_3_column_14_column_15.is-center.is-leaf.el-table__cell {
       border-top: none;
     }
+
     /deep/ .el-table thead.is-group tr:first-of-type th:first-of-type:before {
       content: '';
       position: absolute;
@@ -1147,6 +1030,7 @@ export default {
       transform: rotate(-57deg);
       transform-origin: top;
     }
+
     /deep/ .el-table thead.is-group tr:last-of-type th:first-of-type:before {
       content: '';
       position: absolute;
@@ -1161,6 +1045,7 @@ export default {
     }
   }
 }
+
 .plan_table {
   .table {
     width: 100%;
@@ -1170,6 +1055,7 @@ export default {
     box-shadow: 60px 85px 72px 0px rgba(25, 27, 215, 0.17);
     border-radius: 20px 20px 20px 20px;
     padding: 4em 3em 5em 3em;
+
     // display: table-cell;
     // vertical-align: middles;
     /deep/ .el-table td.el-table__cell {
@@ -1181,18 +1067,22 @@ export default {
       width: 100%;
       // text-align: center;
     }
+
     /deep/ .el-table th.el-table__cell.is-leaf {
       border: 1px solid #d9d9ff;
       text-align: center;
     }
+
     /deep/ .el-table td.el-table__cell {
       text-align: center;
     }
+
     /deep/ .el-table thead.is-group th.el-table__cell {
       border: 1px solid #d9d9ff;
     }
   }
 }
+
 .practice_table {
   .table {
     width: 100%;
@@ -1202,6 +1092,7 @@ export default {
     box-shadow: 60px 85px 72px 0px rgba(25, 27, 215, 0.17);
     border-radius: 20px 20px 20px 20px;
     padding: 4em 3em 5em 3em;
+
     // display: table-cell;
     // vertical-align: middles;
     /deep/ .el-table td.el-table__cell {
@@ -1213,18 +1104,22 @@ export default {
       width: 100%;
       // text-align: center;
     }
+
     /deep/ .el-table th.el-table__cell.is-leaf {
       border: 1px solid #d9d9ff;
       text-align: center;
     }
+
     /deep/ .el-table td.el-table__cell {
       text-align: center;
     }
+
     /deep/ .el-table thead.is-group th.el-table__cell {
       border: 1px solid #d9d9ff;
     }
   }
 }
+
 .relationship_matrix {
   .table {
     margin: 0 auto;
@@ -1233,9 +1128,11 @@ export default {
     box-shadow: 60px 85px 72px 0px rgba(25, 27, 215, 0.17);
     border-radius: 20px 20px 20px 20px;
     padding: 4em 3em 5em 3em;
+
     /deep/ .el-table__header {
       width: 200px;
     }
+
     /deep/ .el-table td.el-table__cell {
       border: 1px solid #d9d9ff;
       font-size: 10px;
@@ -1243,38 +1140,48 @@ export default {
       font-weight: 400;
       color: #ffffff;
     }
+
     /deep/ .el-table th.el-table__cell.is-leaf {
       border: 1px solid #d9d9ff;
       text-align: center;
       height: 60px !important;
     }
+
     /deep/ .el-table td.el-table__cell {
       text-align: center;
     }
+
     /deep/ .el-table thead.is-group th.el-table__cell {
       border: 1px solid #d9d9ff;
     }
+
     /deep/ .el-table .is-leaf.el-table__cell {
       padding: 0;
     }
+
     /deep/ .el-table .cell {
       padding: 5px;
     }
+
     /deep/ .el-table_6_column_47.is-right.el-table__cell {
       border-bottom: none !important;
     }
+
     /deep/ .el-table_6_column_47_column_48.el-table__cell {
       border-top: none !important;
-      border-bottom: none !important ;
+      border-bottom: none !important;
     }
+
     /deep/ .el-table_6_column_47_column_48_column_49.is-leaf.el-table__cell {
       border-top: none !important;
       border-right: none !important;
     }
+
     /deep/ .el-table_6_column_47_column_48_column_50.is-leaf.el-table__cell {
       border-top: none !important;
       border-left: none !important;
     }
+
     /deep/ .el-table thead.is-group tr:first-of-type th:first-of-type:before {
       content: '';
       position: absolute;
@@ -1287,6 +1194,7 @@ export default {
       transform: rotate(-63deg);
       transform-origin: top;
     }
+
     /deep/ .el-table thead.is-group tr:last-of-type th:nth-of-type(2):before {
       content: '';
       position: absolute;