dev:指挥部大屏
This commit is contained in:
Vce
parent
779b8684b0
commit
c65093d484
@ -58,7 +58,7 @@ let listData = ref([
|
|||||||
let questionTotal = ref(0 as any);
|
let questionTotal = ref(0 as any);
|
||||||
let dataList2 = ref([
|
let dataList2 = ref([
|
||||||
{
|
{
|
||||||
value: 30,
|
value: 0,
|
||||||
show: true,
|
show: true,
|
||||||
name: "未教育人员",
|
name: "未教育人员",
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
@ -69,7 +69,7 @@ let dataList2 = ref([
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: 70,
|
value: 765,
|
||||||
show: true,
|
show: true,
|
||||||
name: "完成人员",
|
name: "完成人员",
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
@ -80,7 +80,7 @@ let dataList2 = ref([
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: 70,
|
value: 765,
|
||||||
show: true,
|
show: true,
|
||||||
name: "现场人员",
|
name: "现场人员",
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
@ -349,8 +349,8 @@ function drawEchart2() {
|
|||||||
// const safeData = ref(null as any);
|
// const safeData = ref(null as any);
|
||||||
const qualityInfo = async () => {
|
const qualityInfo = async () => {
|
||||||
const res: any = await selectQualityStatisticsApi({ projectSn: store.sn });
|
const res: any = await selectQualityStatisticsApi({ projectSn: store.sn });
|
||||||
dataList2.value[0].value = res.result.total.rectificationNum;
|
// dataList2.value[0].value = res.result.total.rectificationNum;
|
||||||
dataList2.value[1].value = res.result.total.totalNum - res.result.total.rectificationNum;
|
// dataList2.value[1].value = res.result.total.totalNum - res.result.total.rectificationNum;
|
||||||
questionTotal.value = res.result.total.totalNum;
|
questionTotal.value = res.result.total.totalNum;
|
||||||
drawEchart2();
|
drawEchart2();
|
||||||
};
|
};
|
||||||
|
|||||||
@ -23,7 +23,7 @@
|
|||||||
<div class="tabList">
|
<div class="tabList">
|
||||||
<div>排名</div>
|
<div>排名</div>
|
||||||
<div v-if="activeIndex === '0' || activeIndex === '1'">姓名</div>
|
<div v-if="activeIndex === '0' || activeIndex === '1'">姓名</div>
|
||||||
<div v-if="activeIndex === '2'">分组单位</div>
|
<div v-if="activeIndex === '2'">分包单位</div>
|
||||||
<div v-if="activeIndex === '0' || activeIndex === '2'">整改数量</div>
|
<div v-if="activeIndex === '0' || activeIndex === '2'">整改数量</div>
|
||||||
<div v-if="activeIndex === '1'">发起隐患处</div>
|
<div v-if="activeIndex === '1'">发起隐患处</div>
|
||||||
<div>整改率</div>
|
<div>整改率</div>
|
||||||
@ -33,10 +33,12 @@
|
|||||||
<el-scrollbar height="150">
|
<el-scrollbar height="150">
|
||||||
<div v-for="(item, index) in tabList" :key="index" class="listStyle">
|
<div v-for="(item, index) in tabList" :key="index" class="listStyle">
|
||||||
<div>{{ item.sortLine }}</div>
|
<div>{{ item.sortLine }}</div>
|
||||||
<div>{{ item.name }}</div>
|
<div v-if="activeIndex === '0' || activeIndex === '1'">{{ item.name }}</div>
|
||||||
<div>{{ item.count }}</div>
|
<div v-if="activeIndex === '2'">{{item.company}}</div>
|
||||||
<div>{{ item.rate }}</div>
|
<div v-if="activeIndex === '0' || activeIndex === '2'">{{item.count}}</div>
|
||||||
<div>{{ item.immediateRate }}</div>
|
<div v-if="activeIndex === '1'">{{item.count}}</div>
|
||||||
|
<div>{{item.immediateRate}}</div>
|
||||||
|
<div>{{item.immediateRate}}</div>
|
||||||
</div>
|
</div>
|
||||||
</el-scrollbar>
|
</el-scrollbar>
|
||||||
<div class="notoDta" v-if="tabList.length == 0">
|
<div class="notoDta" v-if="tabList.length == 0">
|
||||||
@ -61,7 +63,7 @@
|
|||||||
<div>{{ item.name }}</div>
|
<div>{{ item.name }}</div>
|
||||||
<div>{{ item.count }}</div>
|
<div>{{ item.count }}</div>
|
||||||
<div>{{ item.count }}</div>
|
<div>{{ item.count }}</div>
|
||||||
<div>{{ item.sortLine }}</div>
|
<div>{{ 0 }}</div>
|
||||||
<div>{{ item.rate }}</div>
|
<div>{{ item.rate }}</div>
|
||||||
<div>{{ item.immediateRate }}</div>
|
<div>{{ item.immediateRate }}</div>
|
||||||
</div>
|
</div>
|
||||||
@ -93,41 +95,17 @@ const handleClick = (tab: TabsPaneContext, event: Event) => {
|
|||||||
console.log("activeIndex", activeIndex.value);
|
console.log("activeIndex", activeIndex.value);
|
||||||
};
|
};
|
||||||
const tabList = [
|
const tabList = [
|
||||||
{ sortLine: "1", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
{ sortLine: "1", name: "谢明泉", count: "2", rate: "100%", immediateRate: "100%",company:'分包单位' },
|
||||||
{ sortLine: "2", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
{ sortLine: "2", name: "王福明", count: "2", rate: "100%", immediateRate: "100%",company:'分包单位' },
|
||||||
{ sortLine: "3", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
{ sortLine: "3", name: "张启程", count: "2", rate: "100%", immediateRate: "100%",company:'分包单位' },
|
||||||
{ sortLine: "4", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
{ sortLine: "4", name: "李渊海", count: "2", rate: "100%", immediateRate: "100%",company:'分包单位' },
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
{ sortLine: "5", name: "黄明昌", count: "1", rate: "100%", immediateRate: "100%",company:'分包单位' },
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
{ sortLine: "6", name: "叶文远", count: "2", rate: "100%", immediateRate: "100%",company:'分包单位' },
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
{ sortLine: "7", name: "丁明昌", count: "1", rate: "100%", immediateRate: "100%",company:'分包单位' },
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
{ sortLine: "8", name: "黄石明", count: "1", rate: "100%", immediateRate: "100%",company:'分包单位' },
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
{ sortLine: "9", name: "肖明远", count: "1", rate: "100%", immediateRate: "100%",company:'分包单位' },
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
{ sortLine: "10", name: "张冠名", count: "1", rate: "100%", immediateRate: "100%",company:'分包单位' },
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
{ sortLine: "11", name: "石慧生", count: "1", rate: "100%", immediateRate: "100%",company:'分包单位' },
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
{ sortLine: "5", name: "Tom", count: "1", rate: "100%", immediateRate: "100%" },
|
|
||||||
];
|
];
|
||||||
onMounted(async () => {});
|
onMounted(async () => {});
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -410,7 +410,7 @@ function drawEchart2() {
|
|||||||
title: {
|
title: {
|
||||||
text: questionTotal.value,
|
text: questionTotal.value,
|
||||||
// text: '100%',
|
// text: '100%',
|
||||||
subtext: "入场三级教育\n完成率",
|
subtext: "超期未整改数",
|
||||||
x: "24%",
|
x: "24%",
|
||||||
y: "center",
|
y: "center",
|
||||||
textAlign: "center",
|
textAlign: "center",
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user