提交 b0017aa5 编写于 作者: zhentian.jia's avatar zhentian.jia

空数据处理 全局样式问题

上级 4512573f
......@@ -260,9 +260,9 @@ html,body{
width: 100%;
display: flex;
img {
position: relative;
margin: 38px auto;
height: 24px;
width: 106px;
position: relative;
margin: 38px auto;
height: 24px;
width: 106px;
}
}
\ No newline at end of file
}
\ No newline at end of file
......@@ -9,12 +9,20 @@
<p>"没有相关数据,请重新选择查询范围"</p>
</div>
<div class="chart" v-show="showData">
<div >
<div v-if="showEducation === true">
<div class="item" id="education" ref="education"></div>
</div>
<div >
<div v-if="showEducation === false" class="empty-left">
<div class="title">人员学历分布</div>
<img src="../../assets/image/noData.png" />
</div>
<div v-if="showJob === true">
<div class="item item-right" id="job" ref="job"></div>
</div>
<div v-if="showJob === false" class="empty-left item-right">
<div class="title">人员职务分布</div>
<img src="../../assets/image/noData.png" />
</div>
</div>
<div class="chart" v-show="showData">
<div class="item">
......@@ -31,7 +39,13 @@
</div>
</div>
</div>
<div class="item item-right" id="age" ref="age"></div>
<div v-if="showAge === true">
<div class="item item-right" id="age" ref="age"></div>
</div>
<div v-if="showAge === false" class="empty-left item-right">
<div class="title">人员年龄分布</div>
<img src="../../assets/image/noData.png" />
</div>
</div>
</div>
</template>
......@@ -97,6 +111,10 @@ export default {
},
downloadId: null,
timeInfoChild: {},
showEducation: true,
showJob: true,
showAge: true,
};
},
watch: {
......@@ -127,8 +145,6 @@ export default {
});
});
this.$on("reset", () => {
this.showData = false;
this.crowdData = {};
});
this.$on("static", () => {
vm.getStatic();
......@@ -236,9 +252,9 @@ export default {
sexData[0].num = sexList[1].value;
sexData[1].num = sexList[2].value;
sexData[2].num = sexList[0].value;
sexData[0].rate = Math.floor(sexList[1].value / sum *10000) / 100;
sexData[1].rate = Math.floor(sexList[2].value / sum *10000) / 100;
sexData[2].rate = Math.floor(sexList[0].value / sum *10000) / 100;
sexData[0].rate = (sexList[1].value / sum *100).toFixed(1);
sexData[1].rate = (sexList[2].value / sum *100).toFixed(1);
sexData[2].rate = (sexList[0].value / sum *100).toFixed(1);
}
// console.log('this.$refs.ring0',this.$refs.ring0[0]);
......@@ -257,7 +273,12 @@ export default {
vm.sexData = sexData;
},
educationDivision(data) {
// console.log('this.$refs.education',this.$refs.education)
if(data.length == 0) {
vm.showEducation = false;
return;
} else {
vm.showEducation = true;
}
let educationList = data;
let legendData = [];
let seriesData = [];
......@@ -280,6 +301,12 @@ export default {
},20);
},
jobDivision(data) {
if(data.length == 0) {
vm.showJob = false;
return;
} else {
vm.showJob = true;
}
let titleList = data;
let legendData = [];
let seriesData = [];
......@@ -301,6 +328,12 @@ export default {
},20);
},
ageDivision(data) {
if(data.length == 0) {
vm.showAge = false;
return;
} else {
vm.showAge = true;
}
let xAxisData = [];
let seriesData = [];
let ageList = data;
......@@ -332,6 +365,9 @@ export default {
// background: #fff;
overflow: hidden;
// padding: 10px;
.el-radio-button__inner:hover {
color: #449284;
}
.header-title {
padding: 10px 12px;
font-size: 12px;
......@@ -361,6 +397,32 @@ export default {
margin: 20px auto 0 auto;
width: 1124px;
overflow-x: hidden;
.empty-left {
position: relative;
float: left;
margin-right: 20px;
padding: 0;
width: 552px;
height: 360px;
display: flex;
background: #ffffff;
.title {
position: relative;
margin-top: 20px;
margin-left: 20px;
font-size: 18px;
font-weight: bold;
}
img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
height: 24px;
width: 106px;
}
}
.item {
position: relative;
float: left;
......
......@@ -191,43 +191,84 @@
<el-tab-pane label="未获证" name="2"></el-tab-pane>
<el-tab-pane label="未参与" name="3"></el-tab-pane>
</el-tabs>
<el-table :data="tableData" class="person-table">
<el-table-column v-if="tableType == '1'" prop="rankNo" label="排名" align="center"></el-table-column>
<el-table-column prop="doctorName" label="姓名" align="center"></el-table-column>
<el-table-column prop="sex" label="性别" align="center">
<template slot-scope="scope">
<span>{{ scope.row.sex | sexValue}}</span>
</template>
</el-table-column>
<el-table-column prop="departmentName" label="科室" align="center"></el-table-column>
<el-table-column prop="joinFlag" label="是否参与项目" align="center">
<template slot-scope="scope">
<span>{{ scope.row.joinFlag | joinFlagValue}}</span>
</template>
</el-table-column>
<el-table-column prop="finishFlag" label="是否完成项目" align="center">
<template slot-scope="scope">
<span>{{ scope.row.finishFlag | finishFlagValue}}</span>
</template>
</el-table-column>
<el-table-column v-if="certFlag != 1" prop="certGrade" label="证书级别" align="center">
<template slot-scope="scope">
<span>{{ scope.row.certGrade | certGradeValue}}</span>
</template>
</el-table-column>
<el-table-column prop="finishDate" label="获证日期" align="center"></el-table-column>
<el-table-column prop="score" label="成绩" align="center"></el-table-column>
<el-table-column prop="learnTime" min-width="150" label="学习时长" align="center">
<template slot-scope="scope">
<span>{{ scope.row.learnTime | learnTimeValue}}</span>
</template>
</el-table-column>
<div slot="empty">
<div class="table-empty">
<img src="../../assets/image/noData.png" />
<div v-if="downloadId == null">
<el-table :data="tableData" class="person-table">
<el-table-column v-if="tableType == '1'" prop="rankNo" label="排名" align="center"></el-table-column>
<el-table-column prop="doctorName" label="姓名" align="center"></el-table-column>
<el-table-column prop="sex" label="性别" align="center">
<template slot-scope="scope">
<span>{{ scope.row.sex | sexValue}}</span>
</template>
</el-table-column>
<el-table-column prop="departmentName" label="科室" align="center"></el-table-column>
<el-table-column prop="joinFlag" label="是否参与项目" align="center">
<template slot-scope="scope">
<span>{{ scope.row.joinFlag | joinFlagValue}}</span>
</template>
</el-table-column>
<el-table-column prop="finishFlag" label="是否完成项目" align="center">
<template slot-scope="scope">
<span>{{ scope.row.finishFlag | finishFlagValue}}</span>
</template>
</el-table-column>
<el-table-column v-if="certFlag != 1" prop="certGrade" label="证书级别" align="center">
<template slot-scope="scope">
<span>{{ scope.row.certGrade | certGradeValue}}</span>
</template>
</el-table-column>
<el-table-column prop="finishDate" label="获证日期" align="center"></el-table-column>
<el-table-column prop="score" label="成绩" align="center"></el-table-column>
<el-table-column prop="learnTime" min-width="150" label="学习时长" align="center">
<template slot-scope="scope">
<span>{{ scope.row.learnTime | learnTimeValue}}</span>
</template>
</el-table-column>
<div slot="empty">
<div class="table-empty">
<img src="../../assets/image/noData.png" />
</div>
</div>
</div>
</el-table>
</el-table>
</div>
<div v-if="downloadId != null" class="front-table">
<el-table :data="tableData.slice((formTable.pageNo-1)*formTable.pageSize,formTable.pageNo*formTable.pageSize)" class="person-table">
<el-table-column v-if="tableType == '1'" prop="rankNo" label="排名" align="center"></el-table-column>
<el-table-column prop="doctorName" label="姓名" align="center"></el-table-column>
<el-table-column prop="sex" label="性别" align="center">
<template slot-scope="scope">
<span>{{ scope.row.sex | sexValue}}</span>
</template>
</el-table-column>
<el-table-column prop="departmentName" label="科室" align="center"></el-table-column>
<el-table-column prop="joinFlag" label="是否参与项目" align="center">
<template slot-scope="scope">
<span>{{ scope.row.joinFlag | joinFlagValue}}</span>
</template>
</el-table-column>
<el-table-column prop="finishFlag" label="是否完成项目" align="center">
<template slot-scope="scope">
<span>{{ scope.row.finishFlag | finishFlagValue}}</span>
</template>
</el-table-column>
<el-table-column v-if="certFlag != 1" prop="certGrade" label="证书级别" align="center">
<template slot-scope="scope">
<span>{{ scope.row.certGrade | certGradeValue}}</span>
</template>
</el-table-column>
<el-table-column prop="finishDate" label="获证日期" align="center"></el-table-column>
<el-table-column prop="score" label="成绩" align="center"></el-table-column>
<el-table-column prop="learnTime" min-width="150" label="学习时长" align="center">
<template slot-scope="scope">
<span>{{ scope.row.learnTime | learnTimeValue}}</span>
</template>
</el-table-column>
<div slot="empty">
<div class="table-empty">
<img src="../../assets/image/noData.png" />
</div>
</div>
</el-table>
</div>
<div class="chart-remarks">注:本报表数据来源仅包括有摸底考的课程培训。</div>
<div class="pagination">
<el-pagination
......@@ -446,9 +487,6 @@ export default {
req.hospitalIdList = hospitalCutList[0].hospitalId;
}
openLoading(vm);
if(req.regionId == "000") {
req.regionId = "310";
}
// console.log("0 req", req);
vm.POST("stats/report/generalPersonal/"+vm.tableType, req).then(res => {
closeLoading(vm);
......@@ -477,9 +515,6 @@ export default {
timeFlag: vm.formInline.timeFlag,
};
openLoading(vm);
if(req.regionId == "000") {
req.regionId = "310";
}
// console.log("0 req", req);
vm.POST("stats/report/general_pc", req).then(res => {
closeLoading(vm);
......@@ -587,9 +622,7 @@ export default {
shouldKey: "应参与人数",
shouldNum: "0",
content: [
"获证率:已完成人数/应参与人数*100%",
"应参与人数:筛选范围下,所圈选人员数量",
"已获证人数:筛选范围下,在应参与人员中,已获证的人员数量"
"获证率:已获证人数/应参与人数*100%",
]
}
];
......@@ -603,7 +636,16 @@ export default {
return;
}
cardData[2].title = vm.certFlag == 0 ? '完成率' : '获证率';
cardData[2].hasKey = vm.certFlag == 0 ? '已经完成人数' : '已获证人数',
cardData[2].hasKey = vm.certFlag == 0 ? '已经完成人数' : '已获证人数';
if(vm.certFlag == 0) {
cardData[2].content = [
"完成率:已完成人数/应参与人数*100%",
]
} else {
cardData[2].content = [
"获证率:已获证人数/应参与人数*100%",
]
}
cardData[1].value = data.doctorRate*100 + '%';
cardData[1].hasNum = data.joinCount;
......@@ -766,9 +808,6 @@ export default {
timeFlag: vm.formInline.timeFlag,
};
openLoading(vm);
if(req.regionId == "000") {
req.regionId = "310";
}
vm.POST("stats/report/studyRank/"+value, req).then(res => {
closeLoading(vm);
vm.setCertificateChart(res.data.studyRank);
......@@ -841,12 +880,16 @@ export default {
console.log(`每页 ${val} 条`);
vm.formTable.pageSize = val;
vm.formTable.pageNo = 1;
vm.searchPerson(1);
if(vm.downloadId == null) {
vm.searchPerson(1);
}
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
vm.formTable.pageNo = val;
vm.searchPerson(1);
if(vm.downloadId == null) {
vm.searchPerson(1);
}
},
}
};
......@@ -874,6 +917,9 @@ export default {
width: 106px;
}
}
.el-radio-button__inner:hover {
color: #449284;
}
.box-list {
position: relative;
padding: 30px 30px 0 30px;
......
......@@ -415,8 +415,8 @@ export default {
.examination-analysis {
background: #fff;
overflow: hidden;
.weight {
font-weight: bold;
.el-radio-button__inner:hover {
color: #449284;
}
.el-card {
border-width: 0px;
......
......@@ -107,9 +107,6 @@ export default {
timeFlag: vm.formInline.timeFlag
};
openLoading(vm);
// if(req.regionId == "000") {
// req.regionId = "000";
// }
// console.log("0 req", req);
vm.POST("stats/report/studyEffect", req).then(res => {
closeLoading(vm);
......
......@@ -284,7 +284,7 @@ export default {
// organizationData: "",
},
tags: [],
activeName: "fifth",
activeName: "zero",
organizationNum: 0,
dialogVisible: false,
dialogUpdate: false,
......@@ -322,6 +322,7 @@ export default {
hospitalCntList: [],
maxDate: '',
minDate: '',
allRegionId: '',
pickerOptions0: {
disabledDate: time => {
// 在科学计数法中,为了使公式简便,可以用带“E”的格式表示。例如1.03乘10的8次方,可简写为“1.03e8”的形式
......@@ -532,6 +533,7 @@ export default {
if (res.code == "000000") {
vm.formInline.region = [];
vm.formInline.region[0] = res.data.list[0].id;
vm.allRegionId = res.data.list[0].id;
vm.optionsRegion = operationData.setRegionOptionNew(
res.data.list
);
......@@ -687,20 +689,29 @@ export default {
date: "",
organization: [],
checked: false,
timeFlag: 1,
during: null,
pageNo: 1,
pageSize: 20,
}
);
vm.formInline.region[0] = vm.allRegionId;
vm.areaLen = 0;
vm.tags = [];
if (this.activeName == "first") {
this.$refs.childPart.$emit("reset");
} else if (this.activeName == "second") {
this.$refs.childCrowd.$emit("reset");
} else if (this.activeName == "third") {
this.$refs.childCourse.$emit("reset");
} else if (this.activeName == "fourth") {
this.$refs.childExam.$emit("reset");
}
setTimeout(function(){
vm.search();
},20)
// if (this.activeName == "first") {
// this.$refs.childPart.$emit("reset");
// } else if (this.activeName == "second") {
// this.$refs.childCrowd.$emit("reset");
// } else if (this.activeName == "third") {
// this.$refs.childCourse.$emit("reset");
// } else if (this.activeName == "fourth") {
// this.$refs.childExam.$emit("reset");
// }
},
exportExcel() {
if(vm.downloadId == null) {
......@@ -918,7 +929,10 @@ export default {
position: absolute;
}
.el-tabs__item.is-active {
color: #409eff;
color: #449284;
}
.el-tabs__item:hover {
color: #449284;
}
.el-tabs__header {
width: 100%;
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册