|
@@ -10,7 +10,7 @@
|
|
|
<p
|
|
|
style="
|
|
|
text-align: center;
|
|
|
- font-size: 18px;
|
|
|
+ font-size: 22px;
|
|
|
margin-bottom: 20px;
|
|
|
font-weight: 700;
|
|
|
"
|
|
@@ -215,7 +215,6 @@
|
|
|
></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <!-- @change="userDimensionality" -->
|
|
|
<el-form-item label="年级选择">
|
|
|
<el-select v-model="grade" placeholder="请选择年级" @change="gradeChange">
|
|
|
<el-option
|
|
@@ -258,11 +257,18 @@
|
|
|
>
|
|
|
</el-radio-group>
|
|
|
</div>
|
|
|
+
|
|
|
<div style="display: flex; flex-direction: row">
|
|
|
<el-radio-group
|
|
|
v-model="subValue"
|
|
|
@change="userSubFun"
|
|
|
- style="flex-direction: column; width: 100%; flex: 3; display: flex"
|
|
|
+ style="
|
|
|
+ width: 100%;
|
|
|
+ flex: 3;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: left;
|
|
|
+ "
|
|
|
>
|
|
|
<el-radio
|
|
|
v-for="item in subOption"
|
|
@@ -271,7 +277,7 @@
|
|
|
style="margin-top: 20px"
|
|
|
></el-radio>
|
|
|
</el-radio-group>
|
|
|
- <div class="chart_wrap" style="flex: 6">
|
|
|
+ <div class="chart_wrap" style="flex: 4">
|
|
|
<BingChart2
|
|
|
:options="options7"
|
|
|
chartId="myPieChart7"
|
|
@@ -285,10 +291,13 @@
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ margin-bottom: 40px;
|
|
|
"
|
|
|
>
|
|
|
<div>
|
|
|
<div style="display: flex; font-size: 20px">
|
|
|
+ {{ tabNameCurrent }}:
|
|
|
{{
|
|
|
subValue
|
|
|
}} 已完成 <span
|
|
@@ -298,20 +307,22 @@
|
|
|
padding: 0 20px;
|
|
|
margin-left: 20px;
|
|
|
margin-bottom: 20px;
|
|
|
- color:#ffffff
|
|
|
+ color: #ffffff;
|
|
|
"
|
|
|
>{{ subAll }}人</span
|
|
|
>
|
|
|
</div>
|
|
|
+ <!-- this.dime=='躯体化'?'压力':this.dime -->
|
|
|
<div style="display: flex; font-size: 20px">
|
|
|
- {{ subValue }} 中重度{{ dime
|
|
|
+ {{ tabNameCurrent }}: {{ subValue }} 中重度{{
|
|
|
+ dime == "躯体化" ? "压力" : dime
|
|
|
}}<span
|
|
|
style="
|
|
|
background-color: #ffae00;
|
|
|
display: flex;
|
|
|
padding: 0 20px;
|
|
|
margin-left: 20px;
|
|
|
- color:#ffffff
|
|
|
+ color: #ffffff;
|
|
|
"
|
|
|
>{{ subSingle }}人</span
|
|
|
>
|
|
@@ -319,36 +330,38 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
- <el-table
|
|
|
- :data="subData"
|
|
|
- :row-style="{ height: '0px' }"
|
|
|
- :cell-style="{ padding: '5px' }"
|
|
|
- :header-cell-style="{ background: '#F8F8F8', color: '#606266' }"
|
|
|
- >
|
|
|
- <el-table-column
|
|
|
- show-overflow-tooltip
|
|
|
- prop="userName"
|
|
|
- label="姓名"
|
|
|
- align="center"
|
|
|
- width=""
|
|
|
- >
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="userNo" label="学号" align="center" width="">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="orgName" label="所属组织架构" align="center" width="">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="dimensionName"
|
|
|
- label="维度"
|
|
|
- :formatter="forDimen"
|
|
|
- align="center"
|
|
|
- width=""
|
|
|
+ <div class='finish_class'>
|
|
|
+ <el-table
|
|
|
+ :data="subData"
|
|
|
+ :row-style="{ height: '0px' }"
|
|
|
+ :cell-style="{ padding: '5px' }"
|
|
|
+ :header-cell-style="{ background: '#F8F8F8', color: '#606266' }"
|
|
|
>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="dimensionSymptom" label="症状" align="center" width="">
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
+ <el-table-column
|
|
|
+ show-overflow-tooltip
|
|
|
+ prop="userName"
|
|
|
+ label="姓名"
|
|
|
+ align="center"
|
|
|
+ width=""
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="userNo" label="学号" align="center" width="">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="orgName" label="所属组织架构" align="center" width="">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="dimensionName"
|
|
|
+ label="维度"
|
|
|
+ :formatter="forDimen"
|
|
|
+ align="center"
|
|
|
+ width=""
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="dimensionSymptom" label="症状" align="center" width="">
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+
|
|
|
<el-pagination
|
|
|
class="pag_class"
|
|
|
background
|
|
@@ -414,6 +427,8 @@ export default {
|
|
|
subDimeList: [],
|
|
|
//子维度默认绑定的值
|
|
|
tabName: "1",
|
|
|
+
|
|
|
+ tabNameCurrent: "性别",
|
|
|
//子维度的子选项
|
|
|
subValue: "",
|
|
|
subOption: [],
|
|
@@ -581,9 +596,20 @@ export default {
|
|
|
},
|
|
|
//tab状态改变
|
|
|
tabFun(a) {
|
|
|
- debugger;
|
|
|
- // console.log(this.subDimeList);
|
|
|
- // debugger;
|
|
|
+ console.log("this.tabName");
|
|
|
+ console.log(this.tabName);
|
|
|
+ console.log(this.subDimeList);
|
|
|
+ // this.tabNameCurrent=
|
|
|
+ let linT = [];
|
|
|
+ linT = this.subDimeList.filter((item) => {
|
|
|
+ return item.paramValue == a;
|
|
|
+ });
|
|
|
+
|
|
|
+ //修改名字
|
|
|
+ this.tabNameCurrent = linT[0].paramName;
|
|
|
+
|
|
|
+ //设置选中的文字
|
|
|
+
|
|
|
// this.subValue = "";
|
|
|
// this.tabName = a.name;
|
|
|
// //根据已选的tab ---
|
|
@@ -608,6 +634,15 @@ export default {
|
|
|
//维度选择
|
|
|
userDimensionality() {
|
|
|
this.queryStudentData();
|
|
|
+ //查询饼状图的数据
|
|
|
+ let params = {
|
|
|
+ dimensionName: this.dime,
|
|
|
+ orgList: this.orgName,
|
|
|
+ planId: this.planId,
|
|
|
+ quesType: this.tabName,
|
|
|
+ quesValue: this.subValue,
|
|
|
+ };
|
|
|
+ this.queryBread(params);
|
|
|
},
|
|
|
open(val) {
|
|
|
this.planId = val.id;
|
|
@@ -723,11 +758,25 @@ export default {
|
|
|
// scoreList.push(
|
|
|
// parseInt(((this.completeNum - this.abnormalNum) / this.completeNum) * 100)
|
|
|
// );
|
|
|
- scoreList.push(this.completeNum==0?0: parseInt((dimensionList[1]["抑郁"] / this.completeNum) * 100));
|
|
|
- scoreList.push(this.completeNum==0?0:parseInt((dimensionList[2]["压力"] / this.completeNum) * 100));
|
|
|
- scoreList.push(this.completeNum==0?0:parseInt((dimensionList[0]["焦虑"] / this.completeNum) * 100));
|
|
|
scoreList.push(
|
|
|
- this.completeNum==0?0: parseInt((dimensionList[3]["精神障碍"] / this.completeNum) * 100)
|
|
|
+ this.completeNum == 0
|
|
|
+ ? 0
|
|
|
+ : parseInt((dimensionList[1]["抑郁"] / this.completeNum) * 100)
|
|
|
+ );
|
|
|
+ scoreList.push(
|
|
|
+ this.completeNum == 0
|
|
|
+ ? 0
|
|
|
+ : parseInt((dimensionList[2]["压力"] / this.completeNum) * 100)
|
|
|
+ );
|
|
|
+ scoreList.push(
|
|
|
+ this.completeNum == 0
|
|
|
+ ? 0
|
|
|
+ : parseInt((dimensionList[0]["焦虑"] / this.completeNum) * 100)
|
|
|
+ );
|
|
|
+ scoreList.push(
|
|
|
+ this.completeNum == 0
|
|
|
+ ? 0
|
|
|
+ : parseInt((dimensionList[3]["精神障碍"] / this.completeNum) * 100)
|
|
|
);
|
|
|
|
|
|
this.echarts_zhu = this.$refs.echarts_zhu;
|
|
@@ -744,7 +793,11 @@ export default {
|
|
|
this.getAbnormalList();
|
|
|
} else {
|
|
|
this.dimensionName = val;
|
|
|
- this.getDimensionPeopleList(val);
|
|
|
+ if (val == "压力") {
|
|
|
+ this.getDimensionPeopleList("躯体化");
|
|
|
+ } else {
|
|
|
+ this.getDimensionPeopleList(val);
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
searchTarget() {
|
|
@@ -944,8 +997,8 @@ export default {
|
|
|
{},
|
|
|
(res) => {
|
|
|
if (res && res.code == 200) {
|
|
|
- console.log("饼图数据");
|
|
|
- console.log(res.data);
|
|
|
+ // console.log("饼图数据");
|
|
|
+ // console.log(res.data);
|
|
|
|
|
|
this.subAll = res.data.totalNum;
|
|
|
this.subSingle = res.data.highNum;
|
|
@@ -954,8 +1007,12 @@ export default {
|
|
|
value: res.data.totalNum,
|
|
|
name: `已完成${this.subValue}`,
|
|
|
},
|
|
|
- { value: res.data.highNum, name: this.subValue },
|
|
|
+ {
|
|
|
+ value: res.data.highNum,
|
|
|
+ name: `中重度${this.dime == "躯体化" ? "压力" : this.dime}`,
|
|
|
+ },
|
|
|
];
|
|
|
+ // {{ subValue }} 中重度{{ dime}}
|
|
|
this.queryStudentData();
|
|
|
//调用接口开始查询选择的列表
|
|
|
} else {
|
|
@@ -1005,6 +1062,10 @@ export default {
|
|
|
border-radius: 20px;
|
|
|
background-color: #f8f8f8;
|
|
|
}
|
|
|
+.finish_class>>> .el-table__header-wrapper {
|
|
|
+ border-radius: 20px;
|
|
|
+ background-color: #f8f8f8;
|
|
|
+}
|
|
|
.radio_group_style >>> .el-radio-button__orig-radio:checked + .el-radio-button__inner {
|
|
|
color: #000000;
|
|
|
background-color: #ffffff;
|
|
@@ -1086,7 +1147,7 @@ export default {
|
|
|
margin-right: 5px;
|
|
|
}
|
|
|
.com {
|
|
|
- font-size: 24px;
|
|
|
+ font-size: 22px;
|
|
|
font-weight: 700;
|
|
|
}
|
|
|
}
|