Skip to content

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

table为空展示情况

上级 0e6a1ab2
隐藏空白字符变更
内嵌 并排
正在显示 包含 91 行增加 和 23 行删除
src/utils/learning/chartData.js
浏览文件 @ 7efc89f9
......@@ -6,10 +6,15 @@ export function dustributeOption(legendData, seriesData) {
},
tooltip: {
trigger: "item",
formatter: "{b} : {d}%"
// formatter: "{b} : {d}%",
formatter:function(data){
let value = data.name + '：' + data.percent.toFixed(1)+"%"
return value;
}
},
label: {
formatter: "{d}%"
// formatter: "{d}%",
formatter:function(data){ return data.percent.toFixed(1)+"%";}
},
color: ['#FF9A4B', '#FFBC3D', '#39AF9A', '#3BA0FF', '#5D7092'],
legend: {
......@@ -75,7 +80,7 @@ export function recordOption(legendData, xAxisData, seriesData) {
(
(100 * parseFloat(params[j].value)) /
parseFloat(value)
).toFixed(2) +
).toFixed(1) +
"%";
} else {
relVal +=
......
src/views/learning/data-alignment.vue
浏览文件 @ 7efc89f9
......@@ -90,8 +90,7 @@
<el-table-column prop="townName" label="乡镇/街道" show-overflow-tooltip></el-table-column>
<div slot="empty">
<div class="table-empty">
<img src="../../assets/image/no-content1.png" />
<p>没有相关数据，请重新选择查询范围</p>
<img src="../../assets/image/noData.png" />
</div>
</div>
</el-table>
......@@ -400,5 +399,11 @@ export default {
.pagination {
margin-right: 10px;
}
.table-empty {
img {
height: 24px;
width: 106px;
}
}
}
</style>
src/views/learning/export-download.vue
浏览文件 @ 7efc89f9
......@@ -38,8 +38,7 @@
</el-table-column>
<div slot="empty">
<div class="table-empty">
<img src="../../assets/image/no-content1.png" />
<p>没有相关数据，请重新选择查询范围</p>
<img src="../../assets/image/noData.png" />
</div>
</div>
</el-table>
......@@ -287,6 +286,12 @@ export default {
border: 0px solid #fff !important;
}
}
.table-empty {
img {
height: 24px;
width: 106px;
}
}
}
}
</style>
\ No newline at end of file
src/views/learning/item-course-analysis.vue
浏览文件 @ 7efc89f9
......@@ -28,8 +28,7 @@
</el-table-column>
<div slot="empty">
<div class="table-empty">
<img src="../../assets/image/no-content1.png" />
<p>没有相关数据，请重新选择查询范围</p>
<img src="../../assets/image/noData.png" />
</div>
</div>
</el-table>
......@@ -52,8 +51,7 @@
</el-table-column>
<div slot="empty">
<div class="table-empty">
<img src="../../assets/image/no-content1.png" />
<p>没有相关数据，请重新选择查询范围</p>
<img src="../../assets/image/noData.png" />
</div>
</div>
</el-table>
......@@ -346,5 +344,11 @@ export default {
margin-top: 30px;
margin-right: 13px;
}
.table-empty {
img {
height: 24px;
width: 106px;
}
}
}
</style>
\ No newline at end of file
src/views/learning/item-data-all.vue
浏览文件 @ 7efc89f9
......@@ -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[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>
<div slot="empty">
<div class="table-empty">
<img src="../../assets/image/noData.png" />
</div>
</div>
</el-table>
<div class="pagination">
<el-pagination
......@@ -143,6 +148,11 @@
<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[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>
<div class="pagination">
<el-pagination
......@@ -184,7 +194,7 @@
<span>{{ scope.row.finishFlag | finishFlagValue}}</span>
</template>
</el-table-column>
<el-table-column prop="certGrade" label="证书级别" align="center">
<el-table-column v-if="certFlag != 1" prop="certGrade" label="证书级别" align="center">
<template slot-scope="scope">
<span>{{ scope.row.certGrade | certGradeValue}}</span>
</template>
......@@ -196,6 +206,11 @@
<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 class="chart-remarks">注：本报表数据来源仅包括有摸底考的课程培训。</div>
<div class="pagination">
......@@ -367,7 +382,7 @@ export default {
closeLoading(vm);
if (res.code == "000000") {
vm.certFlag = res.data.certFlag;
vm.certFlag = 1;
// vm.certFlag = 1;
vm.searchType();
}
});
......@@ -801,6 +816,12 @@ export default {
background: #fff;
overflow: hidden;
// padding: 10px;
.table-empty {
img {
height: 24px;
width: 106px;
}
}
.box-list {
position: relative;
padding: 30px 30px 0 30px;
......
src/views/learning/item-examination-analysis.vue
浏览文件 @ 7efc89f9
......@@ -45,8 +45,7 @@
</el-table-column>
<div slot="empty">
<div class="table-empty">
<img src="../../assets/image/no-content1.png" />
<p>没有相关数据，请重新选择查询范围</p>
<img src="../../assets/image/noData.png" />
</div>
</div>
</el-table>
......@@ -71,8 +70,7 @@
</el-table-column>
<div slot="empty">
<div class="table-empty">
<img src="../../assets/image/no-content1.png" />
<p>没有相关数据，请重新选择查询范围</p>
<img src="../../assets/image/noData.png" />
</div>
</div>
</el-table>
......@@ -518,5 +516,11 @@ export default {
margin-top: 30px;
margin-right: 13px;
}
.table-empty {
img {
height: 24px;
width: 106px;
}
}
}
</style>
src/views/learning/item-list.vue
浏览文件 @ 7efc89f9
......@@ -99,7 +99,8 @@
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
end-placeholder="结束日期"
:picker-options="pickerOptions0">
</el-date-picker>
</el-col>
</el-form-item>
......@@ -319,6 +320,16 @@ export default {
originalFlag: 1
},
hospitalCntList: [],
maxDate: '',
minDate: '',
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: {
......@@ -394,6 +405,9 @@ export default {
vm.displayExam = res.data.existExam;
vm.displayEffect = res.data.existEffect;
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();
}
});
......@@ -626,7 +640,7 @@ export default {
});
},
search() {
console.log(vm.formInline);
// console.log(vm.formInline);
if(vm.formInline.timeFlag == 1) {
//截止昨日
vm.setExportReq();
......
src/views/learning/name-list.vue
浏览文件 @ 7efc89f9
......@@ -95,8 +95,7 @@
</el-table-column>
<div slot="empty">
<div class="table-empty">
<img src="../../assets/image/no-content1.png">
<p>没有相关数据，请重新选择查询范围</p>
<img src="../../assets/image/noData.png" />
</div>
</div>
</el-table>
......@@ -380,6 +379,12 @@ export default {
position: relative;
left: 50%;
}
.table-empty {
img {
height: 24px;
width: 106px;
}
}
}
}
</style>
\ No newline at end of file
src/views/learning/report-list.vue
浏览文件 @ 7efc89f9
......@@ -54,8 +54,7 @@
</el-table-column>
<div slot="empty">
<div class="table-empty">
<img src="../../assets/image/no-content1.png" />
<p>没有找到符合的结果</p>
<img src="../../assets/image/noData.png" />
</div>
</div>
</el-table>
......@@ -186,6 +185,12 @@ export default {
.itemlist-content {
padding: 10px;
background: #fff;
.table-empty {
img {
height: 24px;
width: 106px;
}
}
}
}
</style>
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或