ZheJiangNingBo
/
pingAnQiYeWeb
7
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

企业档案卡片调整

Browse Source
pull/130/head
wangyiqiao 2 years ago
parent 6bb6fa5751
commit 9d0b57adf2
2 changed files with 117 additions and 76 deletions
Show Stats Download Patch File Download Diff File

125
src/views/enterpriseArchives/componets/card.vue
Unescape View File

@ -3,35 +3,45 @@
<div class="cardContent">
<!-- 卡片展示 -->
<el-row :gutter="20">
<el-col :span="6" class="cardCol" v-for="(i, index) in cardListArr" :key="index">
<el-col :span="6" class="cardCol" v-for="(i, index) in cardListArr" :key="index" @click.native="goArchives(i)">
<div class="cardList">
<div class="cardListHead">
<span>{{ i.title }}</span>
<span>{{ i.companyName }}</span>
</div>
<div class="cardListBody">
<div class="bodySign">
<div class="bodySign" :style="{ 'background': 'url('+ i.picUrl +')' }">
<!-- <img :src="i.picUrl"/> -->
<!-- 中间标签 -->
<div class="sign">
<span class="signGreen">危化企业</span>
<span class="signRed">民爆</span>
<span class="signBlue">易制毒</span>
<div class="impBtnList">
<div
:class="{
shewei: a == '剧毒' || a == '易制毒',
zhongdian: a == '消防重点' || a == '所管消防',
zhibao: a == '放射源' || a == '易制爆',
zhian: a == '治安重点' || a == '创安单位',
}"
v-for="a in i.companyTypes"
:key="a"
>
{{ a }}
</div>
</div>
</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="企业员工">{{ i.staffCount || 0}} 人</el-descriptions-item>
<el-descriptions-item label="是否有过处罚">
<template slot-scope="scope">
<span v-if="scope.row.isHandle == 1">是</span>
<span v-if="i.caseCount == 13">是</span>
<span v-else>否</span>
</template>
</el-descriptions-item>
<el-descriptions-item label="企业安全责任人电话">{{ i.phone }}</el-descriptions-item>
<el-descriptions-item label="企业安全责任人电话">{{ i.emergencyContactPhone }}</el-descriptions-item>
</el-descriptions>
<div class="address">
<img src="@/assets/enterpriseArchives/address.png" alt="">
<span>{{ i.address }}</span>
<span>{{ i.companyAddress }}</span>
</div>
</div>
</div>
@ -70,7 +80,15 @@ export default {
},
methods: {
goArchives(val) {
console.log(val,'val');
sessionStorage.setItem('companyID', val.id)
sessionStorage.setItem('companyName', val.companyName)
this.$router.push({
name: 'archives',
})
},
},
}
</script>
@ -114,16 +132,87 @@ export default {
}
.bodySign {
width: 95%;
background: url("~@/assets/enterpriseArchives/build.jpg") no-repeat;
// background: url("~@/assets/enterpriseArchives/build.jpg") no-repeat;
background-size: cover;
position: relative;
.sign {
position: absolute;
bottom: 5px;
width: 60%;
width: 100%;
color: #fff;
display: flex;
justify-content: space-around;
.impBtnList {
height: 40px;
width: 100%;
display: flex;
align-items: center;
overflow: hidden;
white-space: nowrap; //禁止换行
text-overflow: ellipsis; //...
//margin-bottom: 5px;
.shewei {
height: 26px;
line-height: 26px;
width: auto;
background: url("~@/assets/companyFile/编组 11991.png")
no-repeat;
padding: 0 5px;
font-size: 14px;
color: #b5ebff;
letter-spacing: 0.44px;
font-weight: 400;
background-size: 100% 100%;
margin-right: 10px;
}
.zhongdian {
height: 26px;
line-height: 26px;
width: auto;
background: url("~@/assets/companyFile/编组 11222221.png")
no-repeat;
padding: 0 5px;
font-size: 14px;
color: #e3deff;
letter-spacing: 0.44px;
font-weight: 400;
background-size: 100% 100%;
margin-right: 10px;
}
.zhibao {
height: 26px;
line-height: 26px;
width: auto;
background: url("~@/assets/companyFile/编组 11991备份 10.png")
no-repeat;
padding: 0 5px;
font-size: 14px;
color: #e3deff;
letter-spacing: 0.44px;
font-weight: 400;
background-size: 100% 100%;
margin-right: 10px;
}
.zhian {
height: 26px;
line-height: 26px;
width: auto;
background: url("~@/assets/companyFile/编组 11991备份 21.png")
no-repeat;
padding: 0 5px;
font-size: 14px;
color: #e3deff;
letter-spacing: 0.44px;
font-weight: 400;
background-size: 100% 100%;
margin-right: 10px;
}
}
.signGreen{
font-size: 14px;
background: url("~@/assets/enterpriseArchives/signGreen.png") no-repeat;
@ -132,6 +221,12 @@ export default {
background: url("~@/assets/enterpriseArchives/signRed.png") no-repeat;
}.signBlue{
background: url("~@/assets/enterpriseArchives/signBlue.png") no-repeat;
background-size: cover;
padding: 3px;
padding-left: 6px;
padding-right: 6px;
border-radius: 4px;
font-size: 14px;
}
}
}
@ -141,7 +236,7 @@ export default {
margin-top: 5px;
.address{
font-size: 14px;
margin-top: 1px;
margin-top: 4px;
img{
vertical-align: middle;
}

64
src/views/enterpriseArchives/index.vue
Unescape View File

@ -42,6 +42,7 @@ export default {
},
data() {
return {
cardList:[],
numList: [],
totalNum: '',
searchVal: '',
@ -62,70 +63,13 @@ export default {
this.getCardList()
},
methods: {
getCardList(){
getCardList(){//卡片列表
this.cardList = []
cardLists().then((res) => {
if(res.code == 200) {
this.cardList = res.data
}
})
this.cardList = [
{
title:'宁波镇海兴达化工有限公司',
num:'303人',
isHandle:1,
phone:18937886328,
address:'浙江省宁波市镇海区经济技术开发区化工园区A区'
},
{
title:'宁波镇海兴达化工有限公司',
num:'303人',
isHandle:1,
phone:18937886328,
address:'浙江省宁波市镇海区经济技术开发区化工园区B区'
},
{
title:'宁波镇海兴达化工有限公司',
num:'303人',
isHandle:1,
phone:18937886328,
address:'浙江省宁波市镇海区经济技术开发区化工园区A区'
},
{
title:'宁波镇海兴达化工有限公司',
num:'303人',
isHandle:1,
phone:18937886328,
address:'浙江省宁波市镇海区经济技术开发区化工园区A区'
},
{
title:'宁波镇海兴达化工有限公司',
num:'303人',
isHandle:1,
phone:18937886328,
address:'浙江省宁波市镇海区经济技术开发区化工园区A区'
},
{
title:'宁波镇海兴达化工有限公司',
num:'303人',
isHandle:1,
phone:18937886328,
address:'浙江省宁波市镇海区经济技术开发区化工园区A区'
},
{
title:'宁波镇海兴达化工有限公司',
num:'303人',
isHandle:1,
phone:18937886328,
address:'浙江省宁波市镇海区经济技术开发区化工园区A区'
},
{
title:'宁波镇海兴达化工有限公司',
num:'221人',
isHandle:1,
phone:18937886328,
address:'浙江省宁波市镇海区经济技术开发区化工园区A区'
}
]
},
showResult(val) {
if (!val) {
@ -146,6 +90,8 @@ export default {
clearInput() {
this.resultList = JSON.parse(JSON.stringify(this.resultList1))
this.isShow = false
this.gethistoryList()
this.getCardList()
},
getlistTotal() {
listTotal().then((res) => {

Write Preview
Loading…
Cancel
Save