Skip to content

P
pica.cloud.web-education-admin
提交 503d051d 编写于 作者: zhentian.jia's avatar zhentian.jia
浏览文件
操作

Merge branch 'dev-learning-1120' into 'test-learning-1205' 

Dev learning 1120



See merge request !121
上级 e6145256 b0017aa5
隐藏空白字符变更
内嵌 并排
正在显示 包含 499 行增加 和 182 行删除
src/style/common.scss
浏览文件 @ 503d051d
...@@ -254,3 +254,15 @@ html,body{ ...@@ -254,3 +254,15 @@ html,body{
color: #FF9A4B; color: #FF9A4B;
} }
} }
.empty-img {
position: relative;
height: 100px;
width: 100%;
display: flex;
img {
position: relative;
margin: 38px auto;
height: 24px;
width: 106px;
}
}
\ No newline at end of file
src/utils/learning/chartData.js
浏览文件 @ 503d051d
...@@ -6,10 +6,15 @@ export function dustributeOption(legendData, seriesData) { ...@@ -6,10 +6,15 @@ export function dustributeOption(legendData, seriesData) {
}, },
tooltip: { tooltip: {
trigger: "item", trigger: "item",
formatter: "{b} : {d}%" // formatter: "{b} : {d}%",
formatter:function(data){
let value = data.name + '：' + data.percent.toFixed(1)+"%"
return value;
}
}, },
label: { label: {
formatter: "{d}%" // formatter: "{d}%",
formatter:function(data){ return data.percent.toFixed(1)+"%";}
}, },
color: ['#FF9A4B', '#FFBC3D', '#39AF9A', '#3BA0FF', '#5D7092'], color: ['#FF9A4B', '#FFBC3D', '#39AF9A', '#3BA0FF', '#5D7092'],
legend: { legend: {
...@@ -75,7 +80,7 @@ export function recordOption(legendData, xAxisData, seriesData) { ...@@ -75,7 +80,7 @@ export function recordOption(legendData, xAxisData, seriesData) {
( (
(100 * parseFloat(params[j].value)) / (100 * parseFloat(params[j].value)) /
parseFloat(value) parseFloat(value)
).toFixed(2) + ).toFixed(1) +
"%"; "%";
} else { } else {
relVal += relVal +=
......
src/utils/operation.js
浏览文件 @ 503d051d
...@@ -376,7 +376,14 @@ export function getPicOption(title, legendData, colorData, seriesData) { ...@@ -376,7 +376,14 @@ export function getPicOption(title, legendData, colorData, seriesData) {
}, },
tooltip: { tooltip: {
trigger: 'item', trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)" // formatter: "{a} <br/>{b} : {c} ({d}%)"
formatter:function(data){
let value = data.name + '：' + data.percent.toFixed(1)+"%"
return value;
}
},
label: {
formatter:function(data){ return data.percent.toFixed(1)+"%";}
}, },
legend: { legend: {
orient: "vertical", orient: "vertical",
......
src/views/learning/data-alignment.vue
浏览文件 @ 503d051d
...@@ -90,8 +90,7 @@ ...@@ -90,8 +90,7 @@
<el-table-column prop="townName" label="乡镇/街道" show-overflow-tooltip></el-table-column> <el-table-column prop="townName" label="乡镇/街道" show-overflow-tooltip></el-table-column>
<div slot="empty"> <div slot="empty">
<div class="table-empty"> <div class="table-empty">
<img src="../../assets/image/no-content1.png" /> <img src="../../assets/image/noData.png" />
<p>没有相关数据，请重新选择查询范围</p>
</div> </div>
</div> </div>
</el-table> </el-table>
...@@ -400,5 +399,11 @@ export default { ...@@ -400,5 +399,11 @@ export default {
.pagination { .pagination {
margin-right: 10px; margin-right: 10px;
} }
.table-empty {
img {
height: 24px;
width: 106px;
}
}
} }
</style> </style>
src/views/learning/export-download.vue
浏览文件 @ 503d051d
...@@ -38,8 +38,7 @@ ...@@ -38,8 +38,7 @@
</el-table-column> </el-table-column>
<div slot="empty"> <div slot="empty">
<div class="table-empty"> <div class="table-empty">
<img src="../../assets/image/no-content1.png" /> <img src="../../assets/image/noData.png" />
<p>没有相关数据，请重新选择查询范围</p>
</div> </div>
</div> </div>
</el-table> </el-table>
...@@ -287,6 +286,12 @@ export default { ...@@ -287,6 +286,12 @@ export default {
border: 0px solid #fff !important; border: 0px solid #fff !important;
} }
} }
.table-empty {
img {
height: 24px;
width: 106px;
}
}
} }
} }
</style> </style>
\ No newline at end of file
src/views/learning/item-course-analysis.vue
浏览文件 @ 503d051d
...@@ -28,8 +28,7 @@ ...@@ -28,8 +28,7 @@
</el-table-column> </el-table-column>
<div slot="empty"> <div slot="empty">
<div class="table-empty"> <div class="table-empty">
<img src="../../assets/image/no-content1.png" /> <img src="../../assets/image/noData.png" />
<p>没有相关数据，请重新选择查询范围</p>
</div> </div>
</div> </div>
</el-table> </el-table>
...@@ -52,8 +51,7 @@ ...@@ -52,8 +51,7 @@
</el-table-column> </el-table-column>
<div slot="empty"> <div slot="empty">
<div class="table-empty"> <div class="table-empty">
<img src="../../assets/image/no-content1.png" /> <img src="../../assets/image/noData.png" />
<p>没有相关数据，请重新选择查询范围</p>
</div> </div>
</div> </div>
</el-table> </el-table>
...@@ -346,5 +344,11 @@ export default { ...@@ -346,5 +344,11 @@ export default {
margin-top: 30px; margin-top: 30px;
margin-right: 13px; margin-right: 13px;
} }
.table-empty {
img {
height: 24px;
width: 106px;
}
}
} }
</style> </style>
\ No newline at end of file
src/views/learning/item-crowd-analysis.vue
浏览文件 @ 503d051d
...@@ -9,8 +9,20 @@ ...@@ -9,8 +9,20 @@
<p>"没有相关数据，请重新选择查询范围"</p> <p>"没有相关数据，请重新选择查询范围"</p>
</div> </div>
<div class="chart" v-show="showData"> <div class="chart" v-show="showData">
<div class="item" id="education" ref="education"></div> <div v-if="showEducation === true">
<div class="item item-right" id="job" ref="job"></div> <div class="item" id="education" ref="education"></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>
<div class="chart" v-show="showData"> <div class="chart" v-show="showData">
<div class="item"> <div class="item">
...@@ -27,7 +39,13 @@ ...@@ -27,7 +39,13 @@
</div> </div>
</div> </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>
</div> </div>
</template> </template>
...@@ -93,6 +111,10 @@ export default { ...@@ -93,6 +111,10 @@ export default {
}, },
downloadId: null, downloadId: null,
timeInfoChild: {}, timeInfoChild: {},
showEducation: true,
showJob: true,
showAge: true,
}; };
}, },
watch: { watch: {
...@@ -123,8 +145,6 @@ export default { ...@@ -123,8 +145,6 @@ export default {
}); });
}); });
this.$on("reset", () => { this.$on("reset", () => {
this.showData = false;
this.crowdData = {};
}); });
this.$on("static", () => { this.$on("static", () => {
vm.getStatic(); vm.getStatic();
...@@ -232,9 +252,9 @@ export default { ...@@ -232,9 +252,9 @@ export default {
sexData[0].num = sexList[1].value; sexData[0].num = sexList[1].value;
sexData[1].num = sexList[2].value; sexData[1].num = sexList[2].value;
sexData[2].num = sexList[0].value; sexData[2].num = sexList[0].value;
sexData[0].rate = Math.floor(sexList[1].value / sum *10000) / 100; sexData[0].rate = (sexList[1].value / sum *100).toFixed(1);
sexData[1].rate = Math.floor(sexList[2].value / sum *10000) / 100; sexData[1].rate = (sexList[2].value / sum *100).toFixed(1);
sexData[2].rate = Math.floor(sexList[0].value / sum *10000) / 100; sexData[2].rate = (sexList[0].value / sum *100).toFixed(1);
} }
// console.log('this.$refs.ring0',this.$refs.ring0[0]); // console.log('this.$refs.ring0',this.$refs.ring0[0]);
...@@ -253,8 +273,12 @@ export default { ...@@ -253,8 +273,12 @@ export default {
vm.sexData = sexData; vm.sexData = sexData;
}, },
educationDivision(data) { educationDivision(data) {
// console.log('this.$refs.education',this.$refs.education) if(data.length == 0) {
let myChart = echarts.init(this.$refs.education); vm.showEducation = false;
return;
} else {
vm.showEducation = true;
}
let educationList = data; let educationList = data;
let legendData = []; let legendData = [];
let seriesData = []; let seriesData = [];
...@@ -270,12 +294,19 @@ export default { ...@@ -270,12 +294,19 @@ export default {
colorData, colorData,
seriesData seriesData
); );
myChart.setOption(option); setTimeout(function(){
vm.echartsData.chart1 = myChart; let myChart = echarts.init(vm.$refs.education);
vm.updateResize(); myChart.setOption(option);
vm.echartsData.chart1 = myChart;
},20);
}, },
jobDivision(data) { jobDivision(data) {
let myChart2 = echarts.init(this.$refs.job); if(data.length == 0) {
vm.showJob = false;
return;
} else {
vm.showJob = true;
}
let titleList = data; let titleList = data;
let legendData = []; let legendData = [];
let seriesData = []; let seriesData = [];
...@@ -290,12 +321,19 @@ export default { ...@@ -290,12 +321,19 @@ export default {
colorData, colorData,
seriesData seriesData
); );
myChart2.setOption(option); setTimeout(function(){
vm.echartsData.chart2 = myChart2; let myChart2 = echarts.init(vm.$refs.job);
vm.updateResize(); myChart2.setOption(option);
vm.echartsData.chart2 = myChart2;
},20);
}, },
ageDivision(data) { ageDivision(data) {
let myChart3 = echarts.init(this.$refs.age); if(data.length == 0) {
vm.showAge = false;
return;
} else {
vm.showAge = true;
}
let xAxisData = []; let xAxisData = [];
let seriesData = []; let seriesData = [];
let ageList = data; let ageList = data;
...@@ -313,9 +351,11 @@ export default { ...@@ -313,9 +351,11 @@ export default {
} }
let option = operationData.getBarOption(xAxisData, seriesData); let option = operationData.getBarOption(xAxisData, seriesData);
myChart3.setOption(option); setTimeout(function(){
vm.echartsData.chart3 = myChart3; let myChart3 = echarts.init(vm.$refs.age);
vm.updateResize(); myChart3.setOption(option);
vm.echartsData.chart3 = myChart3;
},20);
} }
} }
}; };
...@@ -325,6 +365,9 @@ export default { ...@@ -325,6 +365,9 @@ export default {
// background: #fff; // background: #fff;
overflow: hidden; overflow: hidden;
// padding: 10px; // padding: 10px;
.el-radio-button__inner:hover {
color: #449284;
}
.header-title { .header-title {
padding: 10px 12px; padding: 10px 12px;
font-size: 12px; font-size: 12px;
...@@ -354,6 +397,32 @@ export default { ...@@ -354,6 +397,32 @@ export default {
margin: 20px auto 0 auto; margin: 20px auto 0 auto;
width: 1124px; width: 1124px;
overflow-x: hidden; 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 { .item {
position: relative; position: relative;
float: left; float: left;
......
src/views/learning/item-data-all.vue
浏览文件 @ 503d051d
...@@ -45,6 +45,11 @@ ...@@ -45,6 +45,11 @@
<el-table-column v-if="gradeFlag[1] == true" prop="grade2Count" label="良好" align="center"></el-table-column> <el-table-column v-if="gradeFlag[1] == true" prop="grade2Count" label="良好" align="center"></el-table-column>
<el-table-column v-if="gradeFlag[2] == true" prop="grade3Count" label="及格" align="center"></el-table-column> <el-table-column v-if="gradeFlag[2] == true" prop="grade3Count" label="及格" align="center"></el-table-column>
<el-table-column v-if="gradeFlag[3] == true" prop="grade4Count" label="不及格" align="center"></el-table-column> <el-table-column v-if="gradeFlag[3] == true" prop="grade4Count" label="不及格" align="center"></el-table-column>
<div slot="empty">
<div class="table-empty">
<img src="../../assets/image/noData.png" />
</div>
</div>
</el-table> </el-table>
<div class="pagination"> <div class="pagination">
<el-pagination <el-pagination
...@@ -60,20 +65,23 @@ ...@@ -60,20 +65,23 @@
</div> </div>
</div> </div>
<div v-if="downloadId == null"> <div v-if="downloadId == null">
<div class="spacing"></div> <div class="spacing"></div>
<div class="chart-title">证历分布情况</div> <div class="chart-title">证历分布情况</div>
<div class="chart-distributeChart"> <div v-if="showDistributeChart === true" class="chart-distributeChart">
<div class="distributeChart" id="distributeChart" ref="distributeChart"></div> <div class="distributeChart" id="distributeChart" ref="distributeChart"></div>
<div class="data-text"> <div class="data-text">
<div class="content-text"> <div class="content-text">
<p v-for="item in distributeList" >{{item.label}}：{{item.value}}人</p> <p v-for="item in distributeList" >{{item.label}}：{{item.value}}人</p>
</div>
</div> </div>
</div> </div>
</div> <div v-if="showDistributeChart === false" class="empty-img">
<img src="../../assets/image/noData.png" />
</div>
</div> </div>
<div class="spacing"></div> <div class="spacing"></div>
<div class="chart-title">证书级别按学历发布情况</div> <div class="chart-title">证书级别按学历发布情况</div>
<div class="chart-recordChart"> <div v-if="showRecordChart === true" class="chart-recordChart">
<div class="recordChart" id="recordChart" ref="recordChart"></div> <div class="recordChart" id="recordChart" ref="recordChart"></div>
<div class="data-text"> <div class="data-text">
<div class="content-text"> <div class="content-text">
...@@ -81,21 +89,34 @@ ...@@ -81,21 +89,34 @@
</div> </div>
</div> </div>
</div> </div>
<div v-if="certFlag != 0"> <div v-if="showRecordChart === false" class="empty-img">
<div class="spacing"></div> <img src="../../assets/image/noData.png" />
<div class="chart-title-more">
<p>项目排名情况</p>
<el-radio-group class="rank-radio" size="medium" v-model="rankType" @change="changeRank">
<el-radio-button label="1">按获证人数排名</el-radio-button>
<el-radio-button label="2">按获证比例排名</el-radio-button>
<el-radio-button label="3">按参与人数排名</el-radio-button>
</el-radio-group>
</div> </div>
<div class="chartCert" id="certificateChart" ref="certificateChart"></div> <div v-if="certFlag != 0">
<div class="spacing"></div> <div class="spacing"></div>
<div class="chart-title">在线培训完成时长情况</div> <div class="chart-title-more">
<div class="chartDuration" id="durationChart" ref="durationChart"></div> <p>项目排名情况</p>
<div class="chart-remarks">注：在线培训完成时长=完成项目时间-开始参与项目时间</div> <el-radio-group v-if="showCertificateChart === true" class="rank-radio" size="medium" v-model="rankType" @change="changeRank">
<el-radio-button label="1">按获证人数排名</el-radio-button>
<el-radio-button label="2">按获证比例排名</el-radio-button>
<el-radio-button label="3">按参与人数排名</el-radio-button>
</el-radio-group>
</div>
<div v-if="showCertificateChart === true">
<div class="chartCert" id="certificateChart" ref="certificateChart"></div>
</div>
<div v-if="showCertificateChart === false" class="empty-img">
<img src="../../assets/image/noData.png" />
</div>
<div class="spacing"></div>
<div class="chart-title">在线培训完成时长情况</div>
<div v-if="showDurationChart === true">
<div class="chartDuration" id="durationChart" ref="durationChart"></div>
</div>
<div v-if="showDurationChart === false" class="empty-img">
<img src="../../assets/image/noData.png" />
</div>
<div class="chart-remarks">注：在线培训完成时长=完成项目时间-开始参与项目时间</div>
</div> </div>
</div> </div>
<div v-if="dataType == 1" class="data-table"> <div v-if="dataType == 1" class="data-table">
...@@ -143,6 +164,11 @@ ...@@ -143,6 +164,11 @@
<el-table-column v-if="gradeFlag[1] == true" prop="grade2Count" label="良好" align="center"></el-table-column> <el-table-column v-if="gradeFlag[1] == true" prop="grade2Count" label="良好" align="center"></el-table-column>
<el-table-column v-if="gradeFlag[2] == true" prop="grade3Count" label="及格" align="center"></el-table-column> <el-table-column v-if="gradeFlag[2] == true" prop="grade3Count" label="及格" align="center"></el-table-column>
<el-table-column v-if="gradeFlag[3] == true" prop="grade4Count" label="不及格" align="center"></el-table-column> <el-table-column v-if="gradeFlag[3] == true" prop="grade4Count" label="不及格" align="center"></el-table-column>
<div slot="empty">
<div class="table-empty">
<img src="../../assets/image/noData.png" />
</div>
</div>
</el-table> </el-table>
<div class="pagination"> <div class="pagination">
<el-pagination <el-pagination
...@@ -165,38 +191,84 @@ ...@@ -165,38 +191,84 @@
<el-tab-pane label="未获证" name="2"></el-tab-pane> <el-tab-pane label="未获证" name="2"></el-tab-pane>
<el-tab-pane label="未参与" name="3"></el-tab-pane> <el-tab-pane label="未参与" name="3"></el-tab-pane>
</el-tabs> </el-tabs>
<el-table :data="tableData" class="person-table"> <div v-if="downloadId == null">
<el-table-column v-if="tableType == '1'" prop="rankNo" label="排名" align="center"></el-table-column> <el-table :data="tableData" class="person-table">
<el-table-column prop="doctorName" label="姓名" align="center"></el-table-column> <el-table-column v-if="tableType == '1'" prop="rankNo" label="排名" align="center"></el-table-column>
<el-table-column prop="sex" label="性别" align="center"> <el-table-column prop="doctorName" label="姓名" align="center"></el-table-column>
<template slot-scope="scope"> <el-table-column prop="sex" label="性别" align="center">
<span>{{ scope.row.sex | sexValue}}</span> <template slot-scope="scope">
</template> <span>{{ scope.row.sex | sexValue}}</span>
</el-table-column> </template>
<el-table-column prop="departmentName" label="科室" align="center"></el-table-column> </el-table-column>
<el-table-column prop="joinFlag" label="是否参与项目" align="center"> <el-table-column prop="departmentName" label="科室" align="center"></el-table-column>
<template slot-scope="scope"> <el-table-column prop="joinFlag" label="是否参与项目" align="center">
<span>{{ scope.row.joinFlag | joinFlagValue}}</span> <template slot-scope="scope">
</template> <span>{{ scope.row.joinFlag | joinFlagValue}}</span>
</el-table-column> </template>
<el-table-column prop="finishFlag" label="是否完成项目" align="center"> </el-table-column>
<template slot-scope="scope"> <el-table-column prop="finishFlag" label="是否完成项目" align="center">
<span>{{ scope.row.finishFlag | finishFlagValue}}</span> <template slot-scope="scope">
</template> <span>{{ scope.row.finishFlag | finishFlagValue}}</span>
</el-table-column> </template>
<el-table-column prop="certGrade" label="证书级别" align="center"> </el-table-column>
<template slot-scope="scope"> <el-table-column v-if="certFlag != 1" prop="certGrade" label="证书级别" align="center">
<span>{{ scope.row.certGrade | certGradeValue}}</span> <template slot-scope="scope">
</template> <span>{{ scope.row.certGrade | certGradeValue}}</span>
</el-table-column> </template>
<el-table-column prop="finishDate" label="获证日期" align="center"></el-table-column> </el-table-column>
<el-table-column prop="score" label="成绩" align="center"></el-table-column> <el-table-column prop="finishDate" label="获证日期" align="center"></el-table-column>
<el-table-column prop="learnTime" min-width="150" label="学习时长" align="center"> <el-table-column prop="score" label="成绩" align="center"></el-table-column>
<template slot-scope="scope"> <el-table-column prop="learnTime" min-width="150" label="学习时长" align="center">
<span>{{ scope.row.learnTime | learnTimeValue}}</span> <template slot-scope="scope">
</template> <span>{{ scope.row.learnTime | learnTimeValue}}</span>
</el-table-column> </template>
</el-table> </el-table-column>
<div slot="empty">
<div class="table-empty">
<img src="../../assets/image/noData.png" />
</div>
</div>
</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="chart-remarks">注：本报表数据来源仅包括有摸底考的课程培训。</div>
<div class="pagination"> <div class="pagination">
<el-pagination <el-pagination
...@@ -287,6 +359,11 @@ export default { ...@@ -287,6 +359,11 @@ export default {
certFlag: 0, certFlag: 0,
downloadId: null, downloadId: null,
timeInfoChild: {}, timeInfoChild: {},
showDistributeChart: true,
showRecordChart: true,
showCertificateChart: true,
showDurationChart: true,
}; };
}, },
watch: { watch: {
...@@ -367,7 +444,7 @@ export default { ...@@ -367,7 +444,7 @@ export default {
closeLoading(vm); closeLoading(vm);
if (res.code == "000000") { if (res.code == "000000") {
vm.certFlag = res.data.certFlag; vm.certFlag = res.data.certFlag;
vm.certFlag = 1; // vm.certFlag = 1;
vm.searchType(); vm.searchType();
} }
}); });
...@@ -410,9 +487,6 @@ export default { ...@@ -410,9 +487,6 @@ export default {
req.hospitalIdList = hospitalCutList[0].hospitalId; req.hospitalIdList = hospitalCutList[0].hospitalId;
} }
openLoading(vm); openLoading(vm);
if(req.regionId == "000") {
req.regionId = "310";
}
// console.log("0 req", req); // console.log("0 req", req);
vm.POST("stats/report/generalPersonal/"+vm.tableType, req).then(res => { vm.POST("stats/report/generalPersonal/"+vm.tableType, req).then(res => {
closeLoading(vm); closeLoading(vm);
...@@ -441,9 +515,6 @@ export default { ...@@ -441,9 +515,6 @@ export default {
timeFlag: vm.formInline.timeFlag, timeFlag: vm.formInline.timeFlag,
}; };
openLoading(vm); openLoading(vm);
if(req.regionId == "000") {
req.regionId = "310";
}
// console.log("0 req", req); // console.log("0 req", req);
vm.POST("stats/report/general_pc", req).then(res => { vm.POST("stats/report/general_pc", req).then(res => {
closeLoading(vm); closeLoading(vm);
...@@ -551,9 +622,7 @@ export default { ...@@ -551,9 +622,7 @@ export default {
shouldKey: "应参与人数", shouldKey: "应参与人数",
shouldNum: "0", shouldNum: "0",
content: [ content: [
"获证率：已完成人数/应参与人数*100%", "获证率：已获证人数/应参与人数*100%",
"应参与人数：筛选范围下，所圈选人员数量",
"已获证人数：筛选范围下，在应参与人员中，已获证的人员数量"
] ]
} }
]; ];
...@@ -567,7 +636,16 @@ export default { ...@@ -567,7 +636,16 @@ export default {
return; return;
} }
cardData[2].title = vm.certFlag == 0 ? '完成率' : '获证率'; 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].value = data.doctorRate*100 + '%';
cardData[1].hasNum = data.joinCount; cardData[1].hasNum = data.joinCount;
...@@ -597,6 +675,12 @@ export default { ...@@ -597,6 +675,12 @@ export default {
// },100); // },100);
}, },
setDistributeChart(data) { setDistributeChart(data) {
if(data.length == 0) {
vm.showDistributeChart = false;
return;
} else {
vm.showDistributeChart = true;
}
let keyName = ['未获证人数','优秀人数','良好人数','及格人数','不及格人数']; let keyName = ['未获证人数','优秀人数','良好人数','及格人数','不及格人数'];
let keyName2 = ['未获证人数占比','优秀人数占比','良好人数占比','及格人数占比','不及格人数占比']; let keyName2 = ['未获证人数占比','优秀人数占比','良好人数占比','及格人数占比','不及格人数占比'];
let distributeList = []; let distributeList = [];
...@@ -617,13 +701,21 @@ export default { ...@@ -617,13 +701,21 @@ export default {
seriesData.push(objSer); seriesData.push(objSer);
} }
vm.distributeList = distributeList; vm.distributeList = distributeList;
let myChart = echarts.init(this.$refs.distributeChart); setTimeout(function(){
let option = chartData.dustributeOption(legendData,seriesData); let myChart = echarts.init(vm.$refs.distributeChart);
myChart.setOption(option); let option = chartData.dustributeOption(legendData,seriesData);
vm.echartsData.chart0 = myChart; myChart.setOption(option);
vm.updateResize(); vm.echartsData.chart0 = myChart;
vm.updateResize();
},20);
}, },
setRecordChart(data) { setRecordChart(data) {
if(data.length == 0) {
vm.showRecordChart = false;
return;
} else {
vm.showRecordChart = true;
}
let recordList = [ let recordList = [
{ {
label: '博士后', label: '博士后',
...@@ -696,12 +788,13 @@ export default { ...@@ -696,12 +788,13 @@ export default {
} }
// console.log('data',legendData,seriesArr,seriesData); // console.log('data',legendData,seriesArr,seriesData);
vm.recordList = recordList; vm.recordList = recordList;
let myChart = echarts.init(this.$refs.recordChart); setTimeout(function(){
let myChart = echarts.init(vm.$refs.recordChart);
let option = chartData.recordOption(legendData, xAxisData, seriesData); let option = chartData.recordOption(legendData, xAxisData, seriesData);
myChart.setOption(option); myChart.setOption(option);
vm.echartsData.chart1 = myChart; vm.echartsData.chart1 = myChart;
vm.updateResize(); vm.updateResize();
},20);
}, },
changeRank(value) { changeRank(value) {
if(vm.downloadId == null) { if(vm.downloadId == null) {
...@@ -715,9 +808,6 @@ export default { ...@@ -715,9 +808,6 @@ export default {
timeFlag: vm.formInline.timeFlag, timeFlag: vm.formInline.timeFlag,
}; };
openLoading(vm); openLoading(vm);
if(req.regionId == "000") {
req.regionId = "310";
}
vm.POST("stats/report/studyRank/"+value, req).then(res => { vm.POST("stats/report/studyRank/"+value, req).then(res => {
closeLoading(vm); closeLoading(vm);
vm.setCertificateChart(res.data.studyRank); vm.setCertificateChart(res.data.studyRank);
...@@ -728,6 +818,12 @@ export default { ...@@ -728,6 +818,12 @@ export default {
} }
}, },
setCertificateChart(data) { setCertificateChart(data) {
if(data.length == 0) {
vm.showCertificateChart = false;
return;
} else {
vm.showCertificateChart = true;
}
let xAxisData = []; let xAxisData = [];
let seriesJoin = []; let seriesJoin = [];
let seriesCert = []; let seriesCert = [];
...@@ -738,24 +834,34 @@ export default { ...@@ -738,24 +834,34 @@ export default {
seriesCert.push(data[i].certCount); seriesCert.push(data[i].certCount);
seriesRate.push(data[i].certRate); seriesRate.push(data[i].certRate);
} }
let myChart = echarts.init(this.$refs.certificateChart); setTimeout(function(){
let option = chartData.certificateOption(xAxisData, seriesJoin, seriesCert, seriesRate); let myChart = echarts.init(vm.$refs.certificateChart);
myChart.setOption(option); let option = chartData.certificateOption(xAxisData, seriesJoin, seriesCert, seriesRate);
vm.echartsData.chart2 = myChart; myChart.setOption(option);
vm.updateResize(); vm.echartsData.chart2 = myChart;
vm.updateResize();
},20);
}, },
setDurationChart(data) { setDurationChart(data) {
if(data.length == 0) {
vm.showDurationChart = false;
return;
} else {
vm.showDurationChart = true;
}
let xAxisData = []; let xAxisData = [];
let seriesData = []; let seriesData = [];
for(let i = 0 ; i<data.length ; i++) { for(let i = 0 ; i<data.length ; i++) {
xAxisData.push(data[i].subName); xAxisData.push(data[i].subName);
seriesData.push(data[i].costTime); seriesData.push(data[i].costTime);
} }
let myChart = echarts.init(this.$refs.durationChart); setTimeout(function(){
let option = chartData.durationOption(xAxisData, seriesData); let myChart = echarts.init(vm.$refs.durationChart);
myChart.setOption(option); let option = chartData.durationOption(xAxisData, seriesData);
vm.echartsData.chart3 = myChart; myChart.setOption(option);
vm.updateResize(); vm.echartsData.chart3 = myChart;
vm.updateResize();
},20);
}, },
//日周月年分页 //日周月年分页
handleSizeDwmy(val) { handleSizeDwmy(val) {
...@@ -774,12 +880,16 @@ export default { ...@@ -774,12 +880,16 @@ export default {
console.log(`每页 ${val} 条`); console.log(`每页 ${val} 条`);
vm.formTable.pageSize = val; vm.formTable.pageSize = val;
vm.formTable.pageNo = 1; vm.formTable.pageNo = 1;
vm.searchPerson(1); if(vm.downloadId == null) {
vm.searchPerson(1);
}
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
console.log(`当前页: ${val}`); console.log(`当前页: ${val}`);
vm.formTable.pageNo = val; vm.formTable.pageNo = val;
vm.searchPerson(1); if(vm.downloadId == null) {
vm.searchPerson(1);
}
}, },
} }
}; };
...@@ -801,6 +911,15 @@ export default { ...@@ -801,6 +911,15 @@ export default {
background: #fff; background: #fff;
overflow: hidden; overflow: hidden;
// padding: 10px; // padding: 10px;
.table-empty {
img {
height: 24px;
width: 106px;
}
}
.el-radio-button__inner:hover {
color: #449284;
}
.box-list { .box-list {
position: relative; position: relative;
padding: 30px 30px 0 30px; padding: 30px 30px 0 30px;
......
src/views/learning/item-examination-analysis.vue
浏览文件 @ 503d051d
...@@ -10,19 +10,29 @@ ...@@ -10,19 +10,29 @@
</div> </div>
<div class="spacing"></div> <div class="spacing"></div>
<div class="chart-title">完成项目考试次数情况</div> <div class="chart-title">完成项目考试次数情况</div>
<div class="chart" id="examTimes" ref="examTimes"></div> <div v-if="showExamTimes === true" >
<div class="chart" id="examTimes" ref="examTimes"></div>
</div>
<div v-if="showExamTimes === false" class="empty-img">
<img src="../../assets/image/noData.png" />
</div>
<div class="chart-remarks">注：本报表数据来源包括用户参加正式考试次数，不包含摸底考试次数。</div> <div class="chart-remarks">注：本报表数据来源包括用户参加正式考试次数，不包含摸底考试次数。</div>
<div class="spacing"></div> <div class="spacing"></div>
<!-- <div class="chart-title">完成项目考试分数情况</div> --> <!-- <div class="chart-title">完成项目考试分数情况</div> -->
<div class="chart-title-more"> <div class="chart-title-more">
<p>完成项目考试分数情况</p> <p>完成项目考试分数情况</p>
<el-radio-group class="rank-radio" size="medium" v-model="rankType" @change="changeRank"> <el-radio-group v-if="showExamScore === true" class="rank-radio" size="medium" v-model="rankType" @change="changeRank">
<el-radio-button label="1">1分</el-radio-button> <el-radio-button label="1">1分</el-radio-button>
<el-radio-button label="5">5分</el-radio-button> <el-radio-button label="5">5分</el-radio-button>
<el-radio-button label="10">10分</el-radio-button> <el-radio-button label="10">10分</el-radio-button>
</el-radio-group> </el-radio-group>
</div> </div>
<div class="chart" id="examScore" ref="examScore"></div> <div v-if="showExamScore === true">
<div class="chart" id="examScore" ref="examScore"></div>
</div>
<div v-if="showExamScore === false" class="empty-img">
<img src="../../assets/image/noData.png" />
</div>
<div class="chart-remarks">注：本报表数据来源包括用户参加正式考试，不包含摸底考试。</div> <div class="chart-remarks">注：本报表数据来源包括用户参加正式考试，不包含摸底考试。</div>
<div class="spacing"></div> <div class="spacing"></div>
<div v-if="downloadId == null"> <div v-if="downloadId == null">
...@@ -45,8 +55,7 @@ ...@@ -45,8 +55,7 @@
</el-table-column> </el-table-column>
<div slot="empty"> <div slot="empty">
<div class="table-empty"> <div class="table-empty">
<img src="../../assets/image/no-content1.png" /> <img src="../../assets/image/noData.png" />
<p>没有相关数据，请重新选择查询范围</p>
</div> </div>
</div> </div>
</el-table> </el-table>
...@@ -71,8 +80,7 @@ ...@@ -71,8 +80,7 @@
</el-table-column> </el-table-column>
<div slot="empty"> <div slot="empty">
<div class="table-empty"> <div class="table-empty">
<img src="../../assets/image/no-content1.png" /> <img src="../../assets/image/noData.png" />
<p>没有相关数据，请重新选择查询范围</p>
</div> </div>
</div> </div>
</el-table> </el-table>
...@@ -137,6 +145,8 @@ export default { ...@@ -137,6 +145,8 @@ export default {
rankType: '1', rankType: '1',
timeInfoChild: {}, timeInfoChild: {},
downloadId: null, downloadId: null,
showExamTimes: true,
showExamScore: true,
}; };
}, },
watch: { watch: {
...@@ -278,17 +288,24 @@ export default { ...@@ -278,17 +288,24 @@ export default {
}, 30); }, 30);
}, },
setExamTimes(data) { setExamTimes(data) {
let myChart = echarts.init(this.$refs.examTimes); if(data.length == 0) {
vm.showExamTimes = false;
return;
} else {
vm.showExamTimes = true;
}
let xAxisData = []; let xAxisData = [];
let seriesData = []; let seriesData = [];
for (let i = 0; i < data.length; i++) { for (let i = 0; i < data.length; i++) {
xAxisData.push(data[i].times + "次"); xAxisData.push(data[i].times + "次");
seriesData.push(data[i].count); seriesData.push(data[i].count);
} }
let option = chartData.examTimes(xAxisData, seriesData); setTimeout(function(){
myChart.setOption(option); let myChart = echarts.init(vm.$refs.examTimes);
vm.echartsData.chart0 = myChart; let option = chartData.examTimes(xAxisData, seriesData);
vm.updateResize(); myChart.setOption(option);
vm.echartsData.chart0 = myChart;
},20);
}, },
changeRank(value) { changeRank(value) {
console.log(value); console.log(value);
...@@ -312,17 +329,24 @@ export default { ...@@ -312,17 +329,24 @@ export default {
} }
}, },
setExamScore(data) { setExamScore(data) {
let myChart = echarts.init(this.$refs.examScore); if(data.length == 0) {
vm.showExamScore = false;
return;
} else {
vm.showExamScore = true;
}
let xAxisData = []; let xAxisData = [];
let seriesData = []; let seriesData = [];
for (let i = 0; i < data.length; i++) { for (let i = 0; i < data.length; i++) {
xAxisData.push(data[i].timesStr); xAxisData.push(data[i].timesStr);
seriesData.push(data[i].count); seriesData.push(data[i].count);
} }
let option = chartData.examScore(xAxisData, seriesData); setTimeout(function(){
myChart.setOption(option); let myChart = echarts.init(vm.$refs.examScore);
vm.echartsData.chart1 = myChart; let option = chartData.examScore(xAxisData, seriesData);
vm.updateResize(); myChart.setOption(option);
vm.echartsData.chart1 = myChart;
},20);
}, },
// 跳转查看名单页面 // 跳转查看名单页面
goPage(data) { goPage(data) {
...@@ -391,8 +415,8 @@ export default { ...@@ -391,8 +415,8 @@ export default {
.examination-analysis { .examination-analysis {
background: #fff; background: #fff;
overflow: hidden; overflow: hidden;
.weight { .el-radio-button__inner:hover {
font-weight: bold; color: #449284;
} }
.el-card { .el-card {
border-width: 0px; border-width: 0px;
...@@ -518,5 +542,11 @@ export default { ...@@ -518,5 +542,11 @@ export default {
margin-top: 30px; margin-top: 30px;
margin-right: 13px; margin-right: 13px;
} }
.table-empty {
img {
height: 24px;
width: 106px;
}
}
} }
</style> </style>
src/views/learning/item-learning-effect.vue
浏览文件 @ 503d051d
...@@ -9,12 +9,22 @@ ...@@ -9,12 +9,22 @@
</div> </div>
</div> </div>
<div class="spacing"></div> <div class="spacing"></div>
<div class="chart-title">不同学历完成项目前后正确率对比</div> <div class="chart-title">不同学历完成项目前后正确率对比</div>
<div class="chartEdu" ref="education"></div> <div v-if="showChartEdu === true">
<div class="chartEdu" ref="education"></div>
</div>
<div v-if="showChartEdu === false" class="empty-img">
<img src="../../assets/image/noData.png" />
</div>
<div class="chart-remarks">注：本报表数据来源仅仅统计同时包含摸底考和正式考的课程培训。</div> <div class="chart-remarks">注：本报表数据来源仅仅统计同时包含摸底考和正式考的课程培训。</div>
<div class="spacing"></div> <div class="spacing"></div>
<div class="chart-title">培训前后知识点掌握情况</div> <div class="chart-title">培训前后知识点掌握情况</div>
<div class="chartLearn" ref="learning"></div> <div v-if="showChartLearn === true">
<div class="chartLearn" ref="learning"></div>
</div>
<div v-if="showChartLearn === false" class="empty-img">
<img src="../../assets/image/noData.png" />
</div>
<div class="chart-remarks">注：本报表数据来源仅包括有摸底考的课程培训。</div> <div class="chart-remarks">注：本报表数据来源仅包括有摸底考的课程培训。</div>
</div> </div>
</template> </template>
...@@ -46,6 +56,8 @@ export default { ...@@ -46,6 +56,8 @@ export default {
chart2: {} chart2: {}
}, },
timeInfoChild: {}, timeInfoChild: {},
showChartEdu: true,
showChartLearn: true,
}; };
}, },
watch: { watch: {
...@@ -95,9 +107,6 @@ export default { ...@@ -95,9 +107,6 @@ export default {
timeFlag: vm.formInline.timeFlag timeFlag: vm.formInline.timeFlag
}; };
openLoading(vm); openLoading(vm);
// if(req.regionId == "000") {
// req.regionId = "000";
// }
// console.log("0 req", req); // console.log("0 req", req);
vm.POST("stats/report/studyEffect", req).then(res => { vm.POST("stats/report/studyEffect", req).then(res => {
closeLoading(vm); closeLoading(vm);
...@@ -121,39 +130,53 @@ export default { ...@@ -121,39 +130,53 @@ export default {
title: "培训前后正确率" title: "培训前后正确率"
} }
]; ];
cardData[0].value = (data.beforeRate*100).toFixed(2) + "%"; cardData[0].value = (data.beforeRate*100).toFixed(1) + "%";
cardData[1].value = (data.afterRate*100).toFixed(2) + "%"; cardData[1].value = (data.afterRate*100).toFixed(1) + "%";
vm.cardData = cardData; vm.cardData = cardData;
}, },
setEducation(data) { setEducation(data) {
let myChart = echarts.init(this.$refs.education); if(data.length == 0) {
vm.showChartEdu = false;
return;
} else {
vm.showChartEdu = true;
}
let xAxisData = []; let xAxisData = [];
let seriesBefore = []; let seriesBefore = [];
let seriesAfter = []; let seriesAfter = [];
for(let i = 0; i < data.length ; i++) { for(let i = 0; i < data.length ; i++) {
xAxisData.push(data[i].classifyName); xAxisData.push(data[i].classifyName);
seriesBefore.push((data[i].beforeRate*100).toFixed(2)); seriesBefore.push((data[i].beforeRate*100).toFixed(1));
seriesAfter.push((data[i].afterRate*100).toFixed(2)); seriesAfter.push((data[i].afterRate*100).toFixed(1));
} }
let option = chartData.educationEffect(xAxisData, seriesBefore ,seriesAfter); setTimeout(function(){
myChart.setOption(option); let myChart = echarts.init(vm.$refs.education);
vm.echartsData.chart1 = myChart; let option = chartData.educationEffect(xAxisData, seriesBefore ,seriesAfter);
vm.updateResize(); myChart.setOption(option);
vm.echartsData.chart1 = myChart;
},20);
}, },
setLearning(data) { setLearning(data) {
let myChart = echarts.init(this.$refs.learning); if(data.length == 0) {
vm.showChartLearn = false;
return;
} else {
vm.showChartLearn = true;
}
let xAxisData = []; let xAxisData = [];
let seriesBefore = []; let seriesBefore = [];
let seriesAfter = []; let seriesAfter = [];
for(let i = 0; i < data.length ; i++) { for(let i = 0; i < data.length ; i++) {
xAxisData.push(data[i].classifyName); xAxisData.push(data[i].classifyName);
seriesBefore.push((data[i].beforeRate*100).toFixed(2)); seriesBefore.push((data[i].beforeRate*100).toFixed(1));
seriesAfter.push((data[i].afterRate*100).toFixed(2)); seriesAfter.push((data[i].afterRate*100).toFixed(1));
} }
let option = chartData.knowledgeEffect(xAxisData, seriesBefore ,seriesAfter); setTimeout(function(){
myChart.setOption(option); let myChart = echarts.init(vm.$refs.learning);
vm.echartsData.chart2 = myChart; let option = chartData.knowledgeEffect(xAxisData, seriesBefore ,seriesAfter);
vm.updateResize(); myChart.setOption(option);
vm.echartsData.chart2 = myChart;
},20);
} }
} }
}; };
......
src/views/learning/item-list.vue
浏览文件 @ 503d051d
...@@ -99,7 +99,8 @@ ...@@ -99,7 +99,8 @@
type="daterange" type="daterange"
range-separator="至" range-separator="至"
start-placeholder="开始日期" start-placeholder="开始日期"
end-placeholder="结束日期"> end-placeholder="结束日期"
:picker-options="pickerOptions0">
</el-date-picker> </el-date-picker>
</el-col> </el-col>
</el-form-item> </el-form-item>
...@@ -319,6 +320,17 @@ export default { ...@@ -319,6 +320,17 @@ export default {
originalFlag: 1 originalFlag: 1
}, },
hospitalCntList: [], hospitalCntList: [],
maxDate: '',
minDate: '',
allRegionId: '',
pickerOptions0: {
disabledDate: time => {
// 在科学计数法中，为了使公式简便，可以用带“E”的格式表示。例如1.03乘10的8次方，可简写为“1.03e8”的形式
// 一天是24*60*60*1000 = 86400000 = 8.64e7
// console.log('this.maxDate',this.maxDate)
return time.getTime() > new Date(this.maxDate).getTime() || time.getTime() < new Date(this.minDate).getTime() - 8.64e7;
}
},
}; };
}, },
computed: { computed: {
...@@ -394,6 +406,9 @@ export default { ...@@ -394,6 +406,9 @@ export default {
vm.displayExam = res.data.existExam; vm.displayExam = res.data.existExam;
vm.displayEffect = res.data.existEffect; vm.displayEffect = res.data.existEffect;
vm.certFlag = res.data.certFlag; vm.certFlag = res.data.certFlag;
vm.maxDate = new Date(res.data.maxDate);
vm.minDate = new Date(res.data.minDate);
console.log('日期:',vm.maxDate,vm.minDate)
vm.getRegionOption(); vm.getRegionOption();
} }
}); });
...@@ -518,6 +533,7 @@ export default { ...@@ -518,6 +533,7 @@ export default {
if (res.code == "000000") { if (res.code == "000000") {
vm.formInline.region = []; vm.formInline.region = [];
vm.formInline.region[0] = res.data.list[0].id; vm.formInline.region[0] = res.data.list[0].id;
vm.allRegionId = res.data.list[0].id;
vm.optionsRegion = operationData.setRegionOptionNew( vm.optionsRegion = operationData.setRegionOptionNew(
res.data.list res.data.list
); );
...@@ -626,7 +642,7 @@ export default { ...@@ -626,7 +642,7 @@ export default {
}); });
}, },
search() { search() {
console.log(vm.formInline); // console.log(vm.formInline);
if(vm.formInline.timeFlag == 1) { if(vm.formInline.timeFlag == 1) {
//截止昨日 //截止昨日
vm.setExportReq(); vm.setExportReq();
...@@ -673,20 +689,29 @@ export default { ...@@ -673,20 +689,29 @@ export default {
date: "", date: "",
organization: [], organization: [],
checked: false, checked: false,
timeFlag: 1,
during: null,
pageNo: 1, pageNo: 1,
pageSize: 20, pageSize: 20,
} }
); );
vm.formInline.region[0] = vm.allRegionId;
vm.areaLen = 0;
vm.tags = []; vm.tags = [];
if (this.activeName == "first") {
this.$refs.childPart.$emit("reset"); setTimeout(function(){
} else if (this.activeName == "second") { vm.search();
this.$refs.childCrowd.$emit("reset"); },20)
} else if (this.activeName == "third") {
this.$refs.childCourse.$emit("reset"); // if (this.activeName == "first") {
} else if (this.activeName == "fourth") { // this.$refs.childPart.$emit("reset");
this.$refs.childExam.$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() { exportExcel() {
if(vm.downloadId == null) { if(vm.downloadId == null) {
...@@ -904,7 +929,10 @@ export default { ...@@ -904,7 +929,10 @@ export default {
position: absolute; position: absolute;
} }
.el-tabs__item.is-active { .el-tabs__item.is-active {
color: #409eff; color: #449284;
}
.el-tabs__item:hover {
color: #449284;
} }
.el-tabs__header { .el-tabs__header {
width: 100%; width: 100%;
......
src/views/learning/name-list.vue
浏览文件 @ 503d051d
...@@ -95,8 +95,7 @@ ...@@ -95,8 +95,7 @@
</el-table-column> </el-table-column>
<div slot="empty"> <div slot="empty">
<div class="table-empty"> <div class="table-empty">
<img src="../../assets/image/no-content1.png"> <img src="../../assets/image/noData.png" />
<p>没有相关数据，请重新选择查询范围</p>
</div> </div>
</div> </div>
</el-table> </el-table>
...@@ -380,6 +379,12 @@ export default { ...@@ -380,6 +379,12 @@ export default {
position: relative; position: relative;
left: 50%; left: 50%;
} }
.table-empty {
img {
height: 24px;
width: 106px;
}
}
} }
} }
</style> </style>
\ No newline at end of file
src/views/learning/report-list.vue
浏览文件 @ 503d051d
...@@ -54,8 +54,7 @@ ...@@ -54,8 +54,7 @@
</el-table-column> </el-table-column>
<div slot="empty"> <div slot="empty">
<div class="table-empty"> <div class="table-empty">
<img src="../../assets/image/no-content1.png" /> <img src="../../assets/image/noData.png" />
<p>没有找到符合的结果</p>
</div> </div>
</div> </div>
</el-table> </el-table>
...@@ -186,6 +185,12 @@ export default { ...@@ -186,6 +185,12 @@ export default {
.itemlist-content { .itemlist-content {
padding: 10px; padding: 10px;
background: #fff; background: #fff;
.table-empty {
img {
height: 24px;
width: 106px;
}
}
} }
} }
</style> </style>
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或