From f32a322500a9d60c81af3f848806ea10a3847c7b Mon Sep 17 00:00:00 2001
From: gongdi <410827992@qq.com>
Date: Sun, 9 Oct 2022 18:01:23 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B4=8B=E6=B5=A6=E5=AD=A6=E6=A0=A1=E5=85=AB?=
 =?UTF-8?q?=E5=A4=A7=E4=B8=AD=E5=BF=83=20=E6=95=99=E5=AD=A6=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E5=89=8D=E7=AB=AF=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../assets/images/teachingCenter/art.svg      |   1 +
 .../teachingCenter/communityActivities.svg    |   1 +
 .../assets/images/teachingCenter/special.svg  |   1 +
 .../assets/images/teachingCenter/sports.svg   |   1 +
 .../teachingCenter/courseArrangement.vue      |   7 +-
 .../pages/teachingCenter/schoolBaseCourse.vue | 277 +++++++++++++++++-
 .../pages/teachingCenter/teachingCheck.vue    |   2 +-
 .../pages/teachingCenter/testArrangement.vue  |   2 +-
 8 files changed, 284 insertions(+), 8 deletions(-)
 create mode 100644 src/views/screenAdaptation/assets/images/teachingCenter/art.svg
 create mode 100644 src/views/screenAdaptation/assets/images/teachingCenter/communityActivities.svg
 create mode 100644 src/views/screenAdaptation/assets/images/teachingCenter/special.svg
 create mode 100644 src/views/screenAdaptation/assets/images/teachingCenter/sports.svg

