il y a 2 ans · 56f5fe9c5c
--- a/dist/index.html
+++ b/dist/index.html
@@ -25,4 +25,4 @@
 
				       height: 100%;
			
 
				       width: 100%;
			
 
				       background: #e6eaf0;
			
 
				-    }</style><link href=./static/css/app.73b25d3f9d0940412f377afa248f785f.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.85f48b0184f614b2b8d9.js></script><script type=text/javascript src=./static/js/vendor.0d145886fb72e6a24c6b.js></script><script type=text/javascript src=./static/js/app.c718c7c70cb425fcebfc.js></script></body></html><script>document.domain = document.domain.split(".").slice(-2).join(".");</script>
			
 
				+    }</style><link href=./static/css/app.f00ec9b16fded920d5e329163305ccb2.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.85f48b0184f614b2b8d9.js></script><script type=text/javascript src=./static/js/vendor.0d145886fb72e6a24c6b.js></script><script type=text/javascript src=./static/js/app.293097e936d0be007558.js></script></body></html><script>document.domain = document.domain.split(".").slice(-2).join(".");</script>
			
--- a/dist/static/css/app.73b25d3f9d0940412f377afa248f785f.css.map
+++ b/dist/static/css/app.73b25d3f9d0940412f377afa248f785f.css.map
--- a/dist/static/css/app.f00ec9b16fded920d5e329163305ccb2.css
+++ b/dist/static/css/app.f00ec9b16fded920d5e329163305ccb2.css
--- a/dist/static/css/app.f00ec9b16fded920d5e329163305ccb2.css.map
+++ b/dist/static/css/app.f00ec9b16fded920d5e329163305ccb2.css.map
--- a/dist/static/js/app.293097e936d0be007558.js
+++ b/dist/static/js/app.293097e936d0be007558.js
--- a/dist/static/js/app.293097e936d0be007558.js.map
+++ b/dist/static/js/app.293097e936d0be007558.js.map
--- a/dist/static/js/app.c718c7c70cb425fcebfc.js
+++ b/dist/static/js/app.c718c7c70cb425fcebfc.js
--- a/dist/static/js/app.c718c7c70cb425fcebfc.js.map
+++ b/dist/static/js/app.c718c7c70cb425fcebfc.js.map
--- a/dist/static/js/manifest.85f48b0184f614b2b8d9.js.map
+++ b/dist/static/js/manifest.85f48b0184f614b2b8d9.js.map
--- a/src/components/pages/components/report/courseDetailReport.vue
+++ b/src/components/pages/components/report/courseDetailReport.vue
@@ -0,0 +1,400 @@
 
				+<template>
			
 
				+  <div>
			
 
				+    <div style="" class="cdr_box">
			
 
				+      <!-- <img src="../../assets/dataimage/1.png" style="width:90%" /> -->
			
 
				+      <div id="charts_canvas1" class="echart"></div>
			
 
				+      <div id="charts_canvas2" class="echart"></div>
			
 
				+      <div id="charts_canvas3" class="echart" ref="table">
			
 
				+        <div style="font-size: 13px; font-weight: 600">
			
 
				+          项目综合评估：各个阶段评价平均分
			
 
				+        </div>
			
 
				+        <el-table
			
 
				+          class="table"
			
 
				+          :data="tdata"
			
 
				+          :height="tableHeight"
			
 
				+          :fit="true"
			
 
				+          style="width: 100%"
			
 
				+          :header-cell-style="{
			
 
				+            background: '#fff',
			
 
				+            fontSize: '12px',
			
 
				+            fontWeight: 'unset',
			
 
				+            padding: '0',
			
 
				+            border: 'unset',
			
 
				+          }"
			
 
				+          :row-class-name="tableRowClassName"
			
 
				+          header-row-class-name="header_row_class"
			
 
				+        >
			
 
				+          <el-table-column label="排名" min-width="29px" align="center">
			
 
				+            <template slot-scope="scope">
			
 
				+              <div style="font-weight: 600">{{ scope.$index + 1 }}</div>
			
 
				+            </template>
			
 
				+          </el-table-column>
			
 
				+          <el-table-column
			
 
				+            prop="name"
			
 
				+            label="名称"
			
 
				+            min-width="39px"
			
 
				+            align="center"
			
 
				+          >
			
 
				+            <template slot-scope="scope">
			
 
				+              <div style="color: rgb(96, 96, 96); font-weight: 600">
			
 
				+                {{ scope.row.name }}
			
 
				+              </div>
			
 
				+            </template></el-table-column
			
 
				+          >
			
 
				+          <el-table-column
			
 
				+            prop="rate"
			
 
				+            label="完成度"
			
 
				+            min-width="39px"
			
 
				+            align="center"
			
 
				+            ><template slot-scope="scope">
			
 
				+              <div style="color: rgb(35, 91, 188); font-weight: 600">
			
 
				+                {{ scope.row.rate }}
			
 
				+              </div>
			
 
				+            </template></el-table-column
			
 
				+          >
			
 
				+          <el-table-column
			
 
				+            prop="rate1"
			
 
				+            label="活跃度"
			
 
				+            min-width="39px"
			
 
				+            align="center"
			
 
				+            ><template slot-scope="scope">
			
 
				+              <div style="color: rgb(35, 91, 188); font-weight: 600">
			
 
				+                {{ scope.row.rate1 }}
			
 
				+              </div>
			
 
				+            </template></el-table-column
			
 
				+          >
			
 
				+          <el-table-column
			
 
				+            prop="rate2"
			
 
				+            label="参与度"
			
 
				+            min-width="39px"
			
 
				+            align="center"
			
 
				+            ><template slot-scope="scope">
			
 
				+              <div style="color: rgb(35, 91, 188); font-weight: 600">
			
 
				+                {{ scope.row.rate2 }}
			
 
				+              </div>
			
 
				+            </template></el-table-column
			
 
				+          >
			
 
				+          <el-table-column
			
 
				+            prop="rate3"
			
 
				+            label="综合表现"
			
 
				+            min-width="49px"
			
 
				+            align="center"
			
 
				+            ><template slot-scope="scope">
			
 
				+              <div style="color: rgb(35, 91, 188);font-weight: 600">{{ scope.row.rate3 }}</div>
			
 
				+            </template></el-table-column
			
 
				+          >
			
 
				+          <el-table-column
			
 
				+            prop="ratez"
			
 
				+            label="综合"
			
 
				+            min-width="29px"
			
 
				+            align="center"
			
 
				+            ><template slot-scope="scope">
			
 
				+              <div style="color: rgb(233, 140, 148);font-weight: 600">{{ scope.row.ratez }}</div>
			
 
				+            </template></el-table-column
			
 
				+          >
			
 
				+        </el-table>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  data() {
			
 
				+    return {
			
 
				+      chartObj1: null,
			
 
				+      chartObj2: null,
			
 
				+      chartObj3: null,
			
 
				+      tableHeight: 0,
			
 
				+      tdata: [],
			
 
				+      option1: {
			
 
				+        title: {
			
 
				+          text: "项目完成度:各个阶段完成情况",
			
 
				+          textStyle: {
			
 
				+            fontSize: 13,
			
 
				+          },
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+          trigger: "axis",
			
 
				+          axisPointer: {
			
 
				+            type: "cross",
			
 
				+            label: {
			
 
				+              backgroundColor: "#6a7985",
			
 
				+            },
			
 
				+          },
			
 
				+        },
			
 
				+        legend: {
			
 
				+          data: ["个人完成度", "班级平均完成度"],
			
 
				+          top: "bottom",
			
 
				+          icon: "circle",
			
 
				+        },
			
 
				+        grid: {
			
 
				+          left: "15%",
			
 
				+          right: "5%",
			
 
				+          bottom: "20%",
			
 
				+          top: "15%",
			
 
				+        },
			
 
				+        xAxis: [
			
 
				+          {
			
 
				+            type: "category",
			
 
				+            data: ["阶段1", "阶段2", "阶段3", "阶段4", "阶段5"],
			
 
				+          },
			
 
				+        ],
			
 
				+        yAxis: [
			
 
				+          {
			
 
				+            type: "value",
			
 
				+          },
			
 
				+        ],
			
 
				+        series: [
			
 
				+          {
			
 
				+            name: "个人完成度",
			
 
				+            type: "line",
			
 
				+            areaStyle: {},
			
 
				+            data: [0, 0, 0, 0, 0],
			
 
				+          },
			
 
				+          {
			
 
				+            name: "班级平均完成度",
			
 
				+            type: "line",
			
 
				+            areaStyle: {},
			
 
				+            data: [0, 0, 0, 0, 0],
			
 
				+          },
			
 
				+        ],
			
 
				+      },
			
 
				+      option2: {
			
 
				+        title: {
			
 
				+          text: "项目活跃度:不同任务的学习时间占比",
			
 
				+          textStyle: {
			
 
				+            fontSize: 13,
			
 
				+          },
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+          trigger: "axis",
			
 
				+          axisPointer: {
			
 
				+            // Use axis to trigger tooltip
			
 
				+            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
			
 
				+          },
			
 
				+        },
			
 
				+        grid: {
			
 
				+          left: "15%",
			
 
				+          right: "0%",
			
 
				+          bottom: "15%",
			
 
				+          top: "15%",
			
 
				+        },
			
 
				+        xAxis: {
			
 
				+          type: "category",
			
 
				+          data: ["阶段1", "阶段2", "阶段3", "阶段4", "阶段5"],
			
 
				+        },
			
 
				+        yAxis: {
			
 
				+          type: "value",
			
 
				+        },
			
 
				+        series: [
			
 
				+          {
			
 
				+            name: "任务1",
			
 
				+            type: "bar",
			
 
				+            stack: "total",
			
 
				+            label: {
			
 
				+              show: true,
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+              focus: "series",
			
 
				+            },
			
 
				+            data: [0, 0, 0, 0, 0],
			
 
				+          },
			
 
				+          {
			
 
				+            name: "任务2",
			
 
				+            type: "bar",
			
 
				+            stack: "total",
			
 
				+            label: {
			
 
				+              show: true,
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+              focus: "series",
			
 
				+            },
			
 
				+            data: [0, 0, 0, 0, 0],
			
 
				+          },
			
 
				+          {
			
 
				+            name: "任务3",
			
 
				+            type: "bar",
			
 
				+            stack: "total",
			
 
				+            label: {
			
 
				+              show: true,
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+              focus: "series",
			
 
				+            },
			
 
				+            data: [0, 0, 0, 0, 0],
			
 
				+          },
			
 
				+          {
			
 
				+            name: "任务4",
			
 
				+            type: "bar",
			
 
				+            stack: "total",
			
 
				+            label: {
			
 
				+              show: true,
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+              focus: "series",
			
 
				+            },
			
 
				+            data: [0, 0, 0, 0, 0],
			
 
				+          },
			
 
				+          {
			
 
				+            name: "任务5",
			
 
				+            type: "bar",
			
 
				+            stack: "total",
			
 
				+            label: {
			
 
				+              show: true,
			
 
				+            },
			
 
				+            emphasis: {
			
 
				+              focus: "series",
			
 
				+            },
			
 
				+            data: [0, 0, 0, 0, 0],
			
 
				+          },
			
 
				+        ],
			
 
				+      },
			
 
				+    };
			
 
				+  },
			
 
				+  methods: {
			
 
				+    tableRowClassName({ row, rowIndex }) {
			
 
				+      if ((rowIndex + 1) % 2 === 0) {
			
 
				+        return "even_row row_class";
			
 
				+      } else {
			
 
				+        return "row_class";
			
 
				+      }
			
 
				+    },
			
 
				+    randomNum(minNum, maxNum) {
			
 
				+      switch (arguments.length) {
			
 
				+        case 1:
			
 
				+          return parseInt(Math.random() * minNum + 1, 10);
			
 
				+          break;
			
 
				+        case 2:
			
 
				+          return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
			
 
				+          break;
			
 
				+        default:
			
 
				+          return 0;
			
 
				+          break;
			
 
				+      }
			
 
				+    },
			
 
				+    setChart() {
			
 
				+      // 雷达图显示的标签
			
 
				+      let newPromise = new Promise((resolve) => {
			
 
				+        resolve();
			
 
				+      });
			
 
				+      //然后异步执行echarts的初始化函数
			
 
				+      newPromise.then(() => {
			
 
				+        const chartObj1 = this.$echarts.init(
			
 
				+          //劳动课程
			
 
				+          this.$el.querySelector("#charts_canvas1")
			
 
				+        );
			
 
				+        let _array1 = [];
			
 
				+        let _array2 = [];
			
 
				+        for (var i = 0; i < 5; i++) {
			
 
				+          //   this.option.series[0].data[i].value = this.randomNum(30, 80);
			
 
				+          _array1.push(this.randomNum(50, 100));
			
 
				+          _array2.push(this.randomNum(50, 100));
			
 
				+        }
			
 
				+        this.option1.series[0].data = _array1;
			
 
				+        this.option1.series[1].data = _array2;
			
 
				+
			
 
				+        const chartObj2 = this.$echarts.init(
			
 
				+          //劳动课程
			
 
				+          this.$el.querySelector("#charts_canvas2")
			
 
				+        );
			
 
				+        let _array21 = [];
			
 
				+        let _array22 = [];
			
 
				+        let _array23 = [];
			
 
				+        let _array24 = [];
			
 
				+        let _array25 = [];
			
 
				+        for (var i = 0; i < 5; i++) {
			
 
				+          //   this.option.series[0].data[i].value = this.randomNum(30, 80);
			
 
				+          _array21.push(this.randomNum(2, 20));
			
 
				+          _array22.push(this.randomNum(2, 20));
			
 
				+          _array23.push(this.randomNum(2, 20));
			
 
				+          _array24.push(this.randomNum(2, 20));
			
 
				+          _array25.push(this.randomNum(2, 20));
			
 
				+        }
			
 
				+        this.option2.series[0].data = _array21;
			
 
				+        this.option2.series[1].data = _array22;
			
 
				+        this.option2.series[2].data = _array23;
			
 
				+        this.option2.series[3].data = _array24;
			
 
				+        this.option2.series[4].data = _array25;
			
 
				+        this.chartObj1 = chartObj1;
			
 
				+        this.chartObj1.setOption(this.option1);
			
 
				+        this.chartObj2 = chartObj2;
			
 
				+        this.chartObj2.setOption(this.option2);
			
 
				+        this.tdata = [];
			
 
				+        for (var i = 0; i < 5; i++) {
			
 
				+          var _rate = this.randomNum(3, 5);
			
 
				+          var _rate1 = this.randomNum(3, 5);
			
 
				+          var _rate2 = this.randomNum(3, 5);
			
 
				+          var _rate3 = this.randomNum(3, 5);
			
 
				+          var _ratez = (_rate + _rate1 + _rate2 + _rate3) / 4;
			
 
				+          this.tdata.push({
			
 
				+            name: "阶段" + (i + 1),
			
 
				+            rate: _rate.toFixed(1),
			
 
				+            rate1: _rate1.toFixed(1),
			
 
				+            rate2: _rate2.toFixed(1),
			
 
				+            rate3: _rate3.toFixed(1),
			
 
				+            ratez: _ratez.toFixed(1),
			
 
				+          });
			
 
				+          this.tdata.sort(this.sortId);
			
 
				+          this.$nextTick(() => {
			
 
				+            this.setTableHeight();
			
 
				+          });
			
 
				+        }
			
 
				+      });
			
 
				+      let _this = this;
			
 
				+      window.addEventListener("resize", () => {
			
 
				+        if (_this.chartObj1) {
			
 
				+          _this.chartObj1.resize();
			
 
				+          _this.chartObj2.resize();
			
 
				+          _this.setTableHeight();
			
 
				+        }
			
 
				+      });
			
 
				+    },
			
 
				+    sortId(a, b) {
			
 
				+      return b.ratez - a.ratez;
			
 
				+    },
			
 
				+    setTableHeight() {
			
 
				+      this.tableHeight =
			
 
				+        window.innerHeight - this.$refs.table.offsetHeight - 190;
			
 
				+      // 监听窗口大小变化
			
 
				+    },
			
 
				+  },
			
 
				+  mounted() {
			
 
				+    this.$nextTick(() => {
			
 
				+      this.setChart();
			
 
				+    });
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style scoped>
			
 
				+.cdr_box {
			
 
				+  width: calc(100% - 5px);
			
 
				+  height: calc(100%);
			
 
				+  display: flex;
			
 
				+  justify-content: space-between;
			
 
				+}
			
 
				+.echart {
			
 
				+  height: 100%;
			
 
				+  width: calc(100% / 3 - 5px);
			
 
				+}
			
 
				+.el-table >>> .even_row {
			
 
				+  background-color: rgb(238, 243, 250) !important;
			
 
				+}
			
 
				+.el-table >>> .row_class td {
			
 
				+  padding: 8px 0;
			
 
				+  border: unset;
			
 
				+}
			
 
				+.el-table >>> .row_class {
			
 
				+  background: rgb(249, 249, 249);
			
 
				+}
			
 
				+.el-table >>> .row_class .cell {
			
 
				+  padding: 0;
			
 
				+  white-space: nowrap;
			
 
				+  font-size: 12px;
			
 
				+}
			
 
				+.el-table >>> .header_row_class .cell {
			
 
				+  padding: 0;
			
 
				+  white-space: nowrap;
			
 
				+}
			
 
				+</style>
			
--- a/src/components/pages/components/report/courseInfo.vue
+++ b/src/components/pages/components/report/courseInfo.vue
@@ -0,0 +1,233 @@
 
				+<template>
			
 
				+  <div v-if="Object.keys(courseInfo).length">
			
 
				+    <div class="ci_info">
			
 
				+      <div class="ci_info_box">
			
 
				+        <span>项目名称：</span><span>{{ courseInfo.title }}</span>
			
 
				+      </div>
			
 
				+      <div class="ci_info_box">
			
 
				+        <span>创建人：</span><span>{{ courseInfo.name }}</span>
			
 
				+      </div>
			
 
				+      <div class="ci_info_box">
			
 
				+        <span>协同人员：</span
			
 
				+        ><span>{{ teacher ? teacher : "无协同人员" }}</span>
			
 
				+      </div>
			
 
				+      <div class="ci_info_box2">
			
 
				+        <div>
			
 
				+          阶段<span>{{ tool.stage }}</span
			
 
				+          >个
			
 
				+        </div>
			
 
				+        <div>
			
 
				+          任务<span>{{ tool.task }}</span
			
 
				+          >个
			
 
				+        </div>
			
 
				+        <div>
			
 
				+          工具<span>{{ tool.tool }}</span
			
 
				+          >个
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div style="width: 90%; height: calc(100% - 130px); margin: 10px auto 0">
			
 
				+      <!-- <img src="../../assets/dataimage/1.png" style="width:90%" /> -->
			
 
				+      <div
			
 
				+        id="charts_canvas"
			
 
				+        class="echart"
			
 
				+        style="width: 100%; height: 100%"
			
 
				+      ></div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  props: ["courseid"],
			
 
				+  data() {
			
 
				+    return {
			
 
				+      courseInfo: {},
			
 
				+      teacher: "",
			
 
				+      chartObj: null,
			
 
				+      tool: {
			
 
				+        stage: 0,
			
 
				+        task: 0,
			
 
				+        tool: 0,
			
 
				+      },
			
 
				+      option: {
			
 
				+        title: {
			
 
				+          text: "项目汇总",
			
 
				+          textStyle: {
			
 
				+            fontSize: 13,
			
 
				+            fontWeight: 0,
			
 
				+          },
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+          trigger: "axis",
			
 
				+          axisPointer: {
			
 
				+            type: "shadow",
			
 
				+          },
			
 
				+        },
			
 
				+        grid: {
			
 
				+          left: "10%",
			
 
				+          right: "5%",
			
 
				+          bottom: "10%",
			
 
				+          top: "12%",
			
 
				+        },
			
 
				+        xAxis: {
			
 
				+          type: "value",
			
 
				+          boundaryGap: [0, 0.01],
			
 
				+        },
			
 
				+        yAxis: {
			
 
				+          type: "category",
			
 
				+          data: ["图片", "互动", "问答", "问卷", "视频"],
			
 
				+        },
			
 
				+        series: [
			
 
				+          {
			
 
				+            name: "次数",
			
 
				+            type: "bar",
			
 
				+            data: [10, 12, 5, 6, 7],
			
 
				+            barWidth: "40%",
			
 
				+          },
			
 
				+        ],
			
 
				+      },
			
 
				+    };
			
 
				+  },
			
 
				+  methods: {
			
 
				+    randomNum(minNum, maxNum) {
			
 
				+      switch (arguments.length) {
			
 
				+        case 1:
			
 
				+          return parseInt(Math.random() * minNum + 1, 10);
			
 
				+          break;
			
 
				+        case 2:
			
 
				+          return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
			
 
				+          break;
			
 
				+        default:
			
 
				+          return 0;
			
 
				+          break;
			
 
				+      }
			
 
				+    },
			
 
				+    getInfo() {
			
 
				+      let params = {
			
 
				+        cid: this.courseid,
			
 
				+      };
			
 
				+      console.log(this.courseid);
			
 
				+      if (!this.courseid) {
			
 
				+        return;
			
 
				+      }
			
 
				+      this.ajax
			
 
				+        .get(this.$store.state.api + "getCourseInfo", params)
			
 
				+        .then((res) => {
			
 
				+          this.courseInfo = res.data[0][0];
			
 
				+          let teachers = res.data[1];
			
 
				+          let teacher = [];
			
 
				+          for (var i = 0; i < teachers.length; i++) {
			
 
				+            teacher.push(teachers[i].name);
			
 
				+          }
			
 
				+          this.teacher = teacher.join("、");
			
 
				+
			
 
				+          let chapters = JSON.parse(res.data[0][0].chapters);
			
 
				+          var task = 0;
			
 
				+          var tool = 0;
			
 
				+          for (var i = 0; i < chapters.length; i++) {
			
 
				+            task += chapters[i].chapterInfo[0].taskJson.length;
			
 
				+            for (
			
 
				+              var j = 0;
			
 
				+              j < chapters[i].chapterInfo[0].taskJson.length;
			
 
				+              j++
			
 
				+            ) {
			
 
				+              tool += chapters[i].chapterInfo[0].taskJson[j].toolChoose.length;
			
 
				+            }
			
 
				+          }
			
 
				+          this.tool.stage = chapters.length;
			
 
				+          this.tool.task = task;
			
 
				+          this.tool.tool = tool;
			
 
				+          this.$nextTick(() => {
			
 
				+            this.setChart();
			
 
				+          });
			
 
				+        })
			
 
				+        .catch((err) => {
			
 
				+          console.error(err);
			
 
				+        });
			
 
				+    },
			
 
				+    setChart() {
			
 
				+      // 雷达图显示的标签
			
 
				+      let newPromise = new Promise((resolve) => {
			
 
				+        resolve();
			
 
				+      });
			
 
				+      //然后异步执行echarts的初始化函数
			
 
				+      newPromise.then(() => {
			
 
				+        const chartObj = this.$echarts.init(
			
 
				+          //劳动课程
			
 
				+          this.$el.querySelector("#charts_canvas")
			
 
				+          //   document.getElementById("#charts_canvas")
			
 
				+        );
			
 
				+        let _array = [];
			
 
				+        for (var i = 0; i < 5; i++) {
			
 
				+          _array.push(this.randomNum(0, 15));
			
 
				+        }
			
 
				+        this.option.series[0].data = _array;
			
 
				+        // 初始化雷达图
			
 
				+        this.chartObj = chartObj;
			
 
				+        this.chartObj.setOption(this.option);
			
 
				+      });
			
 
				+      let _this = this
			
 
				+      window.addEventListener("resize", () => {
			
 
				+          if (_this.chartObj) {
			
 
				+            _this.chartObj.resize();
			
 
				+          }
			
 
				+        });
			
 
				+    },
			
 
				+  },
			
 
				+  watch: {
			
 
				+    courseid(newValue, oldValue) {
			
 
				+      this.getInfo();
			
 
				+    },
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.getInfo();
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style scoped>
			
 
				+.ci_info {
			
 
				+  font-size: 14px;
			
 
				+}
			
 
				+.ci_info_box {
			
 
				+  width: 90%;
			
 
				+  margin: 0 auto;
			
 
				+  display: flex;
			
 
				+}
			
 
				+.ci_info_box span {
			
 
				+  white-space: nowrap;
			
 
				+}
			
 
				+.ci_info_box span + span {
			
 
				+  width: 100%;
			
 
				+  overflow: hidden;
			
 
				+  text-overflow: ellipsis;
			
 
				+}
			
 
				+.ci_info_box + .ci_info_box {
			
 
				+  margin-top: 10px;
			
 
				+}
			
 
				+.ci_info_box2 {
			
 
				+  width: 90%;
			
 
				+  margin: 0 auto;
			
 
				+  display: flex;
			
 
				+  margin-top: 10px;
			
 
				+  font-size: 16px;
			
 
				+  justify-content: space-between;
			
 
				+  color: rgb(15, 120, 187);
			
 
				+  align-items: center;
			
 
				+}
			
 
				+.ci_info_box2 div {
			
 
				+  display: flex;
			
 
				+  align-items: center;
			
 
				+}
			
 
				+.ci_info_box2 span {
			
 
				+  color: rgb(234, 146, 59);
			
 
				+  width: 30px;
			
 
				+  font-size: 25px;
			
 
				+  text-align: center;
			
 
				+  font-weight: 700;
			
 
				+  display: flex;
			
 
				+  justify-content: center;
			
 
				+  align-items: center;
			
 
				+}
			
 
				+</style>
			
--- a/src/components/pages/components/report/coursePie.vue
+++ b/src/components/pages/components/report/coursePie.vue
@@ -0,0 +1,110 @@
 
				+<template>
			
 
				+  <div>
			
 
				+    <div style="width: 95%; height: calc(100%)">
			
 
				+      <!-- <img src="../../assets/dataimage/1.png" style="width:90%" /> -->
			
 
				+      <div
			
 
				+        id="charts_canvas"
			
 
				+        class="echart"
			
 
				+        style="width: 100%; height: 100%"
			
 
				+      ></div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  data() {
			
 
				+    return {
			
 
				+      chartObj: null,
			
 
				+      option: {
			
 
				+        legend: {
			
 
				+          top: "bottom",
			
 
				+        },
			
 
				+        toolbox: {
			
 
				+          show: true,
			
 
				+        },
			
 
				+        grid:{
			
 
				+
			
 
				+        },
			
 
				+        series: [
			
 
				+          {
			
 
				+            bottom:"10%",
			
 
				+            name: "学习活动时间分配图",
			
 
				+            type: "pie",
			
 
				+            radius: [10, "80%"],
			
 
				+            center: ["50%", "50%"],
			
 
				+            roseType: "area",
			
 
				+            itemStyle: {
			
 
				+              borderRadius: 8,
			
 
				+            },
			
 
				+            label: {
			
 
				+              show: true,
			
 
				+              position: "inside",
			
 
				+            },
			
 
				+            data: [
			
 
				+              { value: 0, name: "思维网格" },
			
 
				+              { value: 0, name: "思维导图" },
			
 
				+              { value: 0, name: "电子白板" },
			
 
				+              { value: 0, name: "问卷调查" },
			
 
				+              { value: 0, name: "自主学习" },
			
 
				+              { value: 0, name: "其他" },
			
 
				+            ],
			
 
				+          },
			
 
				+        ],
			
 
				+      },
			
 
				+    };
			
 
				+  },
			
 
				+  methods: {
			
 
				+    randomNum(minNum, maxNum) {
			
 
				+      switch (arguments.length) {
			
 
				+        case 1:
			
 
				+          return parseInt(Math.random() * minNum + 1, 10);
			
 
				+          break;
			
 
				+        case 2:
			
 
				+          return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
			
 
				+          break;
			
 
				+        default:
			
 
				+          return 0;
			
 
				+          break;
			
 
				+      }
			
 
				+    },
			
 
				+    setChart() {
			
 
				+      // 雷达图显示的标签
			
 
				+      let newPromise = new Promise((resolve) => {
			
 
				+        resolve();
			
 
				+      });
			
 
				+      //然后异步执行echarts的初始化函数
			
 
				+      newPromise.then(() => {
			
 
				+        const chartObj = this.$echarts.init(
			
 
				+          //劳动课程
			
 
				+          this.$el.querySelector("#charts_canvas")
			
 
				+          //   document.getElementById("#charts_canvas")
			
 
				+        );
			
 
				+        let _array = [];
			
 
				+        for (var i = 0; i < 6; i++) {
			
 
				+          this.option.series[0].data[i].value = this.randomNum(30, 80);
			
 
				+          // _array.push(this.randomNum(0, 80));
			
 
				+        }
			
 
				+        // this.option.series[0].data[0].value = _array;
			
 
				+        // 初始化雷达图
			
 
				+        this.chartObj = chartObj;
			
 
				+        this.chartObj.setOption(this.option);
			
 
				+      });
			
 
				+      let _this = this;
			
 
				+      window.addEventListener("resize", () => {
			
 
				+        if (_this.chartObj) {
			
 
				+          _this.chartObj.resize();
			
 
				+        }
			
 
				+      });
			
 
				+    },
			
 
				+  },
			
 
				+  mounted() {
			
 
				+    this.$nextTick(() => {
			
 
				+      this.setChart();
			
 
				+    });
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style>
			
 
				+</style>
			
--- a/src/components/pages/components/report/courseRadar.vue
+++ b/src/components/pages/components/report/courseRadar.vue
@@ -0,0 +1,158 @@
 
				+<template>
			
 
				+  <div>
			
 
				+    <div style="width: 95%; height: calc(100%)">
			
 
				+      <!-- <img src="../../assets/dataimage/1.png" style="width:90%" /> -->
			
 
				+      <div
			
 
				+        id="charts_canvas"
			
 
				+        class="echart"
			
 
				+        style="width: 100%; height: 100%"
			
 
				+      ></div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  data() {
			
 
				+    return {
			
 
				+      chartObj: null,
			
 
				+      option: {
			
 
				+        splitNumber: 5,
			
 
				+        tooltip: {
			
 
				+          triggerOn: "mousemove",
			
 
				+          //雷达图的tooltip不会超出div，也可以设置position属性，position定位的tooltip 不会随着鼠标移动而位置变化，不友好
			
 
				+          confine: true,
			
 
				+          enterable: true, //鼠标是否可以移动到tooltip区域内
			
 
				+          backgroundColor: "rgba(255,255,255,0.7)",
			
 
				+          textStyle: {
			
 
				+            // 文字样式
			
 
				+            align: "left",
			
 
				+          },
			
 
				+          left: "right",
			
 
				+          top: "bottom",
			
 
				+        },
			
 
				+        radar: {
			
 
				+          radius: ["0%", "60%"],
			
 
				+          //   shape: "circle",
			
 
				+          center: ["50%", "50%"],
			
 
				+          axisName: {
			
 
				+            textStyle: {
			
 
				+              // 文字样式
			
 
				+              color: "#58a5e6",
			
 
				+            },
			
 
				+            formatter: function (value, indicator) {
			
 
				+              value = value.replace(/\S{2}/g, function (match) {
			
 
				+                return match + "\n";
			
 
				+              });
			
 
				+              return value;
			
 
				+            },
			
 
				+          },
			
 
				+          indicator: [
			
 
				+            { name: "项目完成度" },
			
 
				+            { name: "项目参与度" },
			
 
				+            { name: "项目活跃度" },
			
 
				+            { name: "项目综合效果" },
			
 
				+            { name: "项目调控度" },
			
 
				+            // 雷达图的指示器，用来指定雷达图中的多个变量（维度）
			
 
				+          ],
			
 
				+        },
			
 
				+        // 雷达图背景的颜色，在这儿随便设置了一个颜色，完全不透明度为0，就实现了透明背景
			
 
				+        splitArea: {
			
 
				+          show: true,
			
 
				+          areaStyle: {
			
 
				+            color: "rgba(255,0,0,0)", // 图表背景的颜色
			
 
				+          },
			
 
				+        },
			
 
				+        splitLine: {
			
 
				+          show: true,
			
 
				+          lineStyle: {
			
 
				+            width: 1,
			
 
				+            color: "rgba(131,141,158,.1)", // 设置网格的颜色
			
 
				+          },
			
 
				+        },
			
 
				+        series: [
			
 
				+          {
			
 
				+            name: "项目概况", // tooltip中的标题
			
 
				+            type: "radar", // 表示是雷达图
			
 
				+            symbol: "circle", // 拐点的样式，还可以取值'rect','angle'等
			
 
				+            symbolSize: 8, // 拐点的大小
			
 
				+            areaStyle: {
			
 
				+              normal: {
			
 
				+                width: 1,
			
 
				+                opacity: 0.2,
			
 
				+              },
			
 
				+            },
			
 
				+            data: [
			
 
				+              {
			
 
				+                // 设置各个指标原始值
			
 
				+                value: [],
			
 
				+                // 设置区域边框和区域的颜色
			
 
				+                itemStyle: {
			
 
				+                  normal: {
			
 
				+                    color: "#58a5e6",
			
 
				+                    lineStyle: {
			
 
				+                      color: "#58a5e6",
			
 
				+                    },
			
 
				+                  },
			
 
				+                },
			
 
				+              },
			
 
				+            ],
			
 
				+          },
			
 
				+        ],
			
 
				+      },
			
 
				+    };
			
 
				+  },
			
 
				+  methods: {
			
 
				+    randomNum(minNum, maxNum) {
			
 
				+      switch (arguments.length) {
			
 
				+        case 1:
			
 
				+          return parseInt(Math.random() * minNum + 1, 10);
			
 
				+          break;
			
 
				+        case 2:
			
 
				+          return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
			
 
				+          break;
			
 
				+        default:
			
 
				+          return 0;
			
 
				+          break;
			
 
				+      }
			
 
				+    },
			
 
				+    setChart() {
			
 
				+      // 雷达图显示的标签
			
 
				+      let newPromise = new Promise((resolve) => {
			
 
				+        resolve();
			
 
				+      });
			
 
				+      //然后异步执行echarts的初始化函数
			
 
				+      newPromise.then(() => {
			
 
				+        const chartObj = this.$echarts.init(
			
 
				+          //劳动课程
			
 
				+          this.$el.querySelector("#charts_canvas")
			
 
				+          //   document.getElementById("#charts_canvas")
			
 
				+        );
			
 
				+        let _array = [];
			
 
				+        for (var i = 0; i < 5; i++) {
			
 
				+          //   this.option.series[0].data[i].value = this.randomNum(30, 80);
			
 
				+          _array.push(this.randomNum(0, 80));
			
 
				+        }
			
 
				+        this.option.series[0].data[0].value = _array;
			
 
				+        // 初始化雷达图
			
 
				+        this.chartObj = chartObj;
			
 
				+        this.chartObj.setOption(this.option);
			
 
				+      });
			
 
				+      let _this = this;
			
 
				+      window.addEventListener("resize", () => {
			
 
				+        if (_this.chartObj) {
			
 
				+          _this.chartObj.resize();
			
 
				+        }
			
 
				+      });
			
 
				+    },
			
 
				+  },
			
 
				+  mounted() {
			
 
				+    this.$nextTick(() => {
			
 
				+      this.setChart();
			
 
				+    });
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style>
			
 
				+</style>
			
--- a/src/components/pages/components/report/studentAbility.vue
+++ b/src/components/pages/components/report/studentAbility.vue
@@ -0,0 +1,325 @@
 
				+<template>
			
 
				+  <div>
			
 
				+    <div style="background: #fff; padding: 10px 0; height: 100%">
			
 
				+      <div class="sd_person_button">
			
 
				+        <span @click="setType(1)" :class="{ active: type == 1 }">全部</span>
			
 
				+        <span @click="setType(2)" :class="{ active: type == 2 }">本项目</span>
			
 
				+        <span @click="setType(3)" :class="{ active: type == 3 }">其他项目</span>
			
 
				+      </div>
			
 
				+      <div style="display: flex; width: 100%; height: calc(100% - 50px)">
			
 
				+        <div
			
 
				+          id="person_canvas1"
			
 
				+          class="echart"
			
 
				+          style="width: 50%; height: 100%"
			
 
				+        ></div>
			
 
				+        <div
			
 
				+          id="person_canvas2"
			
 
				+          class="echart"
			
 
				+          style="width: 50%; height: 100%; margin: 0 0 0 1rem"
			
 
				+        ></div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  data() {
			
 
				+    return {
			
 
				+      chartObj2: null,
			
 
				+      chartObj3: null,
			
 
				+      type: 1,
			
 
				+      option2: {
			
 
				+        //color:colors,
			
 
				+        tooltip: {
			
 
				+          trigger: "item",
			
 
				+        },
			
 
				+        legend: {
			
 
				+          left: "50",
			
 
				+          top: "center",
			
 
				+        },
			
 
				+        series: {
			
 
				+          type: "sunburst",
			
 
				+          data: [],
			
 
				+          radius: [20, "100%"],
			
 
				+          itemStyle: {
			
 
				+            borderRadius: 7,
			
 
				+            borderWidth: 2,
			
 
				+          },
			
 
				+          label: {
			
 
				+            show: true,
			
 
				+            fontSize: 10
			
 
				+          },
			
 
				+        },
			
 
				+      },
			
 
				+      option3: {
			
 
				+        xAxis: {
			
 
				+          type: "category",
			
 
				+          data: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"],
			
 
				+          boundaryGap: false,
			
 
				+          splitLine: {
			
 
				+            show: true,
			
 
				+          },
			
 
				+          axisLine: {
			
 
				+            show: false,
			
 
				+          },
			
 
				+        },
			
 
				+        yAxis: {
			
 
				+          type: "category",
			
 
				+          data: [
			
 
				+            "信息应用意识",
			
 
				+            "信息安全意识",
			
 
				+            "信息感知意识",
			
 
				+            "信息社会责任",
			
 
				+            "信息法律法规",
			
 
				+            "信息应用技能",
			
 
				+            "信息科学知识",
			
 
				+            "信息思维",
			
 
				+            "信息行为",
			
 
				+          ],
			
 
				+          axisLine: {
			
 
				+            show: false,
			
 
				+          },
			
 
				+        },
			
 
				+        grid: {
			
 
				+          left: '20%',
			
 
				+          bottom: '10%',
			
 
				+          right: '10%',
			
 
				+          top: '10%',
			
 
				+        },
			
 
				+        series: [
			
 
				+          {
			
 
				+            name: "Punch Card",
			
 
				+            type: "scatter",
			
 
				+            symbolSize: function (val) {
			
 
				+              return val[2] * 2;
			
 
				+            },
			
 
				+            data: [],
			
 
				+            animationDelay: function (idx) {
			
 
				+              return idx * 5;
			
 
				+            },
			
 
				+          },
			
 
				+        ],
			
 
				+      },
			
 
				+    };
			
 
				+  },
			
 
				+  methods: {
			
 
				+    setChart() {
			
 
				+      // 雷达图显示的标签
			
 
				+      let newPromise = new Promise((resolve) => {
			
 
				+        resolve();
			
 
				+      });
			
 
				+      //然后异步执行echarts的初始化函数
			
 
				+      newPromise.then(() => {
			
 
				+        const chartObj2 = this.$echarts.init(
			
 
				+          //劳动课程
			
 
				+          this.$el.querySelector("#person_canvas1")
			
 
				+        );
			
 
				+        this.option2.series.data = [
			
 
				+          {
			
 
				+            name: "信息意识",
			
 
				+            value: 15,
			
 
				+            children: [
			
 
				+              {
			
 
				+                name: "信息应用意识",
			
 
				+                value: this.randomNum(1, 5),
			
 
				+              },
			
 
				+              {
			
 
				+                name: "信息安全意识",
			
 
				+                value: this.randomNum(1, 5),
			
 
				+              },
			
 
				+              {
			
 
				+                name: "信息感知意识",
			
 
				+                value: this.randomNum(1, 5),
			
 
				+              },
			
 
				+            ],
			
 
				+          },
			
 
				+          {
			
 
				+            name: "信息社会责任",
			
 
				+            value: 15,
			
 
				+            children: [
			
 
				+              {
			
 
				+                name: "信息伦理道德",
			
 
				+                value: this.randomNum(1, 5),
			
 
				+              },
			
 
				+              {
			
 
				+                name: "信息法律法规",
			
 
				+                value: this.randomNum(1, 10),
			
 
				+              },
			
 
				+            ],
			
 
				+          },
			
 
				+          {
			
 
				+            name: "信息知识与技能",
			
 
				+            value: 15,
			
 
				+            children: [
			
 
				+              {
			
 
				+                name: "信息应用技能",
			
 
				+                value: 5,
			
 
				+              },
			
 
				+              {
			
 
				+                name: "信息科学知识",
			
 
				+                value: 10,
			
 
				+              },
			
 
				+            ],
			
 
				+          },
			
 
				+          {
			
 
				+            name: "信息思维与行为",
			
 
				+            value: 15,
			
 
				+            children: [
			
 
				+              {
			
 
				+                name: "信息思维",
			
 
				+                value: this.randomNum(1, 10),
			
 
				+              },
			
 
				+              {
			
 
				+                name: "信息行为",
			
 
				+                value: this.randomNum(1, 5),
			
 
				+              },
			
 
				+            ],
			
 
				+          },
			
 
				+        ];
			
 
				+        const chartObj3 = this.$echarts.init(
			
 
				+          //劳动课程
			
 
				+          this.$el.querySelector("#person_canvas2")
			
 
				+        );
			
 
				+        let data = [];
			
 
				+        for (var i = 1; i < 10; i++) {
			
 
				+          for (var j = 0; j < 9; j++) {
			
 
				+            var x = i;
			
 
				+            var y = j;
			
 
				+            var z = this.randomNum(0, 10);
			
 
				+            data.push([x, y, z]);
			
 
				+          }
			
 
				+        }
			
 
				+        this.option3.series[0].data = data;
			
 
				+        // console.log(this.option.series[0].data);
			
 
				+        // 初始化雷达图
			
 
				+        this.chartObj2 = chartObj2;
			
 
				+        this.chartObj3 = chartObj3;
			
 
				+        this.chartObj2.setOption(this.option2);
			
 
				+        this.chartObj3.setOption(this.option3);
			
 
				+      });
			
 
				+      let _this = this;
			
 
				+      window.addEventListener("resize", () => {
			
 
				+        if (_this.chartObj2) {
			
 
				+          _this.chartObj2.resize();
			
 
				+          _this.chartObj3.resize();
			
 
				+        }
			
 
				+      });
			
 
				+    },
			
 
				+    randomNum(minNum, maxNum) {
			
 
				+      switch (arguments.length) {
			
 
				+        case 1:
			
 
				+          return parseInt(Math.random() * minNum + 1, 10);
			
 
				+          break;
			
 
				+        case 2:
			
 
				+          return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
			
 
				+          break;
			
 
				+        default:
			
 
				+          return 0;
			
 
				+          break;
			
 
				+      }
			
 
				+    },
			
 
				+    setType(type) {
			
 
				+      this.type = type;
			
 
				+      this.option2.series.data = [
			
 
				+        {
			
 
				+          name: "信息意识",
			
 
				+          value: 15,
			
 
				+          children: [
			
 
				+            {
			
 
				+              name: "信息应用意识",
			
 
				+              value: this.randomNum(1, 5),
			
 
				+            },
			
 
				+            {
			
 
				+              name: "信息安全意识",
			
 
				+              value: this.randomNum(1, 5),
			
 
				+            },
			
 
				+            {
			
 
				+              name: "信息感知意识",
			
 
				+              value: this.randomNum(1, 5),
			
 
				+            },
			
 
				+          ],
			
 
				+        },
			
 
				+        {
			
 
				+          name: "信息社会责任",
			
 
				+          value: 15,
			
 
				+          children: [
			
 
				+            {
			
 
				+              name: "信息伦理道德",
			
 
				+              value: this.randomNum(1, 5),
			
 
				+            },
			
 
				+            {
			
 
				+              name: "信息法律法规",
			
 
				+              value: this.randomNum(1, 10),
			
 
				+            },
			
 
				+          ],
			
 
				+        },
			
 
				+        {
			
 
				+          name: "信息知识与技能",
			
 
				+          value: 15,
			
 
				+          children: [
			
 
				+            {
			
 
				+              name: "信息应用技能",
			
 
				+              value: 5,
			
 
				+            },
			
 
				+            {
			
 
				+              name: "信息科学知识",
			
 
				+              value: 10,
			
 
				+            },
			
 
				+          ],
			
 
				+        },
			
 
				+        {
			
 
				+          name: "信息思维与行为2",
			
 
				+          value: 15,
			
 
				+          children: [
			
 
				+            {
			
 
				+              name: "信息思维",
			
 
				+              value: this.randomNum(1, 10),
			
 
				+            },
			
 
				+            {
			
 
				+              name: "信息行为",
			
 
				+              value: this.randomNum(1, 5),
			
 
				+            },
			
 
				+          ],
			
 
				+        },
			
 
				+      ];
			
 
				+      this.chartObj2.setOption(this.option2);
			
 
				+      let data = [];
			
 
				+      for (var i = 1; i < 10; i++) {
			
 
				+        for (var j = 0; j < 9; j++) {
			
 
				+          var x = i;
			
 
				+          var y = j;
			
 
				+          var z = this.randomNum(0, 10);
			
 
				+          data.push([x, y, z]);
			
 
				+        }
			
 
				+      }
			
 
				+      this.option3.series[0].data = data;
			
 
				+      this.chartObj3.setOption(this.option3);
			
 
				+    },
			
 
				+  },
			
 
				+  mounted() {
			
 
				+    this.$nextTick(() => {
			
 
				+      this.setChart();
			
 
				+    });
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style scoped>
			
 
				+.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>
			
--- a/src/components/pages/components/report/studentInfo.vue
+++ b/src/components/pages/components/report/studentInfo.vue
@@ -0,0 +1,162 @@
 
				+<template>
			
 
				+  <div v-if="Object.keys(userinfo).length">
			
 
				+    <div class="si_head">
			
 
				+      <img class="si_img" src="@/assets/portal.png" alt="" />
			
 
				+      <div class="si_content">
			
 
				+        <div>
			
 
				+          <span>姓名:</span><span>{{ userinfo.name }}</span>
			
 
				+        </div>
			
 
				+        <div>
			
 
				+          <span>班级:</span
			
 
				+          ><span>{{
			
 
				+            userinfo.classname ? userinfo.classname : "暂无班级"
			
 
				+          }}</span>
			
 
				+        </div>
			
 
				+        <div>
			
 
				+          <span>账号:</span><span>{{ userinfo.username }}</span>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="si_course">
			
 
				+      <div class="si_course_head">项目概况</div>
			
 
				+      <div class="si_course_content">
			
 
				+        <div class="si_course_box">
			
 
				+          <div>{{ ccount }}</div>
			
 
				+          <div>全部项目</div>
			
 
				+        </div>
			
 
				+        <div class="si_course_box">
			
 
				+          <div>{{ iscount }}</div>
			
 
				+          <div>已完成</div>
			
 
				+        </div>
			
 
				+        <div class="si_course_box">
			
 
				+          <div>{{ vcount }}</div>
			
 
				+          <div>进行中</div>
			
 
				+        </div>
			
 
				+        <div class="si_course_box">
			
 
				+          <div>{{ islearn }}</div>
			
 
				+          <div>待学习</div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  props: ["userid"],
			
 
				+  data() {
			
 
				+    return {
			
 
				+      userinfo: {},
			
 
				+      vcount: 0,
			
 
				+      iscount: 0,
			
 
				+      islearn: 0,
			
 
				+      ccount: 0,
			
 
				+    };
			
 
				+  },
			
 
				+  methods: {
			
 
				+    randomNum(minNum, maxNum) {
			
 
				+      switch (arguments.length) {
			
 
				+        case 1:
			
 
				+          return parseInt(Math.random() * minNum + 1, 10);
			
 
				+          break;
			
 
				+        case 2:
			
 
				+          return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
			
 
				+          break;
			
 
				+        default:
			
 
				+          return 0;
			
 
				+          break;
			
 
				+      }
			
 
				+    },
			
 
				+    getInfo() {
			
 
				+      let params = {
			
 
				+        uid: this.userid,
			
 
				+      };
			
 
				+      console.log(this.userid);
			
 
				+      if (!this.userid) {
			
 
				+        return;
			
 
				+      }
			
 
				+      this.ajax
			
 
				+        .get(this.$store.state.api + "getUserInfo", params)
			
 
				+        .then((res) => {
			
 
				+          this.userinfo = res.data[0][0];
			
 
				+          this.ccount = res.data[1][0].ccount;
			
 
				+          this.islearn =
			
 
				+            parseInt(res.data[1][0].ccount) - parseInt(res.data[1][0].vcount);
			
 
				+
			
 
				+          let count = this.randomNum(0, parseInt(res.data[1][0].vcount));
			
 
				+          this.vcount = res.data[1][0].vcount - count;
			
 
				+          this.iscount = count;
			
 
				+        })
			
 
				+        .catch((err) => {
			
 
				+          console.error(err);
			
 
				+        });
			
 
				+    },
			
 
				+  },
			
 
				+  watch: {
			
 
				+    userid(newValue, oldValue) {
			
 
				+      this.getInfo();
			
 
				+    },
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.getInfo();
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style scoped>
			
 
				+.si_head {
			
 
				+  display: flex;
			
 
				+  align-items: center;
			
 
				+  justify-content: center;
			
 
				+}
			
 
				+.si_img {
			
 
				+  width: 90px;
			
 
				+  height: 90px;
			
 
				+}
			
 
				+.si_content {
			
 
				+  width: calc(100% - 150px);
			
 
				+  margin-left: 15px;
			
 
				+  font-size: 14px;
			
 
				+}
			
 
				+.si_content div + div {
			
 
				+  margin-top: 10px;
			
 
				+}
			
 
				+.si_content div {
			
 
				+  display: flex;
			
 
				+}
			
 
				+.si_content span + span {
			
 
				+  margin-left: 10px;
			
 
				+  white-space: nowrap;
			
 
				+  overflow: hidden;
			
 
				+  text-overflow: ellipsis;
			
 
				+  width: calc(100% - 50px);
			
 
				+}
			
 
				+.si_course {
			
 
				+  width: calc(100% - 60px);
			
 
				+  margin: 0 auto;
			
 
				+  margin-top: 20px;
			
 
				+}
			
 
				+.si_course_head {
			
 
				+  margin-bottom: 10px;
			
 
				+}
			
 
				+.si_course_content {
			
 
				+  display: flex;
			
 
				+  width: 100%;
			
 
				+  justify-content: space-between;
			
 
				+}
			
 
				+.si_course_box div:nth-child(1) {
			
 
				+  font-size: 22px;
			
 
				+  text-align: center;
			
 
				+  font-weight: 700;
			
 
				+  color: rgb(47 70 136);
			
 
				+}
			
 
				+.si_course_box div:nth-child(2) {
			
 
				+  font-size: 14px;
			
 
				+  width: 60px;
			
 
				+  border: 1px solid rgb(140, 140, 140);
			
 
				+  text-align: center;
			
 
				+  padding: 1px 0;
			
 
				+  margin-top: 5px;
			
 
				+  color: rgb(67, 67, 67);
			
 
				+}
			
 
				+</style>
			
--- a/src/components/pages/components/studentReport.vue
+++ b/src/components/pages/components/studentReport.vue
@@ -6,25 +6,31 @@
 
				         <div class="sr_first">
			
 
				           <div class="first">
			
 
				             <div class="sub_title"><span>学生基本信息</span></div>
			
 
				+            <StudentInfo class="r_box" :userid="userid"></StudentInfo>
			
 
				           </div>
			
 
				           <div class="second">
			
 
				             <div class="sub_title"><span>项目基本信息</span></div>
			
 
				+            <CourseInfo class="r_box" :courseid="courseid"></CourseInfo>
			
 
				           </div>
			
 
				         </div>
			
 
				         <div class="sr_second">
			
 
				           <div class="first">
			
 
				             <div class="sub_title"><span>学生综合能力评估</span></div>
			
 
				+            <StudentAbility class="r_box"></StudentAbility>
			
 
				           </div>
			
 
				           <div class="second">
			
 
				             <div class="sub_title"><span>项目详细报告</span></div>
			
 
				+            <CourseDetailReport class="r_box"></CourseDetailReport>
			
 
				           </div>
			
 
				         </div>
			
 
				         <div class="sr_third">
			
 
				           <div class="first">
			
 
				             <div class="sub_title"><span>项目概况</span></div>
			
 
				+            <CourseRadar class="r_box"></CourseRadar>
			
 
				           </div>
			
 
				           <div class="second">
			
 
				             <div class="sub_title"><span>学习活动分配图</span></div>
			
 
				+            <CoursePie class="r_box"></CoursePie>
			
 
				           </div>
			
 
				         </div>
			
 
				       </div>
			
@@ -33,15 +39,42 @@
 
				 </template>
			
 
				 
			
 
				 <script>
			
 
				+import StudentInfo from "./report/studentInfo.vue";
			
 
				+import CourseInfo from "./report/courseInfo.vue";
			
 
				+import StudentAbility from "./report/studentAbility.vue";
			
 
				+import CourseRadar from "./report/courseRadar.vue";
			
 
				+import CoursePie from "./report/coursePie.vue";
			
 
				+import CourseDetailReport from "./report/courseDetailReport.vue";
			
 
				 export default {
			
 
				   props: ["checkCourse", "checkStudent"],
			
 
				+  components: {
			
 
				+    StudentInfo,
			
 
				+    CourseInfo,
			
 
				+    StudentAbility,
			
 
				+    CourseRadar,
			
 
				+    CoursePie,
			
 
				+    CourseDetailReport
			
 
				+  },
			
 
				   data() {
			
 
				-    return {};
			
 
				+    return {
			
 
				+      userid: "",
			
 
				+      courseid: "",
			
 
				+    };
			
 
				+  },
			
 
				+  watch: {
			
 
				+    checkStudent(newValue, oldValue) {
			
 
				+      this.userid = this.checkStudent;
			
 
				+      this.courseid = this.checkCourse;
			
 
				+    },
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.userid = this.checkStudent;
			
 
				+    this.courseid = this.checkCourse;
			
 
				   },
			
 
				 };
			
 
				 </script>
			
 
				 
			
 
				-<style>
			
 
				+<style scoped>
			
 
				 .sr_head {
			
 
				   color: rgb(21, 80, 183);
			
 
				   font-size: 30px;
			
@@ -92,6 +125,7 @@ export default {
 
				   background: #fff;
			
 
				   border-radius: 10px;
			
 
				   width: 98%;
			
 
				+  overflow: hidden;
			
 
				 }
			
 
				 .sr_first .first {
			
 
				   height: calc(100% / 2.25);
			
@@ -140,4 +174,9 @@ export default {
 
				   background-image: url(../../../assets/report/right_coin.png);
			
 
				   background-size: 100% 100%;
			
 
				 }
			
 
				+
			
 
				+.r_box {
			
 
				+  height: calc(100% - 40px);
			
 
				+  width: 100%;
			
 
				+}
			
 
				 </style>
			
--- a/src/components/pages/components/worksDetail2.vue
+++ b/src/components/pages/components/worksDetail2.vue
@@ -779,7 +779,7 @@ export default {
 
				               { value: 0, name: "意识能力" },
			
 
				               { value: 0, name: "科学探究能力" },
			
 
				               { value: 0, name: "实践创新能力" },
			
 
				-              { value: 0, name: "学习房媳能力" },
			
 
				+              { value: 0, name: "学习反思能力" },
			
 
				               { value: 0, name: "工程思维能力" },
			
 
				             ],
			
 
				             itemStyle: {
			
--- a/src/components/pages/student.vue
+++ b/src/components/pages/student.vue
@@ -904,7 +904,7 @@ export default {
 
				         oid: this.oid,
			
 
				       };
			
 
				       this.ajax
			
 
				-        .get(this.$store.state.api + "selectSchoolName", params)
			
 
				+        .get(this.$store.state.api + "selectSchoolName2", params)
			
 
				         .then((res) => {
			
 
				           this.schoolName = res.data[0][0].name;
			
 
				         })
			
--- a/src/components/pages/works.vue
+++ b/src/components/pages/works.vue
@@ -102,12 +102,12 @@
 
				                   @click="getWorkData(scope.row)"
			
 
				                   >查看课程</el-button
			
 
				                 >
			
 
				-                <!-- <el-button
			
 
				+                <el-button
			
 
				                   type="primary"
			
 
				                   size="small"
			
 
				                   @click="getStudnet(scope.row)"
			
 
				                   >查看报告</el-button
			
 
				-                > -->
			
 
				+                >
			
 
				               </template>
			
 
				             </el-table-column>
			
 
				           </el-table>
			
@@ -381,9 +381,10 @@ export default {
 
				       this.dataJson = "";
			
 
				       this.dialogVisible = false;
			
 
				     },
			
 
				-    cancelR(row) {
			
 
				-      this.checkStudent = row.userid
			
 
				+    cancelR() {
			
 
				+      this.checkStudent = "";
			
 
				       this.reportVisible = false;
			
 
				+      this.signDialog = true;
			
 
				     },
			
 
				     getStudnet(row) {
			
 
				       //获取作业
			
@@ -409,7 +410,8 @@ export default {
 
				           console.error(err);
			
 
				         });
			
 
				     },
			
 
				-    getReport() {
			
 
				+    getReport(row) {
			
 
				+      this.checkStudent = row.userid;
			
 
				       this.reportVisible = true;
			
 
				       this.signDialog = false;
			
 
				     },