Merge branch 'dev-yjl' into 'shenzhen-dev'

中建四局(安全管理页面数据显示调整)

See merge request !77
This commit is contained in:
yjlHub 2022-12-20 11:32:46 +08:00
commit f7b5c20dc1
6 changed files with 48 additions and 32 deletions

View File

@ -41,7 +41,10 @@ export default {
color: [ "#6EE4F0", "#E86129","#FFC303",], color: [ "#6EE4F0", "#E86129","#FFC303",],
itemStyle: { itemStyle: {
normal: { normal: {
label: { label: {
length:30, // 线
position: 'outside',
// //
show: true, show: true,
formatter: " {d}% \n {b} ", formatter: " {d}% \n {b} ",

View File

@ -4,9 +4,10 @@
<el-date-picker <el-date-picker
@change="credad" @change="credad"
v-model="shootingTime" v-model="shootingTime"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd"
type="datetime" type="date"
placeholder="选择日期时间" placeholder="选择日期时间"
:clearable ="true"
> >
</el-date-picker> </el-date-picker>
<vue-scroll> <vue-scroll>
@ -54,7 +55,7 @@ import { getUavVideoApi } from "@/assets/js/api/zhongjianFourth";
export default { export default {
data() { data() {
return { return {
shootingTime: "", // shootingTime: '', //
uavList: [], // uavList: [], //
videoUrl: "", // videoUrl: "", //
}; };
@ -65,10 +66,14 @@ export default {
methods: { methods: {
// //
credad(val) { credad(val) {
this.shootingTime = ""; let data = ""
if(val) {
data = val
}
console.log("获取无人机列表数据 :时间参数 -- " ,val);
getUavVideoApi({ getUavVideoApi({
projectSn: this.$store.state.projectSn, projectSn: this.$store.state.projectSn,
shootingTime: val, shootingDate: data,
}).then((res) => { }).then((res) => {
console.log("无人机res", res); console.log("无人机res", res);
this.uavList = res.result; this.uavList = res.result;

View File

@ -17,15 +17,15 @@
<div class="textDivBox"> <div class="textDivBox">
<div class="textDiv"> <div class="textDiv">
<span>{{ threeLevel.projectWorkerNumber }}</span> <span>{{ threeLevel.projectWorkerNumber||0}}</span>
<p>项目总人数</p> <p>项目总人数</p>
</div> </div>
<div class="textDiv"> <div class="textDiv">
<span>{{ threeLevel.projectTrainWorkerNumber }}</span> <span>{{ threeLevel.projectTrainWorkerNumber||0}}</span>
<p>项目培训人数</p> <p>项目培训人数</p>
</div> </div>
<div class="textDiv"> <div class="textDiv">
<span>{{ threeLevel.projectTrainRatio }}%</span> <span>{{ threeLevel.projectTrainRatio||0}}%</span>
<p>项目培训率</p> <p>项目培训率</p>
</div> </div>
</div> </div>
@ -56,8 +56,7 @@
v-if="threeLevel.workerSafeEducationList.length == 0" v-if="threeLevel.workerSafeEducationList.length == 0"
> >
<div <div
style=" style=" font-size: 14px;
font-size: 14px;
color: #999; color: #999;
text-align: center; text-align: center;
width: 100%; width: 100%;
@ -75,8 +74,7 @@
<div class="centerC"> <div class="centerC">
<div class="text"> <div class="text">
每日<span 每日<span
style=" style="width: 100px;
width: 100px;
height: 100px; height: 100px;
border-bottom: 1px solid #f56c35; border-bottom: 1px solid #f56c35;
padding: 0 0 5px 0; padding: 0 0 5px 0;
@ -87,11 +85,11 @@
<div class="textDivBox"> <div class="textDivBox">
<div class="textDiv"> <div class="textDiv">
<span>{{ shouting.allCount }}</span> <span>{{ shouting.allCount||0}}</span>
<p>今日班前喊话次数</p> <p>今日班前喊话次数</p>
</div> </div>
<div class="textDiv"> <div class="textDiv">
<span>{{ shouting.todayCount }}</span> <span>{{ shouting.todayCount||0}}</span>
<p>班前喊话次数</p> <p>班前喊话次数</p>
</div> </div>
</div> </div>
@ -138,8 +136,7 @@
<!-- <div class="text">每日<span style="width:100px;height:100px;border-bottom:1px solid #F56C35;padding:0 0 5px 0">班前</span>喊话</div> --> <!-- <div class="text">每日<span style="width:100px;height:100px;border-bottom:1px solid #F56C35;padding:0 0 5px 0">班前</span>喊话</div> -->
<span <span
style=" style="width: 100px;
width: 100px;
height: 100px; height: 100px;
border-bottom: 1px solid #f56c35; border-bottom: 1px solid #f56c35;
padding: 0 0 5px 0; padding: 0 0 5px 0;
@ -150,19 +147,19 @@
<div class="textDivBox"> <div class="textDivBox">
<div class="textDiv"> <div class="textDiv">
<span>{{ safetyDisclosure.trainNumber }}</span> <span>{{ safetyDisclosure.trainNumber||0}}</span>
<p>培训次数</p> <p>培训次数</p>
</div> </div>
<div class="textDiv"> <div class="textDiv">
<span>{{ safetyDisclosure.specialOperationsNumber }}</span> <span>{{ safetyDisclosure.specialOperationsNumber||0}}</span>
<p>特种作业</p> <p>特种作业</p>
</div> </div>
<div class="textDiv"> <div class="textDiv">
<span>{{ safetyDisclosure.disclosureInRainySeasonNumber }}</span> <span>{{ safetyDisclosure.disclosureInRainySeasonNumber||0}}</span>
<p>雨季交底</p> <p>雨季交底</p>
</div> </div>
<div class="textDiv"> <div class="textDiv">
<span>{{ safetyDisclosure.electricityDisclosureNumber }}</span> <span>{{ safetyDisclosure.electricityDisclosureNumber||0}}</span>
<p>用电交底</p> <p>用电交底</p>
</div> </div>
</div> </div>
@ -181,7 +178,7 @@
v-for="(item,index) in safetyDisclosureDate" :key="index" v-for="(item,index) in safetyDisclosureDate" :key="index"
> >
<div class="td">{{ item.eduCourseName }}</div> <div class="td">{{ item.eduCourseName }}</div>
<div class="td">{{item.eduTypeList[item.eduType] }}</div> <div class="td">{{eduTypeList[item.eduType] }}</div>
<div class="td">{{ item.eduTeacher }}</div> <div class="td">{{ item.eduTeacher }}</div>
<div class="td">{{ item.eduTime }}</div> <div class="td">{{ item.eduTime }}</div>
</div> </div>
@ -208,7 +205,6 @@
<script> <script>
import Card from "../components/Card.vue"; import Card from "../components/Card.vue";
import { mapState } from "vuex";
import { import {
getThreeLevelDataByProjectSnApi, getThreeLevelDataByProjectSnApi,
getSecurityDataByProjectSnApi, getSecurityDataByProjectSnApi,
@ -239,13 +235,19 @@ export default {
8: "每日交底(安全技术交底)", 8: "每日交底(安全技术交底)",
9: "每日交底(大工程交底)", 9: "每日交底(大工程交底)",
10: "入职培训", 10: "入职培训",
11:"入场三级交底",
12:"特种作业",
13:"雨季交底",
14:"用电交底",
}, },
projectSn:'',
}; };
}, },
computed: { // computed: {
...mapState(["projectSn"]), // ...mapState(["projectSn"]),
}, // },
created() { created() {
this.projectSn=this.$store.state.projectSn
this.getThreeLevelDataByProjectSn(); this.getThreeLevelDataByProjectSn();
this.getSecurityDataByProjectSn(); this.getSecurityDataByProjectSn();
this.getTodayInfoByProjectSn(); this.getTodayInfoByProjectSn();
@ -255,7 +257,7 @@ export default {
getThreeLevelDataByProjectSn() { getThreeLevelDataByProjectSn() {
getThreeLevelDataByProjectSnApi({ projectSn: this.projectSn }).then( getThreeLevelDataByProjectSnApi({ projectSn: this.projectSn }).then(
(res) => { (res) => {
console.log(res, "getThreeLevelDataByProjectSn-----------"); console.log(res, "getThreeLevelDataByProjectSn----------进场三级交底-");
this.threeLevel = res.result; this.threeLevel = res.result;
} }
); );
@ -264,6 +266,7 @@ export default {
getSecurityDataByProjectSn() { getSecurityDataByProjectSn() {
getSecurityDataByProjectSnApi({ projectSn: this.projectSn }).then( getSecurityDataByProjectSnApi({ projectSn: this.projectSn }).then(
(res) => { (res) => {
console.log(res, "getThreeLevelDataByProjectSn----------安全交底-");
this.safetyDisclosure = res.result; this.safetyDisclosure = res.result;
this.safetyDisclosureDate=res.result.workerSafeEducationList this.safetyDisclosureDate=res.result.workerSafeEducationList
} }
@ -272,6 +275,7 @@ export default {
// //
getTodayInfoByProjectSn() { getTodayInfoByProjectSn() {
getTodayInfoByProjectSnApi({ projectSn: this.projectSn }).then((res) => { getTodayInfoByProjectSnApi({ projectSn: this.projectSn }).then((res) => {
console.log(res, "getThreeLevelDataByProjectSn----------班前喊话-");
console.log(res, "getTodayInfoByProjectSnApi"); console.log(res, "getTodayInfoByProjectSnApi");
this.shouting = res.result; this.shouting = res.result;
}); });

View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<div class="device" v-for="i in list" :key="i"> <div class="device" v-for="(i,index) in list" :key="index">
<div class="device-name">{{i.hardwareName}}</div> <div class="device-name">{{i.hardwareName}}</div>
<div class="info"> <div class="info">

View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<div class="device" v-for="i in list" :key="i"> <div class="device" v-for="(i,index) in list" :key="index">
<div class="device-name">{{i.deviceName}}</div> <div class="device-name">{{i.deviceName}}</div>
<div class="info"> <div class="info">
<!-- <img class="image" src="../../assets/images/common/bg_kyj.png" /> --> <!-- <img class="image" src="../../assets/images/common/bg_kyj.png" /> -->

View File

@ -1,10 +1,14 @@
<template> <template>
<div> <div>
<div class="device" v-for="i in list" :key="i"> <div class="device" v-for="(i, index) in list" :key="index">
<div class="device-name">{{ i.videoName }}</div> <div class="device-name">{{ i.videoName }}</div>
<div class="info"> <div class="info">
<div class="image" v-if="i.coverUrl.length"><img class="image" :src="i.coverUrl" /></div> <div class="image" >
<div class="image" style="line-height:140px;text-align:center" v-else>暂无图片</div> <img class="image" :src="i.coverUrl" />
</div>
<!-- <div class="image" style="line-height: 140px; text-align: center">
暂无图片
</div> -->
<div class="detail"> <div class="detail">
<div class="detail-item green"> <div class="detail-item green">
状态{{ i.deviceState == 1 ? "在线" : "离线" }} 状态{{ i.deviceState == 1 ? "在线" : "离线" }}
@ -29,7 +33,6 @@
</div> </div>
</div> </div>
<div <div
v-if="list.length == 0"
style=" style="
font-size: 14px; font-size: 14px;
color: #999; color: #999;
@ -61,6 +64,7 @@ export default {
5: "宇视", 5: "宇视",
6: "国标", 6: "国标",
}, },
// src:'@/assets/images/noData3.png'
}; };
}, },
props: { props: {