469 lines
12 KiB
Vue
469 lines
12 KiB
Vue
<template>
|
|
<div class="app-container">
|
|
<el-form
|
|
ref="queryForm"
|
|
size="small"
|
|
:inline="true"
|
|
v-show="showSearch"
|
|
label-width="90px"
|
|
>
|
|
<el-form-item label="所属幼儿园" prop="categoryName">
|
|
<el-button
|
|
@click="kindergartenshow = true"
|
|
v-if="kindergartenName == '请选择幼儿园'"
|
|
style="width: 208px; text-align: left; height: 32px; color: #c0c4cc"
|
|
>{{ kindergartenName }}</el-button
|
|
>
|
|
<el-button
|
|
@click="kindergartenshow = true"
|
|
style="width: 208px; text-align: left; height: 32px"
|
|
v-else
|
|
>{{ kindergartenName }}</el-button
|
|
>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="班级类型" prop="categoryName" label-width="70px">
|
|
<el-select
|
|
v-if="analysislist.kindergartenId == ''"
|
|
placeholder="请选择"
|
|
disabled
|
|
@click.native="selecetclick"
|
|
v-model="analysislist.classType"
|
|
>
|
|
</el-select>
|
|
|
|
<el-select
|
|
v-else
|
|
v-model="analysislist.classType"
|
|
clearable
|
|
placeholder="请选择"
|
|
>
|
|
<el-option
|
|
v-for="item in dictValues"
|
|
:key="item.name"
|
|
:label="item.name"
|
|
:value="item.type"
|
|
@click.native="classTypeclick"
|
|
>
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="批次成绩" prop="categoryName" label-width="70px">
|
|
<el-button
|
|
@click="batchCodeshowclick"
|
|
style="width: 208px; text-align: left; height: 32px; color: #c0c4cc"
|
|
v-if="batchCodeName == '请选择批次'"
|
|
>{{ batchCodeName }}</el-button
|
|
>
|
|
<el-button
|
|
@click="batchCodeshowclick"
|
|
style="width: 208px; text-align: left; height: 32px"
|
|
v-else
|
|
>{{ batchCodeName }}</el-button
|
|
>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-row :gutter="10" class="mb8">
|
|
<right-toolbar
|
|
:showSearch.sync="showSearch"
|
|
@queryTable="getList"
|
|
></right-toolbar>
|
|
</el-row>
|
|
|
|
<!-- //批次 -->
|
|
<el-dialog
|
|
width="590px"
|
|
title="选择批次"
|
|
:visible.sync="batchCodeshow"
|
|
append-to-body
|
|
style="margin-top: 20px"
|
|
:before-close="batchCodecancel"
|
|
>
|
|
<el-table :data="testScorelist" align="center" style="margin-top: 0px">
|
|
<el-table-column label="请选择" width="100" align="center">
|
|
<template slot-scope="scope">
|
|
<el-button
|
|
type="primary"
|
|
style="width: 20px; height: 20px"
|
|
v-if="batchCodeId == scope.row.id"
|
|
circle
|
|
@click="batchCodeclick(scope.row)"
|
|
></el-button>
|
|
<el-button
|
|
v-else
|
|
style="width: 15px; height: 15px"
|
|
circle
|
|
@click="batchCodeclick(scope.row)"
|
|
></el-button>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
property="batchCode"
|
|
label="批次编号"
|
|
width="200"
|
|
align="center"
|
|
/>
|
|
<el-table-column
|
|
property="batchName"
|
|
label="批次名称"
|
|
width="200"
|
|
align="center"
|
|
/>
|
|
</el-table>
|
|
<pagination
|
|
v-show="total4 > 0"
|
|
:total="total4"
|
|
:page.sync="testqueryParams.pageNum"
|
|
:limit.sync="testqueryParams.pageSize"
|
|
@pagination="testScore"
|
|
/>
|
|
</el-dialog>
|
|
|
|
<!-- //幼儿园 -->
|
|
<el-dialog
|
|
width="850px"
|
|
title="选择所属幼儿园"
|
|
:visible.sync="kindergartenshow"
|
|
append-to-body
|
|
:before-close="kindergartencancel"
|
|
>
|
|
<el-table :data="kindergartenList">
|
|
<el-table-column label="请选择" width="70" align="center">
|
|
<template slot-scope="scope">
|
|
<el-button
|
|
type="primary"
|
|
style="width: 15px; height: 15px"
|
|
circle
|
|
@click="kindergartenNameclick(scope.row)"
|
|
v-if="kindergartenId == scope.row.id"
|
|
></el-button>
|
|
|
|
<el-button
|
|
v-else
|
|
style="width: 15px; height: 15px"
|
|
circle
|
|
@click="kindergartenNameclick(scope.row)"
|
|
></el-button>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
property="kindergartenName"
|
|
label="幼儿园名字"
|
|
width="150"
|
|
align="center"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
property="kindergartenAddress"
|
|
label="幼儿园地址"
|
|
width="150"
|
|
align="center"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="幼儿园所在组织"
|
|
align="center"
|
|
prop="organizeName"
|
|
width="150"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
property="contacts"
|
|
label="联系人"
|
|
width="150"
|
|
align="center"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
property="phone"
|
|
label="联系电话"
|
|
width="150"
|
|
align="center"
|
|
>
|
|
</el-table-column>
|
|
</el-table>
|
|
<pagination
|
|
v-show="total1 > 0"
|
|
:total="total1"
|
|
:page.sync="kqueryParams.pageNum"
|
|
:limit.sync="kqueryParams.pageSize"
|
|
@pagination="getList"
|
|
/>
|
|
</el-dialog>
|
|
|
|
<el-row v-show="itemshow">
|
|
<el-table
|
|
:data="physicalActionList"
|
|
style="width: 1111px; margin: 20px auto"
|
|
>
|
|
<el-table-column :label="classTypeName" width="150" align="center">
|
|
<el-table-column
|
|
prop="itemName"
|
|
label="项目"
|
|
width="150"
|
|
align="center"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column label="男孩" align="center">
|
|
<el-table-column
|
|
prop="maleAvgScore"
|
|
label="平均值"
|
|
width="120"
|
|
align="center"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="maleCityAvgScore"
|
|
label="全市平均值"
|
|
width="120"
|
|
align="center"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="malePassCount"
|
|
label="合格人数"
|
|
width="120"
|
|
align="center"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="malePassRate"
|
|
label="合格率"
|
|
width="120"
|
|
align="center"
|
|
>
|
|
<template slot-scope="scope"
|
|
>{{ scope.row.malePassRate }}%</template
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column label="女孩" align="center">
|
|
<el-table-column
|
|
prop="feMaleAvgScore"
|
|
label="平均值"
|
|
width="120"
|
|
align="center"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="feMaleCityAvgScore"
|
|
label="全市平均值"
|
|
width="120"
|
|
align="center"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="feMalePassCount"
|
|
label="合格人数"
|
|
width="120"
|
|
align="center"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="feMalePassRate"
|
|
label="合格率"
|
|
width="120"
|
|
align="center"
|
|
>
|
|
<template slot-scope="scope"
|
|
>{{ scope.row.feMalePassRate }}%</template
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-row>
|
|
|
|
<el-row :gutter="20" v-if="itemshow2">
|
|
<el-col :span="24" :offset="0">
|
|
<el-card>
|
|
<div slot="header" style="text-align: center">
|
|
<img style="width: 40px" src="@/icons/笑脸.png" alt="" />
|
|
|
|
<div><!-- card title -->此批次暂无数据</div>
|
|
</div>
|
|
<!-- card body -->
|
|
</el-card>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import * as echarts from "echarts";
|
|
|
|
import {
|
|
listKindergartenInfo,
|
|
tKindergartenInfo,
|
|
} from "@/api/system/kindergartenInfo";
|
|
import { getRoleInfo, testScoreBatch } from "@/api/system/quality";
|
|
import { analysis } from "@/api/system/development";
|
|
export default {
|
|
name: "classconstitution",
|
|
data() {
|
|
return {
|
|
itemshow: false,
|
|
itemshow2: false,
|
|
total1: 0,
|
|
total4: 0,
|
|
//遮罩层
|
|
kindergartenshow: false,
|
|
batchCodeshow: false,
|
|
//班级类型
|
|
ClassType: "class_type",
|
|
// 显示搜索条件
|
|
showSearch: true,
|
|
// 表单参数
|
|
form: {},
|
|
//幼儿园查询参数
|
|
kqueryParams: {
|
|
pageNum: 1,
|
|
pageSize: 10,
|
|
organizeId: null,
|
|
kindergartenName: null,
|
|
kindergartenAddress: null,
|
|
kindergartenType: null,
|
|
phone: null,
|
|
contacts: null,
|
|
},
|
|
//幼儿园list
|
|
kindergartenList: [],
|
|
//幼儿园名字
|
|
kindergartenName: "请选择幼儿园",
|
|
//幼儿园ID
|
|
kindergartenId: "",
|
|
//批次名称
|
|
batchCodeName: "请选择批次",
|
|
//批次ID
|
|
batchCodeId: "",
|
|
//批次list
|
|
testScorelist: [],
|
|
// 查询参数
|
|
analysislist: {
|
|
kindergartenId: "",
|
|
classType: "",
|
|
batchCode: "",
|
|
// kindergartenId: "21",
|
|
// classType: "SMALL_CLASS",
|
|
// batchCode: "PC202208030005",
|
|
},
|
|
//批次编号
|
|
testqueryParams: {
|
|
pageNum: 1,
|
|
pageSize: 10,
|
|
},
|
|
dictValues: [],
|
|
classTypeName: "",
|
|
physicalActionList: [],
|
|
};
|
|
},
|
|
|
|
created() {
|
|
this.getList();
|
|
this.class();
|
|
// this.analysisinfo();
|
|
},
|
|
methods: {
|
|
selecetclick() {
|
|
if (this.analysislist.kindergartenId == "") {
|
|
this.$message.error("请先选择幼儿园");
|
|
} else {
|
|
}
|
|
},
|
|
//动作发展状况
|
|
analysisinfo() {
|
|
analysis(this.analysislist).then((res) => {
|
|
if (res.data) {
|
|
var obj = res.data;
|
|
this.physicalActionList = obj.physicalActionList;
|
|
this.classTypeName = res.data.classTypeName;
|
|
this.itemshow = true;
|
|
this.itemshow2 = false;
|
|
} else {
|
|
this.itemshow = false;
|
|
this.itemshow2 = true;
|
|
}
|
|
});
|
|
},
|
|
//点击批次左边
|
|
batchCodeclick(row) {
|
|
this.batchCodeName = row.batchName;
|
|
this.batchCodeId = row.id;
|
|
this.analysislist.batchCode = row.batchCode;
|
|
this.batchCodeshow = false;
|
|
this.physicalActionList = [];
|
|
this.analysisinfo();
|
|
},
|
|
//点击批次
|
|
batchCodeshowclick() {
|
|
if (this.analysislist.classType == "") {
|
|
this.$message.error("请先选择班级类型");
|
|
} else {
|
|
this.testScore();
|
|
this.batchCodeshow = true;
|
|
}
|
|
},
|
|
//批次
|
|
testScore() {
|
|
testScoreBatch(this.testqueryParams).then((res) => {
|
|
this.testScorelist = res.rows;
|
|
this.total4 = res.total;
|
|
});
|
|
},
|
|
//批次关闭
|
|
batchCodecancel() {
|
|
this.batchCodeshow = false;
|
|
},
|
|
//幼儿园关闭
|
|
kindergartencancel() {
|
|
this.kindergartenshow = false;
|
|
},
|
|
//classTypeclick
|
|
classTypeclick() {
|
|
if (this.analysislist.batchCode != "") {
|
|
this.analysisinfo();
|
|
}
|
|
},
|
|
//幼儿园左侧点击
|
|
kindergartenNameclick(row) {
|
|
this.analysislist.kindergartenId = row.id;
|
|
this.kindergartenName = row.kindergartenName;
|
|
this.kindergartenId = row.id;
|
|
this.analysislist.classType = "";
|
|
this.kindergartenshow = false;
|
|
},
|
|
//班级类型
|
|
class() {
|
|
tKindergartenInfo(this.ClassType).then((res) => {
|
|
res.data.forEach((e) => {
|
|
var obj = {
|
|
name: e.dictLabel,
|
|
type: e.dictValue,
|
|
};
|
|
this.dictValues.push(obj);
|
|
});
|
|
});
|
|
},
|
|
getList() {
|
|
//用户权限
|
|
getRoleInfo().then((res) => {
|
|
console.log(res);
|
|
});
|
|
//获取幼儿园list
|
|
listKindergartenInfo(this.kqueryParams).then((response) => {
|
|
this.kindergartenList = response.rows;
|
|
this.total1 = response.total;
|
|
// console.log(this.kindergartenList);
|
|
});
|
|
},
|
|
// 表单重置
|
|
reset() {
|
|
this.form = {};
|
|
this.resetForm("form");
|
|
},
|
|
},
|
|
};
|
|
</script>
|