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

0508

Browse Source
pull/18/head
xuhaoyun 1 year ago
parent d91e440cbc
commit 43c2733c57
3 changed files with 8104 additions and 8183 deletions
Show Stats Download Patch File Download Diff File

13
src/views/archives/index.vue
Unescape View File

@ -184,8 +184,8 @@
<kakou :companyID="companyID" ref="child2-2"></kakou>
<yujing :companyID="companyID" ref="child2-3"></yujing>
<qiyeyuangong :companyID="companyID" ref="child3-1"></qiyeyuangong>
<liudongrenyuan :companyID="companyID" ref="child3-2"></liudongrenyuan>
<fangke :companyID="companyID" ref="child3-3"></fangke>
<!-- <liudongrenyuan :companyID="companyID" ref="child3-2"></liudongrenyuan>
<fangke :companyID="companyID" ref="child3-3"></fangke> -->
<car :companyID="companyID" ref="child4"></car>
<wupin :companyID="companyID" ref="child5"></wupin>
<anjian :companyID="companyID" ref="child6"></anjian>
@ -205,8 +205,8 @@ import car from './car.vue'
import wupin from './wupin.vue'
import anjian from './anjian.vue'
import qiyeyuangong from './qiyeyuangong.vue'
import liudongrenyuan from './liudongrenyuan.vue'
import fangke from './fangke.vue'
// import liudongrenyuan from './liudongrenyuan.vue'
// import fangke from './fangke.vue'
export default {
components: {
monitor,
@ -216,8 +216,8 @@ export default {
wupin,
anjian,
qiyeyuangong,
liudongrenyuan,
fangke
// liudongrenyuan,
// fangke
},
data() {
return {
@ -314,7 +314,6 @@ export default {
child.$el.scrollIntoView()
}
},
searchCompany() {
const id = sessionStorage.getItem('companyID')
const companyName = sessionStorage.getItem('companyName')

105
src/views/systemManagement/companyList/index.vue
Unescape View File

@ -13,11 +13,7 @@
<!-- 顶部搜索区域 -->
<div class="top">
<div class="top_search">
<el-input
class="top_search_input"
placeholder="输入企业名称搜索"
v-model="searchCompany"
>
<el-input class="top_search_input" placeholder="输入企业名称搜索" v-model="searchCompany">
</el-input>
<div class="top_search_button">
<i class="el-icon-search" @click="getData_icon()"></i>
@ -34,27 +30,21 @@
<img :src="item.picUrl" alt="" @error="setDefaultImage" />
<span class="company_name"> {{ item.companyName }} </span>
<div class="company_label">
<div
:class="{
shewei: val == '剧毒' || val == '易制毒',
zhongdian: val == '消防重点' || val == '所管消防',
zhibao: val == '放射源' || val == '易制爆',
zhian: val == '治安重点' || val == '创安单位',
}"
v-for="(val, index) in item.companyTypes"
:key="index"
>
<div :class="{
shewei: val == '剧毒' || val == '易制毒',
zhongdian: val == '消防重点' || val == '所管消防',
zhibao: val == '放射源' || val == '易制爆',
zhian: val == '治安重点' || val == '创安单位',
}" v-for="(val, index) in item.companyTypes" :key="index">
{{ val }}
</div>
</div>
<span class="company_unit"
><i class="el-icon-location"></i>
{{ item.companyAddress }}</span
>
<span class="company_unit"><i class="el-icon-location"></i>
{{ item.companyAddress }}</span>
<!-- 遮罩层 -->
<div class="image_mask">
<div class="btn">
<button class="check" @click="jump()">查看档案</button>
<button class="check" @click="jump(item)">查看档案</button>
<button class="change" @click="openDialog(3, item)">
编辑
</button>
@ -68,15 +58,9 @@
</div>
<!-- 分页区域 -->
<div class="footer">
<el-pagination
:background="true"
@current-change="handleCurrentChange"
:page-sizes="[6]"
:page-size="pageSize"
:current-page="pageNum"
layout="total, sizes, prev, pager, next, jumper"
:total="total"
>
<el-pagination :background="true" @current-change="handleCurrentChange" :page-sizes="[6]"
:page-size="pageSize" :current-page="pageNum" layout="total, sizes, prev, pager, next, jumper"
:total="total">
</el-pagination>
</div>
</div>
@ -165,8 +149,12 @@ export default {
back() {
this.getData();
},
jump() {
jump(val) {
console.log(val, 'Val');
sessionStorage.setItem('companyID', val.id)
sessionStorage.setItem('companyName', val.companyName)
this.$router.push("/home/archives");
},
setDefaultImage(e) {
// 加载失败默认图片
@ -178,11 +166,14 @@ export default {
<style lang="less" scoped>
/* card统一样式 */
.el-card.box-card.is-always-shadow {
height: calc(100vh - 116px); /* 控制card布局高度,用于适配 */
height: calc(100vh - 116px);
/* 控制card布局高度,用于适配 */
position: relative;
/* card统一样式 */
/deep/.el-card__header {
border-bottom: 1px solid #a1a1a1 !important;
.clearfix {
span {
font-size: 17px;
@ -193,38 +184,47 @@ export default {
}
}
}
.main {
height: 100%;
.el-card.box-card.is-always-shadow {
background: url("~@/assets/companyFile/22136.png") no-repeat !important;
background-size: 100% 100% !important;
border: 0px;
}
.card_body {
height: 90% !important;
.top {
width: 100%;
display: flex;
justify-content: space-between;
.top_search {
margin-left: 2vw;
display: flex;
width: 40%;
height: 40px;
.top_search_input ::v-deep {
/* 查询框 */
width: 60%;
.el-input__inner {
border-radius: 4px 0px 0px 4px;
background: #3c4b4a;
color: #fff;
}
/* 查询框点击颜色变化 */
.el-input__inner:focus,
.el-input__inner:hover {
border-color: #1b3736;
}
}
.top_search_button {
width: 7%;
height: 100%;
@ -233,19 +233,23 @@ export default {
text-align: center;
font-size: 28px;
cursor: pointer;
.el-icon-search {
color: #fff;
padding: 11% 0;
}
}
.top_search_button:focus,
.top_search_button:hover {
/* 放大镜点击特效 */
background: #126a58;
}
}
.top_add_btn {
width: 10%;
.el-button {
width: 82%;
border: 1px solid #4a6072;
@ -254,6 +258,7 @@ export default {
background: url("~@/assets/companyFile/btn05.png") no-repeat !important;
background-size: 100% 100% !important;
}
.el-button:focus,
.el-button:hover {
text-shadow: 0 0 9px #34e1b3;
@ -261,17 +266,20 @@ export default {
}
}
}
/* 公司图片展示区域 */
.center {
width: 100%;
height: 65vh;
margin-top: 22px;
ul {
display: flex;
justify-content: flex-start;
height: 100%;
flex-wrap: wrap;
padding-left: 0px;
li {
margin-left: 2.5%;
position: relative;
@ -280,12 +288,14 @@ export default {
height: 31vh;
background: #1b3736;
border: 1px solid #fff;
img {
margin-left: 0.3vw;
margin-top: 0.5vh;
width: 25vw;
height: 30vh;
}
/* 公司图片相关信息区域 */
.company_name {
position: absolute;
@ -296,12 +306,14 @@ export default {
bottom: 70px;
font-size: 18px;
}
.company_label {
display: flex;
position: absolute;
z-index: 2;
left: 10px;
bottom: 35px;
.shewei {
height: 26px;
line-height: 26px;
@ -320,8 +332,7 @@ export default {
height: 26px;
line-height: 26px;
width: auto;
background: url("~@/assets/companyFile/编组 11222221.png")
no-repeat;
background: url("~@/assets/companyFile/编组 11222221.png") no-repeat;
padding: 0 5px;
font-size: 14px;
color: #e3deff;
@ -335,8 +346,7 @@ export default {
height: 26px;
line-height: 26px;
width: auto;
background: url("~@/assets/companyFile/编组 11991备份 10.png")
no-repeat;
background: url("~@/assets/companyFile/编组 11991备份 10.png") no-repeat;
padding: 0 5px;
font-size: 14px;
color: #e3deff;
@ -350,8 +360,7 @@ export default {
height: 26px;
line-height: 26px;
width: auto;
background: url("~@/assets/companyFile/编组 11991备份 21.png")
no-repeat;
background: url("~@/assets/companyFile/编组 11991备份 21.png") no-repeat;
padding: 0 5px;
font-size: 14px;
color: #e3deff;
@ -361,6 +370,7 @@ export default {
margin-right: 10px;
}
}
.company_unit {
position: absolute;
z-index: 2;
@ -368,6 +378,7 @@ export default {
left: 10px;
bottom: 10px;
}
/* 图片鼠标经过 */
.image_mask {
z-index: 3;
@ -378,10 +389,12 @@ export default {
background: rgba(73, 72, 72, 0.6);
color: #ffffff;
opacity: 0;
/* 图片鼠标经过按钮 */
.btn {
margin-left: 25%;
margin-top: 25%;
button {
height: 60px;
padding: 20px;
@ -392,28 +405,34 @@ export default {
border-radius: 0px;
cursor: pointer;
}
button.check {
background: url("~@/assets/companyFile/btn05.png") no-repeat !important;
background-size: 100% 100% !important;
}
/* 点击高亮 */
button.check:hover,
button.check:focus {
filter: brightness(150%);
}
button.change {
background: url("~@/assets/companyFile/btn06.png") no-repeat !important;
background-size: 100% 100% !important;
}
/* 点击高亮 */
button.change:hover,
button.change:focus {
filter: brightness(150%);
}
button.clear {
background: url("~@/assets/companyFile/btn07.png") no-repeat !important;
background-size: 100% 100% !important;
}
/* 点击高亮 */
button.clear:hover,
button.clear:focus {
@ -422,50 +441,62 @@ export default {
}
}
}
li:hover .image_mask {
opacity: 1;
cursor: default;
}
li:hover .shewei {
opacity: 0;
}
li:hover .zhongdian {
opacity: 0;
}
li:hover .zhibao {
opacity: 0;
}
li:hover .zhian {
opacity: 0;
}
li:hover span {
opacity: 0;
}
}
}
/* 底部分页展示区域 */
.footer {
.el-pagination {
margin-left: 50%;
/deep/.el-pagination__total {
color: #fff;
}
/deep/.el-input__inner {
border-radius: 0px;
background: #3c4b4a;
color: #fff;
}
/deep/.btn-prev {
border-radius: 0px;
background: #3c4b4a;
color: #fff;
}
/deep/ul {
li {
background: #3c4b4a;
color: #fff;
}
}
/deep/.btn-next {
border-radius: 0px;
background: #3c4b4a;

16169
yarn.lock
View File

File diff suppressed because it is too large Load Diff
Write Preview
Loading…
Cancel
Save