work

src/components/pages/components/studentData.vue

@@ -215,7 +215,7 @@ export default {
           ],
         },
         {
-          name: "信息思维与行为2",
+          name: "信息思维与行为",
           value: 15,
           children: [
             {
@@ -242,7 +242,7 @@ export default {
         series: {
           type: "sunburst",
           data: [],
-          radius: [60, "90%"],
+          radius: [20, "90%"],
           itemStyle: {
             borderRadius: 7,
             borderWidth: 2,
@@ -386,7 +386,7 @@ export default {
             ],
           },
           {
-            name: "信息思维与行为2",
+            name: "信息思维与行为",
             value: 15,
             children: [
               {
@@ -536,6 +536,7 @@ export default {
   font-weight: 500;
   margin: 20px 0;
   box-sizing: border-box;
+  font-weight: 600;
 }
 .sd_module {
   display: flex;

src/components/pages/components/workData.vue

@@ -1,17 +1,17 @@
 <template>
   <div>
     <div class="cp_title">
-      <span>{{ this.dataJson.title }}</span>
+      <span>{{ this.dataJson.title}}</span>
     </div>
-    <div class="data_body">
+    <div class="cp_title">
+      <span>{{ '教师姓名:'+this.dataJson.uname }}</span>
+    </div>
+    <div class="data_body" v-if="false">
       <div class="data_c">
         <WorkData :workJson="workJson" :chapters="chapters"></WorkData>
       </div>
       <div class="data_c">
-        <ProblelmData
-          :problemJson="problemJson"
-          :chapters="chapters"
-        ></ProblelmData>
+        <ProblelmData :problemJson="problemJson" :chapters="chapters"></ProblelmData>
       </div>
       <div class="data_c">
         <ToolsData :toolsJson="toolsJson" :tools="tools"></ToolsData>
@@ -20,6 +20,28 @@
         <ScoreData :scoreJson="scoreJson"></ScoreData>
       </div>
     </div>
+    <div class="sd_class">
+      <div class="sd_tTitle">课堂表现</div>
+      <img src="../../../assets/data/tu1.png" alt style="width:100%" />
+    </div>
+    <div class="sd_class">
+      <div class="sd_tTitle">班级学生能力分析</div>
+      <div style="background:#fff;padding:10px 0">
+        <div class="sd_person_button">
+          <span @click="type = 1" :class="{'active':type == 1}">语文</span>
+          <span @click="type = 2" :class="{'active':type == 2}">数学</span>
+          <span @click="type = 3" :class="{'active':type == 3}">英语</span>
+          <span @click="type = 4" :class="{'active':type == 4}">信息科技</span>
+          <span @click="type = 5" :class="{'active':type == 5}">艺术</span>
+          <span @click="type = 6" :class="{'active':type == 6}">跨学科素养</span>
+        </div>
+        <div style="display:flex;flex-wrap:wrap">
+          <img src="../../../assets/data/tu3.png" alt style="width:50%" />
+          <img src="../../../assets/data/tu2.png" alt style="width:50%" />
+          <img src="../../../assets/data/tu4.png" alt style="width:100%" />
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -47,6 +69,7 @@ export default {
       scoreJson: [], //量规评分数据
       problemJson: [], //问答数据
       toolsJson: [], //工具数据
+      type: 6,
     };
   },
   methods: {
@@ -140,4 +163,37 @@ export default {
 .data_body .data_c {
   width: 50%;
 }
+.sd_class {
+  width: 95%;
+  margin: 0 auto;
+}
+.sd_tTitle {
+  width: 100%;
+  background: rgb(199, 217, 212);
+  padding: 10px 10px;
+  border-radius: 5px;
+  border: 1px solid rgb(165, 182, 177);
+  font-size: 18px;
+  font-weight: 500;
+  margin: 20px 0;
+  box-sizing: border-box;
+  font-weight: 600;
+}
+
+.sd_person_button {
+  font-size: 16px;
+  display: flex;
+  margin-bottom: 10px;
+}
+
+.sd_person_button span {
+  margin-left: 20px;
+  padding: 0 0 6px;
+  cursor: pointer;
+}
+
+.sd_person_button .active {
+  border-bottom: 2px solid rgb(30, 146, 255);
+  color: rgb(30, 146, 255);
+}
 </style>

src/components/pages/works.vue

@@ -360,7 +360,7 @@ export default {
   height: 100%;
   position: absolute;
   top: 0;
-  background: #e9e9e9;
+  background: #fff;
   overflow: auto;
   z-index: 1;
   width: 95%;