Merge branch 'lukeyan' of http://8.136.197.230:3000/ZheJiangNingBo/pingAnQiYeWeb into lukeyan
lukeyan
2 years ago
commit
e2986d85a0
|
After Width: | Height: | Size: 358 B |
|
After Width: | Height: | Size: 644 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 200 B |
|
After Width: | Height: | Size: 231 B |
|
After Width: | Height: | Size: 225 B |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 4.4 KiB |
|
After Width: | Height: | Size: 8.9 KiB |
|
After Width: | Height: | Size: 9.9 KiB |
|
After Width: | Height: | Size: 8.8 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 7.3 KiB |
|
After Width: | Height: | Size: 802 B |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 4.4 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
@ -0,0 +1,250 @@
|
||||
<!-- 园区车辆 -->
|
||||
<template>
|
||||
<div class="company_car_box">
|
||||
<!-- 模块标题 -->
|
||||
<div class="title">
|
||||
<div class="img_box">
|
||||
<!-- <img src="@/assets/safetyIndex/装饰009991.png" alt="" /> -->
|
||||
</div>
|
||||
<div class="title_text">园区车辆</div>
|
||||
</div>
|
||||
<div class="car_num_box">
|
||||
<!-- 进园区车辆 -->
|
||||
<div class="in_car">
|
||||
<div class="in_car_icon">
|
||||
<div class="in_car_icon_item"></div>
|
||||
</div>
|
||||
<div class="in_car_item">
|
||||
<div class="in_car_item_text">今日进园区</div>
|
||||
<div class="in_car_item_value">
|
||||
<div class="in_car_num">
|
||||
{{ this.in_car_num }}
|
||||
</div>
|
||||
<div class="num_text">辆</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 出园区车辆 -->
|
||||
<div class="out_car">
|
||||
<div class="out_car_icon">
|
||||
<div class="out_car_icon_item"></div>
|
||||
</div>
|
||||
<div class="out_car_item">
|
||||
<div class="out_car_item_text">今日出园区</div>
|
||||
<div class="out_car_item_value">
|
||||
<div class="out_car_num">
|
||||
{{ this.out_car_num }}
|
||||
</div>
|
||||
<div class="num_text">辆</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="car_chart"></div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { vehicleIn } from "@/api/safetyIndex";
|
||||
export default {
|
||||
name: "CompanyCar",
|
||||
data() {
|
||||
return {
|
||||
in_car_num: "", // 今日进园区车数量
|
||||
out_car_num: "", // 今日出园区车数量
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.get_in_car_num();
|
||||
this.get_out_car_num();
|
||||
},
|
||||
methods: {
|
||||
// 获取进园区车辆数
|
||||
get_in_car_num() {
|
||||
let params = {
|
||||
direction: 1,
|
||||
pageSize: 1,
|
||||
pageNum: 1,
|
||||
};
|
||||
vehicleIn(params).then((res) => {
|
||||
this.in_car_num = res.total;
|
||||
});
|
||||
},
|
||||
// 获取出园区车辆数
|
||||
get_out_car_num() {
|
||||
let params = {
|
||||
direction: 2,
|
||||
pageSize: 1,
|
||||
pageNum: 1,
|
||||
};
|
||||
vehicleIn(params).then((res) => {
|
||||
this.out_car_num = res.total;
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.company_car_box {
|
||||
margin-top: 10px;
|
||||
width: 24vw;
|
||||
height: 28vh;
|
||||
background: url("~@/assets/safetyIndex/back001.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
/* 盒子标题 */
|
||||
.title {
|
||||
width: 24vw;
|
||||
height: 2.7vh;
|
||||
display: flex;
|
||||
font-size: 16px;
|
||||
color: #d9e7ff;
|
||||
font-weight: 500;
|
||||
/* 图片盒子 */
|
||||
.img_box {
|
||||
width: 1.5vw;
|
||||
height: 2.7vh;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
}
|
||||
.title_text {
|
||||
width: 4vw;
|
||||
height: 3.2vh;
|
||||
line-height: 3.2vh;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
.car_num_box {
|
||||
margin-left: 1vw;
|
||||
margin-top: 1vh;
|
||||
width: 22vw;
|
||||
height: 5vh;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
.in_car {
|
||||
width: 10vw;
|
||||
height: 5vh;
|
||||
// border: 0.1px solid #495e70;
|
||||
display: flex;
|
||||
.in_car_icon {
|
||||
width: 2.5vw;
|
||||
height: 5vh;
|
||||
background: url("~@/assets/safetyIndex/back003.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.in_car_icon_item {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url("~@/assets/safetyIndex/incaricon.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
.in_car_item {
|
||||
width: 7vw;
|
||||
height: 5vh;
|
||||
// border: 0.1px solid #495e70;
|
||||
.in_car_item_text {
|
||||
width: 7vw;
|
||||
height: 2.5vh;
|
||||
line-height: 2.5vh;
|
||||
color: #d9e7ff;
|
||||
font-size: 14px;
|
||||
text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
|
||||
}
|
||||
.in_car_item_value {
|
||||
background: url("~@/assets/safetyIndex/back004.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 7vw;
|
||||
height: 2.5vh;
|
||||
display: flex;
|
||||
.in_car_num {
|
||||
width: 4vw;
|
||||
height: 2.5vh;
|
||||
color: #d9e7ff;
|
||||
line-height: 2.5vh;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
|
||||
}
|
||||
.num_text {
|
||||
color: #d9e7ff;
|
||||
font-size: 12px;
|
||||
width: 2vw;
|
||||
height: 2.5vh;
|
||||
line-height: 2.5vh;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.out_car {
|
||||
width: 10vw;
|
||||
height: 5vh;
|
||||
display: flex;
|
||||
.out_car_icon {
|
||||
width: 2.5vw;
|
||||
height: 5vh;
|
||||
background: url("~@/assets/safetyIndex/back003.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.out_car_icon_item {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url("~@/assets/safetyIndex/incaricon.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
.out_car_item {
|
||||
width: 7vw;
|
||||
height: 5vh;
|
||||
// border: 0.1px solid #495e70;
|
||||
.out_car_item_text {
|
||||
width: 7vw;
|
||||
height: 2.5vh;
|
||||
line-height: 2.5vh;
|
||||
color: #d9e7ff;
|
||||
font-size: 14px;
|
||||
text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
|
||||
}
|
||||
.out_car_item_value {
|
||||
background: url("~@/assets/safetyIndex/back004.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 7vw;
|
||||
height: 2.5vh;
|
||||
display: flex;
|
||||
.out_car_num {
|
||||
width: 4vw;
|
||||
height: 2.5vh;
|
||||
color: #d9e7ff;
|
||||
line-height: 2.5vh;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
|
||||
}
|
||||
.num_text {
|
||||
color: #d9e7ff;
|
||||
font-size: 12px;
|
||||
width: 2vw;
|
||||
height: 2.5vh;
|
||||
line-height: 2.5vh;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.car_chart {
|
||||
margin-left: 1vw;
|
||||
width: 22vw;
|
||||
height: 18vh;
|
||||
border: 0.1px solid #495e70;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,196 @@
|
||||
<!-- 危化物品 -->
|
||||
<template>
|
||||
<div class="endanger_box">
|
||||
<!-- 模块标题 -->
|
||||
<div class="title">
|
||||
<div class="img_box">
|
||||
<!-- <img src="@/assets/safetyIndex/装饰009991.png" alt="" /> -->
|
||||
</div>
|
||||
<div class="title_text">危化物品</div>
|
||||
</div>
|
||||
<!-- 危化物品表 -->
|
||||
<div class="chart_box">
|
||||
<div :id="id" style="height: 23vh"></div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
// import * as echarts from "echarts";
|
||||
import HighCharts from "highcharts";
|
||||
import { indexGoods } from "@/api/safetyIndex";
|
||||
export default {
|
||||
name: "Endanger",
|
||||
data() {
|
||||
return {
|
||||
id: "danger_chart",
|
||||
option: {
|
||||
chart: {
|
||||
backgroundColor: "rgba(0,0,0,0)",
|
||||
type: "column",
|
||||
options3d: {
|
||||
enabled: true,
|
||||
alpha: 16, //俯瞰角度
|
||||
beta: 10, //旋转角度
|
||||
depth: 0, //景深
|
||||
},
|
||||
},
|
||||
title: {
|
||||
text: "",
|
||||
style: {
|
||||
color: "#8fe3fd",
|
||||
fontSize: "18px",
|
||||
},
|
||||
},
|
||||
subtitle: {
|
||||
text: "",
|
||||
},
|
||||
// 去掉底部水印的文字
|
||||
credits: {
|
||||
enabled: false,
|
||||
},
|
||||
exporting: {
|
||||
enabled: false, //隐藏导出按钮
|
||||
},
|
||||
plotOptions: {
|
||||
column: {
|
||||
borderWidth: 0,
|
||||
//borderColor: "",//去边框
|
||||
//shadow: false, //去阴影
|
||||
dataLabels: {
|
||||
//柱状图数据标签
|
||||
enabled: false, //是否显示数据标签
|
||||
color: "#8fe3fd", //数据标签字体颜色
|
||||
style: {
|
||||
fontSize: "8px",
|
||||
},
|
||||
formatter: function () {
|
||||
//格式化输出显示
|
||||
return this.y;
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
xAxis: {
|
||||
gridLineWidth: 0,
|
||||
categories: ["放射源", "易制毒", "易制爆", "民爆"],
|
||||
labels: {
|
||||
style: {
|
||||
color: "#8fe3fd",
|
||||
fontSize: "12px",
|
||||
},
|
||||
},
|
||||
},
|
||||
yAxis: {
|
||||
min: 0,
|
||||
gridLineWidth: "0px",
|
||||
title: {
|
||||
text: "",
|
||||
style: {
|
||||
color: "#8fe3fd",
|
||||
fontSize: "12px",
|
||||
},
|
||||
},
|
||||
labels: {
|
||||
style: {
|
||||
color: "#8fe3fd",
|
||||
fontSize: "12px",
|
||||
},
|
||||
},
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '<b style="color:#8fe3fd; font-size: 12px">存储</b>',
|
||||
color: "#6633f0",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: '<b style="color:#8fe3fd; font-size: 12px">生产</b>',
|
||||
color: "#3ccee5",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: '<b style="color:#8fe3fd; font-size: 12px">购买</b>',
|
||||
color: "#34E0B2",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: '<b style="color:#8fe3fd; font-size: 12px">销售</b>',
|
||||
color: "#E0D234",
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: '<b style="color:#8fe3fd; font-size: 12px">使用</b>',
|
||||
color: "#E04234",
|
||||
data: [],
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.init();
|
||||
},
|
||||
methods: {
|
||||
init() {
|
||||
indexGoods().then((res) => {
|
||||
let chart_list = res.data;
|
||||
console.log("chart_list", chart_list);
|
||||
let data_one = [Number(chart_list[0].storage), Number(chart_list[1].storage), Number(chart_list[2].storage), Number(chart_list[3].storage)];
|
||||
let data_two = [Number(chart_list[0].produce), Number(chart_list[1].produce), Number(chart_list[2].produce), Number(chart_list[3].produce)];
|
||||
let data_three = [Number(chart_list[0].purchase), Number(chart_list[1].purchase), Number(chart_list[2].produce), Number(chart_list[3].produce)];
|
||||
let data_four = [Number(chart_list[0].sale), Number(chart_list[1].sale), Number(chart_list[2].produce), Number(chart_list[3].produce)];
|
||||
let data_five = [Number(chart_list[0].use), Number(chart_list[1].use), Number(chart_list[2].produce), Number(chart_list[3].produce)];
|
||||
this.option.series[0].data = data_one;
|
||||
this.option.series[1].data = data_two;
|
||||
this.option.series[2].data = data_three;
|
||||
this.option.series[3].data = data_four;
|
||||
this.option.series[4].data = data_five;
|
||||
HighCharts.chart(this.id, this.option);
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.endanger_box {
|
||||
margin-top: 10px;
|
||||
width: 24vw;
|
||||
height: 28vh;
|
||||
// border: 0.1px solid #495e70;
|
||||
background: url("~@/assets/safetyIndex/back001.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
/* 盒子标题 */
|
||||
.title {
|
||||
width: 24vw;
|
||||
height: 2.7vh;
|
||||
display: flex;
|
||||
font-size: 16px;
|
||||
color: #d9e7ff;
|
||||
font-weight: 500;
|
||||
/* 图片盒子 */
|
||||
.img_box {
|
||||
width: 1.5vw;
|
||||
height: 2.7vh;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
}
|
||||
.title_text {
|
||||
width: 4vw;
|
||||
height: 3.2vh;
|
||||
line-height: 3.2vh;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
.chart_box {
|
||||
margin-top: 1vh;
|
||||
margin-left: 1vw;
|
||||
width: 22vw;
|
||||
height: 22vh;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,162 @@
|
||||
<template>
|
||||
<div class="cardBox">
|
||||
<div class="cardContent">
|
||||
<!-- 卡片展示 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="6" class="cardCol" v-for="(i, index) in cardListArr" :key="index">
|
||||
<div class="cardList">
|
||||
<div class="cardListHead">
|
||||
<span>{{ i.title }}</span>
|
||||
</div>
|
||||
<div class="cardListBody">
|
||||
<div class="bodySign">
|
||||
<!-- 中间标签 -->
|
||||
<div class="sign">
|
||||
<span class="signGreen">危化企业</span>
|
||||
<span class="signRed">民爆</span>
|
||||
<span class="signBlue">易制毒</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cardListFoot">
|
||||
<el-descriptions class="margin-top" :column="2">
|
||||
<el-descriptions-item label="企业员工">{{ i.num }}</el-descriptions-item>
|
||||
<el-descriptions-item label="是否有过处罚">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.isHandle == 1">是</span>
|
||||
<span v-else>否</span>
|
||||
</template>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="企业安全责任人电话">{{ i.phone }}</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
<div class="address">
|
||||
<img src="@/assets/enterpriseArchives/address.png" alt="">
|
||||
<span>{{ i.address }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props:{
|
||||
cardList:{
|
||||
type:Array,
|
||||
default:()=> []
|
||||
}
|
||||
},
|
||||
watch:{
|
||||
cardList:{
|
||||
handler(val){
|
||||
this.cardListArr =val
|
||||
},
|
||||
immediate:true
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
cardListArr:[]
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
|
||||
},
|
||||
mounted(){
|
||||
|
||||
},
|
||||
methods: {
|
||||
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.cardBox{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
.cardContent {
|
||||
width: 80%;
|
||||
}
|
||||
.cardCol{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 2vh;
|
||||
}
|
||||
.cardList {
|
||||
width: 382px;
|
||||
cursor: pointer;
|
||||
height: 291px;
|
||||
background: url("~@/assets/enterpriseArchives/cardBg.png") no-repeat;
|
||||
.cardListHead {
|
||||
height: 39px;
|
||||
z-index: 99;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
background: url(data:image/png;base64,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) no-repeat;
|
||||
width: 382px;
|
||||
}
|
||||
.cardListHead span{
|
||||
color: #FFFFFF;
|
||||
display: inline-block;
|
||||
margin-top: 2px;
|
||||
}
|
||||
.cardListBody{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
height: 200px;
|
||||
justify-content: center;
|
||||
}
|
||||
.bodySign {
|
||||
width: 95%;
|
||||
background: url("~@/assets/enterpriseArchives/build.jpg") no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
.sign {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
width: 60%;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
.signGreen{
|
||||
font-size: 14px;
|
||||
background: url("~@/assets/enterpriseArchives/signGreen.png") no-repeat;
|
||||
}
|
||||
.signRed{
|
||||
background: url("~@/assets/enterpriseArchives/signRed.png") no-repeat;
|
||||
}.signBlue{
|
||||
background: url("~@/assets/enterpriseArchives/signBlue.png") no-repeat;
|
||||
}
|
||||
}
|
||||
}
|
||||
.cardListFoot{
|
||||
color: #fff;
|
||||
padding: 0 10px 0 10px;
|
||||
margin-top: 5px;
|
||||
.address{
|
||||
font-size: 14px;
|
||||
margin-top: 1px;
|
||||
img{
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
::v-deep .el-descriptions{
|
||||
width: 80%!important;
|
||||
}
|
||||
::v-deep .el-descriptions__body{
|
||||
color: #fff;
|
||||
background-color: transparent!important;
|
||||
}
|
||||
::v-deep .el-descriptions-item__cell{
|
||||
padding-bottom: 3px!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue