|
@@ -6,7 +6,6 @@
|
|
:close-on-press-escape="false"
|
|
:close-on-press-escape="false"
|
|
append-to-body
|
|
append-to-body
|
|
fullscreen
|
|
fullscreen
|
|
- @close="closeHandle"
|
|
|
|
>
|
|
>
|
|
<div slot="title">{{ rowData.name }}毕业要求达成情况</div>
|
|
<div slot="title">{{ rowData.name }}毕业要求达成情况</div>
|
|
|
|
|
|
@@ -34,9 +33,10 @@
|
|
</el-form>
|
|
</el-form>
|
|
|
|
|
|
<el-table ref="TableList" :data="dataList">
|
|
<el-table ref="TableList" :data="dataList">
|
|
- <el-table-column prop="name" label="课程名称"> </el-table-column>
|
|
|
|
- <el-table-column prop="name" label="所属学期"> </el-table-column>
|
|
|
|
- <el-table-column prop="name" label="期末成绩"> </el-table-column>
|
|
|
|
|
|
+ <el-table-column prop="courseName" label="课程名称"> </el-table-column>
|
|
|
|
+ <el-table-column prop="semesterName" label="所属学期">
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="score" label="期末成绩"> </el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
v-for="(column, cindex) in columns"
|
|
v-for="(column, cindex) in columns"
|
|
:key="cindex"
|
|
:key="cindex"
|
|
@@ -54,7 +54,7 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
-import { studentTargetDetail, studentSemesterTargetList } from "../../api";
|
|
|
|
|
|
+import { studentTargetDetail } from "../../api";
|
|
|
|
|
|
export default {
|
|
export default {
|
|
name: "detail-requirement-statistics",
|
|
name: "detail-requirement-statistics",
|
|
@@ -83,12 +83,21 @@ export default {
|
|
open() {
|
|
open() {
|
|
this.modalIsShow = true;
|
|
this.modalIsShow = true;
|
|
},
|
|
},
|
|
- async getDetail() {
|
|
|
|
|
|
+ async search() {
|
|
const res = await studentTargetDetail({
|
|
const res = await studentTargetDetail({
|
|
cultureProgramId: this.rowData.id,
|
|
cultureProgramId: this.rowData.id,
|
|
|
|
+ studentCode: this.rowData.studentCode,
|
|
|
|
+ ...this.filter,
|
|
});
|
|
});
|
|
- this.dataList = res || [];
|
|
|
|
|
|
+ this.dataList = res.studentTotalRequirementList || [];
|
|
this.updateChartOption();
|
|
this.updateChartOption();
|
|
|
|
+
|
|
|
|
+ this.tableData = res.studentCourseRequirementList || [];
|
|
|
|
+ this.columns = !this.tableData[0]
|
|
|
|
+ ? []
|
|
|
|
+ : this.tableData[0].requirementDetailList.map(
|
|
|
|
+ (item) => item.requirementName
|
|
|
|
+ );
|
|
},
|
|
},
|
|
updateChartOption() {
|
|
updateChartOption() {
|
|
const options = {
|
|
const options = {
|
|
@@ -114,7 +123,7 @@ export default {
|
|
nameTextStyle: {
|
|
nameTextStyle: {
|
|
color: "#363D59",
|
|
color: "#363D59",
|
|
},
|
|
},
|
|
- data: this.courseTargetList.map((item) => item.targetName),
|
|
|
|
|
|
+ data: this.dataList.map((item) => item.requirementName),
|
|
axisLabel: {
|
|
axisLabel: {
|
|
color: "#6F7482",
|
|
color: "#6F7482",
|
|
interval: 0,
|
|
interval: 0,
|
|
@@ -165,28 +174,18 @@ export default {
|
|
name: "个人达成情况",
|
|
name: "个人达成情况",
|
|
type: "bar",
|
|
type: "bar",
|
|
barWidth: 20,
|
|
barWidth: 20,
|
|
- data: this.courseTargetList.map((item) => item.evaluationValue),
|
|
|
|
|
|
+ data: this.dataList.map((item) => item.studentDegree),
|
|
},
|
|
},
|
|
{
|
|
{
|
|
name: "专业达成情况",
|
|
name: "专业达成情况",
|
|
type: "bar",
|
|
type: "bar",
|
|
barWidth: 20,
|
|
barWidth: 20,
|
|
- data: this.courseTargetList.map((item) => item.evaluationValue),
|
|
|
|
|
|
+ data: this.dataList.map((item) => item.professionalDegree),
|
|
},
|
|
},
|
|
],
|
|
],
|
|
};
|
|
};
|
|
return options;
|
|
return options;
|
|
},
|
|
},
|
|
- async search() {
|
|
|
|
- if (!this.filter.semesterId) return;
|
|
|
|
-
|
|
|
|
- const res = await studentSemesterTargetList(this.filter);
|
|
|
|
- this.tableData = res || [];
|
|
|
|
-
|
|
|
|
- this.columns = !this.tableData[0]
|
|
|
|
- ? []
|
|
|
|
- : this.tableData[0].requirements.map((item) => item.name);
|
|
|
|
- },
|
|
|
|
},
|
|
},
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|