299 lines
7.6 KiB
Vue
299 lines
7.6 KiB
Vue
<template>
|
|
<div id="large-screen" class="benchWarp">
|
|
<!-- top -->
|
|
<div class="benchTop" style="position: relative;">
|
|
<!-- <span style="position: absolute;right: 0;top: 0;">最大化</span> -->
|
|
|
|
<!-- 合作企业概况 -->
|
|
<div class="bgWhite survey" style="height: calc(100vh - 120px);">
|
|
<i style="position: absolute;right: 10px;top: 0;color:#fff;" class="el-icon-full-screen" @click="changeFullScreen"></i>
|
|
<!-- <img src="./index.jpeg" width="100%" height="100%"> -->
|
|
<iframe
|
|
name="iframeMap"
|
|
id="iframeMapViewComponent"
|
|
v-bind:src="getPageUrl"
|
|
width="100%"
|
|
height="100%"
|
|
frameborder="0"
|
|
scrolling="no"
|
|
ref="iframeDom"
|
|
></iframe>
|
|
</div>
|
|
</div>
|
|
<!-- bottom -->
|
|
<!-- 占位 -->
|
|
<!-- <div style="height: 35px;"></div> -->
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { getMapData } from '@/api/desk/notice'
|
|
export default {
|
|
data() {
|
|
return {
|
|
getPageUrl: "/chengdu/index.html",
|
|
fullScreenFlag: false,
|
|
fullScreenFlagKey: 0,
|
|
};
|
|
},
|
|
created() {
|
|
getMapData({
|
|
date: '2023-09',
|
|
province: '四川省'
|
|
}).then(res => {
|
|
console.log(res)
|
|
})
|
|
},
|
|
methods: {
|
|
// toFullScreen() {
|
|
// this.showFullScreen = true
|
|
// },
|
|
changeFullScreen() {
|
|
// this.fullScreenFlagKey +=1
|
|
if (!this.fullScreenFlag) {
|
|
const element = document.getElementsByClassName('avue-header')[0];
|
|
element.setAttribute('style', 'display: none');
|
|
const nav = document.getElementsByClassName('avue-tags')[0]
|
|
nav.setAttribute('style', 'display: none');
|
|
const tags = document.getElementsByClassName('avue-left')[0]
|
|
tags.setAttribute('style', 'display: none');
|
|
const el = document.getElementsByClassName('avue-main')[0]
|
|
el.setAttribute('style', 'left: 0;height: 100vh;width:100vw;padding-bottom:0;');
|
|
// const el1 = document.getElementsByClassName('avue-view')[0]
|
|
// el1.setAttribute('style', 'padding:0;')
|
|
// const el2 = document.getElementsByClassName('benchWarp')[0]
|
|
// el2.setAttribute('style', 'padding:0;')
|
|
const screen = document.getElementsByClassName('survey')[0]
|
|
screen.setAttribute('style', 'height: 100vh;width:100vw;margin-right:0;');
|
|
const large = document.getElementById('large-screen');
|
|
large.setAttribute('style', 'padding:0 !important;')
|
|
// this.leftTableHeight += 30
|
|
this.fullScreenFlag = !this.fullScreenFlag
|
|
} else {
|
|
// this.leftTableHeight -= 30
|
|
// const element = document.getElementsByClassName('sidebar-container')[0];
|
|
// element.setAttribute('style', 'display: block');
|
|
// const nav = document.getElementsByClassName('navbar')[0]
|
|
// nav.setAttribute('style', 'display: block');
|
|
// const tags = document.getElementById('tags-view-container')
|
|
// tags.setAttribute('style', 'display: block');
|
|
// const el = document.getElementsByClassName('main-container')[0]
|
|
// el.setAttribute('style', 'height: calc(100vh-84px)');
|
|
// el.removeAttribute('margin-left')
|
|
// const screen = document.getElementsByClassName('screen-home')[0]
|
|
// screen.setAttribute('style', 'height: calc(100vh-84px)');
|
|
// this.fullScreenFlag = !this.fullScreenFlag
|
|
const element = document.getElementsByClassName('avue-header')[0];
|
|
element.setAttribute('style', 'display: block');
|
|
const nav = document.getElementsByClassName('avue-tags')[0]
|
|
nav.setAttribute('style', 'display: block');
|
|
const tags = document.getElementsByClassName('avue-left')[0]
|
|
tags.setAttribute('style', 'display: block');
|
|
const el = document.getElementsByClassName('avue-main')[0]
|
|
el.setAttribute('style', 'left: 240px;height:100vh;');
|
|
const screen = document.getElementsByClassName('survey')[0]
|
|
screen.setAttribute('style', 'height: 100vh;');
|
|
this.fullScreenFlag = !this.fullScreenFlag
|
|
}
|
|
},
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
p {
|
|
margin: 0 !important;
|
|
}
|
|
/* 底色 */
|
|
.bgWhite {
|
|
background: #ffffff;
|
|
}
|
|
/* 标题 */
|
|
.title {
|
|
font-weight: bold;
|
|
height: 30px;
|
|
font-size: 22px;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
}
|
|
.benchWarp {
|
|
/* padding: 0 20px !important; */
|
|
/* margin-top: 4px; */
|
|
}
|
|
.benchTop {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
/* margin-bottom: 15px; */
|
|
}
|
|
.survey,
|
|
.pending {
|
|
flex: 1;
|
|
/* padding: 10px; */
|
|
/* border-radius: 4px; */
|
|
}
|
|
.survey {
|
|
/* margin-right: 10px; */
|
|
}
|
|
.pending {
|
|
margin-left: 10px;
|
|
}
|
|
.content {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
padding: 0 30px;
|
|
}
|
|
.content .box {
|
|
text-align: center;
|
|
}
|
|
.content .box .surveyTitle,
|
|
.pendingTitle {
|
|
/*width: 71px;*/
|
|
height: 25px;
|
|
font-size: 18px;
|
|
/*font-family: Alibaba-PuHuiTi-R, Alibaba-PuHuiTi;*/
|
|
font-weight: normal;
|
|
color: #333333;
|
|
line-height: 25px;
|
|
|
|
/*font-size: 13px;*/
|
|
/*color: #999999;*/
|
|
margin-top: 30px !important;
|
|
}
|
|
.content .box .surveyNum,
|
|
.pendingNum {
|
|
/*width: 36px;*/
|
|
height: 42px;
|
|
font-size: 30px;
|
|
/*font-family: Alibaba-PuHuiTi-B, Alibaba-PuHuiTi;*/
|
|
font-weight: normal;
|
|
color: #333333;
|
|
line-height: 42px;
|
|
|
|
/*font-size: 16px;*/
|
|
/*font-weight: 650;*/
|
|
margin: 15px 0 !important;
|
|
}
|
|
|
|
.content .box .lookDetail {
|
|
font-size: 18px;
|
|
/*font-family: Alibaba-PuHuiTi-R, Alibaba-PuHuiTi;*/
|
|
font-weight: normal;
|
|
color: #3f9eff;
|
|
line-height: 25px;
|
|
width: 119px;
|
|
height: 39px;
|
|
border-radius: 4px;
|
|
border: 1px solid #3f9eff;
|
|
|
|
/*color: #999999;*/
|
|
/*border: 1px solid #999999;*/
|
|
background: #ffffff;
|
|
/*border-radius: 10px;*/
|
|
/*font-size: 12px;*/
|
|
}
|
|
.content .box .goJob {
|
|
width: 80px;
|
|
height: 20px;
|
|
color: #0066ff;
|
|
border: 1px solid #0066ff;
|
|
background: #ffffff;
|
|
border-radius: 10px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.benchBottom {
|
|
display: flex;
|
|
}
|
|
.invitationCode {
|
|
width: calc(100% - 550px);
|
|
padding: 18px 30px;
|
|
border-radius: 4px;
|
|
}
|
|
.tips {
|
|
width: 250px;
|
|
margin-left: 15px;
|
|
}
|
|
.customerService {
|
|
width: 414px;
|
|
/*height: 224px;*/
|
|
background: #ffffff;
|
|
border-radius: 4px;
|
|
|
|
/*height: 120px;*/
|
|
margin-bottom: 20px;
|
|
padding: 18px 30px;
|
|
}
|
|
.customerService .customerContent {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 100%;
|
|
}
|
|
.customerService .customerContent .img {
|
|
width: 115px;
|
|
height: 115px;
|
|
background: #d8d8d8;
|
|
margin-right: 15px;
|
|
margin-top: 20px;
|
|
background: url("/manage/img/kefu.jpg") no-repeat;
|
|
background-size: 115px 115px;
|
|
}
|
|
.customerService .customerContent .font {
|
|
/*width: 96px;*/
|
|
height: 30px;
|
|
font-size: 16px;
|
|
/*font-family: PingFangSC-Regular, PingFang SC;*/
|
|
font-weight: 400;
|
|
color: #333333;
|
|
/*line-height: 30px;*/
|
|
|
|
/*font-size: 12px;*/
|
|
/*color: #666666;*/
|
|
}
|
|
.tip {
|
|
padding: 18px 30px;
|
|
width: 414px;
|
|
/*height: 375px;*/
|
|
background: #ffffff;
|
|
border-radius: 4px;
|
|
}
|
|
.tip .tipTop {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.tip .tipTop .more {
|
|
cursor: pointer;
|
|
height: 22px;
|
|
font-size: 16px;
|
|
/*font-family: Alibaba-PuHuiTi-R, Alibaba-PuHuiTi;*/
|
|
font-weight: normal;
|
|
color: #3f9eff;
|
|
line-height: 22px;
|
|
}
|
|
.tipListBox {
|
|
height: 276px;
|
|
overflow: auto;
|
|
}
|
|
.tipListBox div {
|
|
display: flex;
|
|
margin: 11px 0;
|
|
}
|
|
.tipListBox p {
|
|
width: 400px;
|
|
height: 30px;
|
|
font-size: 16px;
|
|
/*font-family: PingFangSC-Regular, PingFang SC;*/
|
|
font-weight: 400;
|
|
color: #333333;
|
|
line-height: 30px;
|
|
|
|
/*margin: 7px 0 !important;*/
|
|
/*font-size: 12px;*/
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.tipListBox span {
|
|
color: #3f9eff;
|
|
}
|
|
</style>
|