diff --git a/src/views/screenAdaptation/assets/images/teachingCenter/art.svg b/src/views/screenAdaptation/assets/images/teachingCenter/art.svg
new file mode 100644
index 0000000..0c8834a
--- /dev/null
+++ b/src/views/screenAdaptation/assets/images/teachingCenter/art.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1665223540079" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3827" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 1024C229.888 1024 0 794.112 0 512S229.888 0 512 0s512 229.888 512 512c0 104.96-44.544 180.736-132.096 225.28-52.736 26.624-109.056 29.696-159.232 31.744-60.928 3.072-99.328 6.144-117.76 37.376-13.312 22.528-3.584 41.984 12.8 71.68 15.36 27.136 36.352 65.024 7.168 100.352-33.28 40.448-82.944 45.568-122.88 45.568z m0-970.24c-252.928 0-458.24 205.824-458.24 458.24s205.824 458.24 458.24 458.24c41.984 0 66.56-7.68 81.408-26.112 5.12-6.144 2.56-13.312-12.288-40.448-16.384-29.696-41.472-74.752-12.288-124.928 33.792-57.856 98.304-60.928 161.28-63.488 46.592-2.048 94.72-4.608 137.216-26.112 69.12-35.328 102.912-93.184 102.912-177.664 0-252.416-205.312-457.728-458.24-457.728z" fill="#e6e6e6" p-id="3828"></path><path d="M214.016 455.68m-70.144 0a70.144 70.144 0 1 0 140.288 0 70.144 70.144 0 1 0-140.288 0Z" fill="#e6e6e6" p-id="3829"></path><path d="M384 244.736m-70.144 0a70.144 70.144 0 1 0 140.288 0 70.144 70.144 0 1 0-140.288 0Z" fill="#e6e6e6" p-id="3830"></path><path d="M645.12 229.376m-70.144 0a70.144 70.144 0 1 0 140.288 0 70.144 70.144 0 1 0-140.288 0Z" fill="#e6e6e6" p-id="3831"></path><path d="M804.352 426.496m-70.144 0a70.144 70.144 0 1 0 140.288 0 70.144 70.144 0 1 0-140.288 0Z" fill="#e6e6e6" p-id="3832"></path></svg>
\ No newline at end of file
diff --git a/src/views/screenAdaptation/assets/images/teachingCenter/communityActivities.svg b/src/views/screenAdaptation/assets/images/teachingCenter/communityActivities.svg
new file mode 100644
index 0000000..42b296f
--- /dev/null
+++ b/src/views/screenAdaptation/assets/images/teachingCenter/communityActivities.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1665221163917" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1895" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M369.5 447C290.4 447 226 382.6 226 303.5S290.4 160 369.5 160 513 224.4 513 303.5 448.6 447 369.5 447z m0-253C309.1 194 260 243.1 260 303.5S309.1 413 369.5 413 479 363.9 479 303.5 429.9 194 369.5 194z" fill="#e6e6e6" p-id="1896"></path><path d="M369.5 863.8c-97 0-190.5-35.2-263.3-99.1-2.7-2.4-4.6-5.5-5.4-9-4.5-20-6.8-40.5-6.8-61.2 0-73.6 28.7-142.8 80.7-194.8S295.9 419 369.5 419s142.8 28.7 194.8 80.7S645 620.9 645 694.5c0 20.6-2.3 41.2-6.8 61.2-0.8 3.5-2.7 6.7-5.4 9-72.8 63.9-166.3 99.1-263.3 99.1z m-236.7-121c66 56.2 149.8 87 236.7 87 86.9 0 170.7-30.9 236.7-87 3.2-15.8 4.8-32 4.8-48.3 0-64.5-25.1-125.2-70.7-170.8C494.7 478.1 434 453 369.5 453s-125.2 25.1-170.8 70.7S128 630 128 694.5c0 16.3 1.6 32.5 4.8 48.3zM696.5 465C629 465 574 410 574 342.5S629 220 696.5 220 819 275 819 342.5 764 465 696.5 465z m0-211c-48.8 0-88.5 39.7-88.5 88.5s39.7 88.5 88.5 88.5 88.5-39.7 88.5-88.5-39.7-88.5-88.5-88.5z" fill="#e6e6e6" p-id="1897"></path><path d="M696.5 813c-17 0-34.1-1.3-50.8-3.8-9.3-1.4-15.7-10.1-14.2-19.4 1.4-9.3 10.1-15.7 19.4-14.2 15 2.3 30.4 3.4 45.7 3.4 71.4 0 140.3-25.3 194.7-71.3 2.5-12.7 3.8-25.8 3.8-38.8C895 559.2 806 470 696.5 470c-33.8 0-67.2 8.7-96.5 25-8.2 4.6-18.6 1.6-23.1-6.6-4.6-8.2-1.6-18.6 6.6-23.1C617.9 446.1 657 436 696.6 436c62.1 0 120.5 24.2 164.4 68.2 43.9 44 68.1 102.4 68.1 164.6 0 17.4-1.9 34.8-5.8 51.7-0.8 3.5-2.7 6.6-5.4 9C856.7 783.4 778 813 696.5 813z" fill="#e6e6e6" p-id="1898"></path></svg>
\ No newline at end of file
diff --git a/src/views/screenAdaptation/assets/images/teachingCenter/special.svg b/src/views/screenAdaptation/assets/images/teachingCenter/special.svg
new file mode 100644
index 0000000..a5b6ee2
--- /dev/null
+++ b/src/views/screenAdaptation/assets/images/teachingCenter/special.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1665223340402" class="icon" viewBox="0 0 1068 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2976" xmlns:xlink="http://www.w3.org/1999/xlink" width="208.59375" height="200"><path d="M553.2394 778.224h-0.05c-7.99 0-16.092-0.08-24.08-0.231-139.472-2.679-270.492-28.227-368.938-71.938C55.6134 659.625-1.2666 597.068 0.0224 529.92c1.252-65.252 57.605-124.407 158.69-166.561 94.734-39.506 220.97-61.264 355.443-61.264 7.972 0 16.073 0.077 24.073 0.226 139.475 2.673 270.495 28.221 368.947 71.943 104.553 46.43 161.437 108.98 160.144 176.124-1.248 65.262-57.613 124.412-158.693 166.567-94.715 39.508-220.944 61.269-355.386 61.269m-39.085-431.16c-128.673 0-248.76 20.528-338.137 57.802C93.6154 439.232 45.8614 485.124 44.9814 530.786c-0.904 47.198 47.734 96.106 133.445 134.166 93.081 41.336 217.934 65.515 351.543 68.075 7.702 0.152 15.512 0.224 23.224 0.224h0.046c128.648 0 248.713-20.528 338.087-57.796 82.392-34.364 130.153-80.26 131.03-125.926 0.906-47.205-47.732-96.111-133.44-134.162-93.09-41.346-217.94-65.518-351.546-68.08a1224.355 1224.355 0 0 0-23.214-0.223" p-id="2977" fill="#e6e6e6"></path><path d="M756.9434 1005.515c-59.176 0-131.026-32.34-207.793-93.514-75.843-60.441-149.83-143.674-213.94-240.688-76.91-116.372-130.195-238.778-150.027-344.65-21.076-112.447-1.83-194.769 54.203-231.8C259.5284 81.556 283.4234 74.8 310.3924 74.8c59.177 0 131.035 32.332 207.792 93.514 75.848 60.446 149.832 143.676 213.941 240.694 76.904 116.374 130.182 238.765 150.027 344.642 21.07 112.456 1.82 194.771-54.209 231.803-20.144 13.311-44.028 20.062-71 20.062M310.3934 119.77c-18.002 0-33.549 4.246-46.209 12.614-39.39 26.032-52.073 93.829-34.802 186 18.758 100.116 69.668 216.65 143.35 328.13 61.543 93.136 132.243 172.772 204.446 230.318 67.73 53.982 131.58 83.713 179.766 83.713 18 0 33.55-4.247 46.205-12.606 39.388-26.034 52.08-93.831 34.798-186.008-18.754-100.11-69.662-216.642-143.339-328.127-61.548-93.135-132.243-172.777-204.45-230.319-67.738-53.98-131.576-83.715-179.766-83.715" p-id="2978" fill="#e6e6e6"></path><path d="M336.2474 1022.571c-21.815 0-41.914-4.884-59.874-14.774-58.847-32.38-84.69-112.869-72.783-226.66 11.211-107.126 54.414-233.438 121.658-355.652C398.6414 292.103 493.0914 178.773 584.3814 114.555c10.16-7.147 24.19-4.707 31.334 5.448 7.145 10.163 4.707 24.185-5.456 31.332-85.885 60.418-175.404 168.245-245.604 295.836-64.417 117.082-105.735 237.347-116.342 338.652-9.757 93.266 8.37 159.819 49.734 182.574 41.363 22.758 107.278 2.454 180.845-55.713 79.893-63.172 159.371-162.448 223.786-279.529 70.2-127.587 113.367-260.914 118.428-365.804 0.605-12.404 11.138-21.978 23.546-21.378 12.402 0.6 21.976 11.14 21.38 23.544-5.38 111.497-50.557 251.94-123.949 385.319-67.24 122.217-150.808 226.318-235.3 293.128-62.346 49.294-120.885 74.607-170.536 74.607" p-id="2979" fill="#e6e6e6"></path><path d="M655.3074 113.592c0 29.6 12.182 59.013 33.111 79.95 20.93 20.929 50.348 33.11 79.952 33.11 29.602 0 59.014-12.181 79.945-33.11 20.934-20.937 33.112-50.352 33.112-79.95 0-29.602-12.178-59.021-33.112-79.95C827.3854 12.717 797.9724 0.528 768.3714 0.528c-29.604 0-59.023 12.189-79.952 33.112-20.93 20.93-33.11 50.349-33.11 79.95" p-id="2980" fill="#e6e6e6"></path></svg>
\ No newline at end of file
diff --git a/src/views/screenAdaptation/assets/images/teachingCenter/sports.svg b/src/views/screenAdaptation/assets/images/teachingCenter/sports.svg
new file mode 100644
index 0000000..a3695b9
--- /dev/null
+++ b/src/views/screenAdaptation/assets/images/teachingCenter/sports.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1665308838707" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2952" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M190.577778 833.422222C13.274074 656.118519 13.274074 367.881481 190.577778 189.62963 367.881481 12.325926 656.118519 12.325926 834.37037 189.62963c177.303704 177.303704 177.303704 465.540741 0 643.792592-178.251852 178.251852-466.488889 178.251852-643.792592 0z m-73.955556-365.985185c83.437037 3.792593 165.925926-23.703704 231.348148-79.644444L211.437037 251.259259c-54.992593 63.525926-86.281481 138.42963-94.814815 216.177778z m271.170371-120.414815c53.096296-65.422222 75.851852-146.962963 71.111111-229.451852-74.903704 10.42963-146.962963 40.77037-206.696297 92.918519l135.585186 136.533333z m384.948148-135.585185c-73.007407-63.525926-164.02963-95.762963-256-96.711111 6.637037 98.607407-21.807407 197.214815-86.281482 275.911111l81.540741 81.540741 260.740741-260.740741zM472.177778 512l-81.540741-81.540741C312.888889 498.725926 214.281481 530.962963 114.725926 525.274074c2.844444 88.177778 35.081481 175.407407 96.711111 246.518519L472.177778 512z m300.562963 300.562963L634.311111 674.133333c-56.888889 67.318519-83.437037 150.755556-80.592592 233.244445 78.696296-8.533333 155.496296-39.822222 219.022222-94.814815z m-521.481482 0c70.162963 61.62963 157.392593 92.918519 245.570371 96.711111-3.792593-97.659259 28.444444-196.266667 96.711111-274.962963L512 551.822222 251.259259 812.562963z m561.303704-561.303704L551.822222 512l81.540741 81.540741c78.696296-68.266667 177.303704-100.503704 275.911111-96.711111-3.792593-88.177778-35.081481-174.459259-96.711111-245.570371z m94.814815 302.45926c-82.488889-2.844444-165.925926 23.703704-233.244445 79.644444l138.42963 138.42963c54.992593-62.577778 86.281481-139.377778 94.814815-218.074074z m0 0" fill="#e6e6e6" p-id="2953"></path></svg>
\ No newline at end of file
diff --git a/src/views/screenAdaptation/pages/teachingCenter/courseArrangement.vue b/src/views/screenAdaptation/pages/teachingCenter/courseArrangement.vue
index ae87db6..bbd062a 100644
--- a/src/views/screenAdaptation/pages/teachingCenter/courseArrangement.vue
+++ b/src/views/screenAdaptation/pages/teachingCenter/courseArrangement.vue
@@ -32,7 +32,7 @@
                                 </a-row>
                                 <div class="row-list-content-style">
                                     <vue-scroll v-if="tableData.length > 0" class="table-boday-style" :ops="listScroll"
