diff --git a/src/views/agjtLiveScreen/liveScreen/leftBottom.vue b/src/views/agjtLiveScreen/liveScreen/leftBottom.vue index 80ed440..3fd5b69 100644 --- a/src/views/agjtLiveScreen/liveScreen/leftBottom.vue +++ b/src/views/agjtLiveScreen/liveScreen/leftBottom.vue @@ -40,10 +40,10 @@ const outPie = ref([ //获取特殊作业情况信息 async function getSpecialInfo() { let data = { - projectSn: '', + projectSn: store.sn, } - if(BASEURL == 'http://182.90.224.237:51234' || BASEURL == 'http://192.168.34.221:9111') data.projectSn = 'BD3137498CB84BF0969979E0342CDBCA' - if(BASEURL == 'http://42.180.188.17:9809' || BASEURL == 'http://42.180.188.17:11211') data.projectSn = '471568F45EB247A3912A0D10EA1BFCEB' + // if(BASEURL == 'http://182.90.224.237:51234' || BASEURL == 'http://192.168.34.221:9111') data.projectSn = 'BD3137498CB84BF0969979E0342CDBCA' + // if(BASEURL == 'http://42.180.188.17:9809' || BASEURL == 'http://42.180.188.17:11211') data.projectSn = '471568F45EB247A3912A0D10EA1BFCEB' await getStatBySpecialApi(data).then(res => { if(res.success){ if(res.result){ diff --git a/src/views/agjtProjectKanban/comprehensiveManage/projectOverview/centerBottom.vue b/src/views/agjtProjectKanban/comprehensiveManage/projectOverview/centerBottom.vue index d144f13..a92d334 100644 --- a/src/views/agjtProjectKanban/comprehensiveManage/projectOverview/centerBottom.vue +++ b/src/views/agjtProjectKanban/comprehensiveManage/projectOverview/centerBottom.vue @@ -49,10 +49,10 @@
{{ item.jlNotPerformNum || 0 }}/{{ item.jlInServiceNum || 0 }}
- -
- -

暂无数据

+
+ +

暂无数据

+
@@ -183,6 +183,7 @@ onMounted(async () => { .leftTop { width: 100%; height: 100%; + .top-content { width: 18%; position: absolute; @@ -191,6 +192,7 @@ onMounted(async () => { display: flex; align-items: center; justify-content: space-between; + span { font-family: ABeeZee, ABeeZee; font-weight: normal; @@ -203,19 +205,23 @@ onMounted(async () => { text-transform: none; cursor: pointer; } + .active { color: #ffffff; } } + .box-content { width: 100%; height: 100%; padding-top: 1%; + .remark-top-data { display: flex; align-items: center; justify-content: space-around; margin-bottom: 2%; + .top-data-item { width: 135px; height: 51px; @@ -225,30 +231,37 @@ onMounted(async () => { flex-direction: column; padding: 0.5% 0; padding-left: 2%; + span:nth-child(1) { font-size: 16px; color: #fff; font-family: ABeeZee-Regular; margin-bottom: 1%; } + span:nth-child(2) { font-size: 24px; color: #65d7f9; font-family: ABeeZee-Regular; } } + .top-data-item:not(:last-child) { margin-right: 2%; } } + .remark-bottom-table { height: 62%; box-sizing: border-box; margin: 0 2%; position: relative; + .list-content { height: 95%; width: 100%; + position: relative; + .tab-list { display: flex; align-items: center; @@ -260,6 +273,7 @@ onMounted(async () => { top: 75%; color: #ccc; font-size: 16px; + // justify-content: space-around; div { width: 25%; @@ -267,8 +281,10 @@ onMounted(async () => { white-space: nowrap; } } + .list-box { height: 82%; + .listStyle { display: flex; align-items: center; @@ -278,23 +294,29 @@ onMounted(async () => { margin-top: 0.5%; cursor: pointer; background: rgba(0, 122, 255, 0.06); + div { width: 25%; text-align: center; white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } } + .listStyle:hover { background: rgba(0, 122, 255, 0.43); } } } } + .member-top-data { display: flex; align-items: center; justify-content: center; margin-bottom: 2%; + .top-data-item { width: 135px; height: 51px; @@ -304,30 +326,36 @@ onMounted(async () => { flex-direction: column; padding: 0.5% 0; padding-left: 2%; + span:nth-child(1) { font-size: 16px; color: #fff; font-family: ABeeZee-Regular; margin-bottom: 1%; } + span:nth-child(2) { font-size: 24px; color: #65d7f9; font-family: ABeeZee-Regular; } } + .top-data-item:not(:last-child) { margin-right: 2%; } } + .member-bottom-table { height: 62%; box-sizing: border-box; margin: 0 2%; position: relative; + .list-content { height: 95%; width: 100%; + .tab-list { display: flex; align-items: center; @@ -339,6 +367,7 @@ onMounted(async () => { top: 75%; color: #ccc; font-size: 16px; + // justify-content: space-around; div { width: 17%; @@ -346,8 +375,10 @@ onMounted(async () => { white-space: nowrap; } } + .list-box { height: 82%; + .listStyle { display: flex; align-items: center; @@ -357,34 +388,45 @@ onMounted(async () => { margin-top: 0.5%; cursor: pointer; background: rgba(0, 122, 255, 0.06); + div { width: 17%; text-align: center; white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } } + .listStyle:hover { background: rgba(0, 122, 255, 0.43); } } } } - .not-data { - top: 40%; - width: 30%; - left: 35%; - position: absolute; - text-align: center; - img { - width: 50%; - } - p { - color: #fff; - font-size: 14px; - } - } } } + +.not-data { + width: 22%; + height: 50%; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + position: absolute; + text-align: center; + + img { + width: 50%; + height: 100%; + } + + p { + color: #fff; + font-size: 14px; + } +} + ::v-deep .h-card .content { height: 80%; margin-top: 1.8%; diff --git a/src/views/commandScreen/commandCenter/centerBottom.vue b/src/views/commandScreen/commandCenter/centerBottom.vue index 9b81dbd..89ee9ab 100644 --- a/src/views/commandScreen/commandCenter/centerBottom.vue +++ b/src/views/commandScreen/commandCenter/centerBottom.vue @@ -179,6 +179,7 @@ const activeIfo = reactive({ }); const randerInfo = reactive({ id: "radarMap2", + fontSize: 12, isLegend: "right", radarCenter: ["34%", "50%"], radius: "63%", @@ -194,7 +195,7 @@ const randerInfo = reactive({ { name: "人员风险概率", max: 1 }, { name: "特殊作业风险概率", max: 1 }, { name: "月度安全评分", max: 1 }, - { name: "隐患未整改占比", max: 1 } + { name: "隐患未闭合占比", max: 1 } ], titleInfo: { titleLeft: "未来三天事故风险概率预测", @@ -231,6 +232,7 @@ const openDialogData = async () => { res.result.forEach((item: any, index: number) => { resultList.push({ id: `list${index}`, + fontSize: 12, radius: "70%", isLegend: "top", radarCenter: ["50%", "60%"], @@ -252,7 +254,7 @@ const openDialogData = async () => { { name: "人员风险概率", max: 1 }, { name: "特殊作业风险概率", max: 1 }, { name: "月度安全评分", max: 1 }, - { name: "隐患未整改占比", max: 1 } + { name: "隐患未闭合占比", max: 1 } ], titleInfo: { titleLeft: "未来三天事故风险概率预测", diff --git a/src/views/commandScreen/commandCenter/leftBottom.vue b/src/views/commandScreen/commandCenter/leftBottom.vue index 1f0924e..54f8b17 100644 --- a/src/views/commandScreen/commandCenter/leftBottom.vue +++ b/src/views/commandScreen/commandCenter/leftBottom.vue @@ -164,6 +164,7 @@ const store = GlobalStore(); const randerInfo = reactive({ id: "radarMap1", + fontSize: 12, isLegend: "right", radarCenter: ["34%", "50%"], radius: "65%", @@ -180,7 +181,7 @@ const randerInfo = reactive({ { name: "未闭合隐患", max: 1 }, { name: "特殊工种人员", max: 1 }, { name: "平均安全绩效评分", max: 1 }, - { name: "平均培训通过率", max: 1 } + { name: "平均培训未通过率", max: 1 } ], titleInfo: { titleLeft: "未来三天人员风险概率预测", @@ -208,12 +209,13 @@ const openDialogData = async () => { res.result.forEach((item: any, index: number) => { resultList.push({ id: `list${index}`, - radius: "70%", + fontSize: 12, + radius: "60%", isLegend: "top", - radarCenter: ["50%", "60%"], + radarCenter: ["50%", "56%"], dataList: [ { - value: [item.age, 1, item.safe, item.workerType, item.security, item.exam], + value: [item.age, 1, item.security, item.workerType, item.safe, item.exam], name: item.enterpriseName // areaStyle: {} } @@ -224,7 +226,7 @@ const openDialogData = async () => { { name: "未闭合隐患", max: 1 }, { name: "特殊工种人员", max: 1 }, { name: "平均安全绩效评分", max: 1 }, - { name: "平均培训通过率", max: 1 } + { name: "平均培训未通过率", max: 1 } ], titleInfo: { titleLeft: "未来三天人员风险概率预测", @@ -232,7 +234,7 @@ const openDialogData = async () => { percentage: item.area }, workerFlag: true, - workerList: [item.age, item.total, item.safe, item.workerType, item.security, item.exam] + workerList: [item.age, item.total, item.security, item.workerType, item.safe, item.exam] }); }); } @@ -507,17 +509,17 @@ const getWorkerRiskByProject = async (showLoading: boolean, val: number) => { randerInfo.dataList[0].value = [ res.result.age, 1, - res.result.safe, - res.result.workerType, res.result.security, + res.result.workerType, + res.result.safe, res.result.exam ]; randerInfo.workerList = [ res.result.age, res.result.total, - res.result.safe, - res.result.workerType, res.result.security, + res.result.workerType, + res.result.safe, res.result.exam ]; randerInfo.titleInfo.percentage = res.result.area; diff --git a/src/views/commandScreen/commandCenter/rightAll.vue b/src/views/commandScreen/commandCenter/rightAll.vue index f374e39..4ea7619 100644 --- a/src/views/commandScreen/commandCenter/rightAll.vue +++ b/src/views/commandScreen/commandCenter/rightAll.vue @@ -223,12 +223,13 @@ const openDialogData = async () => { res.result.forEach((item: any, index: number) => { resultList.push({ id: `list${index}`, + fontSize: 12, radius: "60%", isLegend: "top", radarCenter: ["50%", "55%"], dataList: [ { - value: [item.security, item.safe, item.levelRisk, item.limitTime], + value: [item.security, item.safe, item.levelRisk, item.total, item.limitTime], name: item.enterpriseName // areaStyle: {} } @@ -237,6 +238,7 @@ const openDialogData = async () => { { name: "隐患未闭合", max: 1 }, { name: "平均安全绩效评分", max: 1 }, { name: "重大、较大隐患", max: 1 }, + { name: "总隐患数量", max: 1 }, { name: "隐患超期整改", max: 1 } ], titleInfo: { @@ -245,7 +247,7 @@ const openDialogData = async () => { percentage: item.area }, workerFlag: true, - workerList: [item.security, item.safe, item.levelRisk, item.limitTime] + workerList: [item.security, item.safe, item.levelRisk, item.total, item.limitTime] }); }); } @@ -280,9 +282,10 @@ const activeInfo = reactive({ }); const randerInfo = reactive({ id: "radarMap3", + fontSize: 10, isLegend: "right", radarCenter: ["34%", "50%"], - radius: "55%", + radius: "68%", dataList: [ { value: [0, 0, 0, 0], @@ -306,9 +309,10 @@ const randerInfo = reactive({ }); const randerInfo2 = reactive({ id: "radarMap4", + fontSize: 10, isLegend: "right", radarCenter: ["34%", "50%"], - radius: "55%", + radius: "70%", dataList: [ { value: [0, 0, 0, 0, 0, 0, 0, 0], diff --git a/src/views/commandScreen/components/radarMapOption.vue b/src/views/commandScreen/components/radarMapOption.vue index f8717b1..3ef0534 100644 --- a/src/views/commandScreen/components/radarMapOption.vue +++ b/src/views/commandScreen/components/radarMapOption.vue @@ -1,6 +1,6 @@