377 lines
10 KiB
Vue
377 lines
10 KiB
Vue
|
<template>
|
|||
|
|
<cover-view class="holdon" v-if="accountType == 6 && moduleInfo.moduleId">
|
|||
|
|
<image class="ball" ref='imgWidth' @click="goNavigateTo()"
|
|||
|
|
:style="'left:'+(moveX == 0 & x>0? x+'%':moveX+'px')+';top:'+(moveY == 0 & y>0? y+'%':moveY+'px')+';transform: translate(-'+(x+'%') +',-' +(y+'%') +');'"
|
|||
|
|
@touchstart="drag_start" @touchmove.prevent="drag_hmove" src="@/static/rescue-phone.png" mode="aspectFit">
|
|||
|
|
</image>
|
|||
|
|
</cover-view>
|
|||
|
|
<!-- <cover-view>
|
|||
|
|
<movable-area class="movable-area">
|
|||
|
|
<movable-view class="movable-view" direction="all" out-of-bounds>
|
|||
|
|
</movable-view>
|
|||
|
|
</movable-area>
|
|||
|
|
</cover-view> -->
|
|||
|
|
|
|||
|
|
</template>
|
|||
|
|
<script>
|
|||
|
|
import { isJSON } from "../../utils/tool";
|
|||
|
|
import {
|
|||
|
|
emergencyRecordAdd,
|
|||
|
|
emergencyRecordSendNotice,
|
|||
|
|
emergencyRecordEdit
|
|||
|
|
} from "@/api/index.js"
|
|||
|
|
export default {
|
|||
|
|
props: {
|
|||
|
|
x: {
|
|||
|
|
type: Number,
|
|||
|
|
default: 0
|
|||
|
|
},
|
|||
|
|
y: {
|
|||
|
|
type: Number,
|
|||
|
|
default: 0
|
|||
|
|
},
|
|||
|
|
image: {
|
|||
|
|
type: String,
|
|||
|
|
default: ''
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
start: [0, 0],
|
|||
|
|
moveY: 0,
|
|||
|
|
moveX: 0,
|
|||
|
|
windowWidth: '',
|
|||
|
|
windowHeight: '',
|
|||
|
|
projectSn: "",
|
|||
|
|
workerInfoId: "",
|
|||
|
|
id: "",
|
|||
|
|
emergencyInfo: {
|
|||
|
|
emergencyTypeId: "",
|
|||
|
|
emergencyDetail: "",
|
|||
|
|
livePicture: "",
|
|||
|
|
liveVideoSituation: "",
|
|||
|
|
incidentSite: "",
|
|||
|
|
longitude: "",
|
|||
|
|
latitude: "",
|
|||
|
|
},
|
|||
|
|
accountType: '',
|
|||
|
|
pyType: 1,
|
|||
|
|
imgWidth: 0,
|
|||
|
|
imgHeight: 0,
|
|||
|
|
moduleInfo: {},
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
mounted() {
|
|||
|
|
const {
|
|||
|
|
windowWidth,
|
|||
|
|
windowHeight
|
|||
|
|
} = uni.getSystemInfoSync();
|
|||
|
|
this.windowWidth = windowWidth
|
|||
|
|
this.windowHeight = windowHeight
|
|||
|
|
this.projectSn = JSON.parse(uni.getStorageSync('userInfo')).sn;
|
|||
|
|
this.workerInfoId = JSON.parse(uni.getStorageSync('userInfo')).workerId;
|
|||
|
|
this.accountType = JSON.parse(uni.getStorageSync('userInfo')).accountType;
|
|||
|
|
// this.moduleInfo = JSON.parse(uni.getStorageSync('moduleInfo'));
|
|||
|
|
let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
|
|||
|
|
let curRoute = routes[routes.length - 1].route // 获取当前页面路由，也就是最后一个打开的页面路由
|
|||
|
|
this.moduleFn(curRoute)
|
|||
|
|
console.log(111111111, curRoute)
|
|||
|
|
console.log(JSON.parse(uni.getStorageSync('userInfo')));
|
|||
|
|
|
|||
|
|
this.$nextTick(() => {
|
|||
|
|
if (this.accountType == 6) {
|
|||
|
|
// #ifdef H5
|
|||
|
|
this.imgWidth = document.querySelector('.ball').clientWidth;
|
|||
|
|
this.imgHeight = document.querySelector('.ball').clientHeight;
|
|||
|
|
// #endif
|
|||
|
|
|
|||
|
|
// #ifdef APP-PLUS
|
|||
|
|
const query = uni.createSelectorQuery().in(this);
|
|||
|
|
query.select('.ball').boundingClientRect(data => {
|
|||
|
|
console.log(111111111111, data);
|
|||
|
|
this.imgWidth = data.width;
|
|||
|
|
this.imgHeight = data.height;
|
|||
|
|
}).exec();
|
|||
|
|
// #endif
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
moduleFn(curRoute) {
|
|||
|
|
this.moduleInfo = isJSON(uni.getStorageSync('moduleInfo')) ? JSON.parse(uni.getStorageSync('moduleInfo')) : {};
|
|||
|
|
|
|||
|
|
if (curRoute == "pages/projectEnd/projectIndex/projectIndex" && !this.moduleInfo) {
|
|||
|
|
// console.log(22222222222222)
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.moduleFn(curRoute);
|
|||
|
|
}, 1000)
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
drag_start(event) {
|
|||
|
|
this.start[0] = event.touches[0].clientX - event.target.offsetLeft;
|
|||
|
|
this.start[1] = event.touches[0].clientY - event.target.offsetTop;
|
|||
|
|
},
|
|||
|
|
drag_hmove(event) {
|
|||
|
|
let tag = event.touches;
|
|||
|
|
if (tag[0].clientX < this.imgWidth) {
|
|||
|
|
tag[0].clientX = this.imgWidth;
|
|||
|
|
}
|
|||
|
|
if (tag[0].clientY < this.imgHeight) {
|
|||
|
|
tag[0].clientY = this.imgHeight;
|
|||
|
|
}
|
|||
|
|
if (tag[0].clientX > this.windowWidth) {
|
|||
|
|
tag[0].clientX = this.windowWidth
|
|||
|
|
}
|
|||
|
|
if (tag[0].clientY > this.windowHeight) {
|
|||
|
|
tag[0].clientY = this.windowHeight
|
|||
|
|
}
|
|||
|
|
this.moveX = tag[0].clientX;
|
|||
|
|
this.moveY = tag[0].clientY;
|
|||
|
|
},
|
|||
|
|
orientation() {
|
|||
|
|
uni.showModal({
|
|||
|
|
title: '提示',
|
|||
|
|
content: '请打开定位服务',
|
|||
|
|
success: ({
|
|||
|
|
confirm,
|
|||
|
|
cancel
|
|||
|
|
}) => {
|
|||
|
|
|
|||
|
|
if (confirm) {
|
|||
|
|
// android平台
|
|||
|
|
if (uni.getSystemInfoSync().platform == 'android') {
|
|||
|
|
var Intent = plus.android.importClass('android.content.Intent');
|
|||
|
|
var Settings = plus.android.importClass('android.provider.Settings');
|
|||
|
|
var intent = new Intent(Settings.ACTION_LOCATION_SOURCE_SETTINGS);
|
|||
|
|
var main = plus.android.runtimeMainActivity();
|
|||
|
|
main.startActivity(intent); // 打开系统设置GPS服务页面
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// ios平台
|
|||
|
|
if (uni.getSystemInfoSync().platform == 'ios') {
|
|||
|
|
var UIApplication = plus.ios.import("UIApplication");
|
|||
|
|
var application2 = UIApplication.sharedApplication();
|
|||
|
|
var NSURL2 = plus.ios.import("NSURL");
|
|||
|
|
var setting2 = NSURL2.URLWithString("App-Prefs:root=Privacy&path=LOCATION");
|
|||
|
|
application2.openURL(setting2);
|
|||
|
|
plus.ios.deleteObject(setting2);
|
|||
|
|
plus.ios.deleteObject(NSURL2);
|
|||
|
|
plus.ios.deleteObject(application2);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 用户取消前往开启定位服务
|
|||
|
|
if (cancel) {
|
|||
|
|
// do sth...
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
goNavigateTo() {
|
|||
|
|
const that = this;
|
|||
|
|
// 定位开启状态 true=开启，false=未开启
|
|||
|
|
let bool = false
|
|||
|
|
|
|||
|
|
// android平台
|
|||
|
|
if (uni.getSystemInfoSync().platform == 'android') {
|
|||
|
|
var context = plus.android.importClass("android.content.Context");
|
|||
|
|
var locationManager = plus.android.importClass("android.location.LocationManager");
|
|||
|
|
var main = plus.android.runtimeMainActivity();
|
|||
|
|
var mainSvr = main.getSystemService(context.LOCATION_SERVICE);
|
|||
|
|
bool = mainSvr.isProviderEnabled(locationManager.GPS_PROVIDER)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// ios平台
|
|||
|
|
if (uni.getSystemInfoSync().platform == 'ios') {
|
|||
|
|
var cllocationManger = plus.ios.import("CLLocationManager");
|
|||
|
|
var enable = cllocationManger.locationServicesEnabled();
|
|||
|
|
var status = cllocationManger.authorizationStatus();
|
|||
|
|
plus.ios.deleteObject(cllocationManger);
|
|||
|
|
bool = enable && status != 2
|
|||
|
|
}
|
|||
|
|
// 未开启定位功能
|
|||
|
|
if (bool === false) {
|
|||
|
|
this.orientation();
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
emergencyRecordAdd({
|
|||
|
|
projectSn: that.projectSn,
|
|||
|
|
emergencyTypeId: -1,
|
|||
|
|
alarmPersonId: that.workerInfoId,
|
|||
|
|
}).then(result => {
|
|||
|
|
if (result.code == 200) {
|
|||
|
|
// uni.showToast({
|
|||
|
|
// title: "登录成功"
|
|||
|
|
// })
|
|||
|
|
that.id = result.result.id;
|
|||
|
|
console.log(result);
|
|||
|
|
} else {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: result.message,
|
|||
|
|
icon: "none"
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}).finally(() => {
|
|||
|
|
uni.showLoading({
|
|||
|
|
title: "报警中..."
|
|||
|
|
})
|
|||
|
|
uni.getLocation({
|
|||
|
|
type: 'gcj02',
|
|||
|
|
// type: 'wgs84',
|
|||
|
|
geocode: true, //设置该参数为true可直接获取经纬度及城市信息
|
|||
|
|
isHighAccuracy: "true",
|
|||
|
|
accuracy: "best", // 精度值为20m
|
|||
|
|
success: function(res) {
|
|||
|
|
console.log(res)
|
|||
|
|
// const latitude = parseFloat(res.latitude);
|
|||
|
|
// const longitude = parseFloat(res.longitude);
|
|||
|
|
that.emergencyInfo.longitude = parseFloat(res
|
|||
|
|
.longitude);
|
|||
|
|
that.emergencyInfo.latitude = parseFloat(res
|
|||
|
|
.latitude);
|
|||
|
|
that.addressList = [
|
|||
|
|
res.address.province,
|
|||
|
|
res.address.city,
|
|||
|
|
res.address.district,
|
|||
|
|
res.address.street,
|
|||
|
|
res.address.poiName,
|
|||
|
|
]
|
|||
|
|
that.emergencyInfo.incidentSite = that
|
|||
|
|
.addressList.map(
|
|||
|
|
item => item).join('')
|
|||
|
|
|
|||
|
|
console.log(111111111);
|
|||
|
|
console.log(that.emergencyInfo.longitude, that
|
|||
|
|
.emergencyInfo.latitude);
|
|||
|
|
|
|||
|
|
emergencyRecordEdit({
|
|||
|
|
id: that.id,
|
|||
|
|
projectSn: that.projectSn,
|
|||
|
|
incidentSite: that.emergencyInfo
|
|||
|
|
.incidentSite,
|
|||
|
|
longitude: that.emergencyInfo
|
|||
|
|
.longitude,
|
|||
|
|
latitude: that.emergencyInfo
|
|||
|
|
.latitude,
|
|||
|
|
}).then(result => {
|
|||
|
|
if (result.code == 200) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: result
|
|||
|
|
.message,
|
|||
|
|
})
|
|||
|
|
emergencyRecordSendNotice({
|
|||
|
|
projectSn: that
|
|||
|
|
.projectSn,
|
|||
|
|
incidentSite: that
|
|||
|
|
.emergencyInfo
|
|||
|
|
.incidentSite,
|
|||
|
|
id: that.id,
|
|||
|
|
}).then(result => {
|
|||
|
|
if (result.code ==
|
|||
|
|
200) {
|
|||
|
|
uni
|
|||
|
|
.hideLoading(); //关闭提示
|
|||
|
|
} else {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: result
|
|||
|
|
.message,
|
|||
|
|
icon: "none"
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: result
|
|||
|
|
.message,
|
|||
|
|
icon: "none"
|
|||
|
|
})
|
|||
|
|
uni.hideLoading(); //关闭提示
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
// that.addrDel = res;
|
|||
|
|
},
|
|||
|
|
fail: function() {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '获取地址失败，将导致部分功能不可用',
|
|||
|
|
icon: 'none'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 是否快速报警？
|
|||
|
|
uni.showModal({
|
|||
|
|
title: '提示信息',
|
|||
|
|
content: '报警信息已经发送给救援人员，是否需要补充表单信息？',
|
|||
|
|
cancelText: "取消",
|
|||
|
|
confirmText: "确认",
|
|||
|
|
success: function(res) {
|
|||
|
|
if (res.confirm) {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: `/pages/personLocation/emergencyalarm/emergencyalarm?id=${that.id}&sn=${that.projectSn}`,
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
} else if (res.cancel) {
|
|||
|
|
// console.log('用户点击取消');
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="less">
|
|||
|
|
.holdon :deep( .uni-cover-view ){
|
|||
|
|
visibility: initial;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// .movable-area {
|
|||
|
|
// position: absolute;
|
|||
|
|
// width: 100vw;
|
|||
|
|
// height: 100vh;
|
|||
|
|
// top: 0;
|
|||
|
|
// z-index: 99999;
|
|||
|
|
|
|||
|
|
// .movable-view {
|
|||
|
|
// width: 80rpx;
|
|||
|
|
// height: 80rpx;
|
|||
|
|
// background-color: #D81E06;
|
|||
|
|
// border-radius: 50%;
|
|||
|
|
// display: flex;
|
|||
|
|
// justify-content: center;
|
|||
|
|
// align-items: center;
|
|||
|
|
// background-image: url('@/static/rescue-phone.png');
|
|||
|
|
// align-items: center;
|
|||
|
|
// background-repeat: no-repeat;
|
|||
|
|
// background-size: 70% 70%;
|
|||
|
|
// background-position: 50% 50%;
|
|||
|
|
// }
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
.holdon {
|
|||
|
|
// width: 100%;
|
|||
|
|
// height: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ball {
|
|||
|
|
width: 60rpx;
|
|||
|
|
height: 60rpx;
|
|||
|
|
padding: 12rpx;
|
|||
|
|
// background:linear-gradient(to bottom, #F8F8FF,#87CEFA);
|
|||
|
|
background-color: #D81E06;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
// box-shadow: 0 0 15rpx #87CEFA;
|
|||
|
|
color: #fff;
|
|||
|
|
// font-size: 30upx;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
position: fixed !important;
|
|||
|
|
z-index: 1000000;
|
|||
|
|
}
|
|||
|
|
</style>
|