xuhaoyun
2 years ago
parent
af0a2f24a8
commit
058717b003
@ -0,0 +1,9 @@
|
||||
import request from '@/utils/request'
|
||||
//首页数据统计
|
||||
export function getSafeCompanyStatisticsScore(params) {
|
||||
return request({
|
||||
url: '/safety/system/tbSafeCompanyStatisticsScore/getSafeCompanyStatisticsScore',
|
||||
method: 'post',
|
||||
params
|
||||
})
|
||||
}
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
@ -0,0 +1,823 @@
|
||||
<template>
|
||||
<div class="paiming">
|
||||
<div class="paimingBox">
|
||||
<div class="topSearch">
|
||||
<el-button type="primary" @click="goBack()"><img src="../../assets/safetyIndex/返回009.png" alt="">
|
||||
返回</el-button>
|
||||
<el-input v-model.trim="companyName" placeholder="请输入需要查找的企业名称">
|
||||
<i slot="prefix" class="el-input__icon el-icon-search" @click="getList()"></i></el-input>
|
||||
<el-tabs type="border-card" class="topTabs" v-model="topTabsName" @tab-click="getList()">
|
||||
<el-tab-pane label="月度" name="month"></el-tab-pane>
|
||||
<el-tab-pane label="季度" name="season"></el-tab-pane>
|
||||
<el-tab-pane label="年度" name="year"></el-tab-pane>
|
||||
</el-tabs>
|
||||
<el-tabs type="border-card" class="topTabs rightTabs" v-model="rightTabsName" @tab-click="getList()">
|
||||
<el-tab-pane label="正序" name="ASC"></el-tab-pane>
|
||||
<el-tab-pane label="倒序" name="DESC"></el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
<div class="middleTable">
|
||||
<el-table :cell-style="{ background: 'revert' }" :data="companyList" class="table"
|
||||
style="width: calc(100% ); margin:0 ;" :row-style="tableRowStyle" :header-row-style="tableHeaderColor"
|
||||
:header-cell-style="tableHeaderCellColor">
|
||||
<el-table-column show-overflow-tooltip prop="companyName" label="企业列表">
|
||||
</el-table-column>
|
||||
<el-table-column label="防疫安全">
|
||||
<el-table-column show-overflow-tooltip label="疫苗接种" width="35">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.ymjz || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="核酸检测" width="35">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.hsjc || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="场所码" width="35">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.csm || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="中高风险返企" width="35">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.zgfx || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="人员安全">
|
||||
<el-table-column show-overflow-tooltip label="流动人口" width="35">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.ldrk || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="重点人员" width="35">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.zdrr || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="重点岗位" width="35">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.zsgw || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="专家库" width="35">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.zgk || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="道路安全">
|
||||
<el-table-column show-overflow-tooltip width="35" label="源头检查">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.ytjc || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="违章数据">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.wzsj || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="交通事故">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.jtsg || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="企业整改">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.dlzg || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="企业周边交通设施检查">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.qyzb || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="消防安全">
|
||||
<el-table-column show-overflow-tooltip width="35" label="设备维护">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.xfss || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="制度执行">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.xfzd || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="台账建设">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.qytz || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="事件发生">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.xfsj || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="列管物品">
|
||||
<el-table-column show-overflow-tooltip width="35" label="放射源">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.fsy || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="危化品">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.whp || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="民用枪支">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.myqz || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="民爆物品">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.ybwp || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="内部治安">
|
||||
<el-table-column show-overflow-tooltip width="35" label="部门检查系统研判">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.bmjc || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="企业整改">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.qyzg || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="企业案件">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.qyaj || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="企业规章与应急演练">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.qygz || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="企业三防基础数据">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.qysf || 0 }}
|
||||
</div>
|
||||
</template></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="危化品运输">
|
||||
<el-table-column show-overflow-tooltip width="35" label="源头检查">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.ytjc || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="企业整改">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.whzg || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="违章数据">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.wzsj || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="行政刑事案件">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.xzaj || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="交通事故">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.jtsg || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="演习培训">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.yxpx || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="防攻击">
|
||||
<el-table-column show-overflow-tooltip width="35" label="人防">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.qyrf || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="技防">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.qyjf || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="物防">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.qywf || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="企业整改">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.qyzz || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="反恐演习">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.fksz || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="网络安全">
|
||||
<el-table-column show-overflow-tooltip width="35" label="漏洞整改">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.ldzg || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="行政案件">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.xzaj || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="重大网安事件">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.wlaqsj || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="等保定级">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.dbdjps || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="应急备案">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.wzyjxt || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip width="35" label="演习培训">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.qyyxpx || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="综合指数" width="80" prop="score"></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, 10]" layout="total, sizes, prev, pager, next, jumper" :total="total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { getSafeCompanyStatisticsScore } from '@/api/enterpriseRank'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
companyName: '',
|
||||
topTabsName: 'month',
|
||||
rightTabsName: 'DESC',
|
||||
pageSize: 10,
|
||||
pageNum: 1,
|
||||
total: 0,
|
||||
companyStatisticsList: [],
|
||||
companyList: [],
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
getList() {
|
||||
getSafeCompanyStatisticsScore({
|
||||
pageSize: this.pageSize, pageNum: this.pageNum, scoreType: this.topTabsName,
|
||||
sortFlag: this.rightTabsName, companyName: this.companyName, levelIndex: 2
|
||||
}).then(res => {
|
||||
this.companyStatisticsList = res.rows
|
||||
this.companyList = this.companyStatisticsList.map(item => {
|
||||
item.tbSafeCompanyStatisticsScoreDetails.forEach(a => {
|
||||
if (a.safeRuleId == 4) {
|
||||
item.ymjz = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 7) {
|
||||
item.hsjc = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 9) {
|
||||
item.csm = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 11) {
|
||||
item.zgfx = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 15) {
|
||||
item.ldrr = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 20) {
|
||||
item.zdrr = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 28) {
|
||||
item.zdgw = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 31) {
|
||||
item.zjrr = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 34) {
|
||||
item.xfss = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 38) {
|
||||
item.qytz = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 42) {
|
||||
item.xfzd = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 46) {
|
||||
item.xfsj = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 52) {
|
||||
item.ytjc = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 55) {
|
||||
item.wzsj = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 61) {
|
||||
item.jtsj = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 65) {
|
||||
item.xzxs = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 67) {
|
||||
item.whzg = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 70) {
|
||||
item.yxpx = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 74) {
|
||||
item.whp = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 77) {
|
||||
item.fsy = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 81) {
|
||||
item.ybwp = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 84) {
|
||||
item.myqz = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 89) {
|
||||
item.qysf = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 94) {
|
||||
item.qygz = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 98) {
|
||||
item.bmjc = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 102) {
|
||||
item.qyzg = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 105) {
|
||||
item.qyaj = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 110) {
|
||||
item.dlyt = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 113) {
|
||||
item.dlwz = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 119) {
|
||||
item.jtsg = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 122) {
|
||||
item.dlzg = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 125) {
|
||||
item.qyzb = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 129) {
|
||||
item.qyrf = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 136) {
|
||||
item.qywf = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 140) {
|
||||
item.qyjf = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 144) {
|
||||
item.qyzz = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 147) {
|
||||
item.fksz = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 151) {
|
||||
item.ldzg = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 154) {
|
||||
item.xzaj = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 156) {
|
||||
item.wlaqsj = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 158) {
|
||||
item.wzyjxt = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 162) {
|
||||
item.dbdjps = a.score
|
||||
return
|
||||
}
|
||||
if (a.safeRuleId == 164) {
|
||||
item.qyyxpx = a.score
|
||||
return
|
||||
}
|
||||
})
|
||||
return item
|
||||
})
|
||||
console.log(this.companyList, 'this.companyList');
|
||||
})
|
||||
},
|
||||
goBack() {
|
||||
this.$router.go(-1)
|
||||
},
|
||||
tableRowStyle({ rowIndex }) {
|
||||
if ((rowIndex + 1) % 2 == 1) {
|
||||
return { 'background': 'rgba(0,0,0,0)', 'color': '#fff', 'border': 'rgba(255, 255, 255, 0.9)' }
|
||||
} else {
|
||||
return { 'background': 'rgba(61, 85, 102, 0.16)', 'border': '0', 'color': 'rgba(255, 255, 255, 0.9)' }
|
||||
}
|
||||
},
|
||||
tableHeaderColor() {
|
||||
return { 'background': 'linear-gradient( 45deg,rgba(38, 88, 76, 0.12) 0, rgba(55, 131, 128, 0.32) 30%, rgba(34, 74, 53, 0.15) 100%)' }
|
||||
// return { 'background': 'url("~@/assets/archives/列表9910.png") no-repeat;', 'background-size': '100% 100%;', 'color': '#fff' }
|
||||
},
|
||||
tableHeaderCellColor() {
|
||||
return { 'background': 'rgba(0,0,0,0)', 'border': '1px solid rgba(91, 116, 140, 0.6)', 'font-Weight': '300', 'color': 'rgba(255, 255, 255, 0.8)', 'text-align': 'center' }
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
console.log(`每页 ${val} 条`);
|
||||
this.pageNum = 1;
|
||||
this.pageSize = val;
|
||||
this.getList()
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
console.log(`当前页: ${val}`);
|
||||
this.pageNum = val;
|
||||
this.getList()
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.paiming {
|
||||
width: 100%;
|
||||
height: calc(100% - 80px);
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
padding: 20px;
|
||||
|
||||
.paimingBox {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url('~@/assets/safetyIndex/背景2121.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
padding: 20px;
|
||||
|
||||
.topSearch {
|
||||
width: 100%;
|
||||
height: 36px;
|
||||
display: flex;
|
||||
position: relative;
|
||||
margin-bottom: 20px;
|
||||
|
||||
/deep/.el-button--primary {
|
||||
width: 96px;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
background: rgba(0, 0, 0, 0);
|
||||
border: 0;
|
||||
background: url('~@/assets/safetyIndex/按钮背景（返回）.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
font-size: 14px;
|
||||
color: #66FFDF;
|
||||
letter-spacing: 1px;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
|
||||
box-sizing: border-box;
|
||||
vertical-align: middle;
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/deep/.el-button--primary:hover {
|
||||
filter: brightness(150%);
|
||||
}
|
||||
|
||||
/deep/.el-input {
|
||||
margin: 0 20px;
|
||||
width: 400px;
|
||||
height: 36px;
|
||||
background: #1B2A28;
|
||||
border-radius: 2px;
|
||||
box-sizing: border-box;
|
||||
|
||||
.el-input__inner {
|
||||
height: 36px;
|
||||
background: #1B2A28;
|
||||
border: 0;
|
||||
border: 1px solid rgba(108, 128, 151, 0.7);
|
||||
color: #D0DEEE;
|
||||
}
|
||||
|
||||
i {
|
||||
color: #4BFFAD;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
/deep/.el-tabs--border-card {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
border: 0;
|
||||
height: 30px;
|
||||
// width: calc(100% - 40px);
|
||||
width: 210px;
|
||||
margin: 0;
|
||||
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: rgba(0, 0, 0, 0);
|
||||
|
||||
// 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: 70px;
|
||||
height: 30px;
|
||||
border: 0;
|
||||
color: #8FABBF;
|
||||
padding: 5px;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: url('~@/assets/safetyIndex/编组 6221.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.paneInner {
|
||||
width: 100px;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.el-tabs__item.is-active {
|
||||
background: url('~@/assets/safetyIndex/90866.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
border: 0;
|
||||
color: #4BFFAD;
|
||||
padding: 5px;
|
||||
box-sizing: border-box;
|
||||
|
||||
.paneInner {
|
||||
background: rgba(129, 255, 204, 0.26);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.el-tabs__content {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.rightTabs {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.middleTable {
|
||||
width: 100%;
|
||||
height: calc(100% - 75px);
|
||||
|
||||
/deep/.el-table {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
border: 0;
|
||||
border-bottom: 1px solid rgba(91, 116, 140, 0.6);
|
||||
|
||||
td.el-table__cell {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
|
||||
.cell {
|
||||
padding-left: 5px;
|
||||
padding-right: 3px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cell.el-tooltip {
|
||||
white-space: nowrap;
|
||||
min-width: 35px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.el-table__row {
|
||||
.el-table__cell:first-child {
|
||||
.cell.el-tooltip {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
/deep/.el-table td.el-table__cell,
|
||||
.el-table th.el-table__cell.is-leaf {
|
||||
border-bottom: 0;
|
||||
border-right: 1px solid rgba(91, 116, 140, 0.6);
|
||||
border-left: 1px solid rgba(91, 116, 140, 0.6);
|
||||
}
|
||||
|
||||
/deep/.el-table th.el-table__cell>.cell {
|
||||
padding-left: 1px;
|
||||
padding-right: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
/deep/.el-table--border::after,
|
||||
.el-table--group::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue