pull/17/head
lukeyan 2 years ago
commit 133bd0b860

@ -133,4 +133,16 @@
// border: 0; // border: 0;
// } // }
} }
.search {
position: absolute;
right: 20px;
top: 20px;
display: flex;
}
.el-menu .is-active {
border: 0 !important;
}
</style> </style>

@ -39,6 +39,38 @@ export function warningDisposal(params) {
params params
}) })
} }
//各类企业员工数量
export function tbSafeCompanyStaffCount(params) {
return request({
url: '/safety/enterpriseArchives/tbSafeCompanyStaff/count',
method: 'get',
params
})
}
//企业员工
export function tbSafeCompanyStaff(params) {
return request({
url: '/safety/enterpriseArchives/tbSafeCompanyStaff',
method: 'get',
params
})
}
//各类流动人员数量
export function tbSafeCompanyFlowCount(params) {
return request({
url: '/safety/enterpriseArchives/tbSafeCompanyFlow/count',
method: 'get',
params
})
}
//流动人员
export function tbSafeCompanyFlow(params) {
return request({
url: '/safety/enterpriseArchives/tbSafeCompanyFlow',
method: 'get',
params
})
}
//车辆 //车辆
export function tbSafeCompanyVehicle(params) { export function tbSafeCompanyVehicle(params) {
return request({ return request({
@ -50,7 +82,7 @@ export function tbSafeCompanyVehicle(params) {
//各个物品总数 //各个物品总数
export function TbSafeCompanyGoodsCount(params) { export function TbSafeCompanyGoodsCount(params) {
return request({ return request({
url: 'safety/enterpriseArchives/TbSafeCompanyGoods/count', url: '/safety/enterpriseArchives/TbSafeCompanyGoods/count',
method: 'get', method: 'get',
params params
}) })

@ -4,8 +4,8 @@ import vm from "../main";
import { getToken } from '@/utils/auth' import { getToken } from '@/utils/auth'
axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8' axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
const request = axios.create({ const request = axios.create({
baseURL: 'http://172.18.113.50:8080/zhapi', //baseURL: 'http://172.18.113.50:8080/zhapi',
//baseURL: `http://${window.location.host}/zhapi`, baseURL: `http://${window.location.host}/zhapi`,
timeout: 50000, timeout: 50000,
headers: { 'content-type': 'application/json' }, headers: { 'content-type': 'application/json' },
}) })

@ -18,7 +18,7 @@
</template> </template>
<el-menu-item-group> <el-menu-item-group>
<el-menu-item index="2-1">实时监控</el-menu-item> <el-menu-item index="2-1">实时监控</el-menu-item>
<el-menu-item index="2-2">实时卡口流量</el-menu-item> <el-menu-item index="2-2">人车流量</el-menu-item>
<el-menu-item index="2-3">实时预警</el-menu-item> <el-menu-item index="2-3">实时预警</el-menu-item>
</el-menu-item-group> </el-menu-item-group>
</el-submenu> </el-submenu>
@ -29,8 +29,8 @@
</template> </template>
<el-menu-item-group> <el-menu-item-group>
<el-menu-item index="3-1">企业员工</el-menu-item> <el-menu-item index="3-1">企业员工</el-menu-item>
<el-menu-item index="3-2">流动人</el-menu-item> <el-menu-item index="3-2">流动人</el-menu-item>
<el-menu-item index="3-3">访客</el-menu-item> <el-menu-item index="3-3">企业访客</el-menu-item>
</el-menu-item-group> </el-menu-item-group>
</el-submenu> </el-submenu>
<el-menu-item index="4"> <el-menu-item index="4">
@ -164,7 +164,7 @@
<div class="jibenhangText">{{ companyData.companyAddress }}</div> <div class="jibenhangText">{{ companyData.companyAddress }}</div>
</el-tooltip> </el-tooltip>
</div> </div>
<div class="jibenhang"> <div class="jibenhang jibenhang1">
<div class="jibenhangTitle">营业执照经营范围</div> <div class="jibenhangTitle">营业执照经营范围</div>
<el-tooltip :content="companyData.businessScope" placement="bottom-start"> <el-tooltip :content="companyData.businessScope" placement="bottom-start">
<div class="jibenhangText">{{ companyData.businessScope }}</div> <div class="jibenhangText">{{ companyData.businessScope }}</div>
@ -183,6 +183,8 @@
<monitor :companyID="companyID" ref="child2-1"></monitor> <monitor :companyID="companyID" ref="child2-1"></monitor>
<kakou :companyID="companyID" ref="child2-2"></kakou> <kakou :companyID="companyID" ref="child2-2"></kakou>
<yujing :companyID="companyID" ref="child2-3"></yujing> <yujing :companyID="companyID" ref="child2-3"></yujing>
<qiyeyuangong :companyID="companyID" ref="child3-1"></qiyeyuangong>
<!-- <liudongrenyuan :companyID="companyID" ref="child3-2"></liudongrenyuan> -->
<car :companyID="companyID" ref="child4"></car> <car :companyID="companyID" ref="child4"></car>
<wupin :companyID="companyID" ref="child5"></wupin> <wupin :companyID="companyID" ref="child5"></wupin>
<anjian :companyID="companyID" ref="child6"></anjian> <anjian :companyID="companyID" ref="child6"></anjian>
@ -200,6 +202,8 @@ import yujing from './yujing.vue'
import car from './car.vue' import car from './car.vue'
import wupin from './wupin.vue' import wupin from './wupin.vue'
import anjian from './anjian.vue' import anjian from './anjian.vue'
import qiyeyuangong from './qiyeyuangong.vue'
// import liudongrenyuan from './liudongrenyuan.vue'
export default { export default {
components: { components: {
monitor, monitor,
@ -207,7 +211,9 @@ export default {
yujing, yujing,
car, car,
wupin, wupin,
anjian anjian,
qiyeyuangong,
//liudongrenyuan
}, },
data() { data() {
return { return {
@ -536,17 +542,17 @@ export default {
.jibenRight { .jibenRight {
margin-left: 20px; margin-left: 20px;
width: calc(100% - 366px); width: calc(100% - 366px);
height: 370px; height: 369px;
border: 1px solid rgba(91, 116, 140, 0.6); border: 1px solid rgba(91, 116, 140, 0.6);
border-bottom: 0;
.jibenhang { .jibenhang {
height: 40px; height: 41px;
width: 100%; width: 100%;
display: flex; display: flex;
border-bottom: 1px solid rgba(91, 116, 140, 0.6); border-bottom: 1px solid rgba(91, 116, 140, 0.6);
box-sizing: border-box;
.jibenhangTitle { .jibenhangTitle {
box-sizing: border-box; box-sizing: border-box;
@ -666,6 +672,9 @@ export default {
} }
} }
.jibenhang1 {
border-bottom: 0;
}
} }
.bottomZS { .bottomZS {

@ -2,7 +2,7 @@
<div class="mainBox scroll-target"> <div class="mainBox scroll-target">
<div class="topZS"></div> <div class="topZS"></div>
<div class="title"> <div class="title">
实时卡口流量<span>{{ total }}</span> 人车流量<span>{{ total }}</span>
</div> </div>
<el-form :model="formInline" class="search"> <el-form :model="formInline" class="search">
<el-form-item label="时间:" class="formItem" style="width:500px"> <el-form-item label="时间:" class="formItem" style="width:500px">
@ -25,7 +25,8 @@
<el-tabs v-model="activeName" type="card"> <el-tabs v-model="activeName" type="card">
<el-tab-pane name="first"> <el-tab-pane name="first">
<div slot="label" class="tabdv">人脸 </div> <div slot="label" class="tabdv">人脸 </div>
<div style="width: 100%; height: 622px; display: flex; justify-content: space-between;"> <div style="width: 100%; height: 622px; display: flex; justify-content: space-between;"
v-if="activeName == 'first'">
<div class="imgList"> <div class="imgList">
<div class="imgListItem" v-for="item in tableData" :key="item.id" @click="showDetail(item, $event)"> <div class="imgListItem" v-for="item in tableData" :key="item.id" @click="showDetail(item, $event)">
<div class="detailImg"> <div class="detailImg">
@ -76,7 +77,8 @@
</el-tab-pane> </el-tab-pane>
<el-tab-pane name="second"> <el-tab-pane name="second">
<div slot="label" class="tabdv">车辆</div> <div slot="label" class="tabdv">车辆</div>
<div style="width: 100%; height: 622px; display: flex; justify-content: space-between;"> <div style="width: 100%; height: 622px; display: flex; justify-content: space-between;"
v-if="activeName == 'second'">
<div class="imgList"> <div class="imgList">
<div class="imgListItem" v-for="item in vechileList" :key="item.id" <div class="imgListItem" v-for="item in vechileList" :key="item.id"
@click="showVechileDetail(item, $event)"> @click="showVechileDetail(item, $event)">
@ -532,9 +534,14 @@ export default {
} }
} }
.imgListItem:focus {
filter: brightness(150%);
}
.imgListItemFocus { .imgListItemFocus {
background: url("~@/assets/archives/矩形备份%2036.png") no-repeat; filter: brightness(150%);
background-size: 100% 100%;
} }
} }

@ -0,0 +1,387 @@
<template>
<div class="mainBox scroll-target">
<div class="topZS"></div>
<div class="title">
流动人员<span>{{ total }}</span>
</div>
<el-form :model="formInline" class="search">
<el-form-item label="人员姓名:" class="formItem">
<el-input v-model.trim="formInline.flowName" class="formIpt"></el-input>
</el-form-item>
<el-button type="primary" @click="getList()"></el-button>
</el-form>
<div class="monitorBox">
<el-tabs type="border-card">
<el-tab-pane v-for="(item, index) in wpCount" :key="index">
<div class="paneInner" slot="label" @click="getList(item.type)">{{ item.type
}}{{ item.number }}</div>
</el-tab-pane>
</el-tabs>
<el-table :cell-style="{ background: 'revert' }" :data="tableData" class="table"
style="width: calc(100% - 40px); margin:0 20px;" :row-style="tableRowStyle"
:header-row-style="tableHeaderColor" :header-cell-style="tableHeaderCellColor">
<el-table-column type="index" width="50" label="序号">
</el-table-column>
<el-table-column show-overflow-tooltip label="照片" width="80">
<template slot-scope="scope">
<img :src="scope.row.picUrl" class="ygzp" alt="">
</template>
</el-table-column>
<el-table-column show-overflow-tooltip label="姓名" width="80">
<template slot-scope="scope">
<div class="staffName">{{ scope.row.flowName }}</div>
</template>
</el-table-column>
<el-table-column show-overflow-tooltip prop="sexCn" label="性别" width="60">
</el-table-column>
<el-table-column show-overflow-tooltip label="身份证号" width="180">
<template slot-scope="scope">
<div class="identityId">{{ scope.row.identityId }}</div>
</template>
</el-table-column>
<el-table-column show-overflow-tooltip label="家庭住址" prop="homeAddress">
</el-table-column>
<el-table-column show-overflow-tooltip prop="contactInfo" label="联系方式" width="150">
</el-table-column>
<el-table-column show-overflow-tooltip prop="registerStatusCn" label="登记状态" width="180">
</el-table-column>
</el-table>
</div>
<div class="block">
<el-pagination style="float:right;margin:5px;" class="msg-pagination-container" :background="true"
@size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageNum"
:page-sizes="[5]" layout="total, sizes, prev, pager, next, jumper" :total="total">
</el-pagination>
</div>
<div class="bottomZS"></div>
</div>
</template>
<script>
import { tbSafeCompanyFlow, tbSafeCompanyFlowCount } from '@/api/archives'
export default {
props: ['companyID'],
data() {
return {
formInline: {},
pageSize: 5,
pageNum: 1,
total: 0,
tableData: [],
wpCount: {},
goodsType: null,
}
},
created() {
this.getList()
},
methods: {
getWpTotal() {
tbSafeCompanyFlowCount({ companyId: this.companyID, ...this.formInline, }).then(res => {
this.wpCount = res.data
this.wpCount.forEach((item) => {
if (item.type == '全部') {
this.wpCount = this.wpCount.filter(a => a.type != '全部')
this.wpCount.unshift(item)
}
});
})
},
getList(val) {
if (val) {
if (val == '全部') {
this.goodsType = null
} else if (val == '流动已登记') {
this.goodsType = 1
} else if (val == '流动未登记') {
this.goodsType = 2
}
}
tbSafeCompanyFlow({ pageSize: this.pageSize, pageNum: this.pageNum, ...this.formInline, companyId: this.companyID, registerStatus: this.goodsType }).then(res => {
this.tableData = res.data
this.total = res.total
})
this.getWpTotal()
},
showDia() {
this.diaVisible = true
},
tableRowStyle({ rowIndex }) {
if ((rowIndex + 1) % 2 == 1) {
return { 'background': 'rgba(0,0,0,0)', 'color': '#fff', 'border': '0' }
} else {
return { 'background': 'rgba(61, 85, 102, 0.16)', 'border': '0', 'color': '#fff' }
}
},
tableHeaderColor() {
return { 'background': 'linear-gradient( rgba(38, 88, 76, 0.6) 100%, rgba(55, 131, 128, 0.6) 100%, rgba(34, 74, 53, 0.46) 46%)' }
// return { 'background': 'url("~@/assets/archives/9910.png") no-repeat;', 'background-size': '100% 100%;', 'color': '#fff' }
},
tableHeaderCellColor() {
return { 'background': 'rgba(0,0,0,0)', 'border': '0', 'color': '#fff' }
},
handleSizeChange(val) {
this.pageNum = 1;
this.pageSize = val;
this.getList()
},
handleCurrentChange(val) {
this.pageNum = val;
this.getList()
},
},
}
</script>
<style lang="less" scoped>
.mainBox {
width: 100%;
height: 720px;
background: url('~@/assets/companyFile/背景22136.png') no-repeat;
background-size: 100% 100%;
padding: 70px 20px 60px;
box-sizing: border-box;
display: flex;
position: relative;
margin-top: 20px;
.monitorBox {
width: 100%;
height: 100%;
flex-wrap: wrap;
}
/deep/.el-input__inner {
// background: url('~@/assets/companyFile/2121.png') no-repeat;
background: url('~@/assets/companyFile/矩形备份 18.png') no-repeat;
background-size: 100% 100%;
border: 1px solid rgba(40, 132, 126, 1);
color: rgba(234, 246, 255, 0.7);
;
.el-range-separator {
color: #ccc;
}
.el-range-input {
background: rgba(0, 0, 0, 0);
color: #ccc;
}
}
/deep/.el-tabs--border-card {
background: rgba(0, 0, 0, 0);
border: 0;
height: 50px;
width: calc(100% - 40px);
margin: 0 20px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04);
.el-tabs__header {
display: inline-block;
width: auto;
background: linear-gradient(180deg, rgba(234, 241, 248, 0.1) 0%, rgba(208, 222, 238, 0.1) 100%);
opacity: 0.7;
border: 1px solid #5B748C;
.el-tabs__nav {
display: inline-block;
width: auto;
display: flex;
}
.el-tabs__item {
width: 150px;
border: 0;
color: #EAF6FF;
padding: 5px;
box-sizing: border-box;
display: flex;
align-items: center;
.paneInner {
width: 140px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
}
.el-tabs__item:not(:last-child)::after {
content: '';
width: 1px;
height: 20px;
background: #EAF6FF;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
.el-tabs__item.is-active {
background: rgba(0, 0, 0, 0);
border: 0;
color: #4BFFAD;
padding: 5px;
box-sizing: border-box;
.paneInner {
background: rgba(129, 255, 204, 0.26);
}
}
}
}
/deep/.el-table {
background: rgba(0, 0, 0, 0);
td.el-table__cell {
border: 0;
box-sizing: border-box;
padding: 5px 0;
}
.ygzp {
width: 40px;
height: 60px;
margin-top: 5px;
}
.identityId {
color: #30C4FF;
letter-spacing: 1px;
cursor: pointer;
}
.xiangqing {
background: rgba(0, 0, 0, 0);
border: 0;
color: rgba(48, 196, 255, 0.7);
cursor: pointer;
}
.alarmType {
width: 72px;
height: 32px;
font-size: 14px;
color: rgba(255, 255, 255, 0.9);
letter-spacing: 1px;
font-weight: 400;
.red {
width: 100%;
height: 100%;
background: rgba(152, 7, 7, 0.21);
border: 1px solid rgba(214, 38, 38, 1);
display: flex;
justify-content: center;
align-items: center;
}
.yellow {
width: 100%;
height: 100%;
background: rgba(152, 95, 7, 0.21);
border: 1px solid rgba(255, 169, 38, 1);
display: flex;
justify-content: center;
align-items: center;
}
}
}
.title {
position: absolute;
top: 14px;
left: 20px;
width: 162px;
height: 36px;
line-height: 36;
font-size: 16px;
color: #EBFFF4;
letter-spacing: 2px;
line-height: 36px;
text-shadow: 0 0 9px rgba(21, 255, 195, 0.60);
font-weight: 400;
span {
color: #FF9191;
}
}
.picForm {
/deep/ .el-dialog {
background-color: rgba(0, 0, 0, 0);
background: url('~@/assets/companyFile/背景091.png') no-repeat;
background-size: 100% 100%;
width: 1041px;
height: 420px;
position: relative;
.el-dialog__title {
font-size: 16px;
color: #EBFFF4;
letter-spacing: 2px;
text-shadow: 0 0 9px rgba(21, 255, 195, 0.77);
font-weight: 400;
}
.el-dialog__body {
box-sizing: border-box;
height: 360px;
.scopeQuantity {
letter-spacing: 2px;
}
}
}
}
/deep/.el-form-item {
display: flex;
margin-left: 20px;
.el-form-item__label {
color: #EAF6FF;
letter-spacing: 1px;
text-align: center;
font-weight: 400;
}
}
/deep/.el-button--primary {
margin-top: 5px;
margin-left: 20px;
width: 60px;
height: 30px;
line-height: 30px;
padding: 0;
text-align: center;
background: rgba(0, 0, 0, 0);
border: 0;
background: url('~@/assets/companyFile/2121.png') no-repeat;
background-size: 100% 100%;
font-size: 14px;
color: #F8FBFF;
letter-spacing: 0.89px;
font-weight: 500;
}
}
</style>

@ -40,7 +40,7 @@
<img :src="item.snapURL" alt="" @mouseover="showShadow(index)"> <img :src="item.snapURL" alt="" @mouseover="showShadow(index)">
</div> </div>
<div class="bottomtext"><i class="el-icon-location online1" v-if="item.isOnline"></i><i <div class="bottomtext"><i class="el-icon-location online1" v-if="item.isOnline"></i><i
class="el-icon-location outline1" v-else></i>&nbsp;&nbsp;{{ item.channelName }}</div> class="el-icon-location outline1" v-else></i>&nbsp;&nbsp;{{ item.deviceName }}</div>
<el-dialog title="实时监控" :visible.sync="diaVisible" class="picForm"> <el-dialog title="实时监控" :visible.sync="diaVisible" class="picForm">
<playVideo :video="{ url: item.wsFlv, index: index }" :control="true" v-if="diaVisible"></playVideo> <playVideo :video="{ url: item.wsFlv, index: index }" :control="true" v-if="diaVisible"></playVideo>
</el-dialog> </el-dialog>

@ -0,0 +1,394 @@
<template>
<div class="mainBox scroll-target">
<div class="topZS"></div>
<div class="title">
企业员工<span>{{ total }}</span>
</div>
<el-form :model="formInline" class="search">
<el-form-item label="员工姓名:" class="formItem">
<el-input v-model.trim="formInline.staffName" class="formIpt"></el-input>
</el-form-item>
<el-button type="primary" @click="getList()"></el-button>
</el-form>
<div class="monitorBox">
<el-tabs type="border-card">
<el-tab-pane v-for="(item, index) in wpCount" :key="index">
<div class="paneInner" slot="label" @click="getList(item.type)">{{ item.type
}}{{ item.number }}</div>
</el-tab-pane>
</el-tabs>
<el-table :cell-style="{ background: 'revert' }" :data="tableData" class="table"
style="width: calc(100% - 40px); margin:0 20px;" :row-style="tableRowStyle"
:header-row-style="tableHeaderColor" :header-cell-style="tableHeaderCellColor">
<el-table-column type="index" width="50" label="序号">
</el-table-column>
<el-table-column show-overflow-tooltip label="照片" width="80">
<template slot-scope="scope">
<img :src="scope.row.picUrl" class="ygzp" alt="">
</template>
</el-table-column>
<el-table-column show-overflow-tooltip label="姓名" width="80">
<template slot-scope="scope">
<div class="staffName">{{ scope.row.staffName }}</div>
</template>
</el-table-column>
<el-table-column show-overflow-tooltip prop="sexCn" label="性别" width="60">
</el-table-column>
<el-table-column show-overflow-tooltip label="身份证号" width="180">
<template slot-scope="scope">
<div class="identityId">{{ scope.row.identityId }}</div>
</template>
</el-table-column>
<el-table-column show-overflow-tooltip prop="staffTypeCn" label="人员类型" width="90">
</el-table-column>
<el-table-column show-overflow-tooltip label="家庭住址" prop="homeAddress">
</el-table-column>
<el-table-column show-overflow-tooltip prop="contactInfo" label="联系方式" width="150">
</el-table-column>
<el-table-column show-overflow-tooltip prop="staffPosition" label="职位" width="120">
</el-table-column>
</el-table>
</div>
<div class="block">
<el-pagination style="float:right;margin:5px;" class="msg-pagination-container" :background="true"
@size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageNum"
:page-sizes="[6]" layout="total, sizes, prev, pager, next, jumper" :total="total">
</el-pagination>
</div>
<div class="bottomZS"></div>
</div>
</template>
<script>
import { tbSafeCompanyStaff, tbSafeCompanyStaffCount } from '@/api/archives'
export default {
props: ['companyID'],
data() {
return {
formInline: {},
pageSize: 6,
pageNum: 1,
total: 0,
tableData: [],
wpCount: {},
goodsType: null,
}
},
created() {
this.getList()
},
methods: {
getWpTotal() {
tbSafeCompanyStaffCount({ companyId: this.companyID, ...this.formInline, }).then(res => {
this.wpCount = res.data
this.wpCount.forEach((item) => {
if (item.type == '全部') {
this.wpCount = this.wpCount.filter(a => a.type != '全部')
this.wpCount.unshift(item)
}
});
})
},
getList(val) {
if (val) {
if (val == '全部') {
this.goodsType = null
} else if (val == '普通员工') {
this.goodsType = 1
} else if (val == '重点岗位') {
this.goodsType = 2
} else if (val == '专家人员') {
this.goodsType = 3
} else if (val == '重点人员') {
this.goodsType = 4
}
}
tbSafeCompanyStaff({ pageSize: this.pageSize, pageNum: this.pageNum, ...this.formInline, companyId: this.companyID, staffType: this.goodsType }).then(res => {
this.tableData = res.data
this.total = res.total
})
this.getWpTotal()
},
showDia() {
this.diaVisible = true
},
tableRowStyle({ rowIndex }) {
if ((rowIndex + 1) % 2 == 1) {
return { 'background': 'rgba(0,0,0,0)', 'color': '#fff', 'border': '0' }
} else {
return { 'background': 'rgba(61, 85, 102, 0.16)', 'border': '0', 'color': '#fff' }
}
},
tableHeaderColor() {
return { 'background': 'linear-gradient( rgba(38, 88, 76, 0.6) 100%, rgba(55, 131, 128, 0.6) 100%, rgba(34, 74, 53, 0.46) 46%)' }
// return { 'background': 'url("~@/assets/archives/9910.png") no-repeat;', 'background-size': '100% 100%;', 'color': '#fff' }
},
tableHeaderCellColor() {
return { 'background': 'rgba(0,0,0,0)', 'border': '0', 'color': '#fff' }
},
handleSizeChange(val) {
this.pageNum = 1;
this.pageSize = val;
this.getList()
},
handleCurrentChange(val) {
this.pageNum = val;
this.getList()
},
},
}
</script>
<style lang="less" scoped>
.mainBox {
width: 100%;
height: 720px;
background: url('~@/assets/companyFile/背景22136.png') no-repeat;
background-size: 100% 100%;
padding: 70px 20px 60px;
box-sizing: border-box;
display: flex;
position: relative;
margin-top: 20px;
.monitorBox {
width: 100%;
height: 100%;
flex-wrap: wrap;
}
/deep/.el-input__inner {
// background: url('~@/assets/companyFile/2121.png') no-repeat;
background: url('~@/assets/companyFile/矩形备份 18.png') no-repeat;
background-size: 100% 100%;
border: 1px solid rgba(40, 132, 126, 1);
color: rgba(234, 246, 255, 0.7);
;
.el-range-separator {
color: #ccc;
}
.el-range-input {
background: rgba(0, 0, 0, 0);
color: #ccc;
}
}
/deep/.el-tabs--border-card {
background: rgba(0, 0, 0, 0);
border: 0;
height: 50px;
width: calc(100% - 40px);
margin: 0 20px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04);
.el-tabs__header {
display: inline-block;
width: auto;
background: linear-gradient(180deg, rgba(234, 241, 248, 0.1) 0%, rgba(208, 222, 238, 0.1) 100%);
opacity: 0.7;
border: 1px solid #5B748C;
.el-tabs__nav {
display: inline-block;
width: auto;
display: flex;
}
.el-tabs__item {
width: 130px;
border: 0;
color: #EAF6FF;
padding: 5px;
box-sizing: border-box;
display: flex;
align-items: center;
.paneInner {
width: 120px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
}
.el-tabs__item:not(:last-child)::after {
content: '';
width: 1px;
height: 20px;
background: #EAF6FF;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
.el-tabs__item.is-active {
background: rgba(0, 0, 0, 0);
border: 0;
color: #4BFFAD;
padding: 5px;
box-sizing: border-box;
.paneInner {
background: rgba(129, 255, 204, 0.26);
}
}
}
}
/deep/.el-table {
background: rgba(0, 0, 0, 0);
td.el-table__cell {
border: 0;
box-sizing: border-box;
padding: 5px 0;
}
.ygzp {
width: 40px;
height: 60px;
margin-top: 5px;
}
.identityId {
color: #30C4FF;
letter-spacing: 1px;
cursor: pointer;
}
.xiangqing {
background: rgba(0, 0, 0, 0);
border: 0;
color: rgba(48, 196, 255, 0.7);
cursor: pointer;
}
.alarmType {
width: 72px;
height: 32px;
font-size: 14px;
color: rgba(255, 255, 255, 0.9);
letter-spacing: 1px;
font-weight: 400;
.red {
width: 100%;
height: 100%;
background: rgba(152, 7, 7, 0.21);
border: 1px solid rgba(214, 38, 38, 1);
display: flex;
justify-content: center;
align-items: center;
}
.yellow {
width: 100%;
height: 100%;
background: rgba(152, 95, 7, 0.21);
border: 1px solid rgba(255, 169, 38, 1);
display: flex;
justify-content: center;
align-items: center;
}
}
}
.title {
position: absolute;
top: 14px;
left: 20px;
width: 162px;
height: 36px;
line-height: 36;
font-size: 16px;
color: #EBFFF4;
letter-spacing: 2px;
line-height: 36px;
text-shadow: 0 0 9px rgba(21, 255, 195, 0.60);
font-weight: 400;
span {
color: #FF9191;
}
}
.picForm {
/deep/ .el-dialog {
background-color: rgba(0, 0, 0, 0);
background: url('~@/assets/companyFile/背景091.png') no-repeat;
background-size: 100% 100%;
width: 1041px;
height: 420px;
position: relative;
.el-dialog__title {
font-size: 16px;
color: #EBFFF4;
letter-spacing: 2px;
text-shadow: 0 0 9px rgba(21, 255, 195, 0.77);
font-weight: 400;
}
.el-dialog__body {
box-sizing: border-box;
height: 360px;
.scopeQuantity {
letter-spacing: 2px;
}
}
}
}
/deep/.el-form-item {
display: flex;
margin-left: 20px;
.el-form-item__label {
color: #EAF6FF;
letter-spacing: 1px;
text-align: center;
font-weight: 400;
}
}
/deep/.el-button--primary {
margin-top: 5px;
margin-left: 20px;
width: 60px;
height: 30px;
line-height: 30px;
padding: 0;
text-align: center;
background: rgba(0, 0, 0, 0);
border: 0;
background: url('~@/assets/companyFile/2121.png') no-repeat;
background-size: 100% 100%;
font-size: 14px;
color: #F8FBFF;
letter-spacing: 0.89px;
font-weight: 500;
}
}
</style>

@ -24,17 +24,17 @@
</el-table-column> </el-table-column>
<el-table-column show-overflow-tooltip prop="goodsName" label="物品名称"> <el-table-column show-overflow-tooltip prop="goodsName" label="物品名称">
</el-table-column> </el-table-column>
<el-table-column show-overflow-tooltip prop="goodsTypeCn" label="物品类型"> <el-table-column show-overflow-tooltip prop="goodsTypeCn" label="物品类型" width="100">
</el-table-column> </el-table-column>
<el-table-column show-overflow-tooltip prop="quantity" label="总量t"> <el-table-column show-overflow-tooltip prop="quantity" label="总量t" width="100">
</el-table-column> </el-table-column>
<el-table-column show-overflow-tooltip prop="companyName" label="隶属企业"> <el-table-column show-overflow-tooltip prop="companyName" label="隶属企业">
</el-table-column> </el-table-column>
<el-table-column show-overflow-tooltip prop="emergencyContact" label="安全责任人"> <el-table-column show-overflow-tooltip prop="emergencyContact" label="安全责任人" width="100">
</el-table-column> </el-table-column>
<el-table-column show-overflow-tooltip prop="emergencyContactPhone" label="联系方式"> <el-table-column show-overflow-tooltip prop="emergencyContactPhone" label="联系方式" width="150">
</el-table-column> </el-table-column>
<el-table-column show-overflow-tooltip label="登记时间" prop="registerTime" width="150"> <el-table-column show-overflow-tooltip label="登记时间" prop="registerTime" width="250">
</el-table-column> </el-table-column>
<el-table-column show-overflow-tooltip label="操作" width="80"> <el-table-column show-overflow-tooltip label="操作" width="80">
<template slot-scope="scope"> <template slot-scope="scope">

@ -2,7 +2,7 @@
<div class="mainBox scroll-target"> <div class="mainBox scroll-target">
<div class="topZS"></div> <div class="topZS"></div>
<div class="title"> <div class="title">
实时预警<span>{{ total }}</span> 实时预警<span>{{ total }}</span>
</div> </div>
<div class="monitorBox"> <div class="monitorBox">
<el-table :cell-style="{ background: 'revert' }" :data="tableData" class="table" <el-table :cell-style="{ background: 'revert' }" :data="tableData" class="table"

@ -8,7 +8,7 @@
<el-menu :default-active="activeIndex" class="el-menu-demo topMenu" mode="horizontal" @select="handleSelect" <el-menu :default-active="activeIndex" class="el-menu-demo topMenu" mode="horizontal" @select="handleSelect"
:router="true"> :router="true">
<div class="shu"></div> <div class="shu"></div>
<el-menu-item index="1" route="/home/safetyIndex">平安指数</el-menu-item> <el-menu-item index="1" route="/home/safetyIndex">综合指数</el-menu-item>
<div class="shu"></div> <div class="shu"></div>
<el-menu-item index="2" route="/home">实时预警</el-menu-item> <el-menu-item index="2" route="/home">实时预警</el-menu-item>
<div class="shu"></div> <div class="shu"></div>

Loading…
Cancel
Save