tianlong/Agriculture-front-end
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

up

Browse Source
This commit is contained in:
tianlong
2023-11-08 11:15:41 +08:00
parent 700b8a4449
commit a5a8a38989
272 changed files with 10131 additions and 641 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/views/meteorological/monitor/DryHotAir/index.vue
View File

@ -113,7 +113,7 @@
class="but"
type="primary"
:disabled="multipleSelection.length < 1"
@click="subText"
@click="centerDialogVisible = true"
>
发布预警短信
</el-button>
@ -175,6 +175,15 @@
</div>
</el-collapse-item>
</el-collapse>
<el-dialog v-model="centerDialogVisible" title="系统提示" width="30%" center>
<span>是否确认发送预警短信?</span>
<template #footer>
<span class="dialog-footer">
<el-button @click="centerDialogVisible = false">取消</el-button>
<el-button type="primary" @click="subText">确定</el-button>
</span>
</template>
</el-dialog>
</div>
</template>
@ -213,7 +222,7 @@ let clickInfoMap = ref({ name: '', value: '' });
let rightWraFlag = ref(false);
const value1 = ref('');
let centerDialogVisible = ref(false)
let informationData = ref([]);
let clickInformationData = reactive({
lat: '',
@ -387,7 +396,9 @@ let map = ref(null);
const cun = () => {
layers = new ol.layer.Tile({
source: new ol.source.TileSuperMapRest({
url: serverAPI.geoserverUrl + `/map-huangdaoqu_bianjie/rest/maps/CJQY3702112019WGS84%40huangdaoqu_bianjie`,
url:
serverAPI.geoserverUrl +
`/map-huangdaoqu_bianjie/rest/maps/CJQY3702112019WGS84%40huangdaoqu_bianjie`,
cacheEnabled: false,
}),
name: 'CJQY3702112019WGS84',
@ -399,7 +410,9 @@ const cun = () => {
const zhen = () => {
var layer = new ol.layer.Tile({
source: new ol.source.TileSuperMapRest({
url: serverAPI.geoserverUrl + `/map-huangdaoqu_bianjie/rest/maps/XJQY3702112019WGS84%40huangdaoqu_bianjie`,
url:
serverAPI.geoserverUrl +
`/map-huangdaoqu_bianjie/rest/maps/XJQY3702112019WGS84%40huangdaoqu_bianjie`,
cacheEnabled: false,
}),
name: 'XJQY3702112019WGS84',
@ -468,7 +481,11 @@ function initMap() {
new ol.layer.Tile({
source: new ol.source.XYZ({
url: `${serverAPI.tiandituLayers}`,
projection: serverAPI.tiandituLayers == 'http://59.206.203.34/tileservice/SdRasterPubMap?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=sdimg2017&STYLE=default&TILEMATRIXSET=img2017&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&FORMAT=application%2Fpng'?'EPSG:4326':'EPSG:3857',
projection:
serverAPI.tiandituLayers ==
'http://59.206.203.34/tileservice/SdRasterPubMap?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=sdimg2017&STYLE=default&TILEMATRIXSET=img2017&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&FORMAT=application%2Fpng'
? 'EPSG:4326'
: 'EPSG:3857',
}),
preload: 20, // 设置预加载的瓦片数，这里是预加载当前级别和2个级别更低的瓦片
}),
@ -529,7 +546,7 @@ function initMap() {
view.animate({
center: [lon, lat],
duration: 1000,
zoom: 13,
// zoom: 13,
});
// 获取Feature的其他属性（例如，自定义属性'id'）
const featureId = feature.get('id');
@ -577,7 +594,7 @@ function initMap() {
// 设置覆盖层的内容
infoOverlay.getElement().innerHTML = `
<div class="info-window" >
<div class="close-btn" ><span>人员信息</span><img src="${guanbi}" alt=""/> </div>
<div class="close-btn" ><span>种粮大户信息</span><img src="${guanbi}" alt=""/> </div>
<div class="content" style="color:white;font-size: 16px">
<div class="line" style="margin-top: 10px"><div class="label">姓名:</div><span>${clickInformationData.name}</span></div>
<div class="line" style="margin-top: 10px"><div class="label">手机:</div><span>${clickInformationData.phone}</span></div>
@ -717,7 +734,7 @@ const meteorologicals = () => {
map.removeLayer(personIconLayer.value[i]);
}
personIconLayer.value = [];
getmeteorologyEquipment({ flag: 4, data: value.value ,divisions:code }).then(res => {
getmeteorologyEquipment({ flag: 4, data: value.value, divisions: code }).then(res => {
informationData.value = res.data;
for (const i in informationData.value) {
const centerLonLat = [
@ -744,7 +761,9 @@ const meteorologicals = () => {
// 为圆形创建一个样式
const circleStyle = new ol.style.Style({
stroke: new ol.style.Stroke({
color: dic[informationData.value[i].warning] && dic[informationData.value[i].warning].color,
color:
dic[informationData.value[i].warning] &&
dic[informationData.value[i].warning].color,
width: 2,
}),
});
@ -891,6 +910,7 @@ const selectTime = () => {
// getmeteorologicalFreezes();
};
const subText = () => {
centerDialogVisible.value = false;
//发送短信
getsendSms(multipleSelection.value).then(res => {
if (res.data.code == '200') {
@ -1379,7 +1399,7 @@ $height: calc(100vh - 100px);
<style lang="scss">
.disabled {
color: var(--el-datepicker-off-text-color) !important;
cursor:not-allowed !important;
cursor: not-allowed !important;
}
.select_city {
background: #fff;