Compare commits
2 Commits
c8a9047b68
...
3200af628c
| Author | SHA1 | Date |
|---|---|---|
|
|
3200af628c | |
|
|
c33e31026b |
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
|
|
@ -215,6 +215,11 @@
|
|||
<div class="base-layer-change-button" @click="addTileLayer('vec_d')">电子地图</div>
|
||||
<div class="base-layer-change-button" :style="{ 'margin-right': '40px' }" @click="addTileLayer('img_d')">卫星地图</div>
|
||||
</div>
|
||||
|
||||
<!-- 呼叫中心 -->
|
||||
<div class="one-button-container" v-drag>
|
||||
<onebuttoncall></onebuttoncall>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -256,6 +261,7 @@ import callCenter from './widget/callcenter.vue';
|
|||
import rightEchartsData from './widget/rightechartsdata.vue';
|
||||
import search from './widget/search.vue'
|
||||
import drag from '../../utils/draged';
|
||||
import Onebuttoncall from './widget/onebuttoncall.vue';
|
||||
let BASE_URL = process.env.VUE_APP_BASE_API
|
||||
const areaName = localStorage.getItem("areaName")
|
||||
export default {
|
||||
|
|
@ -286,7 +292,8 @@ export default {
|
|||
callCenter,
|
||||
// fireClues,
|
||||
rightEchartsData,
|
||||
search
|
||||
search,
|
||||
Onebuttoncall
|
||||
},
|
||||
|
||||
data() {
|
||||
|
|
@ -1412,4 +1419,16 @@ export default {
|
|||
bottom: 115px;
|
||||
z-index: 9;
|
||||
cursor: pointer;
|
||||
}</style>
|
||||
}
|
||||
|
||||
.one-button-container{
|
||||
width:800px;
|
||||
height:500px;
|
||||
position: absolute;
|
||||
top:50%;
|
||||
left:50%;
|
||||
transform: translate(-50%,-50%);
|
||||
z-index:999;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<template>
|
||||
<div class="onebuttoncall-container">
|
||||
<div class="title">呼叫中心</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'onebuttoncall',
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.onebuttoncall-container{
|
||||
width:100%;
|
||||
height:100%;
|
||||
background-image: url(/img/biaohui.png);
|
||||
background-size:100% 100%;
|
||||
}
|
||||
|
||||
.title{
|
||||
font-size:20px;
|
||||
color:#fff;
|
||||
text-indent:22px;
|
||||
height:60px;
|
||||
line-height:60px;
|
||||
text-indent:36px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -62,6 +62,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="flex ai-c jc-e callbox">
|
||||
<el-input placeholder="请输入呼叫内容" v-model="callText"></el-input>
|
||||
<el-button type="primary" size="large" @click="callPhoneAll">一键呼叫</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -89,7 +90,8 @@
|
|||
areaName: localStorage.getItem("areaName"),
|
||||
checkPhoneArr:[],
|
||||
startdistance: null,
|
||||
enddistance: null
|
||||
enddistance: null,
|
||||
callText:null,
|
||||
}
|
||||
},
|
||||
watch:{
|
||||
|
|
@ -288,6 +290,7 @@
|
|||
})
|
||||
},
|
||||
callPhoneAll(){
|
||||
console.log("fireData",this.fireData)
|
||||
if(!this.fireData.reportTime){
|
||||
return
|
||||
}
|
||||
|
|
@ -306,15 +309,12 @@
|
|||
phoneArr.push(item.phone)
|
||||
})
|
||||
}
|
||||
|
||||
let param = {
|
||||
phoneNumbers: phoneArr.join(','),
|
||||
time: dates,
|
||||
address:this.fireData.address
|
||||
address:this.fireData.address,
|
||||
work:this.callText
|
||||
}
|
||||
|
||||
console.log("paramsEEEEEEEEEEEEE",param);
|
||||
return;
|
||||
postMethodCommon('/FireCodePC/EventAssign',param).then(res =>{
|
||||
if(res.code == 200){
|
||||
this.$message({
|
||||
|
|
|
|||
|
|
@ -248,6 +248,18 @@
|
|||
overflow: hidden;
|
||||
}
|
||||
|
||||
.leida::after{
|
||||
content:"";
|
||||
width:100%;
|
||||
height:100%;
|
||||
background-image:url(https://dingyue.nosdn.127.net/8kRm5cG5wM8B56dyKyYYOypaqqSCYSuoefqIEdAhmZvq71535100373299compressflag.jpg);
|
||||
background-size:100% 100%;
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
z-index:-1;
|
||||
}
|
||||
|
||||
.tangjialing {
|
||||
background: -webkit-radial-gradient(center, rgba(32, 255, 77, 0.3) 0%, rgba(32, 255, 77, 0) 75%), -webkit-repeating-radial-gradient(rgba(32, 255, 77, 0) 5.8%, rgba(32, 255, 77, 0) 18%, #20ff4d 18.6%, rgba(32, 255, 77, 0) 18.9%), -webkit-linear-gradient(90deg, rgba(32, 255, 77, 0) 49.5%, #20ff4d 50%, #20ff4d 50%, rgba(32, 255, 77, 0) 50.2%), -webkit-linear-gradient(0deg, rgba(32, 255, 77, 0) 49.5%, #20ff4d 50%, #20ff4d 50%, rgba(32, 255, 77, 0) 50.2%);
|
||||
background: radial-gradient(center, rgba(32, 255, 77, 0.3) 0%, rgba(32, 255, 77, 0) 75%), repeating-radial-gradient(rgba(32, 255, 77, 0) 5.8%, rgba(32, 255, 77, 0) 18%, #20ff4d 18.6%, rgba(32, 255, 77, 0) 18.9%), linear-gradient(90deg, rgba(32, 255, 77, 0) 49.5%, #20ff4d 50%, #20ff4d 50%, rgba(32, 255, 77, 0) 50.2%), linear-gradient(0deg, rgba(32, 255, 77, 0) 49.5%, #20ff4d 50%, #20ff4d 50%, rgba(32, 255, 77, 0) 50.2%);
|
||||
|
|
|
|||
Loading…
Reference in New Issue