11

11

src/views/teamDetail/componentCourse/courseEvaluate.vue

@@ -2,24 +2,31 @@
 <template>
   <div class>
     <div class="tableWrap">
-      <el-table :data="tableList"
-                :header-cell-style="{background:'#EDEEF0',color:'#444'}">
-        <el-table-column align="center"
-                         width="100"
-                         prop="username"
-                         label="学生姓名"></el-table-column>
-        <el-table-column align="center"
-                         width="100"
-                         prop="score"
-                         label="星级">
+      <el-table
+        :data="tableList"
+        :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+      >
+        <el-table-column
+          align="center"
+          width="100"
+          prop="username"
+          label="学生姓名"
+        >
           <template slot-scope="scope">
             <div>
-              {{ scope.row.score?scope.row.score+'星':'' }}
+              {{ scope.row.username }}
+              <span style="color: #f56c6c">{{ scope.row.userId }}</span>
             </div>
           </template>
         </el-table-column>
-        <el-table-column prop="reason"
-                         label="评价内容"></el-table-column>
+        <el-table-column align="center" width="100" prop="score" label="星级">
+          <template slot-scope="scope">
+            <div>
+              {{ scope.row.score ? scope.row.score + "星" : "" }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="reason" label="评价内容"></el-table-column>
       </el-table>
       <!-- <pagination
         :total="rules.total"
@@ -33,10 +40,10 @@
 
 <script>
 // import pagination from '@/components/Pagination/index'
-import { getStuAndTeaReview } from '@/api/buildTeam'
+import { getStuAndTeaReview } from "@/api/buildTeam";
 export default {
-  props: ['courseScheduleId'],
-  data () {
+  props: ["courseScheduleId"],
+  data() {
     return {
       tableList: [],
       rules: {
@@ -44,28 +51,28 @@ export default {
         limit: 10, // 限制显示条数
         page: 1, // 当前页
         total: 0, // 总条数
-        page_size: [10, 20, 40, 50] // 选择限制显示条数
-      }
+        page_size: [10, 20, 40, 50], // 选择限制显示条数
+      },
     };
   },
   //生命周期 - 创建完成（可以访问当前this实例）
-  created () { },
+  created() {},
   //生命周期 - 挂载完成（可以访问DOM元素）
-  mounted () {
-    this.getList()
+  mounted() {
+    this.getList();
   },
-  activated () {
-    this.getList()
+  activated() {
+    this.getList();
   },
   methods: {
-    getList () {
-      getStuAndTeaReview({ courseId: this.courseScheduleId }).then(res => {
+    getList() {
+      getStuAndTeaReview({ courseId: this.courseScheduleId }).then((res) => {
         if (res.code == 200) {
-          this.tableList = res.data.courseScheduleComplaints
+          this.tableList = res.data.courseScheduleComplaints;
         }
-      })
-    }
-  }
+      });
+    },
+  },
 };
 </script>
 <style lang='scss' scoped>

src/views/teamDetail/componentCourse/studentRollCall.vue

@@ -30,7 +30,8 @@
                          label="学生姓名">
           <template slot-scope="scope">
             <div>
-              {{scope.row.username}}({{scope.row.userId}})
+              {{scope.row.username}}
+               <span style="color: #f56c6c">{{scope.row.userId}}</span>
             </div>
           </template>
         </el-table-column>

src/views/teamDetail/componentCourse/studentWork.vue

@@ -37,7 +37,8 @@
                          label="学生姓名">
           <template slot-scope="scope">
             <div>
-              {{scope.row.studentName}}({{scope.row.studentId}})
+              {{scope.row.studentName}}
+              <span style="color: #f56c6c">{{scope.row.studentId}}</span>
             </div>
           </template>
         </el-table-column>

src/views/teamDetail/componentCourse/teacherList.vue

@@ -8,7 +8,8 @@
                        label="老师姓名">
         <template slot-scope="scope">
           <div>
-            {{scope.row.teacherName}}({{scope.row.teacherId}})
+            {{scope.row.teacherName}}
+             <span style="color: #f56c6c">{{scope.row.teacherId}}</span>
           </div>
         </template>
       </el-table-column>