flat: 请求大屏地址

This commit is contained in:
Apcallover
2024-05-28 09:43:03 +08:00
parent 4fdcbd3f38
commit cbf8b81775

View File

@@ -5,7 +5,8 @@
<!-- 合作企业概况 --> <!-- 合作企业概况 -->
<div class="bgWhite survey" style="height: calc(100vh - 120px);"> <div class="bgWhite survey" style="height: calc(100vh - 120px);">
<i style="position: absolute;right: 10px;top: 10px;color:#fff;" class="el-icon-full-screen" @click="changeFullScreen"></i> <i style="position: absolute;right: 10px;top: 10px;color:#fff;" class="el-icon-full-screen"
@click="changeFullScreen"></i>
<iframe <iframe
name="iframeMap" name="iframeMap"
id="iframeMapViewComponent" id="iframeMapViewComponent"
@@ -22,11 +23,13 @@
</template> </template>
<script> <script>
import { getMapData } from '@/api/desk/notice' import {getMapData} from '@/api/desk/notice'
export default { export default {
data() { data() {
return { return {
getPageUrl: "http://10.165.0.173/largescreen/", // getPageUrl: "http://10.165.0.173/largescreen/",
getPageUrl: "http://10.165.0.54:8300/largescreen/",
fullScreenFlag: false, fullScreenFlag: false,
fullScreenFlagKey: 0, fullScreenFlagKey: 0,
}; };
@@ -81,10 +84,12 @@ export default {
p { p {
margin: 0 !important; margin: 0 !important;
} }
/* 底色 */ /* 底色 */
.bgWhite { .bgWhite {
background: #ffffff; background: #ffffff;
} }
/* 标题 */ /* 标题 */
.title { .title {
font-weight: bold; font-weight: bold;
@@ -93,35 +98,43 @@ p {
color: #333333; color: #333333;
line-height: 30px; line-height: 30px;
} }
.benchWarp { .benchWarp {
/* padding: 0 20px !important; */ /* padding: 0 20px !important; */
/* margin-top: 4px; */ /* margin-top: 4px; */
} }
.benchTop { .benchTop {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
/* margin-bottom: 15px; */ /* margin-bottom: 15px; */
} }
.survey, .survey,
.pending { .pending {
flex: 1; flex: 1;
/* padding: 10px; */ /* padding: 10px; */
/* border-radius: 4px; */ /* border-radius: 4px; */
} }
.survey { .survey {
/* margin-right: 10px; */ /* margin-right: 10px; */
} }
.pending { .pending {
margin-left: 10px; margin-left: 10px;
} }
.content { .content {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
padding: 0 30px; padding: 0 30px;
} }
.content .box { .content .box {
text-align: center; text-align: center;
} }
.content .box .surveyTitle, .content .box .surveyTitle,
.pendingTitle { .pendingTitle {
height: 25px; height: 25px;
@@ -131,6 +144,7 @@ p {
line-height: 25px; line-height: 25px;
margin-top: 30px !important; margin-top: 30px !important;
} }
.content .box .surveyNum, .content .box .surveyNum,
.pendingNum { .pendingNum {
height: 42px; height: 42px;
@@ -152,6 +166,7 @@ p {
border: 1px solid #3f9eff; border: 1px solid #3f9eff;
background: #ffffff; background: #ffffff;
} }
.content .box .goJob { .content .box .goJob {
width: 80px; width: 80px;
height: 20px; height: 20px;
@@ -165,15 +180,18 @@ p {
.benchBottom { .benchBottom {
display: flex; display: flex;
} }
.invitationCode { .invitationCode {
width: calc(100% - 550px); width: calc(100% - 550px);
padding: 18px 30px; padding: 18px 30px;
border-radius: 4px; border-radius: 4px;
} }
.tips { .tips {
width: 250px; width: 250px;
margin-left: 15px; margin-left: 15px;
} }
.customerService { .customerService {
width: 414px; width: 414px;
background: #ffffff; background: #ffffff;
@@ -181,11 +199,13 @@ p {
margin-bottom: 20px; margin-bottom: 20px;
padding: 18px 30px; padding: 18px 30px;
} }
.customerService .customerContent { .customerService .customerContent {
display: flex; display: flex;
align-items: center; align-items: center;
height: 100%; height: 100%;
} }
.customerService .customerContent .img { .customerService .customerContent .img {
width: 115px; width: 115px;
height: 115px; height: 115px;
@@ -195,22 +215,26 @@ p {
background: url("/manage/img/kefu.jpg") no-repeat; background: url("/manage/img/kefu.jpg") no-repeat;
background-size: 115px 115px; background-size: 115px 115px;
} }
.customerService .customerContent .font { .customerService .customerContent .font {
height: 30px; height: 30px;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #333333; color: #333333;
} }
.tip { .tip {
padding: 18px 30px; padding: 18px 30px;
width: 414px; width: 414px;
background: #ffffff; background: #ffffff;
border-radius: 4px; border-radius: 4px;
} }
.tip .tipTop { .tip .tipTop {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.tip .tipTop .more { .tip .tipTop .more {
cursor: pointer; cursor: pointer;
height: 22px; height: 22px;
@@ -219,14 +243,17 @@ p {
color: #3f9eff; color: #3f9eff;
line-height: 22px; line-height: 22px;
} }
.tipListBox { .tipListBox {
height: 276px; height: 276px;
overflow: auto; overflow: auto;
} }
.tipListBox div { .tipListBox div {
display: flex; display: flex;
margin: 11px 0; margin: 11px 0;
} }
.tipListBox p { .tipListBox p {
width: 400px; width: 400px;
height: 30px; height: 30px;
@@ -238,6 +265,7 @@ p {
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.tipListBox span { .tipListBox span {
color: #3f9eff; color: #3f9eff;
} }