|
@@ -12,7 +12,7 @@
|
|
|
<div class="s_box">
|
|
|
<div class="s_b_top">
|
|
|
<div class="s_b_t_left">
|
|
|
- <img src="../../assets/icon/thirdToolList/ask.png" slt="图片"/>
|
|
|
+ <img src="../../assets/icon/thirdToolList/ask.png" slt="图片" />
|
|
|
<div class="s_b_t_l_detail">
|
|
|
<div>{{ askData.title }}</div>
|
|
|
<span>{{ askData.describe }}</span>
|
|
@@ -56,16 +56,19 @@
|
|
|
>
|
|
|
</div>
|
|
|
<div class="s_b_b_right">
|
|
|
- <div class=s_b_b_r_btnArea>
|
|
|
- <div class="s_b_b_r_primaryBtn" @click="refresh">刷新</div>
|
|
|
- </div>
|
|
|
+ <div class="s_b_b_r_btnArea">
|
|
|
+ <div class="s_b_b_r_primaryBtn" @click="refresh">刷新</div>
|
|
|
+ </div>
|
|
|
<div class="s_b_b_r_item" v-if="showType === 0">
|
|
|
<div class="itemBox">
|
|
|
<div class="ib_title">数据统计图</div>
|
|
|
- <div class="ib_echarts" style="width:60%;height: 600px;min-width: 600px;">
|
|
|
+ <div
|
|
|
+ class="ib_echarts"
|
|
|
+ style="width:60%;height: 600px;min-width: 600px;"
|
|
|
+ >
|
|
|
<eChartsView
|
|
|
- id="problemSituationData"
|
|
|
- v-if="problemSituationData.eChartsOption && show "
|
|
|
+ id="problemSituationData"
|
|
|
+ v-if="problemSituationData.eChartsOption && show"
|
|
|
:data="problemSituationData.eChartsOption"
|
|
|
/>
|
|
|
</div>
|
|
@@ -109,9 +112,12 @@
|
|
|
<div class="s_b_b_r_item" v-if="showType === 1">
|
|
|
<div class="itemBox">
|
|
|
<div class="ib_title">数据统计图</div>
|
|
|
- <div class="ib_echarts" style="width:60%;height: 600px;min-width: 600px;">
|
|
|
+ <div
|
|
|
+ class="ib_echarts"
|
|
|
+ style="width:60%;height: 600px;min-width: 600px;"
|
|
|
+ >
|
|
|
<eChartsView2
|
|
|
- id="studentSummaryData"
|
|
|
+ id="studentSummaryData"
|
|
|
v-if="studentSummary.eChartsOption && show"
|
|
|
:data="studentSummary.eChartsOption"
|
|
|
/>
|
|
@@ -158,7 +164,7 @@
|
|
|
<div class="ib_title">数据统计图</div>
|
|
|
<div class="ib_echarts" style="width:800px;height: 600px">
|
|
|
<eChartsView3
|
|
|
- id="classSummaryData"
|
|
|
+ id="classSummaryData"
|
|
|
v-if="classSummary.eChartsOption && show"
|
|
|
:data="classSummary.eChartsOption"
|
|
|
/>
|
|
@@ -212,6 +218,16 @@ import eChartsView from "./eChartsView.vue";
|
|
|
import eChartsView2 from "./eChartsView.vue";
|
|
|
import eChartsView3 from "./eChartsView.vue";
|
|
|
export default {
|
|
|
+ props: {
|
|
|
+ courseType: {
|
|
|
+ type: String || Number,
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ taskCount: {
|
|
|
+ type: Number,
|
|
|
+ default: 0
|
|
|
+ }
|
|
|
+ },
|
|
|
components: {
|
|
|
eChartsView,
|
|
|
eChartsView2,
|
|
@@ -225,7 +241,7 @@ export default {
|
|
|
tType: null,
|
|
|
worksData: null,
|
|
|
worksStudent: null,
|
|
|
- toolIndex:null,
|
|
|
+ toolIndex: null,
|
|
|
askData: {
|
|
|
title: "",
|
|
|
describe: ""
|
|
@@ -234,11 +250,11 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
open(data) {
|
|
|
- console.log(data)
|
|
|
+ console.log(data);
|
|
|
this.show = true;
|
|
|
this.data = data;
|
|
|
this.worksStudent = data.worksStudent;
|
|
|
- this.toolIndex = data.toolIndex;
|
|
|
+ this.toolIndex = data.toolIndex;
|
|
|
if (data.worksStudent.length > 0) {
|
|
|
let works = data.worksStudent[0].works
|
|
|
? JSON.parse(data.worksStudent[0].works)
|
|
@@ -257,13 +273,14 @@ export default {
|
|
|
close() {
|
|
|
this.show = false;
|
|
|
this.init();
|
|
|
+ this.$emit("changeSplitScreenBehavior",{code:99})
|
|
|
},
|
|
|
init() {
|
|
|
this.data = null;
|
|
|
this.showType = 0;
|
|
|
this.tType = null;
|
|
|
this.worksData = null;
|
|
|
- this.toolIndex = null;
|
|
|
+ this.toolIndex = null;
|
|
|
this.askData = {
|
|
|
title: "",
|
|
|
describe: ""
|
|
@@ -271,7 +288,16 @@ export default {
|
|
|
},
|
|
|
changeShowType(type) {
|
|
|
this.showType = type;
|
|
|
- this.$forceUpdate()
|
|
|
+ this.$emit("changeSplitScreenBehavior", {
|
|
|
+ code: 2,
|
|
|
+ form: {
|
|
|
+ toolIndex: this.toolIndex,
|
|
|
+ courseType: this.courseType,
|
|
|
+ taskCount: this.taskCount,
|
|
|
+ type: this.showType
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.$forceUpdate();
|
|
|
},
|
|
|
indexMethod(index) {
|
|
|
if (index === 0) {
|
|
@@ -280,14 +306,14 @@ export default {
|
|
|
return index;
|
|
|
}
|
|
|
},
|
|
|
- refresh(){
|
|
|
- this.$emit("refresh",this.toolIndex)
|
|
|
- },
|
|
|
- refreshData(data){
|
|
|
- console.log(data)
|
|
|
- this.data = data;
|
|
|
+ refresh() {
|
|
|
+ this.$emit("refresh", this.toolIndex);
|
|
|
+ },
|
|
|
+ refreshData(data) {
|
|
|
+ console.log(data);
|
|
|
+ this.data = data;
|
|
|
this.worksStudent = data.worksStudent;
|
|
|
- this.toolIndex = data.toolIndex;
|
|
|
+ this.toolIndex = data.toolIndex;
|
|
|
if (data.worksStudent.length > 0) {
|
|
|
let works = data.worksStudent[0].works
|
|
|
? JSON.parse(data.worksStudent[0].works)
|
|
@@ -302,7 +328,14 @@ export default {
|
|
|
} else {
|
|
|
this.worksData = [];
|
|
|
}
|
|
|
- },
|
|
|
+ },
|
|
|
+ splitScreenFn(data) {
|
|
|
+ console.log("👇👇")
|
|
|
+ console.log(data)
|
|
|
+ if (data.type !== undefined) {
|
|
|
+ this.showType = data.type;
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
computed: {
|
|
|
// 题目情况
|
|
@@ -617,16 +650,13 @@ export default {
|
|
|
|
|
|
result.tableData.unshift(totalData);
|
|
|
|
|
|
-
|
|
|
- totalData.options.forEach((item,index)=>{
|
|
|
- let obj = {
|
|
|
- value:item,
|
|
|
- name:`选项${index+1}`
|
|
|
- }
|
|
|
- result.eChartsOption.series[0].data.push(obj)
|
|
|
- })
|
|
|
-
|
|
|
-
|
|
|
+ totalData.options.forEach((item, index) => {
|
|
|
+ let obj = {
|
|
|
+ value: item,
|
|
|
+ name: `选项${index + 1}`
|
|
|
+ };
|
|
|
+ result.eChartsOption.series[0].data.push(obj);
|
|
|
+ });
|
|
|
|
|
|
return result;
|
|
|
}
|
|
@@ -760,31 +790,30 @@ export default {
|
|
|
.s_b_b_right {
|
|
|
width: calc(100% - 300px);
|
|
|
height: 100%;
|
|
|
- position: relative;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
-.s_b_b_r_btnArea{
|
|
|
- width: auto;
|
|
|
- height: auto;
|
|
|
- position: absolute;
|
|
|
- right: 30px;
|
|
|
- top: 30px;
|
|
|
+.s_b_b_r_btnArea {
|
|
|
+ width: auto;
|
|
|
+ height: auto;
|
|
|
+ position: absolute;
|
|
|
+ right: 30px;
|
|
|
+ top: 30px;
|
|
|
}
|
|
|
|
|
|
-.s_b_b_r_primaryBtn{
|
|
|
- width: auto;
|
|
|
- height: auto;
|
|
|
- background-color: #007AFF;
|
|
|
-
|
|
|
- color: #fff;
|
|
|
- font-size: 16px;
|
|
|
- padding: 10px 30px;
|
|
|
- border-radius: 25px;
|
|
|
- cursor: pointer;
|
|
|
- box-shadow: 0px 2px 5px 0px #1D398314;
|
|
|
+.s_b_b_r_primaryBtn {
|
|
|
+ width: auto;
|
|
|
+ height: auto;
|
|
|
+ background-color: #007aff;
|
|
|
|
|
|
-box-shadow: 0.5px 0.5px 10px 2px #1D39830D;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 16px;
|
|
|
+ padding: 10px 30px;
|
|
|
+ border-radius: 25px;
|
|
|
+ cursor: pointer;
|
|
|
+ box-shadow: 0px 2px 5px 0px #1d398314;
|
|
|
|
|
|
+ box-shadow: 0.5px 0.5px 10px 2px #1d39830d;
|
|
|
}
|
|
|
|
|
|
.s_b_b_r_item {
|