-                                                style="height:180px">
+                                                style="height:190px">
                                         <a-row v-for="item,index in tableData" :key="'course_info_row_'+index" class="table-row-style">
                                             <a-col :span="6" class="col">{{item.curriculum}}</a-col>
                                             <a-col :span="6" class="col">{{item.provincePlan}}</a-col>
@@ -245,10 +245,9 @@
 </script>
 <style scoped lang="scss">
     @import "../../assets/scss/style";
-
     .teaching-center-course-arrangement-style {
         width: 100%;
-        height: 280px !important;
+        height: 320px !important;
         position: relative;
         .course-arrangement-box-style {
             width: 100%;
@@ -322,7 +321,7 @@
                                         flex-direction: column;
                                         .row-list-content-style {
                                             width: 100%;
-                                            height: 160px;
+                                            height: 190px;
                                             display: flex;
                                             flex-direction: column;
                                             .table-row-style {
diff --git a/src/views/screenAdaptation/pages/teachingCenter/schoolBaseCourse.vue b/src/views/screenAdaptation/pages/teachingCenter/schoolBaseCourse.vue
index 62398e3..c928073 100644
--- a/src/views/screenAdaptation/pages/teachingCenter/schoolBaseCourse.vue
+++ b/src/views/screenAdaptation/pages/teachingCenter/schoolBaseCourse.vue
@@ -1,7 +1,88 @@
 <template>
     <CommonBox title="校本课程" class="teaching-center-school-base-course-style">
         <a-spin class="school-base-course-box-style" :spinning="spinning">
+            <div class="select-top-style">
+                <span :class="'select-item-style border-right-style' + (selectType === 1?' select-style':'')"
+                      @click="typeChange(1)">特色课程</span>
+                <span :class="'select-item-style border-right-style' + (selectType === 2?' select-style':'')"
+                      @click="typeChange(2)">劳动课程</span>
+                <span :class="'select-item-style' + (selectType === 3?' select-style':'')"
+                      @click="typeChange(3)">思政课程</span>
+            </div>
+            <div class="school-base-course-content-style">
+                <a-tabs :activeKey="paneKey">
+                    <a-tab-pane :key="1" tab="Tab 1">
+                        <div class="special-content-style">
+                            <div class="top-style">
+                                <div class="box-style">
+                                    <img src="../../assets/images/teachingCenter/communityActivities.svg" style="width: 20px;height: 20px"/>
+                                    <span>社团风采</span>
+                                </div>
+                                <div class="box-right-style"></div>
+                            </div>
+                            <div class="content-style">
+                                <div class="item-content-style">
+                                    <div class="item-row-style item-title-style">
+                                        <img src="../../assets/images/teachingCenter/special.svg" style="width: 16px;height: 16px"/>科技社团
+                                    </div>
+                                    <div class="item-scroll-content-style">
+                                        <vue-scroll key="special_scroll" class="table-boday-style" :ops="listScroll" style="height: 100%">
+                                            <div class="item-row-style" v-for="item in specialList">
+                                                {{item.title}}
+                                            </div>
+                                        </vue-scroll>
+                                    </div>
+                                </div>
+                                <div class="item-content-style">
+                                    <div class="item-row-style item-title-style">
+                                        <img src="../../assets/images/teachingCenter/art.svg" style="width: 16px;height: 16px"/>艺术社团
+                                    </div>
+                                    <div class="item-scroll-content-style">
+                                        <vue-scroll key="art_scroll" class="table-boday-style" :ops="listScroll" style="height: 100%">
+                                            <div class="item-row-style" v-for="item in artList">
+                                                {{item.title}}
+                                            </div>
+                                        </vue-scroll>
+                                    </div>
+                                </div>
+                                <div class="item-content-style">
+                                    <div class="item-row-style item-title-style">
+                                        <img src="../../assets/images/teachingCenter/sports.svg" style="width: 16px;height: 16px"/>体育社团
+                                    </div>
+                                    <div class="item-scroll-content-style">
+                                        <vue-scroll key="sports_scroll" class="table-boday-style" :ops="listScroll" style="height: 100%">
+                                            <div class="item-row-style" v-for="item in sportsList">
+                                                {{item.title}}
+                                            </div>
+                                        </vue-scroll>
+                                    </div>
+                                </div>
+                                <div class="item-tips-style">
+                                    <div class="point-style"></div>
+                                    <div class="left-line-style"></div>
+                                    <div class="right-line-style"></div>
+                                    <div class="text-box-style">
+                                        <div class="text-title-style">特色课程简介</div>
+                                        <div class="text-content-style">
+                                            特色课程体系的建构是对国家课程的充分利用和有效补充,从宏观上看,它既可以推进教育民主化、多样化的发展进程,也可以推进国家素质教育改革的深化,还可以促进高中新课改的顺利实施;微观方面,它在促进学生全方位成长的同时,可以带动教师的专业进步,从而形成学校蓬勃发展的态势。
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </a-tab-pane>
+                    <a-tab-pane :key="2" tab="Tab 2">
+                        <div class="labour-content-style">
 
+                        </div>
+                    </a-tab-pane>
+                    <a-tab-pane :key="3" tab="Tab 3">
+                        <div class="politics-content-style">
+
+                        </div>
+                    </a-tab-pane>
+                </a-tabs>
+            </div>
         </a-spin>
     </CommonBox>
 </template>
@@ -10,17 +91,32 @@
     * 校本课程
     * */
     import CommonBox from '../secondPages/commonBox.vue';
-    import {Icon, Spin, List, Empty} from 'ant-design-vue';
+    import {Icon, Spin, List, Empty, Tabs} from 'ant-design-vue';
     export default{
         data(){
             return {
                 spinning: false,
                 listScroll: this.StaticParams.scrollOption,
+                selectType: 1,//1 周历 2 校历
+                paneKey: 1,
+                specialList:[{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"}],
+                artList:[{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"}],
+                sportsList:[{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"},{title:"机器人社团"}]
             }
         },
+        methods: {
+            typeChange: function (type) {
+                if (this.selectType !== type) {
+                    this.selectType = type;
+                    this.paneKey = type;
+                }
+            },
+        },
         components:{
             CommonBox,
             ASpin: Spin,
+            ATabs: Tabs,
+            ATabPane: Tabs.TabPane,
         }
     }
 </script>
@@ -28,7 +124,184 @@
     @import "../../assets/scss/style";
     .teaching-center-school-base-course-style {
         width: 100%;
-        height: 280px !important;
+        height: 320px !important;
         position: relative;
+        .school-base-course-box-style {
+            width: 100%;
+            height: 100%;
+            /deep/ .ant-spin-container {
+                width: 100%;
+                height: 100%;
+                .select-top-style {
+                    width: 100%;
+                    height: 20px;
+                    text-align: right;
+                    /*position: absolute;*/
+                    /*right: 0;*/
+                    .select-item-style {
+                        color: #1379c8;
+                        padding: 0 10px;
+                        font-size: 16px;
+                        cursor: pointer;
+                    }
+                    .border-right-style {
+                        border-right: 1px solid #1379c8;
+                    }
+                    .select-style {
+                        color: $color-default-bright;
+                        cursor: default;
+                    }
+                }
+                .school-base-course-content-style {
+                    width: 100%;
+                    height: calc(100% - 20px);
+                    /*min-height: 350px;*/
+                    /*margin-top: 10px;*/
+                    .ant-tabs {
+                        width: 100%;
+                        height: 100%;
+                        .ant-tabs-bar {
+                            display: none !important;
+                        }
+                        .ant-tabs-content {
+                            width: 100%;
+                            height: 100%;
+                            .ant-tabs-tabpane {
+                                width: 100%;
+                                height: 100%;
+                                .special-content-style{
+                                    width: 100%;
+                                    height: 100%;
+                                    display: flex;
+                                    flex-direction: column;
+                                    .top-style{
+                                        width: 100%;
+                                        height: 30px;
+                                        display: flex;
+                                        align-items: center;
+                                        .box-style{
+                                            width: 120px;
+                                            height: 25px;
+                                            background: -webkit-linear-gradient(to right,#1459c1, #031b5c); /* Safari 5.1 - 6.0 */
+                                            background: -o-linear-gradient(to right,#1459c1, #031b5c); /* Opera 11.1 - 12.0 */
+                                            background: -moz-linear-gradient(to right,#1459c1, #031b5c); /* Firefox 3.6 - 15 */
+                                            background: linear-gradient(to right,#1459c1, #031b5c); /* 标准的语法（必须放在最后） */
+                                            display: flex;
+                                            align-items: center;
+                                            span{
+                                                color: $color-default-bright;
+                                            }
+                                        }
+                                        .box-right-style{
+                                            width: 0; height: 0;
+                                            border-color: transparent #031b5c; /*上下颜色 左右颜色*/
+                                            border-width: 0 0 25px 25px;
+                                            border-style: solid;
+                                        }
+                                    }
+                                    .content-style{
+                                        width: 100%;
+                                        height: calc(100% - 30px);
+                                        display: flex;
+                                        justify-content: space-between;
+                                        .item-content-style{
+                                            width: 100px;
+                                            height: 100%;
+                                            border: 1px dashed $color-default-bright;
+                                            border-radius: 5px;
+                                            display: flex;
+                                            flex-direction: column;
+                                            .item-row-style{
+                                                width: 100%;
+                                                height: 30px;
+                                                border-bottom: 1px dashed white;
+                                                display: flex;
+                                                justify-content: center;
+                                                align-items: center;
+                                                color: white;
+                                            }
+                                            .item-title-style{
+                                                color: #F59A23;
+                                            }
+                                            .item-scroll-content-style{
+                                                width: 100%;
+                                                height: calc(100% - 30px);
+                                            }
+                                        }
+                                        .item-tips-style{
+                                            width: 200px;
+                                            height: 100%;
+                                          /*  border: 1px dashed $color-default-bright;*/
+                                            border-radius: 5px;
+                                            display: flex;
+                                            justify-content: center;
+                                            position: relative;
+                                            .point-style{
+                                                width: 10px;
+                                                height: 10px;
+                                                border-radius: 10px;
+                                                background-color: $color-default-bright;
+                                            }
+                                            .left-line-style{
+                                                width: 50px;
+                                                height: 2px;
+                                                background-color: $color-default-bright;
+                                                transform: rotateZ(-50deg);
+                                                position: absolute;
+                                                top: 25px;
+                                                left: 55px;
+                                            }
+                                            .right-line-style{
+                                                width: 50px;
+                                                height: 2px;
+                                                background-color: $color-default-bright;
+                                                transform: rotateZ(50deg);
+                                                position: absolute;
+                                                top: 25px;
+                                                left: 92px;
+                                            }
+                                            .text-box-style{
+                                                width: 100%;
+                                                height: 190px;
+                                                border: 1px dashed $color-default-bright;
+                                                position: absolute;
+                                                bottom: 0;
+                                                border-radius: 10px;
+                                                display: flex;
+                                                flex-direction: column;
+                                                padding: 5px;
+                                                .text-title-style{
+                                                    width: 100%;
+                                                    height: 20px;
+                                                    color: #F59A23;
+                                                }
+                                                .text-content-style{
+                                                    width: 100%;
+                                                    height: calc(100% - 20px);
+                                                    color: $color-default-bright;
+                                                    display: flex;
+                                                    flex-wrap: nowrap;
+                                                    font-size: 10px;
+                                                }
+                                            }
+                                        }
+                                    }
+                                }
+                                .labour-content-style{
+                                    width: 100%;
+                                    height: 100%;
+                                    display: flex;
+                                }
+                                .politics-content-style{
+                                    width: 100%;
+                                    height: 100%;
+                                    display: flex;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
     }
 </style>
\ No newline at end of file
diff --git a/src/views/screenAdaptation/pages/teachingCenter/teachingCheck.vue b/src/views/screenAdaptation/pages/teachingCenter/teachingCheck.vue
index 140f03c..cacdc82 100644
--- a/src/views/screenAdaptation/pages/teachingCenter/teachingCheck.vue
+++ b/src/views/screenAdaptation/pages/teachingCenter/teachingCheck.vue
@@ -126,7 +126,7 @@
 
     .teaching-center-teaching-check-style {
         width: 100%;
-        height: 560px !important;
+        height: 520px !important;
         position: relative;
         margin-top: 50px;
         .teaching-check-box-style {
diff --git a/src/views/screenAdaptation/pages/teachingCenter/testArrangement.vue b/src/views/screenAdaptation/pages/teachingCenter/testArrangement.vue
index afab23f..f510826 100644
--- a/src/views/screenAdaptation/pages/teachingCenter/testArrangement.vue
+++ b/src/views/screenAdaptation/pages/teachingCenter/testArrangement.vue
@@ -28,7 +28,7 @@
     @import "../../assets/scss/style";
     .teaching-center-test-arrangement-style {
         width: 100%;
-        height: 560px !important;
+        height: 520px !important;
         position: relative;
         margin-top: 50px;
     }