diff --git a/public/config.js b/public/config.js
index 79632b7..65d5540 100644
--- a/public/config.js
+++ b/public/config.js
@@ -1,9 +1,9 @@
 window.serverAPI = {
     // baseUrl: "http://8.142.26.238:6901", //线上
-    // baseUrl: "http://192.168.2.46:8080", //本地
-    baseUrl: "http://36.134.44.75:6901", //移动线上
+    baseUrl: "http://192.168.2.46:8080", //本地
+    // baseUrl: "http://36.134.44.75:6901", //移动线上
     // geoserver
     geoserverUrl: "http://36.134.44.75:8090/iserver/services",
     username: "admin",
     password: 'geoserver',
-}
\ No newline at end of file
+}
diff --git a/src/assets/images/honglao0.png b/src/assets/images/honglao0.png
new file mode 100644
index 0000000..6b908d8
Binary files /dev/null and b/src/assets/images/honglao0.png differ
diff --git a/src/assets/images/honglao1.png b/src/assets/images/honglao1.png
new file mode 100644
index 0000000..ceda1f7
Binary files /dev/null and b/src/assets/images/honglao1.png differ
diff --git a/src/assets/images/honglao2.png b/src/assets/images/honglao2.png
new file mode 100644
index 0000000..0c19364
Binary files /dev/null and b/src/assets/images/honglao2.png differ
diff --git a/src/assets/images/honglao3.png b/src/assets/images/honglao3.png
new file mode 100644
index 0000000..4d6bafa
Binary files /dev/null and b/src/assets/images/honglao3.png differ
diff --git a/src/assets/images/honglao4.png b/src/assets/images/honglao4.png
new file mode 100644
index 0000000..0905a90
Binary files /dev/null and b/src/assets/images/honglao4.png differ
diff --git a/src/assets/images/lengdong0.png b/src/assets/images/lengdong0.png
new file mode 100644
index 0000000..4ff5815
Binary files /dev/null and b/src/assets/images/lengdong0.png differ
diff --git a/src/assets/images/lengdong1.png b/src/assets/images/lengdong1.png
new file mode 100644
index 0000000..3b6b2c6
Binary files /dev/null and b/src/assets/images/lengdong1.png differ
diff --git a/src/assets/images/lengdong2.png b/src/assets/images/lengdong2.png
new file mode 100644
index 0000000..042fc2e
Binary files /dev/null and b/src/assets/images/lengdong2.png differ
diff --git a/src/assets/images/lengdong3.png b/src/assets/images/lengdong3.png
new file mode 100644
index 0000000..a392488
Binary files /dev/null and b/src/assets/images/lengdong3.png differ
diff --git a/src/views/meteorological/monitor/DryHotAir/index.vue b/src/views/meteorological/monitor/DryHotAir/index.vue
index a4e923c..ff2ecc7 100644
--- a/src/views/meteorological/monitor/DryHotAir/index.vue
+++ b/src/views/meteorological/monitor/DryHotAir/index.vue
@@ -1,1615 +1,1200 @@
 <template>
-    <div class="center">
-        <div style="width: 100%; height: 100%" id="cesiumContainer"></div>
-        <div class="rightWra">
-            <div class="farmlandHeader">
-                监测日期:&emsp;
-                <el-select
-                    v-model="value"
-                    popper-class="select_city"
-                    class="m-2"
-                    placeholder="Select"
-                    @change="selectTime"
-                >
-                    <el-option v-for="item in options" :key="item" :label="item" :value="item" />
-                </el-select>
-            </div>
-            <div class="rightTop">
-                <div class="title">
-                    <span>预警信息发布</span>
-                </div>
-                <div class="farmlandDiv">
-                    <div class="radioDiv">
-                        预警范围：
-                        <el-radio-group @change="onclick()" v-model="radio1" class="ml-4">
-                            <el-radio label="5000" size="large">5km</el-radio>
-                            <el-radio label="10000" size="large">10km</el-radio>
-                        </el-radio-group>
-                    </div>
-                    <el-table
-                        :cell-style="{ textAlign: 'center' }"
-                        :header-cell-style="{ 'text-align': 'center' }"
-                        :data="SaveResultsDiv"
-                        style="width: 100%"
-                        @selection-change="handleSelectionChange"
-                    >
-                        <el-table-column type="selection" width="20" />
-                        <el-table-column prop="devCode" width="80" label="设备号" />
-                        <el-table-column prop="warning" label="预警情况" />
-                        <el-table-column prop="name" width="80" label="联系人" />
-                        <el-table-column prop="telephone" label="联系电话" />
-                    </el-table>
-                    <el-button
-                        class="but"
-                        type="primary"
-                        :disabled="multipleSelection.length < 1"
-                        @click="subText"
-                    >
-                        发布预警短信
-                    </el-button>
-                </div>
-            </div>
+  <div class="center">
+    <div style="width: 100%; height: 100%" id="cesiumContainer"></div>
+    <div class="rightWra">
+      <div class="farmlandHeader">
+        监测日期:&emsp;
 
-            <div class="rightFoldDiv" @click="rightFoldClick()">
-                <el-tooltip
-                    :disabled="!rightWraFlag"
-                    :show-arrow="false"
-                    hide-after="0"
-                    show-after="200"
-                    class="box-item"
-                    effect="dark"
-                    content="收起"
-                    placement="top"
-                >
-                    <img v-if="rightWraFlag" src="@/assets/images/close1.png" alt="" />
-                </el-tooltip>
-                <el-tooltip
-                    :disabled="rightWraFlag"
-                    :show-arrow="false"
-                    hide-after="0"
-                    show-after="200"
-                    class="box-item"
-                    effect="dark"
-                    content="展开"
-                    placement="top"
-                >
-                    <img
-                        class="imgrotate"
-                        v-if="!rightWraFlag"
-                        src="@/assets/images/close1.png"
-                        alt=""
-                    />
-                </el-tooltip>
-            </div>
+        <el-date-picker
+            popper-class="date_poper"
+            class="m-2" v-model="value" @change="selectTime"
+            format="YYYY 年 MM 月 DD 日" value-format="YYYY-MM-DD"
+            type="date" placeholder="选择日期"/>
+
+
+      </div>
+      <div class="rightTop">
+        <div class="title">
+          <span>预警信息发布</span>
         </div>
-        <div class="tool">
-            <span><img src="@/assets/images/LAYER.png" alt="" /></span>
-            <span><img src="@/assets/images/amplify.png" alt="" /></span>
-            <span><img src="@/assets/images/reduce.png" alt="" /></span>
-            <span><img src="@/assets/images/measure.png" alt="" /></span>
-            <span><img src="@/assets/images/face.png" alt="" /></span>
-            <span><img src="@/assets/images/position.png" alt="" /></span>
+        <div class="farmlandDiv">
+          <div class="radioDiv">
+            预警范围：
+            <el-radio-group @change="onclick()" v-model="radio1" class="ml-4">
+              <el-radio :label="5000" size="large" style="color:white;">5km</el-radio>
+              <el-radio :label="10000" size="large" style="color:white;">10km</el-radio>
+            </el-radio-group>
+          </div>
+          <div class="selectDiv">
+            站点名称:
+            <el-select v-model="zdmcValue" placeholder="请选择">
+              <el-option
+                  v-for="item in zdmcList"
+                  :key="item.msName"
+                  :label="item.msName"
+                  :value="item.msName"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div class="selectDiv" style="margin-top: 10px">
+            预警情况:
+            <el-select v-model="warnValue" placeholder="请选择">
+              <el-option
+                  v-for="item in warnList"
+                  :key="item.flag"
+                  :label="item.label"
+                  :value="item.label"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div class="btws">
+            <el-button class="bt1" @click="query">查询</el-button>
+            <el-button class="bt2" @click="reset">重置</el-button>
+          </div>
+
+          <el-table
+              :cell-style="{ textAlign: 'center' }"
+              :header-cell-style="{ 'text-align': 'center','color':'white' }"
+              :data="pageData"
+              style="width: 100%"
+              max-height="470px"
+              @selection-change="handleSelectionChange"
+
+          >
+            <el-table-column type="selection" width="20"/>
+            <el-table-column prop="msName" width="80" label="站点名称"/>
+            <el-table-column prop="warning" label="预警情况"/>
+            <el-table-column prop="name" width="80" label="联系人"/>
+            <el-table-column prop="telephone" label="联系电话"/>
+          </el-table>
+          <el-pagination
+              small
+              style="display: flex;justify-content: center;margin-top: 10px;"
+              @current-change="handleCurrentChange"
+              :current-page="currentPage"
+              :page-size="pageSize"
+              layout=" prev, pager, next"
+              :total="SaveResultsDiv.length"
+          ></el-pagination>
+          <el-button
+              class="but"
+              type="primary"
+              :disabled="multipleSelection.length < 1"
+              @click="subText"
+          >
+            发布预警短信
+          </el-button>
         </div>
-        <div id="popup">
-            <div>
-                <div class="rowWra">
-                    <span>设备：</span>
-                    <span>{{ regionName }}</span>
-                </div>
-                <div class="rowWra">
-                    <span>经度：</span>
-                    <span>{{ popdata.msLongitude }}</span>
-                </div>
-                <div class="rowWra">
-                    <span>纬度：</span>
-                    <span>{{ popdata.msLatitude }}</span>
-                </div>
-            </div>
-            <div class="cancel" @click="hiddenOverlayChart">X</div>
-        </div>
-        <div id="pop">
-            <div v-for="(item, index) in townZuowu.label" :key="index">
-                <div>{{ item.crop }}：</div>
-                <div>{{ (item.Shape_Area / 666.67).toFixed(2) }} 亩</div>
-            </div>
-            <div v-if="townZuowu.XZQMC">
-                <div>村名：</div>
-                <div>{{ townZuowu.XZQMC }}</div>
-            </div>
-            <div class="cancel" @click="hiddenOverlayChart">X</div>
-        </div>
-        <el-collapse class="legend" accordion>
-            <el-collapse-item name="1">
-                <template #title>图例</template>
-                <div class="mt-4">
-                    <el-checkbox-group v-model="checkList" @change="change">
-                        <el-checkbox
-                            v-for="(value, item, key) in dic"
-                            :key="key"
-                            :style="{
+      </div>
+
+      <div class="rightFoldDiv" @click="rightFoldClick()">
+        <el-tooltip
+            :disabled="!rightWraFlag"
+            :show-arrow="false"
+            hide-after="0"
+            show-after="200"
+            class="box-item"
+            effect="dark"
+            content="收起"
+            placement="top"
+        >
+          <img v-if="rightWraFlag" src="@/assets/images/close1.png" alt=""/>
+        </el-tooltip>
+        <el-tooltip
+            :disabled="rightWraFlag"
+            :show-arrow="false"
+            hide-after="0"
+            show-after="200"
+            class="box-item"
+            effect="dark"
+            content="展开"
+            placement="top"
+        >
+          <img
+              class="imgrotate"
+              v-if="!rightWraFlag"
+              src="@/assets/images/close1.png"
+              alt=""
+          />
+        </el-tooltip>
+      </div>
+    </div>
+
+
+
+    <el-collapse class="legend" accordion>
+      <el-collapse-item name="1">
+        <template #title>图例</template>
+        <div class="mt-4">
+          <div class="tuli">
+            <div
+                v-for="(value, item, key) in dic"
+                :key="key"
+                :style="{
                                 backgroundColor: value.color,
                                 border: `1px solid value.color`,
                                 width: `100%`,
-                            }"
-                            :v-model="value.disabled"
-                            :disabled="value.disabled"
-                            :label="item"
-                        />
-                    </el-checkbox-group>
-                </div>
-            </el-collapse-item>
-        </el-collapse>
+                                height: `25px`,
+                                marginTop:`5px`,
+                                textAlign: `center`
 
-        <el-button v-if="flag" class="back_button" @click="back()">返回</el-button>
-    </div>
+                            }"
+
+            >{{ item }}</div>
+          </div>
+        </div>
+      </el-collapse-item>
+    </el-collapse>
+
+
+  </div>
 </template>
 
 <script setup>
-import { ref, onMounted, inject, reactive, watch } from 'vue';
-import { ElMessage } from 'element-plus';
-import * as echarts from 'echarts';
-import TimeLine from '@/components/TimeLine/TimeLine.vue';
-import moment from 'Moment';
-// import * as turf from '@turf/turf';
-import { useEcharts } from '@/hooks/useEcharts';
-import { ElLoading } from 'element-plus';
+import {ref, onMounted, reactive,} from 'vue';
+
+
+
+import ganhan1 from '@/assets/images/lengdong1.png';
+import ganhan2 from '@/assets/images/lengdong2.png';
+import ganhan3 from '@/assets/images/lengdong3.png';
+import ganhan0 from '@/assets/images/lengdong0.png';
+import pun from '@/assets/images/personUnselected.png';
+import pse from '@/assets/images/personSelected.png';
+import pin from '@/assets/images/pin.png';
 import {
-    getreturnToMonitoringTime,
-    getmeteorologicalFreeze,
-    getsendSms,
-    getmeteorologyEquipment,
+  getmeteorologicalFreeze,
+  getsendSms,
+  getmeteorologyEquipment, meteorologicalsPeople, meteorology, zdmc,
 } from '@/api/meteorological/monitor/information.js';
-import axios from 'axios';
+
 import 'echarts-gl';
-import { download } from '@/utils/request';
 
-let viewer = ref(null);
-const value = ref('2023');
-let Township = reactive({ arr: [], brr: [], crr: [] }); //街道
-let clickInfoMap = ref({ name: '', value: '' });
-const formLandRef = ref([]);
-const flag = ref(false);
+
+
+const value = ref()
+
+
+let clickInfoMap = ref({name: '', value: ''});
+
+
 let rightWraFlag = ref(false);
-const checkList = ref(['false']);
-const areaDiv = ref(null);
-const value1 = ref('');
-const options = ref([]);
-let informationData = ref([]);
-let windArr = ref([]);
-let pressureArr = ref([]);
-let typhoonTime = ref([]);
-const SaveResultsDiv = ref([]);
-const radio1 = ref('5000');
-const multipleSelection = ref([]);
-let popdata = ref({});
 
+
+const value1 = ref('');
+
+let informationData = ref([]);
+let clickInformationData = reactive({
+  lat: '',
+  lan: '',
+  name: ''
+})
+let peopleData = ref([]);
+
+const SaveResultsDiv = ref([]);
+const radio1 = ref(5000);
+const multipleSelection = ref([]);
+
+const circleLayer = ref([]);
+const iconLayer = ref([]);
+const personIconLayer = ref([]);
 var baozi =
     'data:image/png;base64,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';
 let dic = {
-    轻度干旱: { color: 'rgba(9, 187, 222, 1)', disabled: false },
-    中度干旱: { color: 'rgba(255, 235, 59, 1)', disabled: false },
-    严重干旱: { color: 'rgba(234, 165, 93, 1)', disabled: false },
-    特大干旱: { color: 'rgba(215, 25, 28, 1)', disabled: false },
+  '无预警': {color: 'rgba(49, 235, 7, 1)', disabled: false},
+  '轻度干热风': {color: 'rgba(9, 187, 222, 1)', disabled: false},
+  '中度干热风': {color: 'rgba(255, 235, 59, 1)', disabled: false},
+  '重度干热风': {color: 'rgba(234, 165, 93, 1)', disabled: false},
 };
+const warnValue = ref()
+
+function query() {
+  getmeteorology()
+
+
+}
+
+function reset() {
+  value.value = getYesterday().toJSON().substr(0, 10);
+  radio1.value = 5000
+  zdmcValue.value = ''
+  warnValue.value = ''
+  getmeteorology()
+
+}
+
+const warnList = [
+  {
+    label: '轻度干热风',
+    flag: 1,
+  },
+  {
+    label: '中度干热风',
+    flag: 2,
+  },
+  {
+    label: '重度干热风',
+    flag: 3,
+  },
+]
+
 const rules = reactive({
-    power: [
-        {
-            required: true,
-            message: 'Please select Activity zone',
-            trigger: 'change',
-        },
-    ],
-    count: [
-        {
-            required: true,
-            message: 'Please select Activity count',
-            trigger: 'change',
-        },
-    ],
-    date1: [
-        {
-            type: 'date',
-            required: true,
-            message: 'Please pick a date',
-            trigger: 'change',
-        },
-    ],
-    date2: [
-        {
-            type: 'date',
-            required: true,
-            message: 'Please pick a time',
-            trigger: 'change',
-        },
-    ],
-    type: [
-        {
-            type: 'array',
-            required: true,
-            message: 'Please select at least one activity type',
-            trigger: 'change',
-        },
-    ],
-    resource: [
-        {
-            required: true,
-            message: 'Please select activity resource',
-            trigger: 'change',
-        },
-    ],
-    desc: [{ required: true, message: 'Please input activity form', trigger: 'blur' }],
+  power: [
+    {
+      required: true,
+      message: 'Please select Activity zone',
+      trigger: 'change',
+    },
+  ],
+  count: [
+    {
+      required: true,
+      message: 'Please select Activity count',
+      trigger: 'change',
+    },
+  ],
+  date1: [
+    {
+      type: 'date',
+      required: true,
+      message: 'Please pick a date',
+      trigger: 'change',
+    },
+  ],
+  date2: [
+    {
+      type: 'date',
+      required: true,
+      message: 'Please pick a time',
+      trigger: 'change',
+    },
+  ],
+  type: [
+    {
+      type: 'array',
+      required: true,
+      message: 'Please select at least one activity type',
+      trigger: 'change',
+    },
+  ],
+  resource: [
+    {
+      required: true,
+      message: 'Please select activity resource',
+      trigger: 'change',
+    },
+  ],
+  desc: [{required: true, message: 'Please input activity form', trigger: 'blur'}],
 });
-watch(
-    () => value1.value,
-    val => {
-        let startTime = moment(value1.value[0]).format('YYYY-MM-DD')
-            ? moment(value1.value[0]).format('YYYY-MM-DD ')
-            : '';
-        let endTime = moment(value1.value[1]).format('YYYY-MM-DD')
-            ? moment(value1.value[1]).format('YYYY-MM-DD')
-            : '';
-    }
-);
+//分页相关
+const currentPage=ref(1)
+const pageSize=ref(6)
+const pageData=ref([])
+function handleCurrentChange(page){
+  currentPage.value = page;
+  updatePagedData();
+}
+function updatePagedData(){
+  const start = (currentPage.value - 1) * pageSize.value;
+  const end = currentPage.value * pageSize.value;
+  pageData.value = SaveResultsDiv.value.slice(start, end);
+}
+// watch(
+//     () => value1.value,
+//     val => {
+//       let startTime = moment(value1.value[0]).format('YYYY-MM-DD')
+//           ? moment(value1.value[0]).format('YYYY-MM-DD ')
+//           : '';
+//       let endTime = moment(value1.value[1]).format('YYYY-MM-DD')
+//           ? moment(value1.value[1]).format('YYYY-MM-DD')
+//           : '';
+//     }
+// );
+
+function getIcon(val) {
+  if (val === '轻度干热风') return ganhan1
+  if (val === '中度干热风') return ganhan2
+  if (val === '重度干热风') return ganhan3
+
+  if (val === '无灾害') return ganhan0
+}
+
+
+const getYesterday = () => {
+  let d = new Date()
+  d.setDate(d.getDate() - 1)
+
+  return d
+}
+
 //行政区划数据
 var data = {
-    title: [],
+  title: [],
 };
-
+let map = ref(null);
+const cun = () => {
+  layers = new ol.layer.Tile({
+    source: new ol.source.TileSuperMapRest({
+      url: 'http://36.134.44.75:8090/iserver/services/map-huangdaoqu_bianjie/rest/maps/huangdaoqu_village@huangdaoqu_bianjie',
+      //rasterfunction: new SuperMap.NDVIParameter({ redIndex: 0, nirIndex: 2 }),
+      cacheEnabled: false,
+    }),
+    name: 'huangdaoqu_village',
+    projection: 'EPSG:4326', //3857
+    zIndex: 9999,
+  });
+  map.addLayer(layers);
+  // var layersArray = map.getLayers();
+  // layersArray.insertAt(999, layers);
+};
+const zhen = () => {
+  var layer = new ol.layer.Tile({
+    source: new ol.source.TileSuperMapRest({
+      url: 'http://36.134.44.75:8090/iserver/services/map-huangdaoqu_bianjie/rest/maps/huangdaoqu_town@huangdaoqu_bianjie',
+      //rasterfunction: new SuperMap.NDVIParameter({ redIndex: 0, nirIndex: 2 }),
+      cacheEnabled: false,
+    }),
+    projection: 'EPSG:4326', //3857
+    zIndex: 9999,
+  });
+  map.addLayer(layer);
+};
+let layers = ref(null); //村
 // 组件挂载完成后执行
 onMounted(() => {
-    getreturnToMonitoringTimes();
-    //地图
-    initMap();
-    getFarmland();
-    getmeteorologyEquipments();
-    let rightWra = document.querySelector('.rightWra');
-    rightWra.style.transform = 'translate(107%,0)';
+  value.value = getYesterday().toJSON().substr(0, 10);
+  //地图
+  initMap();
+
+  meteorologicals()
+  let rightWra = document.querySelector('.rightWra');
+  rightWra.style.transform = 'translate(107%,0)';
 });
+let alterData = ref([]);
+let newArr = ref([]);
+const zdmcList = ref([])
+const zdmcValue = ref('')
+
+function getmeteorology() {
+  meteorology({
+    data: value.value,
+    alertRange: radio1.value,
+    flag: 4,
+    msName: zdmcValue.value,
+    warning: warnValue.value
+  }).then(res => {
+    SaveResultsDiv.value = res.data
+    updatePagedData()
+  })
+}
+
+getmeteorology()
+
+
+function getZdmc() {
+  zdmc().then(res => {
+    zdmcList.value = res.data
+  })
+}
+
+getZdmc()
 
-/*-------------地图------------------------*/
-const mapOption = {
-    url:
-        'http://{s}.tianditu.gov.cn/img_c/wmts?service=wmts&request=GetTile&version=1.0.0' +
-        '&LAYER=img&tileMatrixSet=c&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}' +
-        '&style=default&format=tiles&tk=31091965e263284a501a723b8909f405',
-    layer: 'tdtCva',
-    style: 'default',
-    format: 'tiles',
-    tileMatrixSetID: 'c',
-    subdomains: ['t0', 't1', 't2', 't3', 't4', 't5', 't6', 't7'],
-    tilingScheme: new Cesium.GeographicTilingScheme(),
-    tileMatrixLabels: [
-        '1',
-        '2',
-        '3',
-        '4',
-        '5',
-        '6',
-        '7',
-        '8',
-        '9',
-        '10',
-        '11',
-        '12',
-        '13',
-        '14',
-        '15',
-        '16',
-        '17',
-        '18',
-        '19',
-    ],
-    maximumLevel: 18,
-};
-Cesium.Ion.defaultAccessToken =
-    'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJiYzcwZmJmNi02MzQ5LTQ1MGEtODgzMy0yZTZiZGExY2MzMGMiLCJpZCI6MTAxOTgsInNjb3BlcyI6WyJhc2wiLCJhc3IiLCJnYyJdLCJpYXQiOjE1ODEzMDgxNTR9.NeJU4yfUi-SnLrNDOBYsQgmiSh3B4axCTi1m84Qw99c';
 function initMap() {
-    viewer = new Cesium.Viewer('cesiumContainer', {
-        baseLayerPicker: false,
-        shouldAnimate: true, //自动播放
-        infoBox: false, //信息框
-        animation: false, //“动画”窗口小部件提供用于播放，暂停和倒退的按钮，以及当前时间和日期，并由“飞梭环”包围，用于控制动画的速度。cesium示例地图左下角那个
-        timeline: false, //时间轴是用于显示和控制当前场景时间的小部件。
-        geocoder: false, //查找，用于查找地址和地标，以及将照相机悬挂到它们。使用铯离子进行地址解析。,cesium示例地图右上角的放大镜
-        homeButton: false, //主页按钮
-        navigationHelpButton: false, //导航帮助按钮
-        selectionIndicator: false, //原生选择绿框
-        fullscreenButton: false, //右下角的全屏按钮
-        // terrainProvider:new Cesium.createWorldTerrain(),
-        terrainProvider: new Cesium.EllipsoidTerrainProvider({}),
-        sceneModePicker: false, //是否显示投影方式控件
-        contextOptions: {
-            webgl: {
-                alpha: true,
-            },
-        },
-
-        imageryProvider: new Cesium.WebMapTileServiceImageryProvider({
-            ...mapOption,
-            // url: "http://service.sdmap.gov.cn/hisimage/weipian202209?tk=9cc3e9deb3cf643b6f133717c333d16d",
-            // layer: "c",
-            // style: ",c",
-            // format: "image/png",
-            // tileMatrixSetID: "EPSG:4490",
-            // rectangle: Cesium.Rectangle.fromDegrees(114.8, 34.35, 122.82, 38.43),
-            // // subdomains: ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"],
-            // tilingScheme: new Cesium.GeographicTilingScheme(),
-            // tileMatrixLabels: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19"],
-            // // maximumLevel: 18
+  var parentElement = document.querySelector('.center');
+  var mapContainer = document.getElementById('cesiumContainer');
+  map = new ol.Map({
+    target: 'cesiumContainer',
+    controls: [],
+    view: new ol.View({
+      center: [119.86763411957472, 35.88435182141938],
+      zoom: 11,
+      projection: 'EPSG:4326',
+    }),
+    layers: [
+      new ol.layer.Tile({
+        source: new ol.source.Tianditu({
+          layerType: 'img',
+          key: '1d109683f4d84198e37a38c442d68311',
         }),
-    });
-    // 去除logo
-    viewer.cesiumWidget.creditContainer.style.display = 'none';
-    addWms('huangdaoqu_town', 'huangdaoqu_town');
-    viewer.camera.flyTo({
-        destination: Cesium.Rectangle.fromDegrees(119.5091, 35.5671, 120.3285, 36.1455),
-        duration: 0,
-    });
+      }),
+    ],
+  });
 
-    // 图层点击事件
-    // layerClick();
-    // 蒙版
-    mbHandle();
 
-    var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);
-    handler.setInputAction(function (event) {
-        var pickedObject = viewer.scene.pick(event.position);
-        if (
-            Cesium.defined(pickedObject) &&
-            pickedObject.id instanceof Cesium.Entity &&
-            pickedObject.id.billboard
-        ) {
-            var position = pickedObject.id.position.getValue(viewer.clock.currentTime);
-            var cartographic = Cesium.Cartographic.fromCartesian(position);
-            var long = Cesium.Math.toDegrees(cartographic.longitude);
-            var lat = Cesium.Math.toDegrees(cartographic.latitude);
-            var height = cartographic.height.toFixed(2);
-            console.log('经度: ' + long + '，纬度: ' + lat + '，高度: ' + height);
+  cun();
+  zhen();
+  const infoOverlay = new ol.Overlay({
+    element: document.createElement('div'), // 创建一个用于显示信息的div元素
+    positioning: 'bottom-center', // 设置覆盖层相对于锚点的位置
+    offset: [0, -10], // 设置偏移量以便覆盖层不会遮挡图标
+    stopEvent: true, // 允许地图事件继续传播（例如，缩放和拖动）
+  });
 
-            townZuowu.label.forEach((item, index) => {
-                if (item.dev_code == pickedObject.id.name) {
-                    popdata.value = item;
-                }
-            });
-            showOverlayChart(event.position);
-            viewer.scene.postRender.addEventListener(infoWindowPostRender);
-        }
-    }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
-}
-
-// data数据数组
-// name实体名称，方便以后删除
-// color实体颜色
-function addBoundaryHandle(data, name, color) {
-    data.forEach(item => {
-        let arr = [];
-        item[0].forEach(mem => {
-            arr.push(mem[0]);
-            arr.push(mem[1]);
-        });
-        viewer.entities.add({
-            name: name,
-            polyline: {
-                positions: Cesium.Cartesian3.fromDegreesArray(arr),
-                width: 6,
-                // material: new Cesium.PolylineDashMaterialProperty({//虚线
-                material: new Cesium.PolylineGlowMaterialProperty({
-                    //光晕
-                    glowPower: 0.2,
-                    color: color
-                        ? Cesium.Color.fromCssColorString(color)
-                        : Cesium.Color.fromBytes(250, 128, 114), //#FA8072
-                }),
-                // followSurface: false, //是否贴着地表
-                clampToGround: true, //贴地
-            },
-        });
-    });
-}
-function getLevel(height) {
-    if (height > 48000000) {
-        return 0;
-    } else if (height > 24000000) {
-        return 1;
-    } else if (height > 12000000) {
-        return 2;
-    } else if (height > 6000000) {
-        return 3;
-    } else if (height > 3000000) {
-        return 4;
-    } else if (height > 1500000) {
-        return 5;
-    } else if (height > 750000) {
-        return 6;
-    } else if (height > 375000) {
-        return 7;
-    } else if (height > 187500) {
-        return 8;
-    } else if (height > 93750) {
-        return 9;
-    } else if (height > 46875) {
-        return 10;
-    } else if (height > 23437.5) {
-        return 11;
-    } else if (height > 11718.75) {
-        return 12;
-    } else if (height > 5859.38) {
-        return 13;
-    } else if (height > 2929.69) {
-        return 14;
-    } else if (height > 1464.84) {
-        return 15;
-    } else if (height > 732.42) {
-        return 16;
-    } else if (height > 366.21) {
-        return 17;
+  //滚轮控制村级矢量
+  map.on('moveend', function () {
+    var zoom = map.getView().getZoom(); //获取当前地图的缩放级别
+    if (zoom >= 13) {
+      layers.setVisible(true); //显示图层
     } else {
-        return 18;
+      layers.setVisible(false);
     }
-}
-function getFarmland() {
-    axios({
-        url:
-            serverAPI.geoserverUrl +
-            '/shuzisannong/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=shuzisannong%3Afarmland&maxFeatures=50&outputFormat=application%2Fjson',
-        method: 'get',
-    })
-        .then(res => {
-            console.log('农田：', res);
-            formLandRef.value = res.data.features;
-        })
-        .catch(err => {});
-}
+  });
+  map.on('singleclick', function (e) {
+    alterData = ref([]);
+    const pixel = map.getEventPixel(e.originalEvent);
+    var coodinate = e.coordinate;
+    var lon = coodinate[0];
+    var lat = coodinate[1];
+    var view = map.getView();
 
-let townZuowu = ref({ label: [] }); //镇的作物
-let XZDM = '';
-// 图层点击事件
-function layerClick() {
-    var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);
-    handler.setInputAction(function (movement) {
-        var ray = viewer.camera.getPickRay(movement.position);
-        var cartesian = viewer.scene.globe.pick(ray, viewer.scene);
-        if (cartesian) {
-            let cartographic = Cesium.Cartographic.fromCartesian(cartesian);
-            if (cartographic) {
-                let xy = new Cesium.Cartesian2();
-                let alti = viewer.camera.positionCartographic.height;
-                let level = getLevel(alti);
-                const layers = viewer.imageryLayers._layers;
-                // 筛选出黄岛区服务
-                const index = layers.findIndex(
-                    item =>
-                        item._imageryProvider._layers &&
-                        item._imageryProvider._layers === 'shuzisannong:huangdaoqu_town'
-                );
-                if (index > -1) {
-                    const providerPoint = layers[index];
-                    // 拿取最后一个图层
-                    let provider = providerPoint._imageryProvider;
-                    if (
-                        provider &&
-                        provider.ready &&
-                        provider._layers &&
-                        providerPoint.show === true
-                    ) {
-                        xy = provider.tilingScheme.positionToTileXY(cartographic, level, xy);
-                        let promise = provider.pickFeatures(
-                            xy.x,
-                            xy.y,
-                            level,
-                            cartographic.longitude,
-                            cartographic.latitude
-                        );
-                        if (promise) {
-                            promise.then(data => {
-                                if (data.length > 0) {
-                                    let newData = data['0'];
-                                    if (newData.properties && newData.properties.XZDM) {
-                                        console.log('XZDM:', XZDM);
-                                        console.log(
-                                            'newData.properties.XZDM:',
-                                            newData.properties.XZDM
-                                        );
-                                        if (XZDM !== newData.properties.XZDM) {
-                                            flag.value = true;
-                                            //防止重复加载
-                                            XZDM = newData.properties.XZDM;
-                                            value.value = XZDM; //
-                                            if (selectTab) {
-                                                selectTab(); //
-                                            }
-                                            let item = newData.data;
-                                            // 定位
-                                            viewer.camera.flyTo({
-                                                destination: Cesium.Rectangle.fromDegrees(
-                                                    item.bbox[0],
-                                                    item.bbox[1],
-                                                    item.bbox[2],
-                                                    item.bbox[3]
-                                                ),
-                                                duration: 2,
-                                            });
-                                            // 移除高亮
-                                            deleteEntityByName('townLine');
-                                            // 高亮边界
-                                            addBoundaryHandle(
-                                                item.geometry && item.geometry.coordinates,
-                                                'townLine',
-                                                'yellow'
-                                            );
-                                            // 移除以前的
-                                            removeWms(['village_CQL']);
-                                            // 添加新的
-                                            addvillage(
-                                                `XZDM=${newData.properties.XZDM}`,
-                                                'village_CQL'
-                                            );
-
-                                            // 显示该镇的种植结构
-                                            let entitys = viewer.entities._entities._array;
-                                            for (var na = entitys.length - 1; na >= 0; na--) {
-                                                if (
-                                                    entitys[na]._name &&
-                                                    entitys[na]._name ===
-                                                        'point' + newData.properties.XZDM
-                                                ) {
-                                                    let info = entitys[na]._info;
-                                                    // entitys[na].label.show = true
-                                                    townZuowu.value = info; //保存数据
-                                                    console.log(
-                                                        townZuowu.value,
-                                                        '------------------'
-                                                    );
-                                                    showOverlayChart(movement.position); // 添加地图移动监听：使地图移动弹窗跟着移动
-                                                    viewer.scene.postRender.addEventListener(
-                                                        infoWindowPostRender
-                                                    );
-                                                } else {
-                                                    // if (entitys[na].label) {
-                                                    //     entitys[na].label.show = false
-                                                    // }
-                                                }
-                                            }
-                                            // 移除村高亮
-                                            deleteEntityByName('villageLine');
-                                            XZQDM = '';
-                                        } else {
-                                            // // 已经有镇了，监听村点击
-                                            villageClick(layers, xy, level, cartographic, movement);
-                                        }
-                                    } else {
-                                        removeWms(['village_CQL']);
-                                        // 移除框框
-                                        hiddenOverlayChart(); // 清除监听事件
-                                    }
-                                }
-                            });
-                        }
-                    }
-                }
-            }
-        }
-    }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
-}
-let XZQDM = '';
-// 村点击高亮
-function villageClick(layers, xy, level, cartographic, movement) {
-    const index = layers.findIndex(
-        item =>
-            item._imageryProvider._layers &&
-            item._imageryProvider._layers === 'shuzisannong:huangdaoqu_village'
-    );
-    if (index > -1) {
-        const providerPoint = layers[index];
-        // 拿取最后一个图层
-        let provider = providerPoint._imageryProvider;
-        if (provider && provider.ready && provider._layers && providerPoint.show === true) {
-            xy = provider.tilingScheme.positionToTileXY(cartographic, level, xy);
-            let promise = provider.pickFeatures(
-                xy.x,
-                xy.y,
-                level,
-                cartographic.longitude,
-                cartographic.latitude
-            );
-            if (promise) {
-                promise.then(data => {
-                    if (data.length > 0) {
-                        let newData = data['0'];
-                        console.log(newData);
-                        viewer.camera.flyTo({
-                            destination: Cesium.Rectangle.fromDegrees(
-                                newData.data.bbox[0],
-                                newData.data.bbox[1],
-                                newData.data.bbox[2],
-                                newData.data.bbox[3]
-                            ),
-                            duration: 2,
-                        });
-
-                        if (newData.properties && newData.properties.XZQDM) {
-                            if (XZQDM !== newData.properties.XZQDM) {
-                                //防止
-                                XZQDM = newData.properties.XZQDM;
-                                let item = newData.data;
-                                // 移除高亮
-                                deleteEntityByName('villageLine');
-                                // 高亮边界
-                                addBoundaryHandle(
-                                    item.geometry && item.geometry.coordinates,
-                                    'villageLine',
-                                    'yellow'
-                                );
-                                // townZuowu.value = info//保存数据
-
-                                // 后插和村
-                                if (newData.properties.XZQDM === '370211104217') {
-                                    // console.log('后河岔村委会')
-                                    const rectangle = Cesium.Rectangle.fromDegrees(
-                                        item.bbox[0],
-                                        item.bbox[1],
-                                        item.bbox[2],
-                                        item.bbox[3]
-                                    );
-                                    const center = Cesium.Rectangle.center(rectangle); //获取视角范围中心点(得到的结果为弧度Cartographic)
-                                    let longitude = Cesium.Math.toDegrees(center.longitude); //将弧度转为度
-                                    let latitude = Cesium.Math.toDegrees(center.latitude);
-                                    let info = {
-                                        lon: longitude,
-                                        lat: latitude,
-                                        ...item.properties,
-                                        // XZQMC
-                                        label: [
-                                            { crop: '茶叶', Shape_Area: 2820 },
-                                            { crop: '大豆', Shape_Area: 2767 },
-                                            { crop: '花生', Shape_Area: 62356 },
-                                            { crop: '蓝莓', Shape_Area: 5443 },
-                                            { crop: '地瓜', Shape_Area: 897 },
-                                            { crop: '小麦', Shape_Area: 20111 },
-                                        ],
-                                    };
-                                    townZuowu.value = info; //保存数据
-
-                                    // 展示弹窗
-                                    showOverlayChart(movement.position); // 添加地图移动监听：使地图移动弹窗跟着移动
-                                    viewer.scene.postRender.addEventListener(infoWindowPostRender);
-                                }
-                            }
-                        }
-                    }
-                });
-            }
-        }
-    }
-}
-// 添加村
-// CQL_FILTER:筛选的语句
-// customName地图服务自定义属性名
-function addvillage(CQL_FILTER, customName) {
-    let map2 = new Cesium.WebMapServiceImageryProvider({
-        url: `${serverAPI.geoserverUrl}/shuzisannong/wms`,
-        layers: 'shuzisannong:huangdaoqu_village', //图层名
-        parameters: {
-            service: 'WMS',
-            format: 'image/png',
-            transparent: true, //是否透明
-            // CQL_FILTER: `XZDM=${value.value}`,
-            CQL_FILTER: CQL_FILTER,
-        },
+    view.animate({
+      center: [lon, lat],
+      duration: 1000,
     });
-    map2.customName = customName;
-    viewer.imageryLayers.addImageryProvider(map2);
-}
-// 移除wms
-// nameArry ：属性名数组（customName）
-// isMohu ：是否模糊查询
-function removeWms(nameArry, isMohu) {
-    if (viewer) {
-        // 倒叙遍历，customName是自定义的属性
-        const layers = viewer.imageryLayers._layers;
-        for (let f = layers.length - 1; f >= 0; f--) {
-            nameArry.forEach(item => {
-                if (layers[f]._imageryProvider && layers[f]._imageryProvider.customName) {
-                    if (isMohu) {
-                        if (layers[f]._imageryProvider.customName.indexOf(item) > -1) {
-                            viewer.imageryLayers.remove(layers[f]);
-                        }
-                    } else {
-                        if (layers[f]._imageryProvider.customName === item) {
-                            viewer.imageryLayers.remove(layers[f]);
-                        }
-                    }
-                }
-            });
+    newArr.value.forEach(item => {
+      if (layersDic[item]) {
+        QueryData(
+            e,
+            layersDic[item].setOf,
+            `http://192.168.0.113:8090/iserver/services/${layersDic[item].name}/rest/maps/${layersDic[item].setOf}`,
+            item
+        );
+      } else if (layersGbz[item]) {
+        QueryData(
+            e,
+            layersGbz[item].setOf,
+            `http://192.168.0.113:8090/iserver/services/${layersGbz[item].name}/rest/maps/${layersGbz[item].setOf}`,
+            item
+        );
+      }
+    });
+    map.forEachFeatureAtPixel(pixel, (feature) => {
+
+
+      // 获取Feature的其他属性（例如，自定义属性'id'）
+      const featureId = feature.get('id');
+      const featureType = feature.get('type');
+
+// 将覆盖层添加到地图
+      map.addOverlay(infoOverlay);
+      if (featureType === '1') {
+        for (const i in informationData.value) {
+          if (featureId === informationData.value[i].msName) {
+            clickInformationData.name = featureId
+            clickInformationData.lon = informationData.value[i].msLongitude
+            clickInformationData.lat = informationData.value[i].msLatitude
+          }
         }
-    }
+        infoOverlay.setPosition(feature.getGeometry().getCoordinates());
+        // 设置覆盖层的内容
+        infoOverlay.getElement().innerHTML = `
+      <div class="info-window" style="padding: 10px 20px 10px 20px;background: rgba(2, 31, 26, 0.85);border: 1.5px solid rgba(23, 194, 180, 1);">
+      <span  class="close-btn" style="color:white;display: flex;justify-content: end;cursor:pointer;" >X</span>
+      <div style="color:white;font-size: 18px">
+        <div style="margin-top: 10px"><span>名称:</span><span>${clickInformationData.name}</span></div>
+        <div style="margin-top: 10px"><span>经度:</span><span>${clickInformationData.lon}</span></div>
+        <div style="margin-top: 10px"><span>维度:</span><span>${clickInformationData.lat}</span></div>
+      </div>
+      </div>
+    `;
+        // 为关闭按钮添加点击事件监听器
+        const closeButton = infoOverlay.getElement().querySelector('.close-btn');
+        if (closeButton) {
+          closeButton.addEventListener('click', () => {
+            // 隐藏覆盖层
+            infoOverlay.setPosition(undefined);
+          });
+        }
+      } else if (featureType === '0') {
+        for (const i in peopleData.value) {
+          if (featureId === peopleData.value[i].contacts) {
+            clickInformationData.name = featureId
+            clickInformationData.phone = peopleData.value[i].phone
+            clickInformationData.region = peopleData.value[i].region
+          }
+        }
+        infoOverlay.setPosition(feature.getGeometry().getCoordinates());
+        // 设置覆盖层的内容
+        infoOverlay.getElement().innerHTML = `
+      <div class="info-window" style="padding: 10px 20px 10px 20px;background: rgba(2, 31, 26, 0.85);border: 1.5px solid rgba(23, 194, 180, 1);">
+      <span  class="close-btn" style="color:white;display: flex;justify-content: end;cursor:pointer;" >X</span>
+      <div style="color:white;font-size: 18px">
+        <div style="margin-top: 10px"><span>姓名:</span><span>${clickInformationData.name}</span></div>
+        <div style="margin-top: 10px"><span>手机:</span><span>${clickInformationData.phone}</span></div>
+        <div style="margin-top: 10px"><span>位置:</span><span>${clickInformationData.region}</span></div>
+      </div>
+      </div>
+    `;
+        //切换图片
+        feature.setStyle(new ol.style.Style({
+          image: new ol.style.Icon({
+            src: pse,
+            scale: 0.5 // 图标的缩放比例
+          })
+        }))
+        map.getLayers().forEach(function (layer) {
+          if (layer instanceof ol.layer.Vector) {
+            let fea = layer.getSource().getFeatures()[0]
+            if (fea.get('type') === '0' && fea !== feature) {
+              if(fea.get('warning')==='0'){
+                fea.setStyle(new ol.style.Style({
+                  image: new ol.style.Icon({
+                    src: pun,
+                    scale: 0.5 // 图标的缩放比例
+                  })
+                }))
+              }else if(fea.get('warning')==='1'){
+
+                fea.setStyle(new ol.style.Style({
+                  image: new ol.style.Icon({
+                    src: pin,
+                    scale: 0.5 // 图标的缩放比例
+                  })
+                }))
+              }
+
+            }
+
+          }
+        });
+        // 为关闭按钮添加点击事件监听器
+        const closeButton = infoOverlay.getElement().querySelector('.close-btn');
+        if (closeButton) {
+          closeButton.addEventListener('click', () => {
+            // 隐藏覆盖层
+            infoOverlay.setPosition(undefined);
+
+            map.getLayers().forEach(function (layer) {
+              if (layer instanceof ol.layer.Vector) {
+                let fea = layer.getSource().getFeatures()[0]
+                if (fea.get('type') === '0') {
+                  if(fea.get('warning')==='0'){
+                    fea.setStyle(new ol.style.Style({
+                      image: new ol.style.Icon({
+                        src: pun,
+                        scale: 0.5 // 图标的缩放比例
+                      })
+                    }))
+                  }else if(fea.get('warning')==='1'){
+
+                    fea.setStyle(new ol.style.Style({
+                      image: new ol.style.Icon({
+                        src: pin,
+                        scale: 0.5 // 图标的缩放比例
+                      })
+                    }))
+                  }
+                }
+
+              }
+            });
+
+
+          });
+        }
+
+
+
+      }
+
+
+    });
+
+
+  });
+  // 监听父元素大小变化
+  var resizeObserver = new ResizeObserver(function (entries) {
+    entries.forEach(function (entry) {
+      // 获取父元素的新大小
+      var newWidth = entry.contentRect.width;
+      var newHeight = entry.contentRect.height;
+
+      // 调整地图容器的大小
+      mapContainer.style.width = newWidth + 'px';
+      mapContainer.style.height = newHeight + 'px';
+
+      // 重新渲染地图
+      map.updateSize();
+    });
+  });
+  // 开始监听父元素大小变化
+  resizeObserver.observe(parentElement);
 }
 
-// 根据实体名字删除实体(模糊删除)
-function deleteEntityByName(name) {
-    if (viewer) {
-        let entitys = viewer.entities._entities._array;
-        for (var na = entitys.length - 1; na >= 0; na--) {
-            if (entitys[na]._name && entitys[na]._name === name) {
-                viewer.entities.remove(entitys[na]);
-            }
-        }
-    }
-}
 
 //折叠
 function rightFoldClick() {
-    rightWraFlag.value = !rightWraFlag.value;
-    if (rightWraFlag.value) {
-        let rightWra = document.querySelector('.rightWra');
-        rightWra.style.transform = 'translate(0,0)';
-    } else {
-        let rightWra = document.querySelector('.rightWra');
-        rightWra.style.transform = 'translate(107%,0)';
-    }
+  rightWraFlag.value = !rightWraFlag.value;
+  if (rightWraFlag.value) {
+    let rightWra = document.querySelector('.rightWra');
+    rightWra.style.transform = 'translate(0,0)';
+  } else {
+    let rightWra = document.querySelector('.rightWra');
+    rightWra.style.transform = 'translate(107%,0)';
+  }
 }
 
 const onclick = () => {
-    //选择范围
-    getmeteorologicalFreezes();
-    getmeteorologyEquipments()
+  //选择范围
+  // getmeteorologicalFreezes();
+  meteorologicals()
+  meteorology({
+    data: value.value,
+    alertRange: radio1.value,
+    flag: 4,
+  }).then(res => {
+    SaveResultsDiv.value = res.data
+    updatePagedData()
+  })
 };
+const meteorologicals = () => {
+  for (const i in circleLayer.value) {
+    map.removeLayer(circleLayer.value[i]);
+  }
+  circleLayer.value = []
 
+  for (const i in iconLayer.value) {
+    map.removeLayer(iconLayer.value[i]);
+  }
+  iconLayer.value = []
+  for (const i in personIconLayer.value) {
+    map.removeLayer(personIconLayer.value[i]);
+  }
+  personIconLayer.value = []
+  getmeteorologyEquipment({flag: 4, data: value.value}).then(res => {
+    informationData.value = res.data
+    for (const i in informationData.value) {
+      const centerLonLat = [parseFloat(informationData.value[i].msLongitude),
+        parseFloat(informationData.value[i].msLatitude)];
+      //精确的圆
+      const points = 128;
+      const circleCoords = [];
+      for (let i = 0; i < points; i++) {
+        const angle = 2 * Math.PI * i / points;
+        const coordinate = ol.sphere.computeDestinationPoint(centerLonLat, radio1.value, angle);
+        circleCoords.push(coordinate);
+      }
+// 创建一个具有给定半径的圆形
+      const circleFeature = new ol.Feature({
+        geometry: new ol.geom.Polygon([circleCoords])
+      });
+
+// 为圆形创建一个样式
+      const circleStyle = new ol.style.Style({
+
+        stroke: new ol.style.Stroke({
+          color: 'rgb(255,255,0)',
+          width: 2
+        })
+      });
+// 将圆形添加到矢量层
+      circleLayer.value[i] = new ol.layer.Vector({
+        source: new ol.source.Vector({
+          features: [circleFeature]
+        }),
+        style: circleStyle
+      });
+      if(informationData.value[i].warning!=='无灾害'){
+        map.addLayer(circleLayer.value[i]);
+      }
+
+
+      //不精确的圆
+      // const radius = radio1.value / map.getView().getProjection().getMetersPerUnit(); // 将半径从米转换为度（EPSG:4326）
+      // const circleGeometry = new ol.geom.Circle(centerLonLat, radius);
+      // // 创建一个矢量图层
+      // circleLayer.value[i] = new ol.layer.Vector({
+      //   source: new ol.source.Vector({
+      //     features: [
+      //       new ol.Feature({
+      //         geometry: circleGeometry
+      //       })
+      //     ]
+      //   }),
+      //   style: new ol.style.Style({
+      //     // fill: new ol.style.Fill({
+      //     //   color: 'rgba(255,255,255,0.5)'
+      //     // }),
+      //     stroke: new ol.style.Stroke({
+      //       color: 'rgb(255,255,0)', // 设置红色边框
+      //       width: 2
+      //     }),
+      //   })
+      // });
+      // // 添加矢量图层到地图
+      // if(informationData.value[i].warning!=='无灾害'){
+      //   map.addLayer(circleLayer.value[i]);
+      // }
+
+
+      // 创建一个点几何对象，使用EPSG:4326投影坐标
+      const iconPointGeometry = new ol.geom.Point(centerLonLat);
+      // 创建一个Feature，并将其几何对象设置为刚创建的点
+      const iconFeature = new ol.Feature({
+        geometry: iconPointGeometry,
+        id: informationData.value[i].msName,
+        type: informationData.value[i].flag
+      });
+
+// 设置Feature的样式，包括图标
+      iconFeature.setStyle(new ol.style.Style({
+        image: new ol.style.Icon({
+          src: getIcon(informationData.value[i].warning),
+          scale: 0.5 // 图标的缩放比例
+        })
+      }));
+// 创建一个矢量图层，并将Feature添加到该图层
+      iconLayer.value[i] = new ol.layer.Vector({
+        source: new ol.source.Vector({
+          features: [iconFeature]
+        })
+      });
+
+      map.addLayer(iconLayer.value[i]);
+
+    }
+  })
+
+
+  meteorologicalsPeople({flag:4,alertRange:radio1.value,data:value.value}).then(res => {
+    peopleData.value = res.data
+
+    for (const i in peopleData.value) {
+      const centerLonLat = [parseFloat(peopleData.value[i].latitude),
+        parseFloat(peopleData.value[i].longitude)];
+      const iconPointGeometry = new ol.geom.Point(centerLonLat);
+      // 创建一个Feature，并将其几何对象设置为刚创建的点
+      const iconFeature = new ol.Feature({
+        geometry: iconPointGeometry,
+        id: peopleData.value[i].contacts,
+        type: peopleData.value[i].flag,
+        warning:peopleData.value[i].earlyWarning
+      });
+
+      if(peopleData.value[i].earlyWarning==='0'){
+        // 设置Feature的样式，包括图标
+        iconFeature.setStyle(new ol.style.Style({
+          image: new ol.style.Icon({
+            src: pun,
+            scale: 0.5 // 图标的缩放比例
+          })
+        }));
+
+        personIconLayer.value[i] = new ol.layer.Vector({
+          source: new ol.source.Vector({
+            features: [iconFeature]
+          })
+        });
+        map.addLayer(personIconLayer.value[i]);
+      }else if(peopleData.value[i].earlyWarning==='1'){
+        // 设置Feature的样式，包括图标
+        iconFeature.setStyle(new ol.style.Style({
+          image: new ol.style.Icon({
+            src: pin,
+            scale: 0.5 // 图标的缩放比例
+          })
+        }));
+
+        personIconLayer.value[i] = new ol.layer.Vector({
+          source: new ol.source.Vector({
+            features: [iconFeature]
+          })
+        });
+        map.addLayer(personIconLayer.value[i]);
+      }
+
+    }
+  })
+
+
+}
 const selectTime = () => {
-    //选择时间
-    getmeteorologicalFreezes();
+  //选择时间
+
+  meteorologicals()
+  // getmeteorologicalFreezes();
 };
 const subText = () => {
-    //发送短信
-    getsendSms({ meteorologicalStations: multipleSelection.value }).then(res => {
-        console.log(res.data);
-    });
+  //发送短信
+  getsendSms({meteorologicalStations: multipleSelection.value}).then(res => {
+    console.log(res.data);
+  });
 };
 const handleSelectionChange = val => {
-    multipleSelection.value = val;
+  multipleSelection.value = val;
 };
 /*------------------接口--------------------*/
 
-const getreturnToMonitoringTimes = () => {
-    getreturnToMonitoringTime({ flag: 4 }).then(res => {
-        options.value = res.data;
-        value.value = res.data[res.data.length - 1];
-        getmeteorologicalFreezes(res.data[res.data.length - 1]);
-    });
-};
 const getmeteorologicalFreezes = () => {
-    getmeteorologicalFreeze({
-        monitoringTime: value.value,
-        alertRange: radio1.value,
-        flag: '4',
-    }).then(res => {
-        SaveResultsDiv.value = res.data;
-    });
-};
-const getmeteorologyEquipments = () => {
-    viewer.entities.removeById('111');
-    getmeteorologyEquipment().then(res => {
-        res.data.forEach((item, index) => {
-            townZuowu.label = res.data;
-            addCircleRipple(viewer, {
-                //默认只绘制两个圆圈叠加 如遇绘制多个，请自行源码内添加。
-                id: '111',
-                lon: item.msLongitude,
-                lat: item.msLatitude,
-                height: 500,
-                maxR: radio1.value,
-                minR: 0, //最好为0
-                deviationR: 10, //差值 差值也大 速度越快
-                eachInterval: 2000, //两个圈的时间间隔
-                // imageUrl: './redCircle2.png',
-            });
-            viewer.entities.add({
-                name: item.dev_code,
-                position: Cesium.Cartesian3.fromDegrees(
-                    parseFloat(item.msLongitude),
-                    parseFloat(item.msLatitude)
-                ),
-                billboard: {
-                    image: baozi,
-                    scale: 0.9,
-                    width: 35,
-                    height: 35,
-                    disableDepthTestDistance: Number.POSITIVE_INFINITY, //广告牌不进行深度检测
-                    // heightReference: Cesium.HeightReference.RELATIVE_TO_GROUND
-                    heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, //设置HeightReference高度参考类型为CLAMP_TO_GROUND贴地类型
-                },
-            });
-        });
-    });
+  getmeteorologicalFreeze({
+    monitoringTime: value.value,
+    alertRange: radio1.value,
+    flag: '1',
+  }).then(res => {
+    SaveResultsDiv.value = res.data;
+  });
 };
 
-// 添加wms
-function addWms(layers, customName, bottom) {
-    let map = new Cesium.WebMapServiceImageryProvider({
-        url: serverAPI.geoserverUrl + `/map-${layers}/wms111/`,
-        layers: layers + '@' + layers, //图层名
-        parameters: {
-            service: 'WMS',
-            format: 'image/png',
-            srs: 'EPSG:4326',
-            VERSION: '1.1.1',
-            transparent: true, //是否透明
-            exceptions: 'application/vnd.ogc.se_inimage',
-        },
-    });
-    map.customName = customName; //自己定义各种属性
-    let dd = viewer.imageryLayers.addImageryProvider(map); //添加图层
-    if (bottom) {
-        viewer.imageryLayers.lowerToBottom(dd); //将图层移到最底层
-        viewer.imageryLayers.raise(dd); //将图层上移一层
-    }
-}
-//返回
-function back() {
-    delete townZuowu.value.XZQMC;
-    removeWms(['gbznt'], true);
-    removeWms(['aaa']);
-    value.value = '370211';
-    selectTab();
-    if (flag.value === '1') {
-        console.log(flag.value);
-        addWms('shuzisannong:huangdaoqu_town', 'tl');
-    }
-    viewer.camera.flyTo({
-        destination: Cesium.Rectangle.fromDegrees(119.5091, 35.5671, 120.3285, 36.1455),
-        duration: 2,
-    });
-    flag.value = false;
-    hiddenOverlayChart();
-}
 
-/*--------------------------------------------------------------------------------------------*/
-function getAreaFenlei() {
-    let fl = fenleiRef.value;
-    console.log('fl:', fl);
-    axios({
-        url:
-            serverAPI.geoserverUrl +
-            '/shuzisannong/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=shuzisannong%3Ahuangdaoqu_town&maxFeatures=50&outputFormat=application%2Fjson',
-    })
-        .then(res => {
-            console.log('res1111:', res);
-            let data = res.data.features;
-            data.forEach((item, index) => {
-                const rectangle = Cesium.Rectangle.fromDegrees(
-                    item.bbox[0],
-                    item.bbox[1],
-                    item.bbox[2],
-                    item.bbox[3]
-                );
-                const center = Cesium.Rectangle.center(rectangle); //获取视角范围中心点(得到的结果为弧度Cartographic)
-                let longitude = Cesium.Math.toDegrees(center.longitude); //将弧度转为度
-                let latitude = Cesium.Math.toDegrees(center.latitude);
-
-                if (item.properties.XZDM === '370211011') {
-                    //灵山卫街道
-                    longitude = 120.0863;
-                    latitude = 35.941;
-                } else if (item.properties.XZDM === '370211003') {
-                    //薛家岛街道
-                    longitude = 120.243682;
-                    latitude = 35.97123201;
-                }
-                const townData = fl[item.properties.XZMC];
-                let label = [];
-                if (townData) {
-                    label = townData.map((it, inex) => {
-                        // let dd = `${it.properties.crop} ：${(it.properties.Shape_Area / 666.67).toFixed(2)} 亩`
-                        // return dd
-                        return it.properties;
-                    });
-                }
-            });
-        })
-        .catch(err => {});
-}
-let fenleiRef = ref({});
-function mbHandle() {
-    axios({
-        url:
-            serverAPI.geoserverUrl +
-            '/shuzisannong/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=shuzisannong%3Afenlei&maxFeatures=137&outputFormat=application%2Fjson',
-    })
-        .then(res => {
-            let features = res.data.features;
-            let town = {};
-            // 按镇分类
-            features.forEach(item => {
-                let key = item.properties.town;
-                if (town[key]) {
-                    town[key].push(item);
-                } else {
-                    town[key] = [item];
-                }
-            });
-            fenleiRef.value = town;
-            getAreaFenlei();
-        })
-        .catch(err => {});
-}
-
-// 地图移动时弹窗跟随
-function infoWindowPostRender() {
-    // let viewer = viewers.value;
-    if (popdata.value.msLongitude && popdata.value.msLatitude) {
-        //经纬度转为世界坐标
-        const gisPosition = Cesium.Cartesian3.fromDegrees(
-            Number(popdata.value.msLongitude),
-            Number(popdata.value.msLatitude),
-            0
-        ); //转化为屏幕坐标
-        var windowPosition = Cesium.SceneTransforms.wgs84ToWindowCoordinates(
-            viewer.scene,
-            gisPosition
-        );
-
-        if (Cesium.defined(windowPosition)) {
-            const pop = document.getElementById('popup');
-            if (pop) {
-                pop.style.top = windowPosition.y - 10 + 'px';
-                pop.style.left = windowPosition.x + 10 + 'px';
-            }
-        }
-    }
-}
-
-// 隐藏弹窗
-function hiddenOverlayChart() {
-    const pop = document.getElementById('popup');
-    if (pop) {
-        pop.style.display = 'none'; // 清除监听事件
-    }
-
-    viewer.scene.postRender.removeEventListener(infoWindowPostRender);
-}
-//显示弹窗
-function showOverlayChart(position) {
-    const pop = document.getElementById('popup');
-    if (pop) {
-        pop.style.display = 'block';
-        pop.style.position = 'absolute';
-        pop.style.top = position.y - 10 + 'px';
-        pop.style.left = position.x + 10 + 'px';
-        pop.style.zIndex = 99;
-    }
-}
-//添加范围圈
-function addCircleRipple(viewer, data) {
-    var r1 = data.minR,
-        r2 = data.minR;
-
-    function changeR1() {
-        //这是callback，参数不能内传
-        r1 = r1 + data.deviationR;
-        if (r1 >= data.maxR) {
-            r1 = data.minR;
-        }
-
-        return r1;
-    }
-    function changeR2() {
-        r2 = r2 + data.deviationR;
-        if (r2 >= data.maxR) {
-            r2 = data.minR;
-        }
-        return r2;
-    }
-    viewer.entities.add({
-        id: data.id,
-        name: '',
-        position: Cesium.Cartesian3.fromDegrees(data.lon, data.lat, data.height),
-        ellipse: {
-            semiMinorAxis: new Cesium.CallbackProperty(changeR1, false),
-            semiMajorAxis: new Cesium.CallbackProperty(changeR1, false),
-            height: data.height,
-            material: new Cesium.ImageMaterialProperty({
-                image: data.imageUrl,
-                repeat: new Cesium.Cartesian2(1.0, 1.0),
-                transparent: true,
-                color: new Cesium.CallbackProperty(function () {
-                    var alp = 1 - r1 / data.maxR;
-                    return Cesium.Color.WHITE.withAlpha(alp); //entity的颜色透明 并不影响材质，并且 entity也会透明哦
-                }, false),
-            }),
-        },
-    });
-    setTimeout(function () {
-        viewer.entities.add({
-            name: '',
-            position: Cesium.Cartesian3.fromDegrees(data.lon, data.lat, data.height),
-            ellipse: {
-                semiMinorAxis: new Cesium.CallbackProperty(changeR2, false),
-                semiMajorAxis: new Cesium.CallbackProperty(changeR2, false),
-                height: data.height,
-                material: new Cesium.ImageMaterialProperty({
-                    image: data.imageUrl,
-                    repeat: new Cesium.Cartesian2(1.0, 1.0),
-                    transparent: true,
-                    color: new Cesium.CallbackProperty(function () {
-                        var alp = 1;
-                        alp = 1 - r2 / data.maxR;
-                        return Cesium.Color.WHITE.withAlpha(alp);
-                    }, false),
-                }),
-            },
-        });
-    }, data.eachInterval);
-}
-
-/*-------------------------------------------------------------------------------------------*/
 </script>
 
 <style lang="scss" scoped>
 $height: calc(100vh - 100px);
 
 .center {
+  width: 100%;
+  height: 100%;
+
+  .imgrotate {
+    transform: rotate(180deg);
+  }
+
+  .title {
     width: 100%;
-    height: 100%;
+    height: 45px;
+    background: url('@/assets/images/title.png');
+    background-repeat: no-repeat;
+    background-size: 110% 100%;
+    color: #fff;
+    font-size: 18px;
+    font-weight: 700;
+    line-height: 45px;
+    padding-left: 46px;
+    display: flex;
+    cursor: pointer;
+    align-items: center;
+    justify-content: space-between;
 
-    .imgrotate {
-        transform: rotate(180deg);
+    :deep(.el-input__wrapper) {
+      width: 100px;
+      border-radius: 30px;
+      border: 1px solid rgba(23, 194, 180, 1);
+      background: rgba(41, 255, 255, 0.1);
+      height: 34px;
     }
 
-    .title {
-        width: 100%;
-        height: 45px;
-        background: url('@/assets/images/title.png');
-        background-repeat: no-repeat;
-        background-size: 110% 100%;
-        color: #fff;
-        font-size: 18px;
-        font-weight: 700;
-        line-height: 45px;
-        padding-left: 46px;
-        display: flex;
-        cursor: pointer;
-        align-items: center;
-        justify-content: space-between;
-        :deep(.el-input__wrapper) {
-            width: 100px;
-            border-radius: 30px;
-            border: 1px solid rgba(23, 194, 180, 1);
-            background: rgba(41, 255, 255, 0.1);
-            height: 34px;
-        }
-
-        span {
-            width: 80%;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            overflow: hidden;
-            background: linear-gradient(
-                180deg,
-                rgba(255, 255, 255, 1) 33.33%,
-                rgba(41, 255, 219, 1) 100%
-            );
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-        }
-
-        p {
-            width: 120px;
-            height: 25px;
-            border-radius: 20px;
-            font-size: 14px;
-            background: linear-gradient(
-                180deg,
-                rgba(16, 111, 111, 1) 0%,
-                rgba(47, 214, 214, 1) 100%
-            );
-            border: 1.5px solid rgba(23, 194, 180, 1);
-            display: flex;
-            justify-content: center;
-            align-items: center;
-        }
-    }
-}
-.frame {
-    :deep(.el-table__cell) {
-        color: #333;
+    span {
+      width: 80%;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      background: linear-gradient(
+              180deg,
+              rgba(255, 255, 255, 1) 33.33%,
+              rgba(41, 255, 219, 1) 100%
+      );
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
     }
+
+    p {
+      width: 120px;
+      height: 25px;
+      border-radius: 20px;
+      font-size: 14px;
+      background: linear-gradient(
+              180deg,
+              rgba(16, 111, 111, 1) 0%,
+              rgba(47, 214, 214, 1) 100%
+      );
+      border: 1.5px solid rgba(23, 194, 180, 1);
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+
 }
+
+
+
 .rightWra {
+  position: absolute;
+  top: 10px;
+  right: 20px;
+  width: 23%;
+  height: $height;
+  opacity: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: rgba(2, 31, 26, 0.85);
+  box-shadow: inset 0 0 15px 6px rgba(41, 255, 255, 0.5);
+  transition: transform 1s;
+
+  .farmlandHeader {
+    display: flex;
+    font-size: 18px;
+    font-weight: 400;
+    letter-spacing: 0;
+    align-items: center;
+    color: rgba(255, 255, 255, 1);
+    margin: 20px 0;
+    padding: 0 10px;
+
+    ::v-deep .m-2 {
+
+      .el-input__wrapper {
+        box-shadow: none;
+        border-radius: 4px;
+        background: transparent linear-gradient(
+                180deg,
+                rgba(38, 212, 191, 0.5) 0%,
+                rgba(43, 186, 186, 0.5) 25.69%,
+                rgba(45, 165, 181, 0.5) 66.67%,
+                rgba(54, 111, 168, 0.5) 100%
+        );
+
+        border: 1px solid rgba(137, 211, 245, 1);
+      }
+
+      :deep(.el-input__inner) {
+        color: #fff;
+      }
+    }
+  }
+
+  .rightFoldDiv {
+    width: 30px;
+    height: 30px;
     position: absolute;
-    top: 10px;
-    right: 20px;
-    width: 23%;
-    height: $height;
+    left: -8%;
+    top: 50%;
+    transform: translate(0, -50%);
+    font-size: 30px;
+    color: #ccc;
+  }
+
+  .rightTop {
+    width: 100%;
+    height: 88%;
     opacity: 1;
     display: flex;
     flex-direction: column;
+    justify-content: flex-start;
     align-items: center;
-    background: rgba(2, 31, 26, 0.85);
-    box-shadow: inset 0px 0px 15px 6px rgba(41, 255, 255, 0.5);
-    transition: transform 1s;
-    .farmlandHeader {
-        display: flex;
-        font-size: 18px;
-        font-weight: 400;
-        letter-spacing: 0px;
-        align-items: center;
-        color: rgba(255, 255, 255, 1);
-        margin: 20px 0;
-        padding: 0 10px;
-        .el-select {
-            // width: 80%;
-            // font-size: 14px;
-            // color: #333;
-            // background: rgba(22, 94, 102, 1);
-            // border: 1px solid rgba(4, 153, 153, 1) !important;
-            // margin-top: 20px;
 
-            :deep(.el-input__wrapper) {
-                background-color: transparent;
-                box-shadow: none;
-                border-radius: 4px;
-                background: linear-gradient(
+    .farmlandDiv {
+      // background: rgba(255, 255, 255, 0.05);
+      display: flex;
+      width: 95%;
+      flex-direction: column;
+      padding: 5px 10px 5px 10px;
+      color: rgba(255, 255, 255, 1);
+      height: 100%;
+
+      :deep(.el-table--fit) {
+        height: 90%;
+      }
+
+      .but {
+        width: 100px;
+        margin: 10px auto;
+      }
+
+      .radioDiv {
+        display: flex;
+        align-items: center;
+        justify-content: flex-start;
+      }
+
+      .selectDiv {
+        .el-select {
+          ::v-deep .el-input__wrapper {
+            box-shadow: none;
+            border-radius: 4px;
+            background: transparent linear-gradient(
                     180deg,
                     rgba(38, 212, 191, 0.5) 0%,
                     rgba(43, 186, 186, 0.5) 25.69%,
                     rgba(45, 165, 181, 0.5) 66.67%,
                     rgba(54, 111, 168, 0.5) 100%
-                );
+            );
 
-                border: 1px solid rgba(137, 211, 245, 1);
-            }
-
-            :deep(.el-input__inner) {
-                color: #fff;
-            }
+            border: none;
+          }
         }
-    }
-    .rightFoldDiv {
-        width: 30px;
-        height: 30px;
-        position: absolute;
-        left: -8%;
-        top: 50%;
-        transform: translate(0, -50%);
-        font-size: 30px;
-        color: #ccc;
-    }
+      }
 
-    .rightTop {
+      .btws {
+        display: flex;
+        justify-content: space-around;
+        align-items: center;
+        margin-top: 10px;
+        margin-bottom: 10px;
+
+        .el-button {
+          color: white;
+          border-radius: 4px;
+
+
+          border: 1.5px solid rgba(23, 194, 180, 1);
+        }
+
+        .bt1 {
+          background: linear-gradient(180deg, rgba(16, 111, 111, 1) 0%, rgba(47, 214, 214, 1) 100%);
+        }
+
+        .bt2 {
+          background: rgba(22, 94, 102, 1);
+        }
+      }
+      .el-pagination {
+        ::v-deep .el-pager{
+          .number{
+            margin-right: 3px;
+            margin-left: 3px;
+            border-radius: 2px;
+          }
+          .is-active{
+            background: rgba(5, 179, 179, 1);
+            color:white;
+          }
+        }
+        ::v-deep .btn-next{
+          border-radius: 2px;
+        }
+        ::v-deep .btn-prev{
+          border-radius: 2px;
+        }
+      }
+      :deep(.el-table tr) {
+        background-color: transparent;
+      }
+
+      :deep(.el-table) {
+        --el-table-border-color: none;
+        color: rgba(255, 255, 255, 1);
+      }
+
+      :deep(.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell) {
+        background-color: revert;
+      }
+
+      .Crops {
+        display: flex;
         width: 100%;
-        height: 88%;
+        margin-bottom: 10px;
+        font-size: 14px;
+        font-weight: 400;
+        height: 31px;
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-around;
         opacity: 1;
+        background: linear-gradient(
+                90deg,
+                rgba(21, 173, 148, 0.1) 0%,
+                rgba(21, 173, 148, 0) 100%
+        );
+
+        div {
+          display: flex;
+          align-items: center;
+        }
+      }
+
+      .tuli {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+      }
+
+      :deep(.ones) {
+        width: 100%;
+        height: 170px;
         display: flex;
         flex-direction: column;
         justify-content: flex-start;
-        align-items: center;
-
-        .farmlandDiv {
-            // background: rgba(255, 255, 255, 0.05);
-            display: flex;
-            width: 95%;
-            flex-direction: column;
-            padding: 5px 10px 5px 10px;
-            color: rgba(255, 255, 255, 1);
-            height: 100%;
-            :deep(.el-table--fit) {
-                height: 90%;
-            }
-            .but {
-                width: 100px;
-                margin: 10px auto;
-            }
-            .radioDiv {
-                display: flex;
-                align-items: center;
-                justify-content: center;
-            }
-            :deep(.el-table tr) {
-                background-color: transparent;
-            }
-            :deep(.el-table) {
-                --el-table-border-color: none;
-                color: rgba(255, 255, 255, 1);
-            }
-            :deep(.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell) {
-                background-color: revert;
-            }
-
-            .Crops {
-                display: flex;
-                width: 100%;
-                margin-bottom: 10px;
-                font-size: 14px;
-                font-weight: 400;
-                height: 31px;
-                flex-direction: row;
-                align-items: center;
-                justify-content: space-around;
-                opacity: 1;
-                background: linear-gradient(
-                    90deg,
-                    rgba(21, 173, 148, 0.1) 0%,
-                    rgba(21, 173, 148, 0) 100%
-                );
-
-                div {
-                    display: flex;
-                    align-items: center;
-                }
-            }
-
-            .el-checkbox-group {
-                display: flex;
-                flex-direction: column;
-            }
-
-            :deep(.ones) {
-                width: 100%;
-                height: 171;
-                display: flex;
-                flex-direction: column;
-                justify-content: flex-start;
-                align-items: flex-start;
-                --el-table-tr-bg-color: null;
-                --el-table-border-color: null;
-                font-size: 14px;
-                font-weight: 400;
-                letter-spacing: 0px;
-                line-height: 0px;
-                color: rgba(255, 255, 255, 1);
-            }
-        }
-
-        .ProgressBar {
-            width: 100%;
-            height: 9px;
-            opacity: 1;
-        }
+        align-items: flex-start;
+        --el-table-tr-bg-color: null;
+        --el-table-border-color: null;
+        font-size: 14px;
+        font-weight: 400;
+        letter-spacing: 0;
+        line-height: 0;
+        color: rgba(255, 255, 255, 1);
+      }
     }
 
-    .rightbottom {
-        width: 100%;
-        height: 490px;
-        opacity: 1;
-        display: flex;
-        flex-direction: column;
-        justify-content: flex-start;
-        align-items: center;
 
-        .ASdivision {
-            display: flex;
-            justify-content: center;
-            width: 95%;
-            flex-direction: column;
-            padding: 5px 10px 5px 10px;
-            color: rgba(255, 255, 255, 1);
-            height: 40%;
-            :deep(.el-table tr) {
-                background-color: transparent;
-            }
-            :deep(.el-table) {
-                --el-table-border-color: none;
-                color: rgba(255, 255, 255, 1);
-            }
-            :deep(.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell) {
-                background-color: revert;
-            }
+  }
 
-            .Crops {
-                display: flex;
-                width: 100%;
-                margin-bottom: 10px;
-                font-size: 14px;
-                font-weight: 400;
-                height: 31px;
-                flex-direction: row;
-                align-items: center;
-                justify-content: space-around;
-                opacity: 1;
-                background: linear-gradient(
-                    90deg,
-                    rgba(21, 173, 148, 0.1) 0%,
-                    rgba(21, 173, 148, 0) 100%
-                );
 
-                div {
-                    display: flex;
-                    align-items: center;
-                }
-            }
-
-            .el-checkbox-group {
-                display: flex;
-                flex-direction: column;
-            }
-
-            :deep(.ones) {
-                width: 100%;
-                height: 171;
-                display: flex;
-                flex-direction: column;
-                justify-content: flex-start;
-                align-items: flex-start;
-                --el-table-tr-bg-color: null;
-                --el-table-border-color: null;
-                font-size: 14px;
-                font-weight: 400;
-                letter-spacing: 0px;
-                line-height: 0px;
-                color: rgba(255, 255, 255, 1);
-            }
-        }
-    }
 }
+
 :deep(.el-input__wrapper) {
-    opacity: 1;
-    border-radius: 4px;
-    // background: rgba(22, 94, 102, 1);
-    // border: 1px solid rgba(4, 153, 153, 1);
-    // box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.25);dsawe
-    width: 70%;
-    .el-input__inner {
-        color: #ccc;
-    }
+  opacity: 1;
+  border-radius: 4px;
+
+  width: 70%;
+
+  .el-input__inner {
+    color: white;
+  }
 }
 
 .legend {
-    position: absolute;
-    right: 25%;
-    bottom: 7%;
-    width: 129px;
-    border: 1px solid rgba(4, 153, 153, 1);
+  position: absolute;
+  right: 25%;
+  bottom: 7%;
+  width: 129px;
+  border: 1px solid rgba(4, 153, 153, 1);
 
-    // height: 50px;
-    :deep(.el-collapse-item__header) {
-        background: rgba(2, 31, 26, 0.6);
-        color: rgba(255, 255, 255, 1);
-        text-align: center;
-        padding: 0 30px;
-        font-size: 14px;
-    }
-
-    --el-collapse-content-bg-color {
-        background: rgba(2, 31, 26, 0.6);
-    }
-
-    :deep(.el-collapse-item__content) {
-        background: rgba(2, 31, 26, 0.6);
-        padding: 0 10px;
-        padding-bottom: 10px;
-    }
-
-    --el-collapse-border-color: none;
-    --el-collapse-content-bg-color: none;
-
-    // opacity: 1;
-    // border-radius: 4px;
-    // background: rgba(2, 31, 26, 0.6);
-    // display: flex;
-    // flex-direction: column;
-    // justify-content: flex-start;
-    // align-items: center;
-    // padding: 10px 10px 10px 10px;
-    p {
-        margin: 10px;
-        font-size: 14px;
-        font-weight: 400;
-        letter-spacing: 0px;
-        line-height: 0px;
-        color: rgba(255, 255, 255, 1);
-        text-align: center;
-    }
-
-    .mt-4 {
-        .el-checkbox {
-            height: 30px;
-            width: 100%;
-            margin-bottom: 2px;
-            padding-left: 10px;
-            font-size: 14px;
-            font-weight: 400;
-            letter-spacing: 0px;
-            line-height: 0px;
-            color: rgba(255, 255, 255, 1);
-            text-align: left;
-        }
-    }
-
-    :deep(.el-checkbox__label) {
-        color: black;
-    }
-}
-
-.bottom_center {
-    position: absolute;
-    // left: calc(400px + 20px + 8vw);
-    left: -2%;
-    right: 0;
-    margin: auto;
-    width: calc(100% - (400px * 2) - (10vw * 2));
-    min-width: 380px;
-    bottom: 5%;
-    height: 75px;
-    opacity: 1;
-    border-radius: 5px;
+  // height: 50px;
+  :deep(.el-collapse-item__header) {
     background: rgba(2, 31, 26, 0.6);
-    border: 1px solid rgba(4, 153, 153, 1);
+    color: rgba(255, 255, 255, 1);
+    text-align: center;
+    padding: 0 30px;
+    font-size: 14px;
+  }
+
+  //--el-collapse-content-bg-color {
+  //  background: rgba(2, 31, 26, 0.6);
+  //}
+
+  :deep(.el-collapse-item__content) {
+    background: rgba(2, 31, 26, 0.6);
+    padding: 0 10px;
+    padding-bottom: 10px;
+  }
+
+  --el-collapse-border-color: none;
+  --el-collapse-content-bg-color: none;
+
+
+  p {
+    margin: 10px;
+    font-size: 14px;
+    font-weight: 400;
+    letter-spacing: 0;
+    line-height: 0;
+    color: rgba(255, 255, 255, 1);
+    text-align: center;
+  }
+
+  .mt-4 {
+    .el-checkbox {
+      height: 30px;
+      width: 100%;
+      margin-bottom: 2px;
+      padding-left: 10px;
+      font-size: 14px;
+      font-weight: 400;
+      letter-spacing: 0;
+      line-height: 0;
+      color: rgba(255, 255, 255, 1);
+      text-align: left;
+    }
+  }
+
+  :deep(.el-checkbox__label) {
+    color: black;
+  }
 }
 
-.tool {
-    position: absolute;
-    right: 30%;
-    top: 8%;
-    width: 30px;
-    height: 280px;
-    opacity: 1;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: flex-start;
-    display: none;
-}
-
-#popup {
-    border-radius: 5px;
-    background: rgba(2, 31, 26, 1);
-    display: none;
-    // justify-content: flex-start;
-    // align-items: flex-end;
-    padding: 30px 8px 20px 8px;
-    border: 2px solid rgba(4, 153, 153, 1);
-
-    .rowWra {
-        display: flex;
-        margin-bottom: 10px;
-        justify-content: space-between;
-        & > span:nth-child(1) {
-            font-weight: 400;
-            letter-spacing: 0px;
-            color: rgba(255, 255, 255, 1);
-            // margin-top: 20px;
-            line-height: 24px;
-            // width: 3em;
-            // font-size: 14px;
-            margin-right: 10px;
-        }
-
-        & > span:nth-child(2) {
-            color: rgba(255, 255, 255, 1);
-            width: 179px;
-            height: 24px;
-            opacity: 1;
-            border-radius: 2px;
-            background: rgba(217, 231, 255, 0.2);
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            padding: 2px 10px 2px 10px;
-        }
-    }
-
-    .cancel {
-        position: absolute;
-        right: 10px;
-        top: 5px;
-        color: rgba(255, 255, 255, 1);
-        cursor: pointer;
-    }
-}
-
-#pop {
-    border-radius: 5px;
-    background: rgba(2, 31, 26, 1);
-    display: none;
-    // justify-content: flex-start;
-    // align-items: flex-end;
-    padding: 30px 8px 20px 8px;
-
-    .cancel {
-        position: absolute;
-        right: 10px;
-        top: 5px;
-        color: rgba(255, 255, 255, 1);
-        cursor: pointer;
-    }
-
-    & > div {
-        display: flex;
-        margin-bottom: 10px;
-
-        & > div:nth-child(1) {
-            font-weight: 400;
-            letter-spacing: 0px;
-            color: rgba(255, 255, 255, 1);
-            // margin-top: 20px;
-            line-height: 24px;
-            margin-right: 10px;
-        }
-
-        & > div:nth-child(2) {
-            color: rgba(255, 255, 255, 1);
-            width: 129px;
-            height: 24px;
-            opacity: 1;
-            border-radius: 2px;
-            background: rgba(217, 231, 255, 0.2);
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            padding: 2px 10px 2px 10px;
-            // margin-top: 20px;
-        }
-    }
-}
-
-.back_button {
-    position: absolute;
-    right: 30%;
-    top: 20px;
-}
-.detailsDiv {
-    :deep(.detailsDialog) {
-        border-radius: 4px;
-        background: rgba(3, 48, 54, 0.95);
-        border: 2px solid rgba(4, 153, 153, 1);
-        color: rgba(255, 255, 255, 1);
-    }
-    :deep().el-dialog__body {
-        color: rgba(255, 255, 255, 1) !important;
-    }
-    .center {
-        div {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-        }
-    }
-    p {
-        width: 151px;
-        height: 24px;
-        opacity: 1;
-        background: rgba(217, 231, 255, 0.2);
-        text-align: center;
-        line-height: 24px;
-        margin-right: 50px;
-    }
-    :deep(.el-dialog__header) {
-        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
-    }
-    :deep(.el-dialog__title) {
-        color: #fff !important;
-    }
-}
 </style>
-<style lang="scss">
-.select_city {
-    background: rgba(2, 31, 26, 0.85);
-    box-shadow: inset 0px 0px 15px 6px rgba(41, 255, 255, 0.5);
 
-    .el-select-dropdown__item.hover {
-        background: rgba(2, 31, 26, 0.95);
-        box-shadow: inset 0px 0px 15px 6px rgba(41, 255, 255, 0.7);
-    }
-
-    .el-select-dropdown__item {
-        color: #fff;
-    }
-}
-
-.el-select__popper {
-    border: none !important;
-    background: transparent !important;
-}
-
-.el-popper {
-    border: none !important;
-    background: transparent !important;
-}
-
-.el-popper__arrow::before {
-    background: rgba(41, 255, 255, 0.7) !important;
-}
-.el-popper__arrow {
-    display: none;
-}
-</style>
diff --git a/src/views/meteorological/monitor/FloodWarning/index.vue b/src/views/meteorological/monitor/FloodWarning/index.vue
index d1a9259..b06730b 100644
--- a/src/views/meteorological/monitor/FloodWarning/index.vue
+++ b/src/views/meteorological/monitor/FloodWarning/index.vue
@@ -1,1618 +1,1206 @@
 <template>
-    <div class="center">
-        <div style="width: 100%; height: 100%" id="cesiumContainer"></div>
-        <div class="rightWra">
-            <div class="farmlandHeader">
-                监测日期:&emsp;
-                <el-select
-                    v-model="value"
-                    popper-class="select_city"
-                    class="m-2"
-                    placeholder="Select"
-                    @change="selectTime"
-                >
-                    <el-option v-for="item in options" :key="item" :label="item" :value="item" />
-                </el-select>
-            </div>
-            <div class="rightTop">
-                <div class="title">
-                    <span>预警信息发布</span>
-                </div>
-                <div class="farmlandDiv">
-                    <div class="radioDiv">
-                        预警范围：
-                        <el-radio-group @change="onclick()" v-model="radio1" class="ml-4">
-                            <el-radio label="5000" size="large">5km</el-radio>
-                            <el-radio label="10000" size="large">10km</el-radio>
-                        </el-radio-group>
-                    </div>
-                    <el-table
-                        :cell-style="{ textAlign: 'center' }"
-                        :header-cell-style="{ 'text-align': 'center' }"
-                        :data="SaveResultsDiv"
-                        style="width: 100%"
-                        @selection-change="handleSelectionChange"
-                    >
-                        <el-table-column type="selection" width="20" />
-                        <el-table-column prop="devCode" width="80" label="设备号" />
-                        <el-table-column prop="warning" label="预警情况" />
-                        <el-table-column prop="name" width="80" label="联系人" />
-                        <el-table-column prop="telephone" label="联系电话" />
-                    </el-table>
-                    <el-button
-                        class="but"
-                        type="primary"
-                        :disabled="multipleSelection.length < 1"
-                        @click="subText"
-                    >
-                        发布预警短信
-                    </el-button>
-                </div>
-            </div>
+  <div class="center">
+    <div style="width: 100%; height: 100%" id="cesiumContainer"></div>
+    <div class="rightWra">
+      <div class="farmlandHeader">
+        监测日期:&emsp;
 
-            <div class="rightFoldDiv" @click="rightFoldClick()">
-                <el-tooltip
-                    :disabled="!rightWraFlag"
-                    :show-arrow="false"
-                    hide-after="0"
-                    show-after="200"
-                    class="box-item"
-                    effect="dark"
-                    content="收起"
-                    placement="top"
-                >
-                    <img v-if="rightWraFlag" src="@/assets/images/close1.png" alt="" />
-                </el-tooltip>
-                <el-tooltip
-                    :disabled="rightWraFlag"
-                    :show-arrow="false"
-                    hide-after="0"
-                    show-after="200"
-                    class="box-item"
-                    effect="dark"
-                    content="展开"
-                    placement="top"
-                >
-                    <img
-                        class="imgrotate"
-                        v-if="!rightWraFlag"
-                        src="@/assets/images/close1.png"
-                        alt=""
-                    />
-                </el-tooltip>
-            </div>
+        <el-date-picker
+            popper-class="date_poper"
+            class="m-2" v-model="value" @change="selectTime"
+            format="YYYY 年 MM 月 DD 日" value-format="YYYY-MM-DD"
+            type="date" placeholder="选择日期"/>
+
+
+      </div>
+      <div class="rightTop">
+        <div class="title">
+          <span>预警信息发布</span>
         </div>
-        <div class="tool">
-            <span><img src="@/assets/images/LAYER.png" alt="" /></span>
-            <span><img src="@/assets/images/amplify.png" alt="" /></span>
-            <span><img src="@/assets/images/reduce.png" alt="" /></span>
-            <span><img src="@/assets/images/measure.png" alt="" /></span>
-            <span><img src="@/assets/images/face.png" alt="" /></span>
-            <span><img src="@/assets/images/position.png" alt="" /></span>
+        <div class="farmlandDiv">
+          <div class="radioDiv">
+            预警范围：
+            <el-radio-group @change="onclick()" v-model="radio1" class="ml-4">
+              <el-radio :label="5000" size="large" style="color:white;">5km</el-radio>
+              <el-radio :label="10000" size="large" style="color:white;">10km</el-radio>
+            </el-radio-group>
+          </div>
+          <div class="selectDiv">
+            站点名称:
+            <el-select v-model="zdmcValue" placeholder="请选择">
+              <el-option
+                  v-for="item in zdmcList"
+                  :key="item.msName"
+                  :label="item.msName"
+                  :value="item.msName"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div class="selectDiv" style="margin-top: 10px">
+            预警情况:
+            <el-select v-model="warnValue" placeholder="请选择">
+              <el-option
+                  v-for="item in warnList"
+                  :key="item.flag"
+                  :label="item.label"
+                  :value="item.label"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div class="btws">
+            <el-button class="bt1" @click="query">查询</el-button>
+            <el-button class="bt2" @click="reset">重置</el-button>
+          </div>
+
+          <el-table
+              :cell-style="{ textAlign: 'center' }"
+              :header-cell-style="{ 'text-align': 'center','color':'white' }"
+              :data="pageData"
+              style="width: 100%"
+              max-height="470px"
+              @selection-change="handleSelectionChange"
+
+          >
+            <el-table-column type="selection" width="20"/>
+            <el-table-column prop="msName" width="80" label="站点名称"/>
+            <el-table-column prop="warning" label="预警情况"/>
+            <el-table-column prop="name" width="80" label="联系人"/>
+            <el-table-column prop="telephone" label="联系电话"/>
+          </el-table>
+          <el-pagination
+              small
+              style="display: flex;justify-content: center;margin-top: 10px;"
+              @current-change="handleCurrentChange"
+              :current-page="currentPage"
+              :page-size="pageSize"
+              layout=" prev, pager, next"
+              :total="SaveResultsDiv.length"
+          ></el-pagination>
+          <el-button
+              class="but"
+              type="primary"
+              :disabled="multipleSelection.length < 1"
+              @click="subText"
+          >
+            发布预警短信
+          </el-button>
         </div>
-        <div id="popup">
-            <div>
-                <div class="rowWra">
-                    <span>设备：</span>
-                    <span>{{ regionName }}</span>
-                </div>
-                <div class="rowWra">
-                    <span>经度：</span>
-                    <span>{{ popdata.msLongitude }}</span>
-                </div>
-                <div class="rowWra">
-                    <span>纬度：</span>
-                    <span>{{ popdata.msLatitude }}</span>
-                </div>
-            </div>
-            <div class="cancel" @click="hiddenOverlayChart">X</div>
-        </div>
-        <div id="pop">
-            <div v-for="(item, index) in townZuowu.label" :key="index">
-                <div>{{ item.crop }}：</div>
-                <div>{{ (item.Shape_Area / 666.67).toFixed(2) }} 亩</div>
-            </div>
-            <div v-if="townZuowu.XZQMC">
-                <div>村名：</div>
-                <div>{{ townZuowu.XZQMC }}</div>
-            </div>
-            <div class="cancel" @click="hiddenOverlayChart">X</div>
-        </div>
-        <el-collapse class="legend" accordion>
-            <el-collapse-item name="1">
-                <template #title>图例</template>
-                <div class="mt-4">
-                    <el-checkbox-group v-model="checkList" @change="change">
-                        <el-checkbox
-                            v-for="(value, item, key) in dic"
-                            :key="key"
-                            :style="{
+      </div>
+
+      <div class="rightFoldDiv" @click="rightFoldClick()">
+        <el-tooltip
+            :disabled="!rightWraFlag"
+            :show-arrow="false"
+            hide-after="0"
+            show-after="200"
+            class="box-item"
+            effect="dark"
+            content="收起"
+            placement="top"
+        >
+          <img v-if="rightWraFlag" src="@/assets/images/close1.png" alt=""/>
+        </el-tooltip>
+        <el-tooltip
+            :disabled="rightWraFlag"
+            :show-arrow="false"
+            hide-after="0"
+            show-after="200"
+            class="box-item"
+            effect="dark"
+            content="展开"
+            placement="top"
+        >
+          <img
+              class="imgrotate"
+              v-if="!rightWraFlag"
+              src="@/assets/images/close1.png"
+              alt=""
+          />
+        </el-tooltip>
+      </div>
+    </div>
+
+
+
+    <el-collapse class="legend" accordion>
+      <el-collapse-item name="1">
+        <template #title>图例</template>
+        <div class="mt-4">
+          <div class="tuli">
+            <div
+                v-for="(value, item, key) in dic"
+                :key="key"
+                :style="{
                                 backgroundColor: value.color,
                                 border: `1px solid value.color`,
                                 width: `100%`,
-                            }"
-                            :v-model="value.disabled"
-                            :disabled="value.disabled"
-                            :label="item"
-                        />
-                    </el-checkbox-group>
-                </div>
-            </el-collapse-item>
-        </el-collapse>
+                                height: `25px`,
+                                marginTop:`5px`,
+                                textAlign: `center`
 
-        <el-button v-if="flag" class="back_button" @click="back()">返回</el-button>
-    </div>
+                            }"
+
+            >{{ item }}</div>
+          </div>
+        </div>
+      </el-collapse-item>
+    </el-collapse>
+
+
+  </div>
 </template>
 
 <script setup>
-import { ref, onMounted, inject, reactive, watch } from 'vue';
-import { ElMessage } from 'element-plus';
-import * as echarts from 'echarts';
-import TimeLine from '@/components/TimeLine/TimeLine.vue';
-import moment from 'Moment';
-// import * as turf from '@turf/turf';
-import { useEcharts } from '@/hooks/useEcharts';
-import { ElLoading } from 'element-plus';
+import {ref, onMounted, reactive,} from 'vue';
+
+
+
+import ganhan1 from '@/assets/images/honglao1.png';
+import ganhan2 from '@/assets/images/honglao2.png';
+import ganhan3 from '@/assets/images/honglao3.png';
+import ganhan4 from '@/assets/images/honglao4.png';
+import ganhan0 from '@/assets/images/honglao0.png';
+import pun from '@/assets/images/personUnselected.png';
+import pse from '@/assets/images/personSelected.png';
+import pin from '@/assets/images/pin.png';
 import {
-    getreturnToMonitoringTime,
-    getmeteorologicalFreeze,
-    getsendSms,
-    getmeteorologyEquipment,
+  getmeteorologicalFreeze,
+  getsendSms,
+  getmeteorologyEquipment, meteorologicalsPeople, meteorology, zdmc,
 } from '@/api/meteorological/monitor/information.js';
-import axios from 'axios';
+
 import 'echarts-gl';
-import { download } from '@/utils/request';
 
-let viewer = ref(null);
-const value = ref('2023');
-let Township = reactive({ arr: [], brr: [], crr: [] }); //街道
-let clickInfoMap = ref({ name: '', value: '' });
-const formLandRef = ref([]);
-const flag = ref(false);
+
+
+const value = ref()
+
+
+let clickInfoMap = ref({name: '', value: ''});
+
+
 let rightWraFlag = ref(false);
-const checkList = ref(['false']);
-const areaDiv = ref(null);
-const value1 = ref('');
-const options = ref([]);
-let informationData = ref([]);
-let windArr = ref([]);
-let pressureArr = ref([]);
-let typhoonTime = ref([]);
-const SaveResultsDiv = ref([]);
-const radio1 = ref('5000');
-const multipleSelection = ref([]);
-let popdata = ref({});
 
+
+const value1 = ref('');
+
+let informationData = ref([]);
+let clickInformationData = reactive({
+  lat: '',
+  lan: '',
+  name: ''
+})
+let peopleData = ref([]);
+
+const SaveResultsDiv = ref([]);
+const radio1 = ref(5000);
+const multipleSelection = ref([]);
+
+const circleLayer = ref([]);
+const iconLayer = ref([]);
+const personIconLayer = ref([]);
 var baozi =
     'data:image/png;base64,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';
 let dic = {
-    轻度干旱: { color: 'rgba(9, 187, 222, 1)', disabled: false },
-    中度干旱: { color: 'rgba(255, 235, 59, 1)', disabled: false },
-    严重干旱: { color: 'rgba(234, 165, 93, 1)', disabled: false },
-    特大干旱: { color: 'rgba(215, 25, 28, 1)', disabled: false },
+  '无预警': {color: 'rgba(49, 235, 7, 1)', disabled: false},
+  '轻度干旱': {color: 'rgba(9, 187, 222, 1)', disabled: false},
+  '中度干旱': {color: 'rgba(255, 235, 59, 1)', disabled: false},
+  '严重干旱': {color: 'rgba(234, 165, 93, 1)', disabled: false},
+  '特大干旱': {color: 'rgba(215, 25, 28, 1)', disabled: false},
 };
+const warnValue = ref()
+
+function query() {
+  getmeteorology()
+
+
+}
+
+function reset() {
+  value.value = getYesterday().toJSON().substr(0, 10);
+  radio1.value = 5000
+  zdmcValue.value = ''
+  warnValue.value = ''
+  getmeteorology()
+
+}
+
+const warnList = [
+  {
+    label: '蓝色预警',
+    flag: 1,
+  },
+  {
+    label: '黄色预警',
+    flag: 2,
+  },
+  {
+    label: '橙色预警 ',
+    flag: 3,
+  },
+  {
+    label: '红色预警',
+    flag: 4,
+  },
+]
+
 const rules = reactive({
-    power: [
-        {
-            required: true,
-            message: 'Please select Activity zone',
-            trigger: 'change',
-        },
-    ],
-    count: [
-        {
-            required: true,
-            message: 'Please select Activity count',
-            trigger: 'change',
-        },
-    ],
-    date1: [
-        {
-            type: 'date',
-            required: true,
-            message: 'Please pick a date',
-            trigger: 'change',
-        },
-    ],
-    date2: [
-        {
-            type: 'date',
-            required: true,
-            message: 'Please pick a time',
-            trigger: 'change',
-        },
-    ],
-    type: [
-        {
-            type: 'array',
-            required: true,
-            message: 'Please select at least one activity type',
-            trigger: 'change',
-        },
-    ],
-    resource: [
-        {
-            required: true,
-            message: 'Please select activity resource',
-            trigger: 'change',
-        },
-    ],
-    desc: [{ required: true, message: 'Please input activity form', trigger: 'blur' }],
+  power: [
+    {
+      required: true,
+      message: 'Please select Activity zone',
+      trigger: 'change',
+    },
+  ],
+  count: [
+    {
+      required: true,
+      message: 'Please select Activity count',
+      trigger: 'change',
+    },
+  ],
+  date1: [
+    {
+      type: 'date',
+      required: true,
+      message: 'Please pick a date',
+      trigger: 'change',
+    },
+  ],
+  date2: [
+    {
+      type: 'date',
+      required: true,
+      message: 'Please pick a time',
+      trigger: 'change',
+    },
+  ],
+  type: [
+    {
+      type: 'array',
+      required: true,
+      message: 'Please select at least one activity type',
+      trigger: 'change',
+    },
+  ],
+  resource: [
+    {
+      required: true,
+      message: 'Please select activity resource',
+      trigger: 'change',
+    },
+  ],
+  desc: [{required: true, message: 'Please input activity form', trigger: 'blur'}],
 });
-watch(
-    () => value1.value,
-    val => {
-        let startTime = moment(value1.value[0]).format('YYYY-MM-DD')
-            ? moment(value1.value[0]).format('YYYY-MM-DD ')
-            : '';
-        let endTime = moment(value1.value[1]).format('YYYY-MM-DD')
-            ? moment(value1.value[1]).format('YYYY-MM-DD')
-            : '';
-    }
-);
+//分页相关
+const currentPage=ref(1)
+const pageSize=ref(6)
+const pageData=ref([])
+function handleCurrentChange(page){
+  currentPage.value = page;
+  updatePagedData();
+}
+function updatePagedData(){
+  const start = (currentPage.value - 1) * pageSize.value;
+  const end = currentPage.value * pageSize.value;
+  pageData.value = SaveResultsDiv.value.slice(start, end);
+}
+// watch(
+//     () => value1.value,
+//     val => {
+//       let startTime = moment(value1.value[0]).format('YYYY-MM-DD')
+//           ? moment(value1.value[0]).format('YYYY-MM-DD ')
+//           : '';
+//       let endTime = moment(value1.value[1]).format('YYYY-MM-DD')
+//           ? moment(value1.value[1]).format('YYYY-MM-DD')
+//           : '';
+//     }
+// );
+
+function getIcon(val) {
+  if (val === '蓝色预警') return ganhan1
+  if (val === '黄色预警') return ganhan2
+  if (val === '橙色预警') return ganhan3
+  if (val === '红色预警') return ganhan4
+  if (val === '无灾害') return ganhan0
+}
+
+
+const getYesterday = () => {
+  let d = new Date()
+  d.setDate(d.getDate() - 1)
+
+  return d
+}
+
 //行政区划数据
 var data = {
-    title: [],
+  title: [],
 };
-
+let map = ref(null);
+const cun = () => {
+  layers = new ol.layer.Tile({
+    source: new ol.source.TileSuperMapRest({
+      url: 'http://36.134.44.75:8090/iserver/services/map-huangdaoqu_bianjie/rest/maps/huangdaoqu_village@huangdaoqu_bianjie',
+      //rasterfunction: new SuperMap.NDVIParameter({ redIndex: 0, nirIndex: 2 }),
+      cacheEnabled: false,
+    }),
+    name: 'huangdaoqu_village',
+    projection: 'EPSG:4326', //3857
+    zIndex: 9999,
+  });
+  map.addLayer(layers);
+  // var layersArray = map.getLayers();
+  // layersArray.insertAt(999, layers);
+};
+const zhen = () => {
+  var layer = new ol.layer.Tile({
+    source: new ol.source.TileSuperMapRest({
+      url: 'http://36.134.44.75:8090/iserver/services/map-huangdaoqu_bianjie/rest/maps/huangdaoqu_town@huangdaoqu_bianjie',
+      //rasterfunction: new SuperMap.NDVIParameter({ redIndex: 0, nirIndex: 2 }),
+      cacheEnabled: false,
+    }),
+    projection: 'EPSG:4326', //3857
+    zIndex: 9999,
+  });
+  map.addLayer(layer);
+};
+let layers = ref(null); //村
 // 组件挂载完成后执行
 onMounted(() => {
-    getreturnToMonitoringTimes();
-    //地图
-    initMap();
-    getFarmland();
-    getmeteorologyEquipments();
-    let rightWra = document.querySelector('.rightWra');
-    rightWra.style.transform = 'translate(107%,0)';
+  value.value = getYesterday().toJSON().substr(0, 10);
+  //地图
+  initMap();
+
+  meteorologicals()
+  let rightWra = document.querySelector('.rightWra');
+  rightWra.style.transform = 'translate(107%,0)';
 });
+let alterData = ref([]);
+let newArr = ref([]);
+const zdmcList = ref([])
+const zdmcValue = ref('')
+
+function getmeteorology() {
+  meteorology({
+    data: value.value,
+    alertRange: radio1.value,
+    flag: 3,
+    msName: zdmcValue.value,
+    warning: warnValue.value
+  }).then(res => {
+    SaveResultsDiv.value = res.data
+    updatePagedData()
+  })
+}
+
+getmeteorology()
+
+
+function getZdmc() {
+  zdmc().then(res => {
+    zdmcList.value = res.data
+  })
+}
+
+getZdmc()
 
-/*-------------地图------------------------*/
-const mapOption = {
-    url:
-        'http://{s}.tianditu.gov.cn/img_c/wmts?service=wmts&request=GetTile&version=1.0.0' +
-        '&LAYER=img&tileMatrixSet=c&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}' +
-        '&style=default&format=tiles&tk=31091965e263284a501a723b8909f405',
-    layer: 'tdtCva',
-    style: 'default',
-    format: 'tiles',
-    tileMatrixSetID: 'c',
-    subdomains: ['t0', 't1', 't2', 't3', 't4', 't5', 't6', 't7'],
-    tilingScheme: new Cesium.GeographicTilingScheme(),
-    tileMatrixLabels: [
-        '1',
-        '2',
-        '3',
-        '4',
-        '5',
-        '6',
-        '7',
-        '8',
-        '9',
-        '10',
-        '11',
-        '12',
-        '13',
-        '14',
-        '15',
-        '16',
-        '17',
-        '18',
-        '19',
-    ],
-    maximumLevel: 18,
-};
-Cesium.Ion.defaultAccessToken =
-    'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJiYzcwZmJmNi02MzQ5LTQ1MGEtODgzMy0yZTZiZGExY2MzMGMiLCJpZCI6MTAxOTgsInNjb3BlcyI6WyJhc2wiLCJhc3IiLCJnYyJdLCJpYXQiOjE1ODEzMDgxNTR9.NeJU4yfUi-SnLrNDOBYsQgmiSh3B4axCTi1m84Qw99c';
 function initMap() {
-    viewer = new Cesium.Viewer('cesiumContainer', {
-        baseLayerPicker: false,
-        shouldAnimate: true, //自动播放
-        infoBox: false, //信息框
-        animation: false, //“动画”窗口小部件提供用于播放，暂停和倒退的按钮，以及当前时间和日期，并由“飞梭环”包围，用于控制动画的速度。cesium示例地图左下角那个
-        timeline: false, //时间轴是用于显示和控制当前场景时间的小部件。
-        geocoder: false, //查找，用于查找地址和地标，以及将照相机悬挂到它们。使用铯离子进行地址解析。,cesium示例地图右上角的放大镜
-        homeButton: false, //主页按钮
-        navigationHelpButton: false, //导航帮助按钮
-        selectionIndicator: false, //原生选择绿框
-        fullscreenButton: false, //右下角的全屏按钮
-        // terrainProvider:new Cesium.createWorldTerrain(),
-        terrainProvider: new Cesium.EllipsoidTerrainProvider({}),
-        sceneModePicker: false, //是否显示投影方式控件
-        contextOptions: {
-            webgl: {
-                alpha: true,
-            },
-        },
-
-        imageryProvider: new Cesium.WebMapTileServiceImageryProvider({
-            ...mapOption,
-            // url: "http://service.sdmap.gov.cn/hisimage/weipian202209?tk=9cc3e9deb3cf643b6f133717c333d16d",
-            // layer: "c",
-            // style: ",c",
-            // format: "image/png",
-            // tileMatrixSetID: "EPSG:4490",
-            // rectangle: Cesium.Rectangle.fromDegrees(114.8, 34.35, 122.82, 38.43),
-            // // subdomains: ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"],
-            // tilingScheme: new Cesium.GeographicTilingScheme(),
-            // tileMatrixLabels: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19"],
-            // // maximumLevel: 18
+  var parentElement = document.querySelector('.center');
+  var mapContainer = document.getElementById('cesiumContainer');
+  map = new ol.Map({
+    target: 'cesiumContainer',
+    controls: [],
+    view: new ol.View({
+      center: [119.86763411957472, 35.88435182141938],
+      zoom: 11,
+      projection: 'EPSG:4326',
+    }),
+    layers: [
+      new ol.layer.Tile({
+        source: new ol.source.Tianditu({
+          layerType: 'img',
+          key: '1d109683f4d84198e37a38c442d68311',
         }),
-    });
-    // 去除logo
-    viewer.cesiumWidget.creditContainer.style.display = 'none';
-    addWms('huangdaoqu_town', 'huangdaoqu_town');
-    viewer.camera.flyTo({
-        destination: Cesium.Rectangle.fromDegrees(119.5091, 35.5671, 120.3285, 36.1455),
-        duration: 0,
-    });
+      }),
+    ],
+  });
 
-    viewer.scene.screenSpaceCameraController.minimumZoomDistance = 450; //相机的高度的最小值
-    viewer.scene.screenSpaceCameraController.maximumZoomDistance = 720000; //相机高度的最大值
-    viewer.scene.screenSpaceCameraController._minimumZoomRate = 30000; // 设置相机缩小时的速率
-    viewer.scene.screenSpaceCameraController._maximumZoomRate = 5906376272000; //设置相机放大时的速率
 
-    // 图层点击事件
-    // layerClick();
-    // 蒙版
-    mbHandle();
-    var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);
-    handler.setInputAction(function (event) {
-        var pickedObject = viewer.scene.pick(event.position);
-        if (
-            Cesium.defined(pickedObject) &&
-            pickedObject.id instanceof Cesium.Entity &&
-            pickedObject.id.billboard
-        ) {
-            var position = pickedObject.id.position.getValue(viewer.clock.currentTime);
-            var cartographic = Cesium.Cartographic.fromCartesian(position);
-            var long = Cesium.Math.toDegrees(cartographic.longitude);
-            var lat = Cesium.Math.toDegrees(cartographic.latitude);
-            var height = cartographic.height.toFixed(2);
-            console.log('经度: ' + long + '，纬度: ' + lat + '，高度: ' + height);
+  cun();
+  zhen();
+  const infoOverlay = new ol.Overlay({
+    element: document.createElement('div'), // 创建一个用于显示信息的div元素
+    positioning: 'bottom-center', // 设置覆盖层相对于锚点的位置
+    offset: [0, -10], // 设置偏移量以便覆盖层不会遮挡图标
+    stopEvent: true, // 允许地图事件继续传播（例如，缩放和拖动）
+  });
 
-            townZuowu.label.forEach((item, index) => {
-                if (item.dev_code == pickedObject.id.name) {
-                    popdata.value = item;
-                }
-            });
-            showOverlayChart(event.position);
-            viewer.scene.postRender.addEventListener(infoWindowPostRender);
-        }
-    }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
-}
-
-// data数据数组
-// name实体名称，方便以后删除
-// color实体颜色
-function addBoundaryHandle(data, name, color) {
-    data.forEach(item => {
-        let arr = [];
-        item[0].forEach(mem => {
-            arr.push(mem[0]);
-            arr.push(mem[1]);
-        });
-        viewer.entities.add({
-            name: name,
-            polyline: {
-                positions: Cesium.Cartesian3.fromDegreesArray(arr),
-                width: 6,
-                // material: new Cesium.PolylineDashMaterialProperty({//虚线
-                material: new Cesium.PolylineGlowMaterialProperty({
-                    //光晕
-                    glowPower: 0.2,
-                    color: color
-                        ? Cesium.Color.fromCssColorString(color)
-                        : Cesium.Color.fromBytes(250, 128, 114), //#FA8072
-                }),
-                // followSurface: false, //是否贴着地表
-                clampToGround: true, //贴地
-            },
-        });
-    });
-}
-function getLevel(height) {
-    if (height > 48000000) {
-        return 0;
-    } else if (height > 24000000) {
-        return 1;
-    } else if (height > 12000000) {
-        return 2;
-    } else if (height > 6000000) {
-        return 3;
-    } else if (height > 3000000) {
-        return 4;
-    } else if (height > 1500000) {
-        return 5;
-    } else if (height > 750000) {
-        return 6;
-    } else if (height > 375000) {
-        return 7;
-    } else if (height > 187500) {
-        return 8;
-    } else if (height > 93750) {
-        return 9;
-    } else if (height > 46875) {
-        return 10;
-    } else if (height > 23437.5) {
-        return 11;
-    } else if (height > 11718.75) {
-        return 12;
-    } else if (height > 5859.38) {
-        return 13;
-    } else if (height > 2929.69) {
-        return 14;
-    } else if (height > 1464.84) {
-        return 15;
-    } else if (height > 732.42) {
-        return 16;
-    } else if (height > 366.21) {
-        return 17;
+  //滚轮控制村级矢量
+  map.on('moveend', function () {
+    var zoom = map.getView().getZoom(); //获取当前地图的缩放级别
+    if (zoom >= 13) {
+      layers.setVisible(true); //显示图层
     } else {
-        return 18;
+      layers.setVisible(false);
     }
-}
-function getFarmland() {
-    axios({
-        url:
-            serverAPI.geoserverUrl +
-            '/shuzisannong/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=shuzisannong%3Afarmland&maxFeatures=50&outputFormat=application%2Fjson',
-        method: 'get',
-    })
-        .then(res => {
-            console.log('农田：', res);
-            formLandRef.value = res.data.features;
-        })
-        .catch(err => {});
-}
+  });
+  map.on('singleclick', function (e) {
+    alterData = ref([]);
+    const pixel = map.getEventPixel(e.originalEvent);
+    var coodinate = e.coordinate;
+    var lon = coodinate[0];
+    var lat = coodinate[1];
+    var view = map.getView();
 
-let townZuowu = ref({ label: [] }); //镇的作物
-let XZDM = '';
-// 图层点击事件
-function layerClick() {
-    var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);
-    handler.setInputAction(function (movement) {
-        var ray = viewer.camera.getPickRay(movement.position);
-        var cartesian = viewer.scene.globe.pick(ray, viewer.scene);
-        if (cartesian) {
-            let cartographic = Cesium.Cartographic.fromCartesian(cartesian);
-            if (cartographic) {
-                let xy = new Cesium.Cartesian2();
-                let alti = viewer.camera.positionCartographic.height;
-                let level = getLevel(alti);
-                const layers = viewer.imageryLayers._layers;
-                // 筛选出黄岛区服务
-                const index = layers.findIndex(
-                    item =>
-                        item._imageryProvider._layers &&
-                        item._imageryProvider._layers === 'shuzisannong:huangdaoqu_town'
-                );
-                if (index > -1) {
-                    const providerPoint = layers[index];
-                    // 拿取最后一个图层
-                    let provider = providerPoint._imageryProvider;
-                    if (
-                        provider &&
-                        provider.ready &&
-                        provider._layers &&
-                        providerPoint.show === true
-                    ) {
-                        xy = provider.tilingScheme.positionToTileXY(cartographic, level, xy);
-                        let promise = provider.pickFeatures(
-                            xy.x,
-                            xy.y,
-                            level,
-                            cartographic.longitude,
-                            cartographic.latitude
-                        );
-                        if (promise) {
-                            promise.then(data => {
-                                if (data.length > 0) {
-                                    let newData = data['0'];
-                                    if (newData.properties && newData.properties.XZDM) {
-                                        console.log('XZDM:', XZDM);
-                                        console.log(
-                                            'newData.properties.XZDM:',
-                                            newData.properties.XZDM
-                                        );
-                                        if (XZDM !== newData.properties.XZDM) {
-                                            flag.value = true;
-                                            //防止重复加载
-                                            XZDM = newData.properties.XZDM;
-                                            value.value = XZDM; //
-                                            if (selectTab) {
-                                                selectTab(); //
-                                            }
-                                            let item = newData.data;
-                                            // 定位
-                                            viewer.camera.flyTo({
-                                                destination: Cesium.Rectangle.fromDegrees(
-                                                    item.bbox[0],
-                                                    item.bbox[1],
-                                                    item.bbox[2],
-                                                    item.bbox[3]
-                                                ),
-                                                duration: 2,
-                                            });
-                                            // 移除高亮
-                                            deleteEntityByName('townLine');
-                                            // 高亮边界
-                                            addBoundaryHandle(
-                                                item.geometry && item.geometry.coordinates,
-                                                'townLine',
-                                                'yellow'
-                                            );
-                                            // 移除以前的
-                                            removeWms(['village_CQL']);
-                                            // 添加新的
-                                            addvillage(
-                                                `XZDM=${newData.properties.XZDM}`,
-                                                'village_CQL'
-                                            );
-
-                                            // 显示该镇的种植结构
-                                            let entitys = viewer.entities._entities._array;
-                                            for (var na = entitys.length - 1; na >= 0; na--) {
-                                                if (
-                                                    entitys[na]._name &&
-                                                    entitys[na]._name ===
-                                                        'point' + newData.properties.XZDM
-                                                ) {
-                                                    let info = entitys[na]._info;
-                                                    // entitys[na].label.show = true
-                                                    townZuowu.value = info; //保存数据
-                                                    console.log(
-                                                        townZuowu.value,
-                                                        '------------------'
-                                                    );
-                                                    showOverlayChart(movement.position); // 添加地图移动监听：使地图移动弹窗跟着移动
-                                                    viewer.scene.postRender.addEventListener(
-                                                        infoWindowPostRender
-                                                    );
-                                                } else {
-                                                    // if (entitys[na].label) {
-                                                    //     entitys[na].label.show = false
-                                                    // }
-                                                }
-                                            }
-                                            // 移除村高亮
-                                            deleteEntityByName('villageLine');
-                                            XZQDM = '';
-                                        } else {
-                                            // // 已经有镇了，监听村点击
-                                            villageClick(layers, xy, level, cartographic, movement);
-                                        }
-                                    } else {
-                                        removeWms(['village_CQL']);
-                                        // 移除框框
-                                        hiddenOverlayChart(); // 清除监听事件
-                                    }
-                                }
-                            });
-                        }
-                    }
-                }
-            }
-        }
-    }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
-}
-let XZQDM = '';
-// 村点击高亮
-function villageClick(layers, xy, level, cartographic, movement) {
-    const index = layers.findIndex(
-        item =>
-            item._imageryProvider._layers &&
-            item._imageryProvider._layers === 'shuzisannong:huangdaoqu_village'
-    );
-    if (index > -1) {
-        const providerPoint = layers[index];
-        // 拿取最后一个图层
-        let provider = providerPoint._imageryProvider;
-        if (provider && provider.ready && provider._layers && providerPoint.show === true) {
-            xy = provider.tilingScheme.positionToTileXY(cartographic, level, xy);
-            let promise = provider.pickFeatures(
-                xy.x,
-                xy.y,
-                level,
-                cartographic.longitude,
-                cartographic.latitude
-            );
-            if (promise) {
-                promise.then(data => {
-                    if (data.length > 0) {
-                        let newData = data['0'];
-                        console.log(newData);
-                        viewer.camera.flyTo({
-                            destination: Cesium.Rectangle.fromDegrees(
-                                newData.data.bbox[0],
-                                newData.data.bbox[1],
-                                newData.data.bbox[2],
-                                newData.data.bbox[3]
-                            ),
-                            duration: 2,
-                        });
-
-                        if (newData.properties && newData.properties.XZQDM) {
-                            if (XZQDM !== newData.properties.XZQDM) {
-                                //防止
-                                XZQDM = newData.properties.XZQDM;
-                                let item = newData.data;
-                                // 移除高亮
-                                deleteEntityByName('villageLine');
-                                // 高亮边界
-                                addBoundaryHandle(
-                                    item.geometry && item.geometry.coordinates,
-                                    'villageLine',
-                                    'yellow'
-                                );
-                                // townZuowu.value = info//保存数据
-
-                                // 后插和村
-                                if (newData.properties.XZQDM === '370211104217') {
-                                    // console.log('后河岔村委会')
-                                    const rectangle = Cesium.Rectangle.fromDegrees(
-                                        item.bbox[0],
-                                        item.bbox[1],
-                                        item.bbox[2],
-                                        item.bbox[3]
-                                    );
-                                    const center = Cesium.Rectangle.center(rectangle); //获取视角范围中心点(得到的结果为弧度Cartographic)
-                                    let longitude = Cesium.Math.toDegrees(center.longitude); //将弧度转为度
-                                    let latitude = Cesium.Math.toDegrees(center.latitude);
-                                    let info = {
-                                        lon: longitude,
-                                        lat: latitude,
-                                        ...item.properties,
-                                        // XZQMC
-                                        label: [
-                                            { crop: '茶叶', Shape_Area: 2820 },
-                                            { crop: '大豆', Shape_Area: 2767 },
-                                            { crop: '花生', Shape_Area: 62356 },
-                                            { crop: '蓝莓', Shape_Area: 5443 },
-                                            { crop: '地瓜', Shape_Area: 897 },
-                                            { crop: '小麦', Shape_Area: 20111 },
-                                        ],
-                                    };
-                                    townZuowu.value = info; //保存数据
-
-                                    // 展示弹窗
-                                    showOverlayChart(movement.position); // 添加地图移动监听：使地图移动弹窗跟着移动
-                                    viewer.scene.postRender.addEventListener(infoWindowPostRender);
-                                }
-                            }
-                        }
-                    }
-                });
-            }
-        }
-    }
-}
-// 添加村
-// CQL_FILTER:筛选的语句
-// customName地图服务自定义属性名
-function addvillage(CQL_FILTER, customName) {
-    let map2 = new Cesium.WebMapServiceImageryProvider({
-        url: `${serverAPI.geoserverUrl}/shuzisannong/wms`,
-        layers: 'shuzisannong:huangdaoqu_village', //图层名
-        parameters: {
-            service: 'WMS',
-            format: 'image/png',
-            transparent: true, //是否透明
-            // CQL_FILTER: `XZDM=${value.value}`,
-            CQL_FILTER: CQL_FILTER,
-        },
+    view.animate({
+      center: [lon, lat],
+      duration: 1000,
     });
-    map2.customName = customName;
-    viewer.imageryLayers.addImageryProvider(map2);
-}
-// 移除wms
-// nameArry ：属性名数组（customName）
-// isMohu ：是否模糊查询
-function removeWms(nameArry, isMohu) {
-    if (viewer) {
-        // 倒叙遍历，customName是自定义的属性
-        const layers = viewer.imageryLayers._layers;
-        for (let f = layers.length - 1; f >= 0; f--) {
-            nameArry.forEach(item => {
-                if (layers[f]._imageryProvider && layers[f]._imageryProvider.customName) {
-                    if (isMohu) {
-                        if (layers[f]._imageryProvider.customName.indexOf(item) > -1) {
-                            viewer.imageryLayers.remove(layers[f]);
-                        }
-                    } else {
-                        if (layers[f]._imageryProvider.customName === item) {
-                            viewer.imageryLayers.remove(layers[f]);
-                        }
-                    }
-                }
-            });
+    newArr.value.forEach(item => {
+      if (layersDic[item]) {
+        QueryData(
+            e,
+            layersDic[item].setOf,
+            `http://192.168.0.113:8090/iserver/services/${layersDic[item].name}/rest/maps/${layersDic[item].setOf}`,
+            item
+        );
+      } else if (layersGbz[item]) {
+        QueryData(
+            e,
+            layersGbz[item].setOf,
+            `http://192.168.0.113:8090/iserver/services/${layersGbz[item].name}/rest/maps/${layersGbz[item].setOf}`,
+            item
+        );
+      }
+    });
+    map.forEachFeatureAtPixel(pixel, (feature) => {
+
+
+      // 获取Feature的其他属性（例如，自定义属性'id'）
+      const featureId = feature.get('id');
+      const featureType = feature.get('type');
+
+// 将覆盖层添加到地图
+      map.addOverlay(infoOverlay);
+      if (featureType === '1') {
+        for (const i in informationData.value) {
+          if (featureId === informationData.value[i].msName) {
+            clickInformationData.name = featureId
+            clickInformationData.lon = informationData.value[i].msLongitude
+            clickInformationData.lat = informationData.value[i].msLatitude
+          }
         }
-    }
+        infoOverlay.setPosition(feature.getGeometry().getCoordinates());
+        // 设置覆盖层的内容
+        infoOverlay.getElement().innerHTML = `
+      <div class="info-window" style="padding: 10px 20px 10px 20px;background: rgba(2, 31, 26, 0.85);border: 1.5px solid rgba(23, 194, 180, 1);">
+      <span  class="close-btn" style="color:white;display: flex;justify-content: end;cursor:pointer;" >X</span>
+      <div style="color:white;font-size: 18px">
+        <div style="margin-top: 10px"><span>名称:</span><span>${clickInformationData.name}</span></div>
+        <div style="margin-top: 10px"><span>经度:</span><span>${clickInformationData.lon}</span></div>
+        <div style="margin-top: 10px"><span>维度:</span><span>${clickInformationData.lat}</span></div>
+      </div>
+      </div>
+    `;
+        // 为关闭按钮添加点击事件监听器
+        const closeButton = infoOverlay.getElement().querySelector('.close-btn');
+        if (closeButton) {
+          closeButton.addEventListener('click', () => {
+            // 隐藏覆盖层
+            infoOverlay.setPosition(undefined);
+          });
+        }
+      } else if (featureType === '0') {
+        for (const i in peopleData.value) {
+          if (featureId === peopleData.value[i].contacts) {
+            clickInformationData.name = featureId
+            clickInformationData.phone = peopleData.value[i].phone
+            clickInformationData.region = peopleData.value[i].region
+          }
+        }
+        infoOverlay.setPosition(feature.getGeometry().getCoordinates());
+        // 设置覆盖层的内容
+        infoOverlay.getElement().innerHTML = `
+      <div class="info-window" style="padding: 10px 20px 10px 20px;background: rgba(2, 31, 26, 0.85);border: 1.5px solid rgba(23, 194, 180, 1);">
+      <span  class="close-btn" style="color:white;display: flex;justify-content: end;cursor:pointer;" >X</span>
+      <div style="color:white;font-size: 18px">
+        <div style="margin-top: 10px"><span>姓名:</span><span>${clickInformationData.name}</span></div>
+        <div style="margin-top: 10px"><span>手机:</span><span>${clickInformationData.phone}</span></div>
+        <div style="margin-top: 10px"><span>位置:</span><span>${clickInformationData.region}</span></div>
+      </div>
+      </div>
+    `;
+        //切换图片
+        feature.setStyle(new ol.style.Style({
+          image: new ol.style.Icon({
+            src: pse,
+            scale: 0.5 // 图标的缩放比例
+          })
+        }))
+        map.getLayers().forEach(function (layer) {
+          if (layer instanceof ol.layer.Vector) {
+            let fea = layer.getSource().getFeatures()[0]
+            if (fea.get('type') === '0' && fea !== feature) {
+              if(fea.get('warning')==='0'){
+                fea.setStyle(new ol.style.Style({
+                  image: new ol.style.Icon({
+                    src: pun,
+                    scale: 0.5 // 图标的缩放比例
+                  })
+                }))
+              }else if(fea.get('warning')==='1'){
+
+                fea.setStyle(new ol.style.Style({
+                  image: new ol.style.Icon({
+                    src: pin,
+                    scale: 0.5 // 图标的缩放比例
+                  })
+                }))
+              }
+
+            }
+
+          }
+        });
+        // 为关闭按钮添加点击事件监听器
+        const closeButton = infoOverlay.getElement().querySelector('.close-btn');
+        if (closeButton) {
+          closeButton.addEventListener('click', () => {
+            // 隐藏覆盖层
+            infoOverlay.setPosition(undefined);
+
+            map.getLayers().forEach(function (layer) {
+              if (layer instanceof ol.layer.Vector) {
+                let fea = layer.getSource().getFeatures()[0]
+                if (fea.get('type') === '0') {
+                  if(fea.get('warning')==='0'){
+                    fea.setStyle(new ol.style.Style({
+                      image: new ol.style.Icon({
+                        src: pun,
+                        scale: 0.5 // 图标的缩放比例
+                      })
+                    }))
+                  }else if(fea.get('warning')==='1'){
+
+                    fea.setStyle(new ol.style.Style({
+                      image: new ol.style.Icon({
+                        src: pin,
+                        scale: 0.5 // 图标的缩放比例
+                      })
+                    }))
+                  }
+                }
+
+              }
+            });
+
+
+          });
+        }
+
+
+
+      }
+
+
+    });
+
+
+  });
+  // 监听父元素大小变化
+  var resizeObserver = new ResizeObserver(function (entries) {
+    entries.forEach(function (entry) {
+      // 获取父元素的新大小
+      var newWidth = entry.contentRect.width;
+      var newHeight = entry.contentRect.height;
+
+      // 调整地图容器的大小
+      mapContainer.style.width = newWidth + 'px';
+      mapContainer.style.height = newHeight + 'px';
+
+      // 重新渲染地图
+      map.updateSize();
+    });
+  });
+  // 开始监听父元素大小变化
+  resizeObserver.observe(parentElement);
 }
 
-// 根据实体名字删除实体(模糊删除)
-function deleteEntityByName(name) {
-    if (viewer) {
-        let entitys = viewer.entities._entities._array;
-        for (var na = entitys.length - 1; na >= 0; na--) {
-            if (entitys[na]._name && entitys[na]._name === name) {
-                viewer.entities.remove(entitys[na]);
-            }
-        }
-    }
-}
 
 //折叠
 function rightFoldClick() {
-    rightWraFlag.value = !rightWraFlag.value;
-    if (rightWraFlag.value) {
-        let rightWra = document.querySelector('.rightWra');
-        rightWra.style.transform = 'translate(0,0)';
-    } else {
-        let rightWra = document.querySelector('.rightWra');
-        rightWra.style.transform = 'translate(107%,0)';
-    }
+  rightWraFlag.value = !rightWraFlag.value;
+  if (rightWraFlag.value) {
+    let rightWra = document.querySelector('.rightWra');
+    rightWra.style.transform = 'translate(0,0)';
+  } else {
+    let rightWra = document.querySelector('.rightWra');
+    rightWra.style.transform = 'translate(107%,0)';
+  }
 }
 
 const onclick = () => {
-    //选择范围
-    getmeteorologicalFreezes();
+  //选择范围
+  // getmeteorologicalFreezes();
+  meteorologicals()
+  meteorology({
+    data: value.value,
+    alertRange: radio1.value,
+    flag: 3,
+  }).then(res => {
+    SaveResultsDiv.value = res.data
+    updatePagedData()
+  })
 };
+const meteorologicals = () => {
+  for (const i in circleLayer.value) {
+    map.removeLayer(circleLayer.value[i]);
+  }
+  circleLayer.value = []
 
+  for (const i in iconLayer.value) {
+    map.removeLayer(iconLayer.value[i]);
+  }
+  iconLayer.value = []
+  for (const i in personIconLayer.value) {
+    map.removeLayer(personIconLayer.value[i]);
+  }
+  personIconLayer.value = []
+  getmeteorologyEquipment({flag: 3, data: value.value}).then(res => {
+    informationData.value = res.data
+    for (const i in informationData.value) {
+      const centerLonLat = [parseFloat(informationData.value[i].msLongitude),
+        parseFloat(informationData.value[i].msLatitude)];
+      //精确的圆
+      const points = 128;
+      const circleCoords = [];
+      for (let i = 0; i < points; i++) {
+        const angle = 2 * Math.PI * i / points;
+        const coordinate = ol.sphere.computeDestinationPoint(centerLonLat, radio1.value, angle);
+        circleCoords.push(coordinate);
+      }
+// 创建一个具有给定半径的圆形
+      const circleFeature = new ol.Feature({
+        geometry: new ol.geom.Polygon([circleCoords])
+      });
+
+// 为圆形创建一个样式
+      const circleStyle = new ol.style.Style({
+
+        stroke: new ol.style.Stroke({
+          color: 'rgb(255,255,0)',
+          width: 2
+        })
+      });
+// 将圆形添加到矢量层
+      circleLayer.value[i] = new ol.layer.Vector({
+        source: new ol.source.Vector({
+          features: [circleFeature]
+        }),
+        style: circleStyle
+      });
+      if(informationData.value[i].warning!=='无灾害'){
+        map.addLayer(circleLayer.value[i]);
+      }
+
+
+      //不精确的圆
+      // const radius = radio1.value / map.getView().getProjection().getMetersPerUnit(); // 将半径从米转换为度（EPSG:4326）
+      // const circleGeometry = new ol.geom.Circle(centerLonLat, radius);
+      // // 创建一个矢量图层
+      // circleLayer.value[i] = new ol.layer.Vector({
+      //   source: new ol.source.Vector({
+      //     features: [
+      //       new ol.Feature({
+      //         geometry: circleGeometry
+      //       })
+      //     ]
+      //   }),
+      //   style: new ol.style.Style({
+      //     // fill: new ol.style.Fill({
+      //     //   color: 'rgba(255,255,255,0.5)'
+      //     // }),
+      //     stroke: new ol.style.Stroke({
+      //       color: 'rgb(255,255,0)', // 设置红色边框
+      //       width: 2
+      //     }),
+      //   })
+      // });
+      // // 添加矢量图层到地图
+      // if(informationData.value[i].warning!=='无灾害'){
+      //   map.addLayer(circleLayer.value[i]);
+      // }
+
+
+      // 创建一个点几何对象，使用EPSG:4326投影坐标
+      const iconPointGeometry = new ol.geom.Point(centerLonLat);
+      // 创建一个Feature，并将其几何对象设置为刚创建的点
+      const iconFeature = new ol.Feature({
+        geometry: iconPointGeometry,
+        id: informationData.value[i].msName,
+        type: informationData.value[i].flag
+      });
+
+// 设置Feature的样式，包括图标
+      iconFeature.setStyle(new ol.style.Style({
+        image: new ol.style.Icon({
+          src: getIcon(informationData.value[i].warning),
+          scale: 0.5 // 图标的缩放比例
+        })
+      }));
+// 创建一个矢量图层，并将Feature添加到该图层
+      iconLayer.value[i] = new ol.layer.Vector({
+        source: new ol.source.Vector({
+          features: [iconFeature]
+        })
+      });
+
+      map.addLayer(iconLayer.value[i]);
+
+    }
+  })
+
+
+  meteorologicalsPeople({flag:3,alertRange:radio1.value,data:value.value}).then(res => {
+    peopleData.value = res.data
+
+    for (const i in peopleData.value) {
+      const centerLonLat = [parseFloat(peopleData.value[i].latitude),
+        parseFloat(peopleData.value[i].longitude)];
+      const iconPointGeometry = new ol.geom.Point(centerLonLat);
+      // 创建一个Feature，并将其几何对象设置为刚创建的点
+      const iconFeature = new ol.Feature({
+        geometry: iconPointGeometry,
+        id: peopleData.value[i].contacts,
+        type: peopleData.value[i].flag,
+        warning:peopleData.value[i].earlyWarning
+      });
+
+      if(peopleData.value[i].earlyWarning==='0'){
+        // 设置Feature的样式，包括图标
+        iconFeature.setStyle(new ol.style.Style({
+          image: new ol.style.Icon({
+            src: pun,
+            scale: 0.5 // 图标的缩放比例
+          })
+        }));
+
+        personIconLayer.value[i] = new ol.layer.Vector({
+          source: new ol.source.Vector({
+            features: [iconFeature]
+          })
+        });
+        map.addLayer(personIconLayer.value[i]);
+      }else if(peopleData.value[i].earlyWarning==='1'){
+        // 设置Feature的样式，包括图标
+        iconFeature.setStyle(new ol.style.Style({
+          image: new ol.style.Icon({
+            src: pin,
+            scale: 0.5 // 图标的缩放比例
+          })
+        }));
+
+        personIconLayer.value[i] = new ol.layer.Vector({
+          source: new ol.source.Vector({
+            features: [iconFeature]
+          })
+        });
+        map.addLayer(personIconLayer.value[i]);
+      }
+
+    }
+  })
+
+
+}
 const selectTime = () => {
-    //选择时间
-    getmeteorologicalFreezes();
+  //选择时间
+
+  meteorologicals()
+  // getmeteorologicalFreezes();
 };
 const subText = () => {
-    //发送短信
-    getsendSms({ meteorologicalStations: multipleSelection.value }).then(res => {
-        console.log(res.data);
-    });
+  //发送短信
+  getsendSms({meteorologicalStations: multipleSelection.value}).then(res => {
+    console.log(res.data);
+  });
 };
 const handleSelectionChange = val => {
-    multipleSelection.value = val;
+  multipleSelection.value = val;
 };
 /*------------------接口--------------------*/
 
-const getreturnToMonitoringTimes = () => {
-    getreturnToMonitoringTime({ flag: 3 }).then(res => {
-        options.value = res.data;
-        value.value = res.data[res.data.length - 1];
-        getmeteorologicalFreezes(res.data[res.data.length - 1]);
-    });
-};
 const getmeteorologicalFreezes = () => {
-    getmeteorologicalFreeze({
-        monitoringTime: value.value,
-        alertRange: radio1.value,
-        flag: '3',
-    }).then(res => {
-        SaveResultsDiv.value = res.data;
-    });
-};
-const getmeteorologyEquipments = () => {
-    getmeteorologyEquipment().then(res => {
-        console.log(res.data);
-        res.data.forEach((item, index) => {
-            townZuowu.label = res.data;
-            addCircleRipple(viewer, {
-                //默认只绘制两个圆圈叠加 如遇绘制多个，请自行源码内添加。
-                id: '111',
-                lon: item.msLongitude,
-                lat: item.msLatitude,
-                height: 500,
-                maxR: radio1.value,
-                minR: 0, //最好为0
-                deviationR: 10, //差值 差值也大 速度越快
-                eachInterval: 2000, //两个圈的时间间隔
-                // imageUrl: './redCircle2.png',
-            });
-            viewer.entities.add({
-                name: item.dev_code,
-                position: Cesium.Cartesian3.fromDegrees(
-                    parseFloat(item.msLongitude),
-                    parseFloat(item.msLatitude)
-                ),
-                billboard: {
-                    image: baozi,
-                    scale: 0.9,
-                    width: 35,
-                    height: 35,
-                    disableDepthTestDistance: Number.POSITIVE_INFINITY, //广告牌不进行深度检测
-                    // heightReference: Cesium.HeightReference.RELATIVE_TO_GROUND
-                    heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, //设置HeightReference高度参考类型为CLAMP_TO_GROUND贴地类型
-                },
-            });
-        });
-    });
+  getmeteorologicalFreeze({
+    monitoringTime: value.value,
+    alertRange: radio1.value,
+    flag: '1',
+  }).then(res => {
+    SaveResultsDiv.value = res.data;
+  });
 };
 
-// 添加wms
-function addWms(layers, customName, bottom) {
-    let map = new Cesium.WebMapServiceImageryProvider({
-        url: serverAPI.geoserverUrl + `/map-${layers}/wms111/`,
-        layers: layers + '@' + layers, //图层名
-        parameters: {
-            service: 'WMS',
-            format: 'image/png',
-            srs: 'EPSG:4326',
-            VERSION: '1.1.1',
-            transparent: true, //是否透明
-            exceptions: 'application/vnd.ogc.se_inimage',
-        },
-    });
-    map.customName = customName; //自己定义各种属性
-    let dd = viewer.imageryLayers.addImageryProvider(map); //添加图层
-    if (bottom) {
-        viewer.imageryLayers.lowerToBottom(dd); //将图层移到最底层
-        viewer.imageryLayers.raise(dd); //将图层上移一层
-    }
-}
-//返回
-function back() {
-    delete townZuowu.value.XZQMC;
-    removeWms(['gbznt'], true);
-    removeWms(['aaa']);
-    value.value = '370211';
-    selectTab();
-    if (flag.value === '1') {
-        console.log(flag.value);
-        addWms('shuzisannong:huangdaoqu_town', 'tl');
-    }
-    viewer.camera.flyTo({
-        destination: Cesium.Rectangle.fromDegrees(119.5091, 35.5671, 120.3285, 36.1455),
-        duration: 2,
-    });
-    flag.value = false;
-    hiddenOverlayChart();
-}
 
-/*--------------------------------------------------------------------------------------------*/
-function getAreaFenlei() {
-    let fl = fenleiRef.value;
-    console.log('fl:', fl);
-    axios({
-        url:
-            serverAPI.geoserverUrl +
-            '/shuzisannong/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=shuzisannong%3Ahuangdaoqu_town&maxFeatures=50&outputFormat=application%2Fjson',
-    })
-        .then(res => {
-            console.log('res1111:', res);
-            let data = res.data.features;
-            data.forEach((item, index) => {
-                const rectangle = Cesium.Rectangle.fromDegrees(
-                    item.bbox[0],
-                    item.bbox[1],
-                    item.bbox[2],
-                    item.bbox[3]
-                );
-                const center = Cesium.Rectangle.center(rectangle); //获取视角范围中心点(得到的结果为弧度Cartographic)
-                let longitude = Cesium.Math.toDegrees(center.longitude); //将弧度转为度
-                let latitude = Cesium.Math.toDegrees(center.latitude);
-
-                if (item.properties.XZDM === '370211011') {
-                    //灵山卫街道
-                    longitude = 120.0863;
-                    latitude = 35.941;
-                } else if (item.properties.XZDM === '370211003') {
-                    //薛家岛街道
-                    longitude = 120.243682;
-                    latitude = 35.97123201;
-                }
-                const townData = fl[item.properties.XZMC];
-                let label = [];
-                if (townData) {
-                    label = townData.map((it, inex) => {
-                        // let dd = `${it.properties.crop} ：${(it.properties.Shape_Area / 666.67).toFixed(2)} 亩`
-                        // return dd
-                        return it.properties;
-                    });
-                }
-            });
-        })
-        .catch(err => {});
-}
-let fenleiRef = ref({});
-function mbHandle() {
-    axios({
-        url:
-            serverAPI.geoserverUrl +
-            '/shuzisannong/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=shuzisannong%3Afenlei&maxFeatures=137&outputFormat=application%2Fjson',
-    })
-        .then(res => {
-            let features = res.data.features;
-            let town = {};
-            // 按镇分类
-            features.forEach(item => {
-                let key = item.properties.town;
-                if (town[key]) {
-                    town[key].push(item);
-                } else {
-                    town[key] = [item];
-                }
-            });
-            fenleiRef.value = town;
-            getAreaFenlei();
-        })
-        .catch(err => {});
-}
-
-// 地图移动时弹窗跟随
-function infoWindowPostRender() {
-    // let viewer = viewers.value;
-    if (popdata.value.msLongitude && popdata.value.msLatitude) {
-        //经纬度转为世界坐标
-        const gisPosition = Cesium.Cartesian3.fromDegrees(
-            Number(popdata.value.msLongitude),
-            Number(popdata.value.msLatitude),
-            0
-        ); //转化为屏幕坐标
-        var windowPosition = Cesium.SceneTransforms.wgs84ToWindowCoordinates(
-            viewer.scene,
-            gisPosition
-        );
-
-        if (Cesium.defined(windowPosition)) {
-            const pop = document.getElementById('popup');
-            if (pop) {
-                pop.style.top = windowPosition.y - 10 + 'px';
-                pop.style.left = windowPosition.x + 10 + 'px';
-            }
-        }
-    }
-}
-
-// 隐藏弹窗
-function hiddenOverlayChart() {
-    const pop = document.getElementById('popup');
-    if (pop) {
-        pop.style.display = 'none'; // 清除监听事件
-    }
-
-    viewer.scene.postRender.removeEventListener(infoWindowPostRender);
-}
-//显示弹窗
-function showOverlayChart(position) {
-    const pop = document.getElementById('popup');
-    if (pop) {
-        pop.style.display = 'block';
-        pop.style.position = 'absolute';
-        pop.style.top = position.y - 10 + 'px';
-        pop.style.left = position.x + 10 + 'px';
-        pop.style.zIndex = 99;
-    }
-}
-//添加范围圈
-function addCircleRipple(viewer, data) {
-    var r1 = data.minR,
-        r2 = data.minR;
-
-    function changeR1() {
-        //这是callback，参数不能内传
-        r1 = r1 + data.deviationR;
-        if (r1 >= data.maxR) {
-            r1 = data.minR;
-        }
-
-        return r1;
-    }
-    function changeR2() {
-        r2 = r2 + data.deviationR;
-        if (r2 >= data.maxR) {
-            r2 = data.minR;
-        }
-        return r2;
-    }
-    viewer.entities.add({
-        id: data.id,
-        name: '',
-        position: Cesium.Cartesian3.fromDegrees(data.lon, data.lat, data.height),
-        ellipse: {
-            semiMinorAxis: new Cesium.CallbackProperty(changeR1, false),
-            semiMajorAxis: new Cesium.CallbackProperty(changeR1, false),
-            height: data.height,
-            material: new Cesium.ImageMaterialProperty({
-                image: data.imageUrl,
-                repeat: new Cesium.Cartesian2(1.0, 1.0),
-                transparent: true,
-                color: new Cesium.CallbackProperty(function () {
-                    var alp = 1 - r1 / data.maxR;
-                    return Cesium.Color.WHITE.withAlpha(alp); //entity的颜色透明 并不影响材质，并且 entity也会透明哦
-                }, false),
-            }),
-        },
-    });
-    setTimeout(function () {
-        viewer.entities.add({
-            name: '',
-            position: Cesium.Cartesian3.fromDegrees(data.lon, data.lat, data.height),
-            ellipse: {
-                semiMinorAxis: new Cesium.CallbackProperty(changeR2, false),
-                semiMajorAxis: new Cesium.CallbackProperty(changeR2, false),
-                height: data.height,
-                material: new Cesium.ImageMaterialProperty({
-                    image: data.imageUrl,
-                    repeat: new Cesium.Cartesian2(1.0, 1.0),
-                    transparent: true,
-                    color: new Cesium.CallbackProperty(function () {
-                        var alp = 1;
-                        alp = 1 - r2 / data.maxR;
-                        return Cesium.Color.WHITE.withAlpha(alp);
-                    }, false),
-                }),
-            },
-        });
-    }, data.eachInterval);
-}
-
-/*-------------------------------------------------------------------------------------------*/
 </script>
 
 <style lang="scss" scoped>
 $height: calc(100vh - 100px);
 
 .center {
+  width: 100%;
+  height: 100%;
+
+  .imgrotate {
+    transform: rotate(180deg);
+  }
+
+  .title {
     width: 100%;
-    height: 100%;
+    height: 45px;
+    background: url('@/assets/images/title.png');
+    background-repeat: no-repeat;
+    background-size: 110% 100%;
+    color: #fff;
+    font-size: 18px;
+    font-weight: 700;
+    line-height: 45px;
+    padding-left: 46px;
+    display: flex;
+    cursor: pointer;
+    align-items: center;
+    justify-content: space-between;
 
-    .imgrotate {
-        transform: rotate(180deg);
+    :deep(.el-input__wrapper) {
+      width: 100px;
+      border-radius: 30px;
+      border: 1px solid rgba(23, 194, 180, 1);
+      background: rgba(41, 255, 255, 0.1);
+      height: 34px;
     }
 
-    .title {
-        width: 100%;
-        height: 45px;
-        background: url('@/assets/images/title.png');
-        background-repeat: no-repeat;
-        background-size: 110% 100%;
-        color: #fff;
-        font-size: 18px;
-        font-weight: 700;
-        line-height: 45px;
-        padding-left: 46px;
-        display: flex;
-        cursor: pointer;
-        align-items: center;
-        justify-content: space-between;
-        :deep(.el-input__wrapper) {
-            width: 100px;
-            border-radius: 30px;
-            border: 1px solid rgba(23, 194, 180, 1);
-            background: rgba(41, 255, 255, 0.1);
-            height: 34px;
-        }
-
-        span {
-            width: 80%;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            overflow: hidden;
-            background: linear-gradient(
-                180deg,
-                rgba(255, 255, 255, 1) 33.33%,
-                rgba(41, 255, 219, 1) 100%
-            );
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-        }
-
-        p {
-            width: 120px;
-            height: 25px;
-            border-radius: 20px;
-            font-size: 14px;
-            background: linear-gradient(
-                180deg,
-                rgba(16, 111, 111, 1) 0%,
-                rgba(47, 214, 214, 1) 100%
-            );
-            border: 1.5px solid rgba(23, 194, 180, 1);
-            display: flex;
-            justify-content: center;
-            align-items: center;
-        }
-    }
-}
-.frame {
-    :deep(.el-table__cell) {
-        color: #333;
+    span {
+      width: 80%;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      background: linear-gradient(
+              180deg,
+              rgba(255, 255, 255, 1) 33.33%,
+              rgba(41, 255, 219, 1) 100%
+      );
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
     }
+
+    p {
+      width: 120px;
+      height: 25px;
+      border-radius: 20px;
+      font-size: 14px;
+      background: linear-gradient(
+              180deg,
+              rgba(16, 111, 111, 1) 0%,
+              rgba(47, 214, 214, 1) 100%
+      );
+      border: 1.5px solid rgba(23, 194, 180, 1);
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+
 }
+
+
+
 .rightWra {
+  position: absolute;
+  top: 10px;
+  right: 20px;
+  width: 23%;
+  height: $height;
+  opacity: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: rgba(2, 31, 26, 0.85);
+  box-shadow: inset 0 0 15px 6px rgba(41, 255, 255, 0.5);
+  transition: transform 1s;
+
+  .farmlandHeader {
+    display: flex;
+    font-size: 18px;
+    font-weight: 400;
+    letter-spacing: 0;
+    align-items: center;
+    color: rgba(255, 255, 255, 1);
+    margin: 20px 0;
+    padding: 0 10px;
+
+    ::v-deep .m-2 {
+
+      .el-input__wrapper {
+        box-shadow: none;
+        border-radius: 4px;
+        background: transparent linear-gradient(
+                180deg,
+                rgba(38, 212, 191, 0.5) 0%,
+                rgba(43, 186, 186, 0.5) 25.69%,
+                rgba(45, 165, 181, 0.5) 66.67%,
+                rgba(54, 111, 168, 0.5) 100%
+        );
+
+        border: 1px solid rgba(137, 211, 245, 1);
+      }
+
+      :deep(.el-input__inner) {
+        color: #fff;
+      }
+    }
+  }
+
+  .rightFoldDiv {
+    width: 30px;
+    height: 30px;
     position: absolute;
-    top: 10px;
-    right: 20px;
-    width: 23%;
-    height: $height;
+    left: -8%;
+    top: 50%;
+    transform: translate(0, -50%);
+    font-size: 30px;
+    color: #ccc;
+  }
+
+  .rightTop {
+    width: 100%;
+    height: 88%;
     opacity: 1;
     display: flex;
     flex-direction: column;
+    justify-content: flex-start;
     align-items: center;
-    background: rgba(2, 31, 26, 0.85);
-    box-shadow: inset 0px 0px 15px 6px rgba(41, 255, 255, 0.5);
-    transition: transform 1s;
-    .farmlandHeader {
-        display: flex;
-        font-size: 18px;
-        font-weight: 400;
-        letter-spacing: 0px;
-        align-items: center;
-        color: rgba(255, 255, 255, 1);
-        margin: 20px 0;
-        padding: 0 10px;
-        .el-select {
-            // width: 80%;
-            // font-size: 14px;
-            // color: #333;
-            // background: rgba(22, 94, 102, 1);
-            // border: 1px solid rgba(4, 153, 153, 1) !important;
-            // margin-top: 20px;
 
-            :deep(.el-input__wrapper) {
-                background-color: transparent;
-                box-shadow: none;
-                border-radius: 4px;
-                background: linear-gradient(
+    .farmlandDiv {
+      // background: rgba(255, 255, 255, 0.05);
+      display: flex;
+      width: 95%;
+      flex-direction: column;
+      padding: 5px 10px 5px 10px;
+      color: rgba(255, 255, 255, 1);
+      height: 100%;
+
+      :deep(.el-table--fit) {
+        height: 90%;
+      }
+
+      .but {
+        width: 100px;
+        margin: 10px auto;
+      }
+
+      .radioDiv {
+        display: flex;
+        align-items: center;
+        justify-content: flex-start;
+      }
+
+      .selectDiv {
+        .el-select {
+          ::v-deep .el-input__wrapper {
+            box-shadow: none;
+            border-radius: 4px;
+            background: transparent linear-gradient(
                     180deg,
                     rgba(38, 212, 191, 0.5) 0%,
                     rgba(43, 186, 186, 0.5) 25.69%,
                     rgba(45, 165, 181, 0.5) 66.67%,
                     rgba(54, 111, 168, 0.5) 100%
-                );
+            );
 
-                border: 1px solid rgba(137, 211, 245, 1);
-            }
-
-            :deep(.el-input__inner) {
-                color: #fff;
-            }
+            border: none;
+          }
         }
-    }
-    .rightFoldDiv {
-        width: 30px;
-        height: 30px;
-        position: absolute;
-        left: -8%;
-        top: 50%;
-        transform: translate(0, -50%);
-        font-size: 30px;
-        color: #ccc;
-    }
+      }
 
-    .rightTop {
+      .btws {
+        display: flex;
+        justify-content: space-around;
+        align-items: center;
+        margin-top: 10px;
+        margin-bottom: 10px;
+
+        .el-button {
+          color: white;
+          border-radius: 4px;
+
+
+          border: 1.5px solid rgba(23, 194, 180, 1);
+        }
+
+        .bt1 {
+          background: linear-gradient(180deg, rgba(16, 111, 111, 1) 0%, rgba(47, 214, 214, 1) 100%);
+        }
+
+        .bt2 {
+          background: rgba(22, 94, 102, 1);
+        }
+      }
+      .el-pagination {
+        ::v-deep .el-pager{
+          .number{
+            margin-right: 3px;
+            margin-left: 3px;
+            border-radius: 2px;
+          }
+          .is-active{
+            background: rgba(5, 179, 179, 1);
+            color:white;
+          }
+        }
+        ::v-deep .btn-next{
+          border-radius: 2px;
+        }
+        ::v-deep .btn-prev{
+          border-radius: 2px;
+        }
+      }
+      :deep(.el-table tr) {
+        background-color: transparent;
+      }
+
+      :deep(.el-table) {
+        --el-table-border-color: none;
+        color: rgba(255, 255, 255, 1);
+      }
+
+      :deep(.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell) {
+        background-color: revert;
+      }
+
+      .Crops {
+        display: flex;
         width: 100%;
-        height: 88%;
+        margin-bottom: 10px;
+        font-size: 14px;
+        font-weight: 400;
+        height: 31px;
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-around;
         opacity: 1;
+        background: linear-gradient(
+                90deg,
+                rgba(21, 173, 148, 0.1) 0%,
+                rgba(21, 173, 148, 0) 100%
+        );
+
+        div {
+          display: flex;
+          align-items: center;
+        }
+      }
+
+      .tuli {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+      }
+
+      :deep(.ones) {
+        width: 100%;
+        height: 170px;
         display: flex;
         flex-direction: column;
         justify-content: flex-start;
-        align-items: center;
-
-        .farmlandDiv {
-            // background: rgba(255, 255, 255, 0.05);
-            display: flex;
-            width: 95%;
-            flex-direction: column;
-            padding: 5px 10px 5px 10px;
-            color: rgba(255, 255, 255, 1);
-            height: 100%;
-            :deep(.el-table--fit) {
-                height: 90%;
-            }
-            .but {
-                width: 100px;
-                margin: 10px auto;
-            }
-            .radioDiv {
-                display: flex;
-                align-items: center;
-                justify-content: center;
-            }
-            :deep(.el-table tr) {
-                background-color: transparent;
-            }
-            :deep(.el-table) {
-                --el-table-border-color: none;
-                color: rgba(255, 255, 255, 1);
-            }
-            :deep(.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell) {
-                background-color: revert;
-            }
-
-            .Crops {
-                display: flex;
-                width: 100%;
-                margin-bottom: 10px;
-                font-size: 14px;
-                font-weight: 400;
-                height: 31px;
-                flex-direction: row;
-                align-items: center;
-                justify-content: space-around;
-                opacity: 1;
-                background: linear-gradient(
-                    90deg,
-                    rgba(21, 173, 148, 0.1) 0%,
-                    rgba(21, 173, 148, 0) 100%
-                );
-
-                div {
-                    display: flex;
-                    align-items: center;
-                }
-            }
-
-            .el-checkbox-group {
-                display: flex;
-                flex-direction: column;
-            }
-
-            :deep(.ones) {
-                width: 100%;
-                height: 171;
-                display: flex;
-                flex-direction: column;
-                justify-content: flex-start;
-                align-items: flex-start;
-                --el-table-tr-bg-color: null;
-                --el-table-border-color: null;
-                font-size: 14px;
-                font-weight: 400;
-                letter-spacing: 0px;
-                line-height: 0px;
-                color: rgba(255, 255, 255, 1);
-            }
-        }
-
-        .ProgressBar {
-            width: 100%;
-            height: 9px;
-            opacity: 1;
-        }
+        align-items: flex-start;
+        --el-table-tr-bg-color: null;
+        --el-table-border-color: null;
+        font-size: 14px;
+        font-weight: 400;
+        letter-spacing: 0;
+        line-height: 0;
+        color: rgba(255, 255, 255, 1);
+      }
     }
 
-    .rightbottom {
-        width: 100%;
-        height: 490px;
-        opacity: 1;
-        display: flex;
-        flex-direction: column;
-        justify-content: flex-start;
-        align-items: center;
 
-        .ASdivision {
-            display: flex;
-            justify-content: center;
-            width: 95%;
-            flex-direction: column;
-            padding: 5px 10px 5px 10px;
-            color: rgba(255, 255, 255, 1);
-            height: 40%;
-            :deep(.el-table tr) {
-                background-color: transparent;
-            }
-            :deep(.el-table) {
-                --el-table-border-color: none;
-                color: rgba(255, 255, 255, 1);
-            }
-            :deep(.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell) {
-                background-color: revert;
-            }
+  }
 
-            .Crops {
-                display: flex;
-                width: 100%;
-                margin-bottom: 10px;
-                font-size: 14px;
-                font-weight: 400;
-                height: 31px;
-                flex-direction: row;
-                align-items: center;
-                justify-content: space-around;
-                opacity: 1;
-                background: linear-gradient(
-                    90deg,
-                    rgba(21, 173, 148, 0.1) 0%,
-                    rgba(21, 173, 148, 0) 100%
-                );
 
-                div {
-                    display: flex;
-                    align-items: center;
-                }
-            }
-
-            .el-checkbox-group {
-                display: flex;
-                flex-direction: column;
-            }
-
-            :deep(.ones) {
-                width: 100%;
-                height: 171;
-                display: flex;
-                flex-direction: column;
-                justify-content: flex-start;
-                align-items: flex-start;
-                --el-table-tr-bg-color: null;
-                --el-table-border-color: null;
-                font-size: 14px;
-                font-weight: 400;
-                letter-spacing: 0px;
-                line-height: 0px;
-                color: rgba(255, 255, 255, 1);
-            }
-        }
-    }
 }
+
 :deep(.el-input__wrapper) {
-    opacity: 1;
-    border-radius: 4px;
-    // background: rgba(22, 94, 102, 1);
-    // border: 1px solid rgba(4, 153, 153, 1);
-    // box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.25);dsawe
-    width: 70%;
-    .el-input__inner {
-        color: #ccc;
-    }
+  opacity: 1;
+  border-radius: 4px;
+
+  width: 70%;
+
+  .el-input__inner {
+    color: white;
+  }
 }
 
 .legend {
-    position: absolute;
-    right: 25%;
-    bottom: 7%;
-    width: 129px;
-    border: 1px solid rgba(4, 153, 153, 1);
+  position: absolute;
+  right: 25%;
+  bottom: 7%;
+  width: 129px;
+  border: 1px solid rgba(4, 153, 153, 1);
 
-    // height: 50px;
-    :deep(.el-collapse-item__header) {
-        background: rgba(2, 31, 26, 0.6);
-        color: rgba(255, 255, 255, 1);
-        text-align: center;
-        padding: 0 30px;
-        font-size: 14px;
-    }
-
-    --el-collapse-content-bg-color {
-        background: rgba(2, 31, 26, 0.6);
-    }
-
-    :deep(.el-collapse-item__content) {
-        background: rgba(2, 31, 26, 0.6);
-        padding: 0 10px;
-        padding-bottom: 10px;
-    }
-
-    --el-collapse-border-color: none;
-    --el-collapse-content-bg-color: none;
-
-    // opacity: 1;
-    // border-radius: 4px;
-    // background: rgba(2, 31, 26, 0.6);
-    // display: flex;
-    // flex-direction: column;
-    // justify-content: flex-start;
-    // align-items: center;
-    // padding: 10px 10px 10px 10px;
-    p {
-        margin: 10px;
-        font-size: 14px;
-        font-weight: 400;
-        letter-spacing: 0px;
-        line-height: 0px;
-        color: rgba(255, 255, 255, 1);
-        text-align: center;
-    }
-
-    .mt-4 {
-        .el-checkbox {
-            height: 30px;
-            width: 100%;
-            margin-bottom: 2px;
-            padding-left: 10px;
-            font-size: 14px;
-            font-weight: 400;
-            letter-spacing: 0px;
-            line-height: 0px;
-            color: rgba(255, 255, 255, 1);
-            text-align: left;
-        }
-    }
-
-    :deep(.el-checkbox__label) {
-        color: black;
-    }
-}
-
-.bottom_center {
-    position: absolute;
-    // left: calc(400px + 20px + 8vw);
-    left: -2%;
-    right: 0;
-    margin: auto;
-    width: calc(100% - (400px * 2) - (10vw * 2));
-    min-width: 380px;
-    bottom: 5%;
-    height: 75px;
-    opacity: 1;
-    border-radius: 5px;
+  // height: 50px;
+  :deep(.el-collapse-item__header) {
     background: rgba(2, 31, 26, 0.6);
-    border: 1px solid rgba(4, 153, 153, 1);
+    color: rgba(255, 255, 255, 1);
+    text-align: center;
+    padding: 0 30px;
+    font-size: 14px;
+  }
+
+  //--el-collapse-content-bg-color {
+  //  background: rgba(2, 31, 26, 0.6);
+  //}
+
+  :deep(.el-collapse-item__content) {
+    background: rgba(2, 31, 26, 0.6);
+    padding: 0 10px;
+    padding-bottom: 10px;
+  }
+
+  --el-collapse-border-color: none;
+  --el-collapse-content-bg-color: none;
+
+
+  p {
+    margin: 10px;
+    font-size: 14px;
+    font-weight: 400;
+    letter-spacing: 0;
+    line-height: 0;
+    color: rgba(255, 255, 255, 1);
+    text-align: center;
+  }
+
+  .mt-4 {
+    .el-checkbox {
+      height: 30px;
+      width: 100%;
+      margin-bottom: 2px;
+      padding-left: 10px;
+      font-size: 14px;
+      font-weight: 400;
+      letter-spacing: 0;
+      line-height: 0;
+      color: rgba(255, 255, 255, 1);
+      text-align: left;
+    }
+  }
+
+  :deep(.el-checkbox__label) {
+    color: black;
+  }
 }
 
-.tool {
-    position: absolute;
-    right: 30%;
-    top: 8%;
-    width: 30px;
-    height: 280px;
-    opacity: 1;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: flex-start;
-    display: none;
-}
-
-#popup {
-    border-radius: 5px;
-    background: rgba(2, 31, 26, 1);
-    display: none;
-    // justify-content: flex-start;
-    // align-items: flex-end;
-    padding: 30px 8px 20px 8px;
-    border: 2px solid rgba(4, 153, 153, 1);
-
-    .rowWra {
-        display: flex;
-        margin-bottom: 10px;
-        justify-content: space-between;
-        & > span:nth-child(1) {
-            font-weight: 400;
-            letter-spacing: 0px;
-            color: rgba(255, 255, 255, 1);
-            // margin-top: 20px;
-            line-height: 24px;
-            // width: 3em;
-            // font-size: 14px;
-            margin-right: 10px;
-        }
-
-        & > span:nth-child(2) {
-            color: rgba(255, 255, 255, 1);
-            width: 179px;
-            height: 24px;
-            opacity: 1;
-            border-radius: 2px;
-            background: rgba(217, 231, 255, 0.2);
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            padding: 2px 10px 2px 10px;
-        }
-    }
-
-    .cancel {
-        position: absolute;
-        right: 10px;
-        top: 5px;
-        color: rgba(255, 255, 255, 1);
-        cursor: pointer;
-    }
-}
-
-#pop {
-    border-radius: 5px;
-    background: rgba(2, 31, 26, 1);
-    display: none;
-    // justify-content: flex-start;
-    // align-items: flex-end;
-    padding: 30px 8px 20px 8px;
-
-    .cancel {
-        position: absolute;
-        right: 10px;
-        top: 5px;
-        color: rgba(255, 255, 255, 1);
-        cursor: pointer;
-    }
-
-    & > div {
-        display: flex;
-        margin-bottom: 10px;
-
-        & > div:nth-child(1) {
-            font-weight: 400;
-            letter-spacing: 0px;
-            color: rgba(255, 255, 255, 1);
-            // margin-top: 20px;
-            line-height: 24px;
-            margin-right: 10px;
-        }
-
-        & > div:nth-child(2) {
-            color: rgba(255, 255, 255, 1);
-            width: 129px;
-            height: 24px;
-            opacity: 1;
-            border-radius: 2px;
-            background: rgba(217, 231, 255, 0.2);
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            padding: 2px 10px 2px 10px;
-            // margin-top: 20px;
-        }
-    }
-}
-
-.back_button {
-    position: absolute;
-    right: 30%;
-    top: 20px;
-}
-.detailsDiv {
-    :deep(.detailsDialog) {
-        border-radius: 4px;
-        background: rgba(3, 48, 54, 0.95);
-        border: 2px solid rgba(4, 153, 153, 1);
-        color: rgba(255, 255, 255, 1);
-    }
-    :deep().el-dialog__body {
-        color: rgba(255, 255, 255, 1) !important;
-    }
-    .center {
-        div {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-        }
-    }
-    p {
-        width: 151px;
-        height: 24px;
-        opacity: 1;
-        background: rgba(217, 231, 255, 0.2);
-        text-align: center;
-        line-height: 24px;
-        margin-right: 50px;
-    }
-    :deep(.el-dialog__header) {
-        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
-    }
-    :deep(.el-dialog__title) {
-        color: #fff !important;
-    }
-}
 </style>
-<style lang="scss">
-.select_city {
-    background: rgba(2, 31, 26, 0.85);
-    box-shadow: inset 0px 0px 15px 6px rgba(41, 255, 255, 0.5);
 
-    .el-select-dropdown__item.hover {
-        background: rgba(2, 31, 26, 0.95);
-        box-shadow: inset 0px 0px 15px 6px rgba(41, 255, 255, 0.7);
-    }
-
-    .el-select-dropdown__item {
-        color: #fff;
-    }
-}
-
-.el-select__popper {
-    border: none !important;
-    background: transparent !important;
-}
-
-.el-popper {
-    border: none !important;
-    background: transparent !important;
-}
-
-.el-popper__arrow::before {
-    background: rgba(41, 255, 255, 0.7) !important;
-}
-.el-popper__arrow {
-    display: none;
-}
-</style>
diff --git a/src/views/meteorological/monitor/drought/index.vue b/src/views/meteorological/monitor/drought/index.vue
index fbf7297..5950d93 100644
--- a/src/views/meteorological/monitor/drought/index.vue
+++ b/src/views/meteorological/monitor/drought/index.vue
@@ -435,7 +435,8 @@ function initMap() {
     element: document.createElement('div'), // 创建一个用于显示信息的div元素
     positioning: 'bottom-center', // 设置覆盖层相对于锚点的位置
     offset: [0, -10], // 设置偏移量以便覆盖层不会遮挡图标
-    stopEvent: false, // 允许地图事件继续传播（例如，缩放和拖动）
+    stopEvent: true, // 允许地图事件继续传播（例如，缩放和拖动）
+
   });
 
   //滚轮控制村级矢量
@@ -447,6 +448,7 @@ function initMap() {
       layers.setVisible(false);
     }
   });
+
   map.on('singleclick', function (e) {
     alterData = ref([]);
     const pixel = map.getEventPixel(e.originalEvent);
@@ -476,6 +478,9 @@ function initMap() {
         );
       }
     });
+
+
+
     map.forEachFeatureAtPixel(pixel, (feature) => {
 
 
diff --git a/src/views/meteorological/monitor/freeze/index.vue b/src/views/meteorological/monitor/freeze/index.vue
index 6cc5019..edfadec 100644
--- a/src/views/meteorological/monitor/freeze/index.vue
+++ b/src/views/meteorological/monitor/freeze/index.vue
@@ -1,1617 +1,1200 @@
 <template>
-    <div class="center">
-        <div style="width: 100%; height: 100%" id="cesiumContainer"></div>
-        <div class="rightWra">
-            <div class="farmlandHeader">
-                监测日期:&emsp;
-                <el-select
-                    v-model="value"
-                    popper-class="select_city"
-                    class="m-2"
-                    placeholder="Select"
-                    @change="selectTime"
-                >
-                    <el-option v-for="item in options" :key="item" :label="item" :value="item" />
-                </el-select>
-            </div>
-            <div class="rightTop">
-                <div class="title">
-                    <span>预警信息发布</span>
-                </div>
-                <div class="farmlandDiv">
-                    <div class="radioDiv">
-                        预警范围：
-                        <el-radio-group @change="onclick()" v-model="radio1" class="ml-4">
-                            <el-radio label="5000" size="large">5km</el-radio>
-                            <el-radio label="10000" size="large">10km</el-radio>
-                        </el-radio-group>
-                    </div>
-                    <el-table
-                        :cell-style="{ textAlign: 'center' }"
-                        :header-cell-style="{ 'text-align': 'center' }"
-                        :data="SaveResultsDiv"
-                        style="width: 100%"
-                        @selection-change="handleSelectionChange"
-                    >
-                        <el-table-column type="selection" width="20" />
-                        <el-table-column prop="devCode" width="80" label="设备号" />
-                        <el-table-column prop="warning" label="预警情况" />
-                        <el-table-column prop="name" width="80" label="联系人" />
-                        <el-table-column prop="telephone" label="联系电话" />
-                    </el-table>
-                    <el-button
-                        class="but"
-                        type="primary"
-                        :disabled="multipleSelection.length < 1"
-                        @click="subText"
-                    >
-                        发布预警短信
-                    </el-button>
-                </div>
-            </div>
+  <div class="center">
+    <div style="width: 100%; height: 100%" id="cesiumContainer"></div>
+    <div class="rightWra">
+      <div class="farmlandHeader">
+        监测日期:&emsp;
 
-            <div class="rightFoldDiv" @click="rightFoldClick()">
-                <el-tooltip
-                    :disabled="!rightWraFlag"
-                    :show-arrow="false"
-                    hide-after="0"
-                    show-after="200"
-                    class="box-item"
-                    effect="dark"
-                    content="收起"
-                    placement="top"
-                >
-                    <img v-if="rightWraFlag" src="@/assets/images/close1.png" alt="" />
-                </el-tooltip>
-                <el-tooltip
-                    :disabled="rightWraFlag"
-                    :show-arrow="false"
-                    hide-after="0"
-                    show-after="200"
-                    class="box-item"
-                    effect="dark"
-                    content="展开"
-                    placement="top"
-                >
-                    <img
-                        class="imgrotate"
-                        v-if="!rightWraFlag"
-                        src="@/assets/images/close1.png"
-                        alt=""
-                    />
-                </el-tooltip>
-            </div>
+        <el-date-picker
+            popper-class="date_poper"
+            class="m-2" v-model="value" @change="selectTime"
+            format="YYYY 年 MM 月 DD 日" value-format="YYYY-MM-DD"
+            type="date" placeholder="选择日期"/>
+
+
+      </div>
+      <div class="rightTop">
+        <div class="title">
+          <span>预警信息发布</span>
         </div>
-        <div class="tool">
-            <span><img src="@/assets/images/LAYER.png" alt="" /></span>
-            <span><img src="@/assets/images/amplify.png" alt="" /></span>
-            <span><img src="@/assets/images/reduce.png" alt="" /></span>
-            <span><img src="@/assets/images/measure.png" alt="" /></span>
-            <span><img src="@/assets/images/face.png" alt="" /></span>
-            <span><img src="@/assets/images/position.png" alt="" /></span>
+        <div class="farmlandDiv">
+          <div class="radioDiv">
+            预警范围：
+            <el-radio-group @change="onclick()" v-model="radio1" class="ml-4">
+              <el-radio :label="5000" size="large" style="color:white;">5km</el-radio>
+              <el-radio :label="10000" size="large" style="color:white;">10km</el-radio>
+            </el-radio-group>
+          </div>
+          <div class="selectDiv">
+            站点名称:
+            <el-select v-model="zdmcValue" placeholder="请选择">
+              <el-option
+                  v-for="item in zdmcList"
+                  :key="item.msName"
+                  :label="item.msName"
+                  :value="item.msName"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div class="selectDiv" style="margin-top: 10px">
+            预警情况:
+            <el-select v-model="warnValue" placeholder="请选择">
+              <el-option
+                  v-for="item in warnList"
+                  :key="item.flag"
+                  :label="item.label"
+                  :value="item.label"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div class="btws">
+            <el-button class="bt1" @click="query">查询</el-button>
+            <el-button class="bt2" @click="reset">重置</el-button>
+          </div>
+
+          <el-table
+              :cell-style="{ textAlign: 'center' }"
+              :header-cell-style="{ 'text-align': 'center','color':'white' }"
+              :data="pageData"
+              style="width: 100%"
+              max-height="470px"
+              @selection-change="handleSelectionChange"
+
+          >
+            <el-table-column type="selection" width="20"/>
+            <el-table-column prop="msName" width="80" label="站点名称"/>
+            <el-table-column prop="warning" label="预警情况"/>
+            <el-table-column prop="name" width="80" label="联系人"/>
+            <el-table-column prop="telephone" label="联系电话"/>
+          </el-table>
+          <el-pagination
+              small
+              style="display: flex;justify-content: center;margin-top: 10px;"
+              @current-change="handleCurrentChange"
+              :current-page="currentPage"
+              :page-size="pageSize"
+              layout=" prev, pager, next"
+              :total="SaveResultsDiv.length"
+          ></el-pagination>
+          <el-button
+              class="but"
+              type="primary"
+              :disabled="multipleSelection.length < 1"
+              @click="subText"
+          >
+            发布预警短信
+          </el-button>
         </div>
-        <div id="popup">
-            <div>
-                <div class="rowWra">
-                    <span>设备：</span>
-                    <span>{{ regionName }}</span>
-                </div>
-                <div class="rowWra">
-                    <span>经度：</span>
-                    <span>{{ popdata.msLongitude }}</span>
-                </div>
-                <div class="rowWra">
-                    <span>纬度：</span>
-                    <span>{{ popdata.msLatitude }}</span>
-                </div>
-            </div>
-            <div class="cancel" @click="hiddenOverlayChart">X</div>
-        </div>
-        <div id="pop">
-            <div v-for="(item, index) in townZuowu.label" :key="index">
-                <div>{{ item.crop }}：</div>
-                <div>{{ (item.Shape_Area / 666.67).toFixed(2) }} 亩</div>
-            </div>
-            <div v-if="townZuowu.XZQMC">
-                <div>村名：</div>
-                <div>{{ townZuowu.XZQMC }}</div>
-            </div>
-            <div class="cancel" @click="hiddenOverlayChart">X</div>
-        </div>
-        <el-collapse class="legend" accordion>
-            <el-collapse-item name="1">
-                <template #title>图例</template>
-                <div class="mt-4">
-                    <el-checkbox-group v-model="checkList" @change="change">
-                        <el-checkbox
-                            v-for="(value, item, key) in dic"
-                            :key="key"
-                            :style="{
+      </div>
+
+      <div class="rightFoldDiv" @click="rightFoldClick()">
+        <el-tooltip
+            :disabled="!rightWraFlag"
+            :show-arrow="false"
+            hide-after="0"
+            show-after="200"
+            class="box-item"
+            effect="dark"
+            content="收起"
+            placement="top"
+        >
+          <img v-if="rightWraFlag" src="@/assets/images/close1.png" alt=""/>
+        </el-tooltip>
+        <el-tooltip
+            :disabled="rightWraFlag"
+            :show-arrow="false"
+            hide-after="0"
+            show-after="200"
+            class="box-item"
+            effect="dark"
+            content="展开"
+            placement="top"
+        >
+          <img
+              class="imgrotate"
+              v-if="!rightWraFlag"
+              src="@/assets/images/close1.png"
+              alt=""
+          />
+        </el-tooltip>
+      </div>
+    </div>
+
+
+
+    <el-collapse class="legend" accordion>
+      <el-collapse-item name="1">
+        <template #title>图例</template>
+        <div class="mt-4">
+          <div class="tuli">
+            <div
+                v-for="(value, item, key) in dic"
+                :key="key"
+                :style="{
                                 backgroundColor: value.color,
                                 border: `1px solid value.color`,
                                 width: `100%`,
-                            }"
-                            :v-model="value.disabled"
-                            :disabled="value.disabled"
-                            :label="item"
-                        />
-                    </el-checkbox-group>
-                </div>
-            </el-collapse-item>
-        </el-collapse>
+                                height: `25px`,
+                                marginTop:`5px`,
+                                textAlign: `center`
 
-        <el-button v-if="flag" class="back_button" @click="back()">返回</el-button>
-    </div>
+                            }"
+
+            >{{ item }}</div>
+          </div>
+        </div>
+      </el-collapse-item>
+    </el-collapse>
+
+
+  </div>
 </template>
 
 <script setup>
-import { ref, onMounted, inject, reactive, watch } from 'vue';
-import { ElMessage } from 'element-plus';
-import * as echarts from 'echarts';
-import TimeLine from '@/components/TimeLine/TimeLine.vue';
-import moment from 'Moment';
-// import * as turf from '@turf/turf';
-import { useEcharts } from '@/hooks/useEcharts';
-import { ElLoading } from 'element-plus';
+import {ref, onMounted, reactive,} from 'vue';
+
+
+
+import ganhan1 from '@/assets/images/lengdong1.png';
+import ganhan2 from '@/assets/images/lengdong2.png';
+import ganhan3 from '@/assets/images/lengdong3.png';
+import ganhan0 from '@/assets/images/lengdong0.png';
+import pun from '@/assets/images/personUnselected.png';
+import pse from '@/assets/images/personSelected.png';
+import pin from '@/assets/images/pin.png';
 import {
-    getreturnToMonitoringTime,
-    getmeteorologicalFreeze,
-    getsendSms,
-    getmeteorologyEquipment,
+  getmeteorologicalFreeze,
+  getsendSms,
+  getmeteorologyEquipment, meteorologicalsPeople, meteorology, zdmc,
 } from '@/api/meteorological/monitor/information.js';
-import axios from 'axios';
+
 import 'echarts-gl';
-import { download } from '@/utils/request';
 
-let viewer = ref(null);
-const value = ref('2023');
-let Township = reactive({ arr: [], brr: [], crr: [] }); //街道
-let clickInfoMap = ref({ name: '', value: '' });
-const formLandRef = ref([]);
-const flag = ref(false);
+
+
+const value = ref()
+
+
+let clickInfoMap = ref({name: '', value: ''});
+
+
 let rightWraFlag = ref(false);
-const checkList = ref(['false']);
-const areaDiv = ref(null);
-const value1 = ref('');
-const options = ref([]);
-let informationData = ref([]);
-let windArr = ref([]);
-let pressureArr = ref([]);
-let typhoonTime = ref([]);
-const SaveResultsDiv = ref([]);
-const radio1 = ref('5000');
-const multipleSelection = ref([]);
-let popdata = ref({});
 
+
+const value1 = ref('');
+
+let informationData = ref([]);
+let clickInformationData = reactive({
+  lat: '',
+  lan: '',
+  name: ''
+})
+let peopleData = ref([]);
+
+const SaveResultsDiv = ref([]);
+const radio1 = ref(5000);
+const multipleSelection = ref([]);
+
+const circleLayer = ref([]);
+const iconLayer = ref([]);
+const personIconLayer = ref([]);
 var baozi =
     'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABNCAYAAADq4knKAAAAAXNSR0IArs4c6QAAIABJREFUeF7cvGesZdl1JrbzPvnme1+sevXqVXWlztXsZlRTgUqQNZKGDQ9Gli3YEA3YFmAbAxj+Q/KHMTZmLAm0NYBkGxKEsQw3ZWmUKGlEsZmpDtW5u3J6+b2b74k7G6coEuxRGGpGggHfP+9d4Kazzt5rfev7vrUh+P/48clPOvTpT0P7nT/DOQc/9cUv4saQ03m+7BrhAeQgwVlKYBFr8amPX1Sf+hSA/+b7/r4uBf59ffB3/bnOQQCh+9br66CtrFzBYr2BwARwzMSDAEqqSP13pmgB3rmo6///fxWk559/Hr/T68FPf/SjDy6ufv7cc8+ZbwXmM5+7ybMsTZywJOQeVZWpSGwlyIwPAgCwQQ/eFyTMmG6VfuLyZfVd34S/gxf+va+kf/Ybb4QwpF1rrKBUVTgXdtIg2kWp7OytBTA2kbPKl6WjyAEpAJhGSPsKs8AAY5xFCBFHGYYqCnyJpbHzMpcZAOBEJMU8i+wxAPIiuGim0ytofz91n/70N2/G39Xj7yVID7bM5SveQtFI5zrxgMuDAozKmLdzAEBsvRIzEeTWhRBZ6wAuPSCN1NYBh0KDXcAcKh2mRAgBEAXUYwSHjALKKVVKAqMhHDTDqg7ENC8KD0M5nChfIwl9QhaHrcnkWyv33zdYfzdB+o688pnP3ORmdd4WxqMMaIM01topD2LEgcOlwmIRSBpXBHGnrUAWSOUqIytcMopCh90y4UBRQ4WFgGEEIWWuaRCETUI59XBlrUEIE84J0j5F6Z2DYhJEzMYeWc8rSRapSpWyo40zsY6ot/j65KoAwx769HOX5L9LwP69g1Tnl49//OO2rjadMy9GmYGUUQwJAYGyNCEAGUOcA1CX0oDCUySutCWOGi9AhHAGY9/zk16LtSlGPKu01MY4UVkICbIhx0EcstgYYxeZTB1EhVHaNGKPYwQ8bazUxg7vH1XXTvZYdaIXoKLS6vZBHrWbfsdYZ+8fzSYWmiwYgdEnPvG3z2d/qyDVpRl+ZyX6tbueH475f/fc5XkdrEN5IixY1GRaxxBBrgGQ2DpHGTLz3KYE2a7H0FKSeL2VVnAKAAsQwhBAx33OehACK6QuikrnpTQ5hM5yQj2fYVpUJp2XclwJmRaVrjyPwG7sx+2E9TjFbJaJbDStdhe5SZMEu4ubnUAJdeftnTydTjO/F4AhaDarYpgTslmJv03y/+6C5Bz8uV+9Qn7l557UdZC+mXMOPDHPyc//9JlF/bxz8bWO1KSDifG0Jrb+awyEFOMBJWDgMywbAR1EEVtGEBKhndDWaIyADx2WlEHgUxJSQuqvqBAAECFAEYScEOxXwsyF1ovhtEyVMbYUGhxNxSHF0EYBXXSbHimEcapyVjuJTq+2VxhBI4LcwfbR4sbuWJUALMozmxvw2rtDyLuB/vkf3pLfCT/+uq34bw1SvXp+9VevPMAo+/tPGrBxj4GNe7p10O0gm5cFIzAiZFAVlgAGALSMAqdC50A/CGiXIdgMAq/diGjbZ5BmhV3Un+X51G8ExGcEGWdBjjFqYAQDZUxZKbsgACKAnYIQWQAcJwhBn5Mg5CRU2laV0HpeSnE8qcZpJYo816xQ2nqUzgMPZQSi6+2GP2tHpLvSDu2skuxoXA1vHRxc+8SPXS6ef/5t9k6NtT5+Uf3bAvU3BqkO0K9/8R6/dw+AT/0nG+JffPadsAZ1OkXK80BfKdejHFsH7aEUMALAdpUFAaWw0214bQJBAgCKKYGslbAQQ+R8j4WMYQqcxZNU7ealnCprnbOoklrtIOsOuw2eY4ZZfWfikJFKW6qVIQ7AkFMcVEIb55ylBHsAOg9AGJdCgdlCuTRX2ADLoUMOEHA9W4g7g3YQP7zV5oNmSEZppZADtw7uNnaefRY8wGrfmUL+qtX0NwbpV37lFbrwKcvWJ6LGNCIoPFohqJlrIW1PWAQKoOyOwzg2xq3WX9CKaNKMvM1FIToIQbzcDlkrYqFFkDmLWCVlPpyUtxeVmmnjFkqaAw3UHtD2+L/9R0+O/+iPbrHXszShBMNIuwc1P4kQAg4mrZiHYcB5vTqThBNOIDqeV9VwUuVCGxB7dOCsY5mQ+WQuuceQiSM62zvOhQU4PbPemD6x1aDTXMH9g+LgK59bnX43qP2vDNK3tljdGvCduU1j0LDEI4C6kBSm4yg4hS3hCIA3FDC+1iYMfFYlMTlFAd001pE4Yv56L1hyEHp5qWRW6nSWy+EsrSYUo1Jrc18od2CNG3OGEXAuothWY6UW1tAaNtkgRLybsDbGKFgszDbBEBbSEghV+eTWoDnoehdL5WSAkfA4je8czm5p7VppKcPd4xIqY1g7pp1GEniV0KO9o/kdSr1rHz7dqq7jkXrns0P73QDPvzJIdSKOTr/Z5Z5xQEqhmRcjACMDUQdosw4h6EFE37XGVg45koRUt3z2EMRonRCAOzFv9hrBiUkhbSVMOllUh6IymYFmigHOLYQwz0VRB5MT0ocEHRMM24zAVQDwi52EGgRRa5rrNBdKKyEWBri9qlTIUSaUSquNC8HkUnSqwymkVSE6SYMtU4auhT7iR0c5fnd77PbGknGKW6GPV/rNYMlap+8fla8pM395/VzD/PDWloLwvc3132q7/c//11vrzrnQQL2IsLYC8jPW2g4CZAlAq4AGew6BGaeQhQG/1Az5Eiaw4IQ0ljvho1mhskUldrQ0x7uT/AABkEYepdZC30HrEYL6zsIOQGjFOXcdIXjbWbeFEXIIAc9oQ2aZGjtrx4xiY60zzoGhVrYopICY4KzfDEcXTzVZO8GV42BSHirNE77abnixR2h2tCjmL9+eIlCWIPFonMTeY8K4JiLgyw/1yXa32617QPHvlJPqXJQ1yCntbEYxCwDQbWBB0znoAWDXMSJYGH019rCEmD7sc8TX+1EXQbIMkUWDhk/yUu0N5+XdStulmCPMONaFcFGaqmULAFHG3i6lmjgNEohQB0LnW2c9gmHYjHlTOyjKUhw6A2YIAmUgGEmls6JyhZSq7DW9yBpXMEpyj8Nxp+3dOrnUVKhepalgSciS5aXIKxdi/uqdcjQsM7HV9loauA/NUsmXEu/l7jIbcRXLdhukf1Og/srt9r/+9tWOkKJjJZxhD553xi4sBhvIgRA6sGkhvOlTvMMYvsAZonHA24TgDWBAut7nWGuQHc3KA8bQ5YTTEwuht9NMKe3gCa0tdxBIrezcOZA4BCiwjoQ+8QnGkmBQVcJMlbFzrW1WCmVKqZ21bg4syCBGU4Kd8QhGCEIFMcTaApkX6nhzKTx6/GzfEELNzn6e84j4F9eThhCgeOH6frY4LmbLK14scvv+MGbFoyda1xsNXsdgBCGcfdc4qe7aHUNL2AFpoW1AAB+F0O5DBy9bByiAYMY8vBMS3pdGuqV2uIIRPZlV4t5ahzNOiTuYVGUnYR81xgU39ubXKEJNz2NrUmlACDKUkABCB50FBhNEpdSZMQ4qo+u+f2YtGFdKC1SDJGOtNpYTgpqRT1IIwE3nkBXGEI/hghE8oQTIqrIgE3o39ujksbPt7no/MNd2y+FwXsAnzrSjbssff/3NvezF64fpk5uDE0qBR04vh9OzJ1s3MinZF15e7Pz4h3qpcw4BAOrW4tsc13tW0idfeIEMxp0TArqmMOo2VfiDCKMVW18OAA85624jhEQS8KZ1bt5p+B0L4Alt9f5Sg+swID0pbCf06bm9YZEfTcXI88gmAC5S2urIZ16dA5Q2OXQgRBgRaXSgtDXOugw6oDRwpTMgt9bIUhlprWUUE8gIrFEBxBjOPcZynyMNICystaXURlsL5kqZY4TQUWV0utqOkqfPdeOjuVxsj4rqdC8JTi6Fx3/84p3x9rGAz5zvdaQzjy11o921FjuCkDYIAS9BCB8wC9/5eG+Qnn87agB76sE6LmwKCXgGIqghsOcthBw7+C73yJpzdruXhE1I8KaUar+T0BIj1EkC8nTo05Xbe4s7x3PhGiF/qAaAxpi83Qx7eVbdmWZizilqKm0jiGCbUQycc5kxZmocEMDVNBsAyOE0l8KVlcbaWAGhKzHGIUKQYARnESegEdOi1wrTgKN8kgq5KFXuLJjVeSzwaemcjld7EU48Orm2W6KVnmdO9qOj3/nKvZRTWz1+pndGSv1Yv+l9aW2QDHaG2exEP/6yc44BAAyE8Jtg8zsj9s/+5I0Qj+BAUISYNV0C4EBD0HfAPQYsvBX4iFkLDsOAqXYzfGw0ynfaCZmGnPU5g0+v9cNz1+7Nr+5PS9gIvYuVlIgRgpPY947G6bVFLuaE4BMcQxZ6NJbGpdrYaf0bnLOhdcADFjoD3RxqYCutfQMcRwAijOveGhBjnKlJAohARhHUCMG0lfDpcjuUgY/ULFX5LFVjSuDQGJt2G7yHMWGdBs+ubs/h1nozCzCYPv+lO9Ot9aT6gSdXnxnPKx8D98XNtdYjw4V4sd/wbjnnvG+tqvcE6ZeffztS2oWWoa6z+jR0wBkLL0Bom5yTKYMYUYzuDnrxo8fTYlqp8movCdbbMf+epW5wcW9Y3Luzn82aEX9YKs0opSj0id05XNyeZyJuxt5pRiGhGALO6CKv1LwotYUIcIKRr421xlhVQyMA6uYWwYAT0m5w1kk8bB2A80xKAAHBGPKi1HqyEHOlzYJTMu802OHGcgylcvloXo2VNCPG0AIR2Fxp1mAdmWu7eXX6ZDKfzorZH7248+4//ujZwam18GNv3529sdz2j0/0gyWM8e/8xQKqV5P9dpAeUB1gqy0xCJDB56GDHgQw0sAMGCK+71NfKHNtvZesFULw6ax4udnwuwHH7z+9knzvNJV7b9ybXltpBx8wxsXK2NL3mBqO0zQr1YkwYK3AIxQBWDGCx4VQxwhBRzD000L5NRCqk6VWOlXG1duGIQQixjBeagdh7FMySUWZVUpQhHEUUhb6hPgUs7wy+HBSzMfz6k4S0tHZtQYjFInDSTGpKrPXCPhRJXXUiGknCRg/mIpsbRAd39qbHmwPZ+/+3I88/JHRtFw+nGSvPnm2vwkseC0M2Ss1TgQAlN8OUp20w2GvC6xZgdZtcQ9ro+wmIShMAh7Oc7EbRcy2k+DEzsH8q3FAQOixp5Y7/kfCgDXfvjN7OeTobA0F5pmSPKBlkQuVV3oDQcc9D0NgYWkd2CcIHVECkdK2qY2pGQMKHNDSGqe141pbZ52dE4RKRrEXUEIDHyNlbU3fPdh5ugaXAKi6WkY+442QBXmp4K292X2C0P7FjZaHIDw6mORjY+1uI2LZ3cO0vdaJosgn4STXo9VuOHzr9vTGao+PP/Tw8j+4vr0YrnW5GbQDhzH+g7rIPMhN39K96tJPqO0BjC7bB6Qg9IpKdk+tNM4BCMrjWfH6oJOc2T9OrxEM7yQB3vIo/d5zp1qPH4zL+0KZkFN64miSl6gu8xCzUsoTeSU1RnVKQQYhtONxvF+JeuW4dUpIk2BA6jpRZyVKqG+BA9N5mVlrc98jhFHMldIWQuQaIavrMsTQgXbTwz7DMK+0msxlLrSetiM/Ygwld/bnuw7A6eZSAqyzt8bz8phSclQJQw+mebK12vCUsgllZAStu340KV9+5sLgsUGXPTWcyptLHQ8Sgt9OfFqzKeDbQfrkr73WTHx0Djh4zgI4pMSsOYCXLm20HhnOypdLZZGzUI7mxVv9Jm+XlV45vdr4vjj0WkfToiAYNue5lHmpeCP26vZjbZ4VBkDoQwBqNmQn9OjhIhcBQmg1CVmb1YnIo45ghJU2Li9Vbqydt2LufEZqBG6EtHBRCJiVBmitUQ1ejHXAGOsYwaCdcL7aC2omSxyNy8OasWxGXu/m/uyqs05tLUcZxvCtXLqZs6a8sbOAxrjuei9uK6MjQvHN+4fpH53sx+ojjy9/fLKosoDTY0LcIXfRy90uELDeZp969lnzT3/jWjvwzGWpFfY9EisNWh5F609d6F+4em/yVaVRezIv3oIUjRkGjyAAL73v/GBwuCjDxUJgbWBZSskpxcut2O/MFpWTUmIDIIHA7SKI5lkpMMUk6bb8HqUIBJwiQgiZzsp8ssh3mgnPT/ajnraAamV1jaNq0r9uiK2xQEiDS2FAUWmblsZSDJS2Fhrr6EonCDdXEnY4ybeNhbAV+82jcXYVYegP2vwqReh2Udr8eF4Od4/yiDK0Gfi0mQQUzhbiz8dp8ac//qHNZz2OLxgN3vEYHlqurmw0mxn8zL+8mYyZsAEwq9S5RysB7/c69DIwOI59MnjyQnfz628evzvLq8NK2T0KXWwsvDxo+Y1TK7G/OyoHUtkqK0VhHVjtNPwNjBGeLUqprfWNcRkl+CgrpK1LeL/pL3u8zkjARIHvHY4WO+N5de1EP+6v9cONeS6gsxZzRigniAQ+QQ5A4KwDNatEELYIAXt3P63uHaUFJcghCOx0IUSv7TUHLZ8oZQ8oIdRj2CwqOfYIgZFHXnbQzarKDI9n1exglK44ggcNn0WdBivf3Z794eOn28NLJ9v/qJTmahCQ+wFEd3u9cAj/6f/5ZstRTayhJxNi2kJBvdILnwDAdftNvtxMfPryO6NrWVneQwQr5OAjDoK1kJO9OPbPhAyfOZ4Vt4U0CSXoVBx6HW10WpYm1FYDRnFd5g+E0mjQDpY5p4nSNmvFPC5KN9s+HN/rNqOltX5UL3/MEESUYtIIKWnFHiwqDRaFclkpXSU1qJW50MN20AxAVqji6s7sUGlTU+JkOCvrRA82lmOeBNSmuQba2JsII6+beMrj6NVKGS2Fme9PittH42LVAjddX4rPMoTBcSp//aMP958EDqyHIb5CMZyuduO78H98/pUGFyAAnG1o7Xw/oN5D6/FTWW46/Za/klUqf+PG8AUI0RggcBpBtwUANEngFWHAPoqhc0eT/BATPOAUn6cYS60MKLX2MUIlAHaUF3rejHhMKV5BEApCMEpi7t/fn42NsWxtEAeJj0ENpTnDNPY5aUQcjWalrRnHyKNQKGOVrjcSgJnQcL4QptfkLgm4vXeQ7h3OSlmUqhYISoKxurTZXCIIgxt7i/QBtmv7bLUbHFRSzZRyNTF+4/5hdtcYO2YEL59eb/zw9kH62xvr4c7pQetnQg6/BBCY6DzZgb/4O681iUIta92zpcWqm+Dp+iB+Clmw3msHa/cOsjvv3Bv9K59hZwH8foIhcRaoQTdagQg+PpmV+0bbkjK8TjA8BQGYGetapoY9wC1KoUexRzXnpO7zYkaQiAIvBMCBveF8Fvqcr3WD0GMIY4xhM6QwCTw0zioAnXvQZUplXM1qIwTrLWfasUcQAOjazkyXSttTg8QcToujq/fGudRAIwBqhoGf32h2Z7muDkbZtJPwg62VhuAMz2eZmKaF0sNp+eJCuXeMEFErCR4ppMg8H7380UdOvs/Hbhi12BEWIoc1LVJWetUY/VHm43cSjl0j8i6HnG32W7x39f786u4o+1eEgT525EcgsBIimC11kx8SlVrMc3FU88qE4ScxApFzD0isBDhQCqUzBGHaaXgqK2TP85gfeBR0Ep+WQtqDca57TS/oN31US0M+p7AZMVppAxGAcDyvzK29hc4KBTCumxMIKEaAUeR6DQ5PLcdsnks3mpUgCXk2mpeTe/tzWCiTSWn3A447a4OEjlIJFvPy2slBBFb6YQ0vJjvDYqyVVVlpfndS6tKD4LRximLEZj/w9JJgzrmVLh/Nay77f/rdazEqxUkH4Hlo4fXYR70gpE92Em+z3/Sbb9we3ZmO5f8GOXgGWvAMQEAGAes1Q+/h+aL8hjSGOwuWEUZP1HcX4fpSIDHG5traMvJZBpErjQbrvkdYuxHYZsS87cPUCWXc6ZWI+gwDSjFqxx6rlIE1mNwZZurW7lxWwliM0QOYoI2pm2HNCFGMEZoE1H9oLcGUQjzNpAg4SQ9HebE3ztEskwdKm6wdeac8j6mjSf5q4hHVbfvhai/c3jnMZ1mpKojN9f1F9RK3YEUbxDU01Ycf7oOVTky5abwbRYA/qG7aiT4MzQkl0f1OwM56HL2v3/abSchPvXpj9M6iLH8ZOPgDDOMLSeT1OCOnrK2lLHVHa9fBBLYwQk8IqRkEwEOwlod0hTBSDY8dZkJajNBmHHI3aEccAMt2jjLRjCjuNz3icUIboUdKpYFQBuSlMofjQhjjAGeYIIyANs7I2lGSCVgIoRkmKeOkjm2t4sLltlff84VQphjPy2KeKz6eVUPjrI18tmoc3HfWfrlOCZvLDZPE5PCde9N5Uch70Jk3pSYWIBOXEo0unoro41v95XxcXrl4sSfgLz//9pIB0mjhGpV2ZH0lPhf69KlmxFuM4dOv3Rj+qZTm9wJOPmaR2wgI71BCloQ0tw3QolZo45CfrYRanWWCAFg3piBTWluPs8on+EYhVM8BsNSIA7bSCWr93i5ygUO/Ls2U9NoBs8a60ULqShpY1aUQIkNoTWUTWhNhtRfAOiCkMmZ/lDEhjOQMjzmjkVQ69BlKN1cSaYGtFpmcagtQUSpv5zg7DD12AmHgWWM/r4y70QjZ40+c7c7uHS7m9w7zKbDuZQDdkXS2KyQaneyH080lv7V/YIfP/dD6BP7i//PKspQIckfNVGj/0kb8TCvmzyCIVkKfLl+5dvw7uTa/0wrpPxDKbRCEPEpxr6j0q3FIIwzRxcAjDxWVjsfzsjaB1Bk7ddZ5gU/nzroruVBrHiOnmomfrHQCiTGge8cF5hS55bbvNWIOatuNNgCNF/UCcjjyGa1ZNueAq6kBqR3MCiERdHkpNToaF74DLscI1QxAYzyvsm6bTc4sN/20kPNCyjEjhNzdT9u1KBfXhKC2Y5/RX8srMdhaaaw6YCZ7x1VlgH0XWHtLGciN1HOOwWyw0uaLMpv/Zz90aQL/h998axAS29RajVPiVe8/kXw8CskHSwX8TsRWr1wb/em00v8HdfanAo98CGKEjbKMcfrFJKAPO+hOM0w2SqGCyaJCRmsBIByFHu05iMZVpX6/EOrxVuJdSEKPbSyFACNA3r0/Q+2Ys6V2gIO6iwEOUYjRJFcWQMxr9CikqSVu4HNaJ25cw4HZLJ/XwZmmlWes9YADM107CgHwR9P8nY3lBKz1QjPNBCUIHpRCt+4cZCz0aSylaXGGX7DGvayNPtOOPVwIW8OG+8jZF6VxBGKbQk0OALFN3/fGn/ixh0bwM//yzxPL/OU6SJoAdWG1/xONkH44K5VrN/yN69uz14eL4pcRBD/eDLwPVFLnWlsy6MbXAo4/JJVeRZh0KqHoPBdYS11SiofL3bCTFaocT8v/vVT62XbCH4oDRtcHic8JdNvHuedzgnxOdK/lk7zQNvApl9aR0bTUVSUkAEjUECDwWBj6lFBK6qoo8ryclJUSWan9ZszheC4qqS3JCnlbafv6o6dbsc/IyjgTaSvmen9URqNZGXCOTxtjp52G91v3D1LZb3qbDgE4T9UOBuhr2pkSOkCNAtcVgW1Cqln+zlPH8JPPv826wKwWxgglETzRDz8w6HnvKyvb7UQsubG/2BvN5W8wYh/zGH1CGxdjCJvtpv82I/AxjNBpB1BSKUXTXICqVEUcMNlt+cYai+8epr9dCd2MA/rBfstjzShotROqDqciAK6mHIFYboUsFQYCALnHMD6eFjIt5EIrM4sj7sU+bTCKA4hJ7ZtwRVGmQqhZmiuHMKy9AGD/OBsrbe4XUr+WBDR48qFufDiuGhgBW+t9tw9SrJQ5aQDgIadfm6TV132OL4YebeeFmjjkXmUI3cqU6lFNXjEILhGTFZOV8u6DBjc4XO4jJTiiSDci/ORqP/5e4GwrDFhyc3dxf7yQf0CQ64Y+/RgCaFNoLdux/7rvkbMYoscoxX5WSTSa5cYoK5OIgWZMi7r43D2YvzRdyFd8jn5ypRsu+R5tLHUCucgVkQr4EBntMUY8SuAkU4pzjBeLqrAANAlGGgJ3wBhBccCWjTE1B+V8hpXSuqyELvJK15Uz3h+lR2WlrwDgagiWbq03D1ox//DBKCuW2oHNhcH3jxanakKPUayttr+vjEORRy87azPl7K3Q915ZpIVHEbwpLU6wqzzUaLz+gHSrUbdWqKWNdb2IP7bcCX8QEswTj/TvHuaHo2n2Z9ZBHfn0JwmBy3khy147vhuGpAkBfBZD5BVCu8m8qBituVWEVlpBCbBz+8fFnZ1R8XlG4A8utf2tOOBhK/Gsz5AezVUMUV25nE1CZueZXmgHAEGAWecCBFEglTlsJzU8MIgAwxxE1BlbtmKG8lKJStqqlBrOM2HmqXjXQjeEAFiC0Zee2Oo+dutgvhR5ZBZ5rLs/yZeOZ1XJMa4B8V2lzcthQJ7Vyilp7N2YkyszIVgA6F5ldQEgWYVw8ecPVlJtKqem3ZopwXsJu7Q2CH5MSLvabvJwupDD3aP0j5x1le/RjxCKWmkug1bsZ6v9WGttnymlbhGM6GxRLuqoG2f9tU5QtBqe3D3O0xs709chRGvNiJ0NfeKFPsMn+7Ge5sKfZZp5FFYWoPrCCMFgRgkKtDa8lCCyzi0YwfZolA2ZjxvdJEiyrErjgCBCEM4rLbJS5VkpaZrKXcrQXujhaFGZf91v8IXPyE9XQl+NAkIXhT69d5x7ytg7HGErrftaHJHHpLDEAXDgcfR6lqoyDLmw1t1VSp1cWmu9BD/5ay94Huv49Yri2gbQcxtrg/g/cA6+vxFxorW9uzvMXgaQUILMSY/TsBRmACEAp5ebs0qbrayQK+3Eb6S5ztKykkLpMPawOneiOVkUCmwfZsd74wK2E3aiGfJEagv6zWDmeRjc3U/9VsJjTonOSi16DZ76Hgk9jlqFMGQ4FVVWqnlZqTmmOAkZDpoBgbkwNTiitXZ5PC0Wi1xaqfS4FfGsnXAvr/TXDsb55y+dav/nk4Usmw22k+f64Z1h1ioKfZdQZCB0N5s+bRTKDmpr+DqeAAAaGElEQVSPGqXopSJT+42Gtzxoh6/sHC/6LZ/fhr/w/Nd9DZKGBvKBxoQEWDmxFH0MQfjhOOS90GeHt/cXbxltcwjBycBnyjp70RrLlzvBMWW0sTfMu5FPNpoRR5OFmM3SEgtl6ENrSZpEvBzNCnX/MNfKuuZ6N4yMtXiaivHGckPkQqFpKjvdxG9CiBZJSMpuwluBT3gd4Fu7aR2kad3YGuN8CJzut7xm7ZsMOMVRQPDNvfk4L5XiFNf+7TvrvTCDABSv35r8waVT7e9X2tQ21B2p7Im7h/MTUrlDAEBN6t3pNpifFXpNaXfEqPtaJtS1fiNYaoTBtePZvKGAO4S/8Pzb7dCvqkVJB1KjwsGSnWjG30co+X4M4cZSN14cjLIbuTR7TpozjQZXythuWZluv+XrZujJ3UnR4Rit91q8X2teWVV32DltBBQ8tNHK0kLN01SAcSoaGGPWSTg5muSFx2h1Zq3hjmeFS0vdbUReUsP1MMCuGXm0kpbuj7KRUmailPPSSmKPUbXU9jpCGYERdI2I8Vt781FValE76LSxr3gMv+FRunz3cPHu1mrSiTycWGAPlAQXrm7PTyLoDgGsER+8v9QO/OmiamIEiXPuy9Korz221Y+OJmkxnGtfKLANf+n5t08ITqZIiC4GGJfapZ0QfLAVB9+7yKutjdWWkYUeTUu5nZYSrrSC0w6A8TSTpyiB/sml5nw0K30H4cZ6L9wYz6uykrqcphUYTnN3aqVRnVpOyuNJMctKGWeV7UplM4yBLCsNB20fDtohkMKEyhiP0FrLpJxzXKvxuZB6VEkL9kZ54AAyPieqFZMmcFDU+lzgY344KiY13VRVCjFOXtHSvhb6dOnW7vyNcxutsB3zprJmpKR98tr2bMloO6EUc8bw4aATiKNR0eEUxcbYzzUj9vrli/3gpXcnKi0qYpC+C//5b77SVY4lCOmKQdqQyFoM3Pt6SXAmzeWj6/3EhD4Gw7m8N1mU76wP/B+kCB9PU8mksXUl3DfazfYnxUOXTnfPWWvY8bQqgQNm+3BW5oUqL2y2q07iL46nmbIOrhfCNrJSHWmjDKM0WO9FUSvxfAwBoAR6HidEGZNShFXNKoznkh+OS4cIkkabYmMp6owX1Qw4WzMQYJ6LmdS1DA6ode7PGCFHCLjlN29N/vSp8731JKJRWqghwfjM/YPFVs0YcIZZM6I6Dtj+0aQIOSf5Ile/d3Gj6U4uJcWd3ZmZ5IoDBd6FtRepSPAqYFxopTp18yWFOREH5JxPyROEk+DkUmQWucrTQrzYTNijDZ+vvHt/9lIj8r9fCiVPrUZX3ro78wat8Cc3V5Le3qis0qysaoPD/aPFcV6o+cXNtl5qB+XRpKxbsrW0kmA6UxOMHbEOSMYQ6SS+F3BKa393LaA0I9bMSpMcLyrojJNZKfdbMWMXN1prb9waHfWb3tLOMF84B8Y1JXxyJQ7nmfgcxyhOC0XuHCx+9+kLg4s1Uag1GEujWtd3548YaX3GKPU5xiEnb1VaU+dA7bP88uWL/XbCyN3dcZrNc0tHc377gaTUe/RaS4kqdg6GBmDsoG14DF7gCF0yAK2dP9XOrXFYGvUOMBacWEo++PqNydcgRlvtmJ8rpPoaRujWcFZ93/mN7g8D4GpKo8zLB3My/HiS3SkqmZ9abuNOg7p6NEBpG+eVrhaZSGuNwBhrMII1DHCUIhlxsqIsWC0q6VHCCgfMSEp99Ozjq5frfJZXuulzgu8dpsedhr9Ic1E+ttWBt/cXX2pE3ukbu7N7s7z6yseeWHt/fZMQRdk4Vd793enjCOIWQEAwgiKC0dcCTptCapFW4uX3PbTULJR689176e5KAsBPfN+5CaxJmNp6XBnXQkBjB0hXI11nhLXIo6eVcg9vrjbLVuzxXIgDBOC2T9FjHsf9t+7MXuo0/WeE0jXB9npe2UXisZ9e6kfnMQQ1R51mhZy1Yy+ZzLPj/Uk26zYjFvvsAQ0LHdDTQk3TXKbGmAgCqI2xMwdAGzi3BBCsGz0TeTybZdVwuROcPrUcrV29Nz3qtfzNRS4WmOBpO+bFdF4MN5abxfXt+eurveD8F1/b/2q/E0w/eKn38N6wPEhC7m7sTvKjiVgiCJ6PfNLmFDdSIT/XCn1/kcuKM3xrueWXb+9M3/rYE4O8zQfp+jr8psxd92+8xDFmJUcQtwmyRCvXDTx+OvTZmchDwcnlOFQWQkrA7cmsrLfOM8N5tb07KuVKJ3ysqOTNrLIvV1IHJ5aa/5hTuOIz1BotqkJIU4M6l5ViNF2UJSGYBR6jNaFQ4xylzcw6J5UyWmlLjbMMI2QxgjHBCAjplJAqfOhE48wil7lHcctBgEuhjy6d7ni7R+nt1W5kto8X9zBBBwziwQuv73/9A4/0o+VW0NmblAedkNkrN4f3pHRnAAAP10ZWBKGHEHy10+D5/iivZftdivGeI+74Y5fX85W2v1v7E77tBfjU778StEsUVgo2GSS+AipEBPe6iX8q8ki/EXkeYbg2sA+V1NsIgZOdhvf4te3Fm5VxvZWmv2ysu703y//MKOitDaJPEASTgJOlvFIsr3RJEJpaaybzVCxq7ZES2mAE89qRX6solVJSCK2dA7XOz411yhjl8sK0k4h2k5DXtmgeh9Qfz6q9U6sN2op4+eqN47efOt/vvnJ1+KXHzrS7f351JI4nxYs/+sGTZ2cLoaTSB6JyO7ujhY8IWhVSX8AIr1vrbOCRe75H3xrNykbg4yLN7Stn1iNx/qFk/3S7PX+PP6lO4PssxV2v0RaUJEjBqDSq0W94NX7Z8ihy3ONLNf/Mkb1NGQpaif89Rhv79r3FtSikmyf64dos0y/f2Jn+Vujxs+tL8c8IYRRBNrYODCppMCZIwNq0VZOTpZiXlaPaalIzkfUwCcIushpCU5c+a1OhbQfXo20x9TDGfr/F6fGkGjZCZjaWE/uFV3e+9gOX10/vDfPtRSFf6za8h/7syt61hze72fmN5tqN7dmonXj7e8eL10tl368MxMaYpzACq0LZhe/hu4yQb6R59RCnpPIweWW97+VHd+bXn/uL0a9vrqTvmFf7ld9/JchLb8VZjSoDVn2K7EorOEkpWWsktK0VaFVC3Y4DXJsQHlrrBR+Z52r26vXpW92W99DJQbR6/zj7/Hgm/rjX9p6OAv/HylKqSqkjqc0AA7CMCQlq11Zd5rNcpmmuNMZ1c499SLBzxhqltbIGAMJwqxnSwGOYe5zyWSrmgU/g2fWm/vJru19NQi42luPG/ji7udYN4Zu3pygXavtjl9daw4UQZalni7x6O81UutyPn90+zCqEwRPWuJ6QRmIC3/Eo+oq18DxAgJ4/0aw0NK+Nrn/jlY9//OO1Heib/qQ6eX/2swAdRrfIz//IGfG//O6rK6AAQGDQVAL2e21uOeWPewyGgcf6i0LZkMJbjZhWEKDHVrvBM8dzcXh7P7293AkeCQLqjkbiy3khrno+6TVC/2PGgqVSibFUFmMA+8aahtS25nhsVWldKZ2LSk81NAojpBGANAn5UifxmvUkk7EAKmPl+iAKO4lnv/z6wR8KpeeXz/WW94bl7MHYSCHZwagonrnUryEFOJyUKmB058r14xfPrjfPLnK9Octl2WnQwdG4XBXaDBCAbyy3gz/OhfEBgGcGLbaoLHrppz50ojaSHdQun2/npDpQv/TbV5bqwbk6cKLBT1gLsgrq0xxR6HPUsAicbYYcJBE/O0/lqBmRuxHDiDD8zEo7eP+8NPvDWXXIMOiX0i7yylxbFNU1zmmtym5hAM4ZAIJ6wM1ai5Vx2GhNSqmBUqaWjIQFUNSyUeTRfq/tLxFMW2lRSQphudwLW9oYfeXa8TcqZbJnzg/6WaWmSpkpdmj2zvZUvO98l3ca3mJ/mNWaZlYKc11aZy+dbG199a1jsNLzM0ogvrEzvwQcjH0fvbnRb3zjnbujcnO5+WEMwN3r9+cv/sP/6BFz6i9Mpu+xA9Z8N+fYc1CVWMOBVqaCFGlnwBoDQBKPnPQ80g054YyQE3mhdpOIHHCGWMDIhzoJfwwTnNfbb1q7SgySDth787S6V8vTStm6WjUBgqZeJYzgNkQghLY2MIEIYezX/mAAYYIxCCCE1FpbWWNrl21j5yidHozSlzxK3blTzb6zoAZZdwZtv7p3lAWDVmAHLW86Tstslqp69PRwnMrR41ut1rXdvDvPJXpkIzl+++6MZUK9vy4Cg1b4albqf82oXWpF3qN7E/nCfqnufOco6nuCVCdv3eNbThpTIUKgldQYWBBKazdnh2GouU+2nHJhpxXEDuG1RV7cAc7eWm6GA8bQ0yEn5wOf1iLWdG+YW0ppC0Lw5miav5mVsqyEpADiTuDRZiOs5SkU+x7tU1zvwnqkDXYdAFEt/1ZCzWu2VmrQm6RVkRbiNeQQXepyl5dm/2iYLU6tN5TP6RYjMO83vPk0U7PhokxDTtQ8FUUj9kzdRH/1zcPTmyuRKjW4eXNnOkDAvc9jtJ2E5AtHw/xPNk+0P0SxY9fvTr9w4QIa/uCjj9Yz1Q8ef2ki4DPPv9qrAFulRs0AJP6DaWtjhXYksc54Iae5H5AnjbaoGfsRo/jk8bS4gZC53gz8ttJmC0G41W0HywTB9HBSFUHA1nyPmKLU39g7TD8Pia79T8sEgjDyeYIJXE18tq6tW9XGGgdcFdQ+QI5kUer2vNA1R7WX51XthZxZB147HBdu0An4StPfTCJPNmN6VFSmOp4Wh82I47xSWGkrz68n5q37ad28bi11oq/cPZzhxUKcYQw/3AgYltr835UC1zeWg5/Qzr6+N83f6LUa8+c+sF6+J0jfMnI9GB19/u2oDc3TwMEZtjStgGlg4DJHnLDadLSFRTP2iUfQ5bKSaTMJ2qHHtg4n2XUp9JtJgDyI8Gal9FMAwFAbux94DHYawSnOyXJVypuV1i8BAw4BcpMkYptCuA8IpZcCjy4wgSUnNMHI+vNMBvNc26ISUirTscZNtHO/l5WKdSK+vtIL45quIRjUlVMrCVLrrJgshD/JBXz6ocHi7lHOlLURsqCHCfiT/WHZhtA9Gft0wzp3Y5SJP+w3WKMb+4/sDcsv+BRPWLZ18Nxz3/Rwf3sl1Un7Fz+76/03z62XtXcSc/h+B+ySA2CIIVS1+c5ZdGARVNDarjJ4nHioQyh91Fk167WiBvfomf3j/F5aFNdDr3Zvg05WmssYowEC4JAzVNS+qtAjmxQRUypxTUi1U39+HPidMMSJVKZfe4Mqadh4XqG01JYgV9PebQjwjgXm95Bz3cCn59YHkVlqBlYaNyqrev7EjqVW1XBaxcO5aDxzoX80TkXIGZMEGDjORMUgvCqNfSovzcU4YreHs/K2keqVZuJ9YGM5OX53u7zuzAL9lz/1xP2/NBFQN7mNi9/grXzZ/ezPnqr++fOvXiAGf7/FsB78HCOHxlrrnDKaO2QXRqoIAioDn5zDGF5wzuW+T3HMeXs4LY7nRX4DYJQii+qh5IcZhy2OqcHQlZ7PgijgK1oZJ5XGhTTU2dpaCbpSO17bbvNKa2VMTlBN2IPaX3ATYPc5pcCqz/FTp5fjcrkdVqrWFYW2SruDWVYd3d5LGw7Bk49vdWbzQhIIUX5uvVm8dv2oOp5WB6dWEzRPq/+wZh3CkH5hkZp0kaux75ET/Zb3yvak5C2C1H/64+f23xOkb66ib3j1qTICLEw4Zbqenf+F33r1MtD4fQ66CjhAfUqZ0HJHaXCPUVQ6C0KhrBdH/Dyn5MlKKuWAKxohbwhhi/Eivy+1mTNMWoSidYpR6KwFjGHXCHjoEOBSGq+UJqoH2aADgTWOSK1L52BFMGK11x4Ad8U58LbSZjP26KWNlcZBp8ldUcoFQjizzol5IffuH2Shs+DU5koixqmwPieLR063Jm/cGo7u7+f5M+c7i1SADx7NiocpcVc9RK7MK2uKsmobiw+Jr7ddCVdJM7xVY8W/FKRP/foXecxXosAJo1t+8a1R8F/4zdcvAogejSIaehQtT1KZa6XnCKBdSPChU5qFIYXNxOukpWlaa5byXKskZrXBq73Iq1xpu2vNg7GtACJ00lh7imLY4YzUclG9kSVBSEPonLb1GATAEAIfODCBCL5prau5uBPtJudby8kYInC0NyoXFMHah2NLpd8czuVSWakLg3ZglbYgDv16WHDy1bf2du4dVts/+tR6nzJzaX9UbmllDxnHOwSBt27tLhwyLoCUTiBSXFqk/8lzj9597/jNX1S3B9NJeSfOJ/W5D0qUeUd8+mdPPZjW+aXfvPIIY+wRA2AJkEWc4KU6cVoD962zOvTpaZ/DYpbZw0ZI47Ssd4otk4itWgseKSvNtdEZhLUKBwlwgAPkPIxQbXAH1rl6vhPDB3IuVNDAwhEwBMYdaGu7jOKVduzpUyvRsZKuuj/MFgQCWXODk6x8ORcggNZeDjzarvmXRkjGp1eT6dffPL4plb31D7/n5Fnfo4++cWu0mldyQRAecw5v3d6e35AGaY6QAgRyBQzO8snBp3/2o3/9lNLzzzu8ra+0aj9ACbyyPkXmWxm+Fi+hQgNMyCpyzlVa1z6GswTjWGgzMca2OEar2oE08ilVFgil1ARD9BAleAti5GRtevymva/Wsx+ciQQhUM4B6RyoJx6FhS4FAB7XnkwIXM9juBd7RNfaWyUNkNoZDOHdZownk0q8Mp86STBqE+qeaAb08cCn21q5e7uHi3eX+97sRz+4+REA4OM3dqaL+/tp5XHaMg4cbx9MPq8JOMAV1djDHBqVAA/M/uufePyvHAx8D0564QVHbhxcaWriVf/Fc5eyf/OUrLryaWp7HOO4PrIHIHPSWUeARRYid9k5sIYwoBDWnQom1tlQqQe9WD1LQ6Q2AiFQey5rYJ05AI4grLvEB2N4CIBaMgKRg6D2MWhGsRTaaORg7eOaG2B3nYX7Rpm9ysB9xEHYYGSz2/KfVtbOD46KNzNhX33yTHv1e54YfN9wrhr3dhf744VASUQ+KJS5v32YfiXLy9f++//46XF9fc2N1xPDDUmJt/jrDnz5S2CyfiPYeD2JMFL/5Gcezb91Pkk9oFNfyx49E9eHP+GAYiVdDxF8qoYL1sIIAtu2FmKIgKQIN2tXmbY209rOHQDyQUAgmCGHCHC2Wc+GOAg4cKA2mibfhLaIQAAeJG1ogbYAzhC0BQJooupKC+ACY7hX0yhRSJdWOuHTeaEPr+7NXlhrsqMPPbr+ofW+f/n2QXZ0Z392RBF1nKIPLypth+PyrUrJL03feeRmfR5APbqGJqJNTWs+vrmV/XVnBPy1hyfUp2PVP/m/+uEt+anPvhN2Il6fEVDuh9oPSdhjznZNfdexOQDg/+3mWnqjOIJwVT9mZmd21t6114BxbDBIHCykREHiEqRwyCEHDrnmD3DOL8D8hdzyF8KRKyiKEkWKRA5ADBJEhJcfGLzPzM6rqysqQyIFAUtIpEjpy0jT0nRPTb26pr4vAHblMaVMGz0XADgiEI2CUCGPvNdSR2trDR302JQGJFbcRVZdAB965loplChaI/LBfSfPasiKdzz5XxXqzHqYlL6ugyjaq5wTLQwCxTGieqaNvX9ytbW8dqTzqfSTPx0Vm0IMo7XpFqVbuLc1HPTH9ZZi2g3azW/Pf3Jsv5j2xdc/NA5WydzkcOvZxbPPffCrxhsZJva1am3DxBUtGF1iWfHEppEmV5ch6TZpXGLSM1p55TwMApEFQ+IQMtDBI0XeErmTiDgnqC322ATpdCZ0oFB6vAkYZhExcoROWzkQIynnJuz9NiJnaExFgE2FviAHVVVDVlCNoeLGXBrcX2pH/tjR7ukkMh/1x9WACDZbiZFm98U7j0f65v1+VuQujzXfxrq+fv7zU/tVDrEQua5f2rDQferfREg1ldBFzKy/uqqyewcM2mch1ralAJoIlBcF7IrjA4AOE62wwhTZO1CQKOCG+Bny6igjxNbgA+/8rgccgicHBnP0ZsxQC5QTlMcJMlsyeAARQ3YqZ+MCTWqkrd8pCpVjoJ0BqJbm4+573UglLUF4BWeKWnAC/lbDGsPAi0Xlgye9rLr9YGCpoiSN1fXOTHrts7NHB1JgvLD+3LDnTv9ixVLeiRfgdWq3T224DoiLP0XNNFi2pk5KHwxAYaa9aynQmhTHIkRXQwJGNQJFCVW04r3KdIRbzsGm0rS3v4YyXufVUDhtAOAwMB7wqArj3aAyMFAV9ZWJfGEynPWNmZXldLIyN3M8bqo4y92jyOpIKhSWgZ1D1S+L+Z29ST0YVElWl2LuWHt6tL3b/FlSGkl1ZNnFOykOTBHNuqh4G9KpqZr0OoHJfelIWUi6s6yrMKsErmVyQywsSJrKSW1Ztzk0DQ0QZAI3RYmCmAH4HhlBuNdlAJGmggya2tccUGKdIcLEoWpqVpHT6BRU1VJnxkU2ypME8PhcPGq1vPdR1KwKlKNNuvM0K67d7eWBJnPi4EIVt7WZDIriu8ndoaCwxKwWxHkCwCj2tuSqXD936nlknTL+kZBefvaFC9+YxXMpbl2+TLfW1vBM8wOz9+QxYpWqpGHxN2rR4vyeGvUtcqRT8EVivInkh6gOiHTJVaVUBzQkzLoMy3xYG9xJU5hsXfuwWFu7hEK9yMzxeDyOh8w+ds59eePGZNkeaqwmof74/SMSheXl/fb2tv7q+55rFmQNeZsnbCMISBpEhENpmnD+mP9XhfS2i0pxr+4mLcq5Q+DIaURF2nGjzkW7ij7UHIz9q7LfF073L5D0F/fEZAUufwgAspsPh/mVH28Vo0aA4SgITYOtdtqZZpi9fDabtu//REjTNvWu88w8IxROvR70rl6FbGMDWJjDYr9p5+fn4WHrRH7xLP5tDsr/m5CEwUIIBP6sKkoaI2YqDIbTotjrPs7vpxp5g4bLFCEAAAAASUVORK5CYII=';
 let dic = {
-    轻度干旱: { color: 'rgba(9, 187, 222, 1)', disabled: false },
-    中度干旱: { color: 'rgba(255, 235, 59, 1)', disabled: false },
-    严重干旱: { color: 'rgba(234, 165, 93, 1)', disabled: false },
-    特大干旱: { color: 'rgba(215, 25, 28, 1)', disabled: false },
+  '无预警': {color: 'rgba(49, 235, 7, 1)', disabled: false},
+  '0℃一下': {color: 'rgba(9, 187, 222, 1)', disabled: false},
+  '-3℃一下': {color: 'rgba(255, 235, 59, 1)', disabled: false},
+  '-5℃一下': {color: 'rgba(234, 165, 93, 1)', disabled: false},
 };
+const warnValue = ref()
+
+function query() {
+  getmeteorology()
+
+
+}
+
+function reset() {
+  value.value = getYesterday().toJSON().substr(0, 10);
+  radio1.value = 5000
+  zdmcValue.value = ''
+  warnValue.value = ''
+  getmeteorology()
+
+}
+
+const warnList = [
+  {
+    label: '轻度冻害',
+    flag: 1,
+  },
+  {
+    label: '中度冻害',
+    flag: 2,
+  },
+  {
+    label: '重度冻害',
+    flag: 3,
+  },
+]
+
 const rules = reactive({
-    power: [
-        {
-            required: true,
-            message: 'Please select Activity zone',
-            trigger: 'change',
-        },
-    ],
-    count: [
-        {
-            required: true,
-            message: 'Please select Activity count',
-            trigger: 'change',
-        },
-    ],
-    date1: [
-        {
-            type: 'date',
-            required: true,
-            message: 'Please pick a date',
-            trigger: 'change',
-        },
-    ],
-    date2: [
-        {
-            type: 'date',
-            required: true,
-            message: 'Please pick a time',
-            trigger: 'change',
-        },
-    ],
-    type: [
-        {
-            type: 'array',
-            required: true,
-            message: 'Please select at least one activity type',
-            trigger: 'change',
-        },
-    ],
-    resource: [
-        {
-            required: true,
-            message: 'Please select activity resource',
-            trigger: 'change',
-        },
-    ],
-    desc: [{ required: true, message: 'Please input activity form', trigger: 'blur' }],
+  power: [
+    {
+      required: true,
+      message: 'Please select Activity zone',
+      trigger: 'change',
+    },
+  ],
+  count: [
+    {
+      required: true,
+      message: 'Please select Activity count',
+      trigger: 'change',
+    },
+  ],
+  date1: [
+    {
+      type: 'date',
+      required: true,
+      message: 'Please pick a date',
+      trigger: 'change',
+    },
+  ],
+  date2: [
+    {
+      type: 'date',
+      required: true,
+      message: 'Please pick a time',
+      trigger: 'change',
+    },
+  ],
+  type: [
+    {
+      type: 'array',
+      required: true,
+      message: 'Please select at least one activity type',
+      trigger: 'change',
+    },
+  ],
+  resource: [
+    {
+      required: true,
+      message: 'Please select activity resource',
+      trigger: 'change',
+    },
+  ],
+  desc: [{required: true, message: 'Please input activity form', trigger: 'blur'}],
 });
-watch(
-    () => value1.value,
-    val => {
-        let startTime = moment(value1.value[0]).format('YYYY-MM-DD')
-            ? moment(value1.value[0]).format('YYYY-MM-DD ')
-            : '';
-        let endTime = moment(value1.value[1]).format('YYYY-MM-DD')
-            ? moment(value1.value[1]).format('YYYY-MM-DD')
-            : '';
-    }
-);
+//分页相关
+const currentPage=ref(1)
+const pageSize=ref(6)
+const pageData=ref([])
+function handleCurrentChange(page){
+  currentPage.value = page;
+  updatePagedData();
+}
+function updatePagedData(){
+  const start = (currentPage.value - 1) * pageSize.value;
+  const end = currentPage.value * pageSize.value;
+  pageData.value = SaveResultsDiv.value.slice(start, end);
+}
+// watch(
+//     () => value1.value,
+//     val => {
+//       let startTime = moment(value1.value[0]).format('YYYY-MM-DD')
+//           ? moment(value1.value[0]).format('YYYY-MM-DD ')
+//           : '';
+//       let endTime = moment(value1.value[1]).format('YYYY-MM-DD')
+//           ? moment(value1.value[1]).format('YYYY-MM-DD')
+//           : '';
+//     }
+// );
+
+function getIcon(val) {
+  if (val === '轻度冻害') return ganhan1
+  if (val === '中度冻害') return ganhan2
+  if (val === '重度冻害') return ganhan3
+
+  if (val === '无灾害') return ganhan0
+}
+
+
+const getYesterday = () => {
+  let d = new Date()
+  d.setDate(d.getDate() - 1)
+
+  return d
+}
+
 //行政区划数据
 var data = {
-    title: [],
+  title: [],
 };
-
+let map = ref(null);
+const cun = () => {
+  layers = new ol.layer.Tile({
+    source: new ol.source.TileSuperMapRest({
+      url: 'http://36.134.44.75:8090/iserver/services/map-huangdaoqu_bianjie/rest/maps/huangdaoqu_village@huangdaoqu_bianjie',
+      //rasterfunction: new SuperMap.NDVIParameter({ redIndex: 0, nirIndex: 2 }),
+      cacheEnabled: false,
+    }),
+    name: 'huangdaoqu_village',
+    projection: 'EPSG:4326', //3857
+    zIndex: 9999,
+  });
+  map.addLayer(layers);
+  // var layersArray = map.getLayers();
+  // layersArray.insertAt(999, layers);
+};
+const zhen = () => {
+  var layer = new ol.layer.Tile({
+    source: new ol.source.TileSuperMapRest({
+      url: 'http://36.134.44.75:8090/iserver/services/map-huangdaoqu_bianjie/rest/maps/huangdaoqu_town@huangdaoqu_bianjie',
+      //rasterfunction: new SuperMap.NDVIParameter({ redIndex: 0, nirIndex: 2 }),
+      cacheEnabled: false,
+    }),
+    projection: 'EPSG:4326', //3857
+    zIndex: 9999,
+  });
+  map.addLayer(layer);
+};
+let layers = ref(null); //村
 // 组件挂载完成后执行
 onMounted(() => {
-    getreturnToMonitoringTimes();
-    //地图
-    initMap();
-    getFarmland();
-    getmeteorologyEquipments();
-    let rightWra = document.querySelector('.rightWra');
-    rightWra.style.transform = 'translate(107%,0)';
+  value.value = getYesterday().toJSON().substr(0, 10);
+  //地图
+  initMap();
+
+  meteorologicals()
+  let rightWra = document.querySelector('.rightWra');
+  rightWra.style.transform = 'translate(107%,0)';
 });
+let alterData = ref([]);
+let newArr = ref([]);
+const zdmcList = ref([])
+const zdmcValue = ref('')
+
+function getmeteorology() {
+  meteorology({
+    data: value.value,
+    alertRange: radio1.value,
+    flag: 2,
+    msName: zdmcValue.value,
+    warning: warnValue.value
+  }).then(res => {
+    SaveResultsDiv.value = res.data
+    updatePagedData()
+  })
+}
+
+getmeteorology()
+
+
+function getZdmc() {
+  zdmc().then(res => {
+    zdmcList.value = res.data
+  })
+}
+
+getZdmc()
 
-/*-------------地图------------------------*/
-const mapOption = {
-    url:
-        'http://{s}.tianditu.gov.cn/img_c/wmts?service=wmts&request=GetTile&version=1.0.0' +
-        '&LAYER=img&tileMatrixSet=c&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}' +
-        '&style=default&format=tiles&tk=31091965e263284a501a723b8909f405',
-    layer: 'tdtCva',
-    style: 'default',
-    format: 'tiles',
-    tileMatrixSetID: 'c',
-    subdomains: ['t0', 't1', 't2', 't3', 't4', 't5', 't6', 't7'],
-    tilingScheme: new Cesium.GeographicTilingScheme(),
-    tileMatrixLabels: [
-        '1',
-        '2',
-        '3',
-        '4',
-        '5',
-        '6',
-        '7',
-        '8',
-        '9',
-        '10',
-        '11',
-        '12',
-        '13',
-        '14',
-        '15',
-        '16',
-        '17',
-        '18',
-        '19',
-    ],
-    maximumLevel: 18,
-};
-Cesium.Ion.defaultAccessToken =
-    'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJiYzcwZmJmNi02MzQ5LTQ1MGEtODgzMy0yZTZiZGExY2MzMGMiLCJpZCI6MTAxOTgsInNjb3BlcyI6WyJhc2wiLCJhc3IiLCJnYyJdLCJpYXQiOjE1ODEzMDgxNTR9.NeJU4yfUi-SnLrNDOBYsQgmiSh3B4axCTi1m84Qw99c';
 function initMap() {
-    viewer = new Cesium.Viewer('cesiumContainer', {
-        baseLayerPicker: false,
-        shouldAnimate: true, //自动播放
-        infoBox: false, //信息框
-        animation: false, //“动画”窗口小部件提供用于播放，暂停和倒退的按钮，以及当前时间和日期，并由“飞梭环”包围，用于控制动画的速度。cesium示例地图左下角那个
-        timeline: false, //时间轴是用于显示和控制当前场景时间的小部件。
-        geocoder: false, //查找，用于查找地址和地标，以及将照相机悬挂到它们。使用铯离子进行地址解析。,cesium示例地图右上角的放大镜
-        homeButton: false, //主页按钮
-        navigationHelpButton: false, //导航帮助按钮
-        selectionIndicator: false, //原生选择绿框
-        fullscreenButton: false, //右下角的全屏按钮
-        // terrainProvider:new Cesium.createWorldTerrain(),
-        terrainProvider: new Cesium.EllipsoidTerrainProvider({}),
-        sceneModePicker: false, //是否显示投影方式控件
-        contextOptions: {
-            webgl: {
-                alpha: true,
-            },
-        },
-
-        imageryProvider: new Cesium.WebMapTileServiceImageryProvider({
-            ...mapOption,
-            // url: "http://service.sdmap.gov.cn/hisimage/weipian202209?tk=9cc3e9deb3cf643b6f133717c333d16d",
-            // layer: "c",
-            // style: ",c",
-            // format: "image/png",
-            // tileMatrixSetID: "EPSG:4490",
-            // rectangle: Cesium.Rectangle.fromDegrees(114.8, 34.35, 122.82, 38.43),
-            // // subdomains: ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"],
-            // tilingScheme: new Cesium.GeographicTilingScheme(),
-            // tileMatrixLabels: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19"],
-            // // maximumLevel: 18
+  var parentElement = document.querySelector('.center');
+  var mapContainer = document.getElementById('cesiumContainer');
+  map = new ol.Map({
+    target: 'cesiumContainer',
+    controls: [],
+    view: new ol.View({
+      center: [119.86763411957472, 35.88435182141938],
+      zoom: 11,
+      projection: 'EPSG:4326',
+    }),
+    layers: [
+      new ol.layer.Tile({
+        source: new ol.source.Tianditu({
+          layerType: 'img',
+          key: '1d109683f4d84198e37a38c442d68311',
         }),
-    });
-    // 去除logo
-    viewer.cesiumWidget.creditContainer.style.display = 'none';
-    addWms('huangdaoqu_town', 'huangdaoqu_town');
-    viewer.camera.flyTo({
-        destination: Cesium.Rectangle.fromDegrees(119.5091, 35.5671, 120.3285, 36.1455),
-        duration: 0,
-    });
-    viewer.scene.screenSpaceCameraController.minimumZoomDistance = 450; //相机的高度的最小值
-    viewer.scene.screenSpaceCameraController.maximumZoomDistance = 720000; //相机高度的最大值
-    viewer.scene.screenSpaceCameraController._minimumZoomRate = 30000; // 设置相机缩小时的速率
-    viewer.scene.screenSpaceCameraController._maximumZoomRate = 5906376272000; //设置相机放大时的速率
-    // 图层点击事件
-    // layerClick();
-    // 蒙版
-    mbHandle();
+      }),
+    ],
+  });
 
-    var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);
-    handler.setInputAction(function (event) {
-        var pickedObject = viewer.scene.pick(event.position);
-        if (
-            Cesium.defined(pickedObject) &&
-            pickedObject.id instanceof Cesium.Entity &&
-            pickedObject.id.billboard
-        ) {
-            var position = pickedObject.id.position.getValue(viewer.clock.currentTime);
-            var cartographic = Cesium.Cartographic.fromCartesian(position);
-            var long = Cesium.Math.toDegrees(cartographic.longitude);
-            var lat = Cesium.Math.toDegrees(cartographic.latitude);
-            var height = cartographic.height.toFixed(2);
-            console.log('经度: ' + long + '，纬度: ' + lat + '，高度: ' + height);
 
-            townZuowu.label.forEach((item, index) => {
-                if (item.dev_code == pickedObject.id.name) {
-                    popdata.value = item;
-                }
-            });
-            showOverlayChart(event.position);
-            viewer.scene.postRender.addEventListener(infoWindowPostRender);
-        }
-    }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
-}
+  cun();
+  zhen();
+  const infoOverlay = new ol.Overlay({
+    element: document.createElement('div'), // 创建一个用于显示信息的div元素
+    positioning: 'bottom-center', // 设置覆盖层相对于锚点的位置
+    offset: [0, -10], // 设置偏移量以便覆盖层不会遮挡图标
+    stopEvent: true, // 允许地图事件继续传播（例如，缩放和拖动）
+  });
 
-// data数据数组
-// name实体名称，方便以后删除
-// color实体颜色
-function addBoundaryHandle(data, name, color) {
-    data.forEach(item => {
-        let arr = [];
-        item[0].forEach(mem => {
-            arr.push(mem[0]);
-            arr.push(mem[1]);
-        });
-        viewer.entities.add({
-            name: name,
-            polyline: {
-                positions: Cesium.Cartesian3.fromDegreesArray(arr),
-                width: 6,
-                // material: new Cesium.PolylineDashMaterialProperty({//虚线
-                material: new Cesium.PolylineGlowMaterialProperty({
-                    //光晕
-                    glowPower: 0.2,
-                    color: color
-                        ? Cesium.Color.fromCssColorString(color)
-                        : Cesium.Color.fromBytes(250, 128, 114), //#FA8072
-                }),
-                // followSurface: false, //是否贴着地表
-                clampToGround: true, //贴地
-            },
-        });
-    });
-}
-function getLevel(height) {
-    if (height > 48000000) {
-        return 0;
-    } else if (height > 24000000) {
-        return 1;
-    } else if (height > 12000000) {
-        return 2;
-    } else if (height > 6000000) {
-        return 3;
-    } else if (height > 3000000) {
-        return 4;
-    } else if (height > 1500000) {
-        return 5;
-    } else if (height > 750000) {
-        return 6;
-    } else if (height > 375000) {
-        return 7;
-    } else if (height > 187500) {
-        return 8;
-    } else if (height > 93750) {
-        return 9;
-    } else if (height > 46875) {
-        return 10;
-    } else if (height > 23437.5) {
-        return 11;
-    } else if (height > 11718.75) {
-        return 12;
-    } else if (height > 5859.38) {
-        return 13;
-    } else if (height > 2929.69) {
-        return 14;
-    } else if (height > 1464.84) {
-        return 15;
-    } else if (height > 732.42) {
-        return 16;
-    } else if (height > 366.21) {
-        return 17;
+  //滚轮控制村级矢量
+  map.on('moveend', function () {
+    var zoom = map.getView().getZoom(); //获取当前地图的缩放级别
+    if (zoom >= 13) {
+      layers.setVisible(true); //显示图层
     } else {
-        return 18;
+      layers.setVisible(false);
     }
-}
-function getFarmland() {
-    axios({
-        url:
-            serverAPI.geoserverUrl +
-            '/shuzisannong/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=shuzisannong%3Afarmland&maxFeatures=50&outputFormat=application%2Fjson',
-        method: 'get',
-    })
-        .then(res => {
-            console.log('农田：', res);
-            formLandRef.value = res.data.features;
-        })
-        .catch(err => {});
-}
+  });
+  map.on('singleclick', function (e) {
+    alterData = ref([]);
+    const pixel = map.getEventPixel(e.originalEvent);
+    var coodinate = e.coordinate;
+    var lon = coodinate[0];
+    var lat = coodinate[1];
+    var view = map.getView();
 
-let townZuowu = ref({ label: [] }); //镇的作物
-let XZDM = '';
-// 图层点击事件
-function layerClick() {
-    var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);
-    handler.setInputAction(function (movement) {
-        var ray = viewer.camera.getPickRay(movement.position);
-        var cartesian = viewer.scene.globe.pick(ray, viewer.scene);
-        if (cartesian) {
-            let cartographic = Cesium.Cartographic.fromCartesian(cartesian);
-            if (cartographic) {
-                let xy = new Cesium.Cartesian2();
-                let alti = viewer.camera.positionCartographic.height;
-                let level = getLevel(alti);
-                const layers = viewer.imageryLayers._layers;
-                // 筛选出黄岛区服务
-                const index = layers.findIndex(
-                    item =>
-                        item._imageryProvider._layers &&
-                        item._imageryProvider._layers === 'shuzisannong:huangdaoqu_town'
-                );
-                if (index > -1) {
-                    const providerPoint = layers[index];
-                    // 拿取最后一个图层
-                    let provider = providerPoint._imageryProvider;
-                    if (
-                        provider &&
-                        provider.ready &&
-                        provider._layers &&
-                        providerPoint.show === true
-                    ) {
-                        xy = provider.tilingScheme.positionToTileXY(cartographic, level, xy);
-                        let promise = provider.pickFeatures(
-                            xy.x,
-                            xy.y,
-                            level,
-                            cartographic.longitude,
-                            cartographic.latitude
-                        );
-                        if (promise) {
-                            promise.then(data => {
-                                if (data.length > 0) {
-                                    let newData = data['0'];
-                                    if (newData.properties && newData.properties.XZDM) {
-                                        console.log('XZDM:', XZDM);
-                                        console.log(
-                                            'newData.properties.XZDM:',
-                                            newData.properties.XZDM
-                                        );
-                                        if (XZDM !== newData.properties.XZDM) {
-                                            flag.value = true;
-                                            //防止重复加载
-                                            XZDM = newData.properties.XZDM;
-                                            value.value = XZDM; //
-                                            if (selectTab) {
-                                                selectTab(); //
-                                            }
-                                            let item = newData.data;
-                                            // 定位
-                                            viewer.camera.flyTo({
-                                                destination: Cesium.Rectangle.fromDegrees(
-                                                    item.bbox[0],
-                                                    item.bbox[1],
-                                                    item.bbox[2],
-                                                    item.bbox[3]
-                                                ),
-                                                duration: 2,
-                                            });
-                                            // 移除高亮
-                                            deleteEntityByName('townLine');
-                                            // 高亮边界
-                                            addBoundaryHandle(
-                                                item.geometry && item.geometry.coordinates,
-                                                'townLine',
-                                                'yellow'
-                                            );
-                                            // 移除以前的
-                                            removeWms(['village_CQL']);
-                                            // 添加新的
-                                            addvillage(
-                                                `XZDM=${newData.properties.XZDM}`,
-                                                'village_CQL'
-                                            );
-
-                                            // 显示该镇的种植结构
-                                            let entitys = viewer.entities._entities._array;
-                                            for (var na = entitys.length - 1; na >= 0; na--) {
-                                                if (
-                                                    entitys[na]._name &&
-                                                    entitys[na]._name ===
-                                                        'point' + newData.properties.XZDM
-                                                ) {
-                                                    let info = entitys[na]._info;
-                                                    // entitys[na].label.show = true
-                                                    townZuowu.value = info; //保存数据
-                                                    console.log(
-                                                        townZuowu.value,
-                                                        '------------------'
-                                                    );
-                                                    showOverlayChart(movement.position); // 添加地图移动监听：使地图移动弹窗跟着移动
-                                                    viewer.scene.postRender.addEventListener(
-                                                        infoWindowPostRender
-                                                    );
-                                                } else {
-                                                    // if (entitys[na].label) {
-                                                    //     entitys[na].label.show = false
-                                                    // }
-                                                }
-                                            }
-                                            // 移除村高亮
-                                            deleteEntityByName('villageLine');
-                                            XZQDM = '';
-                                        } else {
-                                            // // 已经有镇了，监听村点击
-                                            villageClick(layers, xy, level, cartographic, movement);
-                                        }
-                                    } else {
-                                        removeWms(['village_CQL']);
-                                        // 移除框框
-                                        hiddenOverlayChart(); // 清除监听事件
-                                    }
-                                }
-                            });
-                        }
-                    }
-                }
-            }
-        }
-    }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
-}
-let XZQDM = '';
-// 村点击高亮
-function villageClick(layers, xy, level, cartographic, movement) {
-    const index = layers.findIndex(
-        item =>
-            item._imageryProvider._layers &&
-            item._imageryProvider._layers === 'shuzisannong:huangdaoqu_village'
-    );
-    if (index > -1) {
-        const providerPoint = layers[index];
-        // 拿取最后一个图层
-        let provider = providerPoint._imageryProvider;
-        if (provider && provider.ready && provider._layers && providerPoint.show === true) {
-            xy = provider.tilingScheme.positionToTileXY(cartographic, level, xy);
-            let promise = provider.pickFeatures(
-                xy.x,
-                xy.y,
-                level,
-                cartographic.longitude,
-                cartographic.latitude
-            );
-            if (promise) {
-                promise.then(data => {
-                    if (data.length > 0) {
-                        let newData = data['0'];
-                        console.log(newData);
-                        viewer.camera.flyTo({
-                            destination: Cesium.Rectangle.fromDegrees(
-                                newData.data.bbox[0],
-                                newData.data.bbox[1],
-                                newData.data.bbox[2],
-                                newData.data.bbox[3]
-                            ),
-                            duration: 2,
-                        });
-
-                        if (newData.properties && newData.properties.XZQDM) {
-                            if (XZQDM !== newData.properties.XZQDM) {
-                                //防止
-                                XZQDM = newData.properties.XZQDM;
-                                let item = newData.data;
-                                // 移除高亮
-                                deleteEntityByName('villageLine');
-                                // 高亮边界
-                                addBoundaryHandle(
-                                    item.geometry && item.geometry.coordinates,
-                                    'villageLine',
-                                    'yellow'
-                                );
-                                // townZuowu.value = info//保存数据
-
-                                // 后插和村
-                                if (newData.properties.XZQDM === '370211104217') {
-                                    // console.log('后河岔村委会')
-                                    const rectangle = Cesium.Rectangle.fromDegrees(
-                                        item.bbox[0],
-                                        item.bbox[1],
-                                        item.bbox[2],
-                                        item.bbox[3]
-                                    );
-                                    const center = Cesium.Rectangle.center(rectangle); //获取视角范围中心点(得到的结果为弧度Cartographic)
-                                    let longitude = Cesium.Math.toDegrees(center.longitude); //将弧度转为度
-                                    let latitude = Cesium.Math.toDegrees(center.latitude);
-                                    let info = {
-                                        lon: longitude,
-                                        lat: latitude,
-                                        ...item.properties,
-                                        // XZQMC
-                                        label: [
-                                            { crop: '茶叶', Shape_Area: 2820 },
-                                            { crop: '大豆', Shape_Area: 2767 },
-                                            { crop: '花生', Shape_Area: 62356 },
-                                            { crop: '蓝莓', Shape_Area: 5443 },
-                                            { crop: '地瓜', Shape_Area: 897 },
-                                            { crop: '小麦', Shape_Area: 20111 },
-                                        ],
-                                    };
-                                    townZuowu.value = info; //保存数据
-
-                                    // 展示弹窗
-                                    showOverlayChart(movement.position); // 添加地图移动监听：使地图移动弹窗跟着移动
-                                    viewer.scene.postRender.addEventListener(infoWindowPostRender);
-                                }
-                            }
-                        }
-                    }
-                });
-            }
-        }
-    }
-}
-// 添加村
-// CQL_FILTER:筛选的语句
-// customName地图服务自定义属性名
-function addvillage(CQL_FILTER, customName) {
-    let map2 = new Cesium.WebMapServiceImageryProvider({
-        url: `${serverAPI.geoserverUrl}/shuzisannong/wms`,
-        layers: 'shuzisannong:huangdaoqu_village', //图层名
-        parameters: {
-            service: 'WMS',
-            format: 'image/png',
-            transparent: true, //是否透明
-            // CQL_FILTER: `XZDM=${value.value}`,
-            CQL_FILTER: CQL_FILTER,
-        },
+    view.animate({
+      center: [lon, lat],
+      duration: 1000,
     });
-    map2.customName = customName;
-    viewer.imageryLayers.addImageryProvider(map2);
-}
-// 移除wms
-// nameArry ：属性名数组（customName）
-// isMohu ：是否模糊查询
-function removeWms(nameArry, isMohu) {
-    if (viewer) {
-        // 倒叙遍历，customName是自定义的属性
-        const layers = viewer.imageryLayers._layers;
-        for (let f = layers.length - 1; f >= 0; f--) {
-            nameArry.forEach(item => {
-                if (layers[f]._imageryProvider && layers[f]._imageryProvider.customName) {
-                    if (isMohu) {
-                        if (layers[f]._imageryProvider.customName.indexOf(item) > -1) {
-                            viewer.imageryLayers.remove(layers[f]);
-                        }
-                    } else {
-                        if (layers[f]._imageryProvider.customName === item) {
-                            viewer.imageryLayers.remove(layers[f]);
-                        }
-                    }
-                }
-            });
+    newArr.value.forEach(item => {
+      if (layersDic[item]) {
+        QueryData(
+            e,
+            layersDic[item].setOf,
+            `http://192.168.0.113:8090/iserver/services/${layersDic[item].name}/rest/maps/${layersDic[item].setOf}`,
+            item
+        );
+      } else if (layersGbz[item]) {
+        QueryData(
+            e,
+            layersGbz[item].setOf,
+            `http://192.168.0.113:8090/iserver/services/${layersGbz[item].name}/rest/maps/${layersGbz[item].setOf}`,
+            item
+        );
+      }
+    });
+    map.forEachFeatureAtPixel(pixel, (feature) => {
+
+
+      // 获取Feature的其他属性（例如，自定义属性'id'）
+      const featureId = feature.get('id');
+      const featureType = feature.get('type');
+
+// 将覆盖层添加到地图
+      map.addOverlay(infoOverlay);
+      if (featureType === '1') {
+        for (const i in informationData.value) {
+          if (featureId === informationData.value[i].msName) {
+            clickInformationData.name = featureId
+            clickInformationData.lon = informationData.value[i].msLongitude
+            clickInformationData.lat = informationData.value[i].msLatitude
+          }
         }
-    }
+        infoOverlay.setPosition(feature.getGeometry().getCoordinates());
+        // 设置覆盖层的内容
+        infoOverlay.getElement().innerHTML = `
+      <div class="info-window" style="padding: 10px 20px 10px 20px;background: rgba(2, 31, 26, 0.85);border: 1.5px solid rgba(23, 194, 180, 1);">
+      <span  class="close-btn" style="color:white;display: flex;justify-content: end;cursor:pointer;" >X</span>
+      <div style="color:white;font-size: 18px">
+        <div style="margin-top: 10px"><span>名称:</span><span>${clickInformationData.name}</span></div>
+        <div style="margin-top: 10px"><span>经度:</span><span>${clickInformationData.lon}</span></div>
+        <div style="margin-top: 10px"><span>维度:</span><span>${clickInformationData.lat}</span></div>
+      </div>
+      </div>
+    `;
+        // 为关闭按钮添加点击事件监听器
+        const closeButton = infoOverlay.getElement().querySelector('.close-btn');
+        if (closeButton) {
+          closeButton.addEventListener('click', () => {
+            // 隐藏覆盖层
+            infoOverlay.setPosition(undefined);
+          });
+        }
+      } else if (featureType === '0') {
+        for (const i in peopleData.value) {
+          if (featureId === peopleData.value[i].contacts) {
+            clickInformationData.name = featureId
+            clickInformationData.phone = peopleData.value[i].phone
+            clickInformationData.region = peopleData.value[i].region
+          }
+        }
+        infoOverlay.setPosition(feature.getGeometry().getCoordinates());
+        // 设置覆盖层的内容
+        infoOverlay.getElement().innerHTML = `
+      <div class="info-window" style="padding: 10px 20px 10px 20px;background: rgba(2, 31, 26, 0.85);border: 1.5px solid rgba(23, 194, 180, 1);">
+      <span  class="close-btn" style="color:white;display: flex;justify-content: end;cursor:pointer;" >X</span>
+      <div style="color:white;font-size: 18px">
+        <div style="margin-top: 10px"><span>姓名:</span><span>${clickInformationData.name}</span></div>
+        <div style="margin-top: 10px"><span>手机:</span><span>${clickInformationData.phone}</span></div>
+        <div style="margin-top: 10px"><span>位置:</span><span>${clickInformationData.region}</span></div>
+      </div>
+      </div>
+    `;
+        //切换图片
+        feature.setStyle(new ol.style.Style({
+          image: new ol.style.Icon({
+            src: pse,
+            scale: 0.5 // 图标的缩放比例
+          })
+        }))
+        map.getLayers().forEach(function (layer) {
+          if (layer instanceof ol.layer.Vector) {
+            let fea = layer.getSource().getFeatures()[0]
+            if (fea.get('type') === '0' && fea !== feature) {
+              if(fea.get('warning')==='0'){
+                fea.setStyle(new ol.style.Style({
+                  image: new ol.style.Icon({
+                    src: pun,
+                    scale: 0.5 // 图标的缩放比例
+                  })
+                }))
+              }else if(fea.get('warning')==='1'){
+
+                fea.setStyle(new ol.style.Style({
+                  image: new ol.style.Icon({
+                    src: pin,
+                    scale: 0.5 // 图标的缩放比例
+                  })
+                }))
+              }
+
+            }
+
+          }
+        });
+        // 为关闭按钮添加点击事件监听器
+        const closeButton = infoOverlay.getElement().querySelector('.close-btn');
+        if (closeButton) {
+          closeButton.addEventListener('click', () => {
+            // 隐藏覆盖层
+            infoOverlay.setPosition(undefined);
+
+            map.getLayers().forEach(function (layer) {
+              if (layer instanceof ol.layer.Vector) {
+                let fea = layer.getSource().getFeatures()[0]
+                if (fea.get('type') === '0') {
+                  if(fea.get('warning')==='0'){
+                    fea.setStyle(new ol.style.Style({
+                      image: new ol.style.Icon({
+                        src: pun,
+                        scale: 0.5 // 图标的缩放比例
+                      })
+                    }))
+                  }else if(fea.get('warning')==='1'){
+
+                    fea.setStyle(new ol.style.Style({
+                      image: new ol.style.Icon({
+                        src: pin,
+                        scale: 0.5 // 图标的缩放比例
+                      })
+                    }))
+                  }
+                }
+
+              }
+            });
+
+
+          });
+        }
+
+
+
+      }
+
+
+    });
+
+
+  });
+  // 监听父元素大小变化
+  var resizeObserver = new ResizeObserver(function (entries) {
+    entries.forEach(function (entry) {
+      // 获取父元素的新大小
+      var newWidth = entry.contentRect.width;
+      var newHeight = entry.contentRect.height;
+
+      // 调整地图容器的大小
+      mapContainer.style.width = newWidth + 'px';
+      mapContainer.style.height = newHeight + 'px';
+
+      // 重新渲染地图
+      map.updateSize();
+    });
+  });
+  // 开始监听父元素大小变化
+  resizeObserver.observe(parentElement);
 }
 
-// 根据实体名字删除实体(模糊删除)
-function deleteEntityByName(name) {
-    if (viewer) {
-        let entitys = viewer.entities._entities._array;
-        for (var na = entitys.length - 1; na >= 0; na--) {
-            if (entitys[na]._name && entitys[na]._name === name) {
-                viewer.entities.remove(entitys[na]);
-            }
-        }
-    }
-}
 
 //折叠
 function rightFoldClick() {
-    rightWraFlag.value = !rightWraFlag.value;
-    if (rightWraFlag.value) {
-        let rightWra = document.querySelector('.rightWra');
-        rightWra.style.transform = 'translate(0,0)';
-    } else {
-        let rightWra = document.querySelector('.rightWra');
-        rightWra.style.transform = 'translate(107%,0)';
-    }
+  rightWraFlag.value = !rightWraFlag.value;
+  if (rightWraFlag.value) {
+    let rightWra = document.querySelector('.rightWra');
+    rightWra.style.transform = 'translate(0,0)';
+  } else {
+    let rightWra = document.querySelector('.rightWra');
+    rightWra.style.transform = 'translate(107%,0)';
+  }
 }
 
 const onclick = () => {
-    //选择范围
-    getmeteorologicalFreezes();
+  //选择范围
+  // getmeteorologicalFreezes();
+  meteorologicals()
+  meteorology({
+    data: value.value,
+    alertRange: radio1.value,
+    flag: 2,
+  }).then(res => {
+    SaveResultsDiv.value = res.data
+    updatePagedData()
+  })
 };
+const meteorologicals = () => {
+  for (const i in circleLayer.value) {
+    map.removeLayer(circleLayer.value[i]);
+  }
+  circleLayer.value = []
 
+  for (const i in iconLayer.value) {
+    map.removeLayer(iconLayer.value[i]);
+  }
+  iconLayer.value = []
+  for (const i in personIconLayer.value) {
+    map.removeLayer(personIconLayer.value[i]);
+  }
+  personIconLayer.value = []
+  getmeteorologyEquipment({flag: 2, data: value.value}).then(res => {
+    informationData.value = res.data
+    for (const i in informationData.value) {
+      const centerLonLat = [parseFloat(informationData.value[i].msLongitude),
+        parseFloat(informationData.value[i].msLatitude)];
+      //精确的圆
+      const points = 128;
+      const circleCoords = [];
+      for (let i = 0; i < points; i++) {
+        const angle = 2 * Math.PI * i / points;
+        const coordinate = ol.sphere.computeDestinationPoint(centerLonLat, radio1.value, angle);
+        circleCoords.push(coordinate);
+      }
+// 创建一个具有给定半径的圆形
+      const circleFeature = new ol.Feature({
+        geometry: new ol.geom.Polygon([circleCoords])
+      });
+
+// 为圆形创建一个样式
+      const circleStyle = new ol.style.Style({
+
+        stroke: new ol.style.Stroke({
+          color: 'rgb(255,255,0)',
+          width: 2
+        })
+      });
+// 将圆形添加到矢量层
+      circleLayer.value[i] = new ol.layer.Vector({
+        source: new ol.source.Vector({
+          features: [circleFeature]
+        }),
+        style: circleStyle
+      });
+      if(informationData.value[i].warning!=='无灾害'){
+        map.addLayer(circleLayer.value[i]);
+      }
+
+
+      //不精确的圆
+      // const radius = radio1.value / map.getView().getProjection().getMetersPerUnit(); // 将半径从米转换为度（EPSG:4326）
+      // const circleGeometry = new ol.geom.Circle(centerLonLat, radius);
+      // // 创建一个矢量图层
+      // circleLayer.value[i] = new ol.layer.Vector({
+      //   source: new ol.source.Vector({
+      //     features: [
+      //       new ol.Feature({
+      //         geometry: circleGeometry
+      //       })
+      //     ]
+      //   }),
+      //   style: new ol.style.Style({
+      //     // fill: new ol.style.Fill({
+      //     //   color: 'rgba(255,255,255,0.5)'
+      //     // }),
+      //     stroke: new ol.style.Stroke({
+      //       color: 'rgb(255,255,0)', // 设置红色边框
+      //       width: 2
+      //     }),
+      //   })
+      // });
+      // // 添加矢量图层到地图
+      // if(informationData.value[i].warning!=='无灾害'){
+      //   map.addLayer(circleLayer.value[i]);
+      // }
+
+
+      // 创建一个点几何对象，使用EPSG:4326投影坐标
+      const iconPointGeometry = new ol.geom.Point(centerLonLat);
+      // 创建一个Feature，并将其几何对象设置为刚创建的点
+      const iconFeature = new ol.Feature({
+        geometry: iconPointGeometry,
+        id: informationData.value[i].msName,
+        type: informationData.value[i].flag
+      });
+
+// 设置Feature的样式，包括图标
+      iconFeature.setStyle(new ol.style.Style({
+        image: new ol.style.Icon({
+          src: getIcon(informationData.value[i].warning),
+          scale: 0.5 // 图标的缩放比例
+        })
+      }));
+// 创建一个矢量图层，并将Feature添加到该图层
+      iconLayer.value[i] = new ol.layer.Vector({
+        source: new ol.source.Vector({
+          features: [iconFeature]
+        })
+      });
+
+      map.addLayer(iconLayer.value[i]);
+
+    }
+  })
+
+
+  meteorologicalsPeople({flag:2,alertRange:radio1.value,data:value.value}).then(res => {
+    peopleData.value = res.data
+
+    for (const i in peopleData.value) {
+      const centerLonLat = [parseFloat(peopleData.value[i].latitude),
+        parseFloat(peopleData.value[i].longitude)];
+      const iconPointGeometry = new ol.geom.Point(centerLonLat);
+      // 创建一个Feature，并将其几何对象设置为刚创建的点
+      const iconFeature = new ol.Feature({
+        geometry: iconPointGeometry,
+        id: peopleData.value[i].contacts,
+        type: peopleData.value[i].flag,
+        warning:peopleData.value[i].earlyWarning
+      });
+
+      if(peopleData.value[i].earlyWarning==='0'){
+        // 设置Feature的样式，包括图标
+        iconFeature.setStyle(new ol.style.Style({
+          image: new ol.style.Icon({
+            src: pun,
+            scale: 0.5 // 图标的缩放比例
+          })
+        }));
+
+        personIconLayer.value[i] = new ol.layer.Vector({
+          source: new ol.source.Vector({
+            features: [iconFeature]
+          })
+        });
+        map.addLayer(personIconLayer.value[i]);
+      }else if(peopleData.value[i].earlyWarning==='1'){
+        // 设置Feature的样式，包括图标
+        iconFeature.setStyle(new ol.style.Style({
+          image: new ol.style.Icon({
+            src: pin,
+            scale: 0.5 // 图标的缩放比例
+          })
+        }));
+
+        personIconLayer.value[i] = new ol.layer.Vector({
+          source: new ol.source.Vector({
+            features: [iconFeature]
+          })
+        });
+        map.addLayer(personIconLayer.value[i]);
+      }
+
+    }
+  })
+
+
+}
 const selectTime = () => {
-    //选择时间
-    getmeteorologicalFreezes();
+  //选择时间
+
+  meteorologicals()
+  // getmeteorologicalFreezes();
 };
 const subText = () => {
-    //发送短信
-    getsendSms({ meteorologicalStations: multipleSelection.value }).then(res => {
-        console.log(res.data);
-    });
+  //发送短信
+  getsendSms({meteorologicalStations: multipleSelection.value}).then(res => {
+    console.log(res.data);
+  });
 };
 const handleSelectionChange = val => {
-    multipleSelection.value = val;
+  multipleSelection.value = val;
 };
 /*------------------接口--------------------*/
 
-const getreturnToMonitoringTimes = () => {
-    getreturnToMonitoringTime({ flag: 2 }).then(res => {
-        options.value = res.data;
-        value.value = res.data[res.data.length - 1];
-        getmeteorologicalFreezes(res.data[res.data.length - 1]);
-    });
-};
 const getmeteorologicalFreezes = () => {
-    getmeteorologicalFreeze({
-        monitoringTime: value.value,
-        alertRange: radio1.value,
-        flag: '2',
-    }).then(res => {
-        SaveResultsDiv.value = res.data;
-    });
-};
-const getmeteorologyEquipments = () => {
-    getmeteorologyEquipment().then(res => {
-        console.log(res.data);
-        res.data.forEach((item, index) => {
-            townZuowu.label = res.data;
-            addCircleRipple(viewer, {
-                //默认只绘制两个圆圈叠加 如遇绘制多个，请自行源码内添加。
-                id: '111',
-                lon: item.msLongitude,
-                lat: item.msLatitude,
-                height: 500,
-                maxR: radio1.value,
-                minR: 0, //最好为0
-                deviationR: 10, //差值 差值也大 速度越快
-                eachInterval: 2000, //两个圈的时间间隔
-                // imageUrl: './redCircle2.png',
-            });
-            viewer.entities.add({
-                name: item.dev_code,
-                position: Cesium.Cartesian3.fromDegrees(
-                    parseFloat(item.msLongitude),
-                    parseFloat(item.msLatitude)
-                ),
-                billboard: {
-                    image: baozi,
-                    scale: 0.9,
-                    width: 35,
-                    height: 35,
-                    disableDepthTestDistance: Number.POSITIVE_INFINITY, //广告牌不进行深度检测
-                    // heightReference: Cesium.HeightReference.RELATIVE_TO_GROUND
-                    heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, //设置HeightReference高度参考类型为CLAMP_TO_GROUND贴地类型
-                },
-            });
-        });
-    });
+  getmeteorologicalFreeze({
+    monitoringTime: value.value,
+    alertRange: radio1.value,
+    flag: '1',
+  }).then(res => {
+    SaveResultsDiv.value = res.data;
+  });
 };
 
-// 添加wms
-function addWms(layers, customName, bottom) {
-    let map = new Cesium.WebMapServiceImageryProvider({
-        url: serverAPI.geoserverUrl + `/map-${layers}/wms111/`,
-        layers: layers + '@' + layers, //图层名
-        parameters: {
-            service: 'WMS',
-            format: 'image/png',
-            srs: 'EPSG:4326',
-            VERSION: '1.1.1',
-            transparent: true, //是否透明
-            exceptions: 'application/vnd.ogc.se_inimage',
-        },
-    });
-    map.customName = customName; //自己定义各种属性
-    let dd = viewer.imageryLayers.addImageryProvider(map); //添加图层
-    if (bottom) {
-        viewer.imageryLayers.lowerToBottom(dd); //将图层移到最底层
-        viewer.imageryLayers.raise(dd); //将图层上移一层
-    }
-}
-//返回
-function back() {
-    delete townZuowu.value.XZQMC;
-    removeWms(['gbznt'], true);
-    removeWms(['aaa']);
-    value.value = '370211';
-    selectTab();
-    if (flag.value === '1') {
-        console.log(flag.value);
-        addWms('shuzisannong:huangdaoqu_town', 'tl');
-    }
-    viewer.camera.flyTo({
-        destination: Cesium.Rectangle.fromDegrees(119.5091, 35.5671, 120.3285, 36.1455),
-        duration: 2,
-    });
-    flag.value = false;
-    hiddenOverlayChart();
-}
 
-/*--------------------------------------------------------------------------------------------*/
-function getAreaFenlei() {
-    let fl = fenleiRef.value;
-    console.log('fl:', fl);
-    axios({
-        url:
-            serverAPI.geoserverUrl +
-            '/shuzisannong/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=shuzisannong%3Ahuangdaoqu_town&maxFeatures=50&outputFormat=application%2Fjson',
-    })
-        .then(res => {
-            console.log('res1111:', res);
-            let data = res.data.features;
-            data.forEach((item, index) => {
-                const rectangle = Cesium.Rectangle.fromDegrees(
-                    item.bbox[0],
-                    item.bbox[1],
-                    item.bbox[2],
-                    item.bbox[3]
-                );
-                const center = Cesium.Rectangle.center(rectangle); //获取视角范围中心点(得到的结果为弧度Cartographic)
-                let longitude = Cesium.Math.toDegrees(center.longitude); //将弧度转为度
-                let latitude = Cesium.Math.toDegrees(center.latitude);
-
-                if (item.properties.XZDM === '370211011') {
-                    //灵山卫街道
-                    longitude = 120.0863;
-                    latitude = 35.941;
-                } else if (item.properties.XZDM === '370211003') {
-                    //薛家岛街道
-                    longitude = 120.243682;
-                    latitude = 35.97123201;
-                }
-                const townData = fl[item.properties.XZMC];
-                let label = [];
-                if (townData) {
-                    label = townData.map((it, inex) => {
-                        // let dd = `${it.properties.crop} ：${(it.properties.Shape_Area / 666.67).toFixed(2)} 亩`
-                        // return dd
-                        return it.properties;
-                    });
-                }
-            });
-        })
-        .catch(err => {});
-}
-let fenleiRef = ref({});
-function mbHandle() {
-    axios({
-        url:
-            serverAPI.geoserverUrl +
-            '/shuzisannong/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=shuzisannong%3Afenlei&maxFeatures=137&outputFormat=application%2Fjson',
-    })
-        .then(res => {
-            let features = res.data.features;
-            let town = {};
-            // 按镇分类
-            features.forEach(item => {
-                let key = item.properties.town;
-                if (town[key]) {
-                    town[key].push(item);
-                } else {
-                    town[key] = [item];
-                }
-            });
-            fenleiRef.value = town;
-            getAreaFenlei();
-        })
-        .catch(err => {});
-}
-
-// 地图移动时弹窗跟随
-function infoWindowPostRender() {
-    // let viewer = viewers.value;
-    if (popdata.value.msLongitude && popdata.value.msLatitude) {
-        //经纬度转为世界坐标
-        const gisPosition = Cesium.Cartesian3.fromDegrees(
-            Number(popdata.value.msLongitude),
-            Number(popdata.value.msLatitude),
-            0
-        ); //转化为屏幕坐标
-        var windowPosition = Cesium.SceneTransforms.wgs84ToWindowCoordinates(
-            viewer.scene,
-            gisPosition
-        );
-
-        if (Cesium.defined(windowPosition)) {
-            const pop = document.getElementById('popup');
-            if (pop) {
-                pop.style.top = windowPosition.y - 10 + 'px';
-                pop.style.left = windowPosition.x + 10 + 'px';
-            }
-        }
-    }
-}
-
-// 隐藏弹窗
-function hiddenOverlayChart() {
-    const pop = document.getElementById('popup');
-    if (pop) {
-        pop.style.display = 'none'; // 清除监听事件
-    }
-
-    viewer.scene.postRender.removeEventListener(infoWindowPostRender);
-}
-//显示弹窗
-function showOverlayChart(position) {
-    const pop = document.getElementById('popup');
-    if (pop) {
-        pop.style.display = 'block';
-        pop.style.position = 'absolute';
-        pop.style.top = position.y - 10 + 'px';
-        pop.style.left = position.x + 10 + 'px';
-        pop.style.zIndex = 99;
-    }
-}
-//添加范围圈
-function addCircleRipple(viewer, data) {
-    var r1 = data.minR,
-        r2 = data.minR;
-
-    function changeR1() {
-        //这是callback，参数不能内传
-        r1 = r1 + data.deviationR;
-        if (r1 >= data.maxR) {
-            r1 = data.minR;
-        }
-
-        return r1;
-    }
-    function changeR2() {
-        r2 = r2 + data.deviationR;
-        if (r2 >= data.maxR) {
-            r2 = data.minR;
-        }
-        return r2;
-    }
-    viewer.entities.add({
-        id: data.id,
-        name: '',
-        position: Cesium.Cartesian3.fromDegrees(data.lon, data.lat, data.height),
-        ellipse: {
-            semiMinorAxis: new Cesium.CallbackProperty(changeR1, false),
-            semiMajorAxis: new Cesium.CallbackProperty(changeR1, false),
-            height: data.height,
-            material: new Cesium.ImageMaterialProperty({
-                image: data.imageUrl,
-                repeat: new Cesium.Cartesian2(1.0, 1.0),
-                transparent: true,
-                color: new Cesium.CallbackProperty(function () {
-                    var alp = 1 - r1 / data.maxR;
-                    return Cesium.Color.WHITE.withAlpha(alp); //entity的颜色透明 并不影响材质，并且 entity也会透明哦
-                }, false),
-            }),
-        },
-    });
-    setTimeout(function () {
-        viewer.entities.add({
-            name: '',
-            position: Cesium.Cartesian3.fromDegrees(data.lon, data.lat, data.height),
-            ellipse: {
-                semiMinorAxis: new Cesium.CallbackProperty(changeR2, false),
-                semiMajorAxis: new Cesium.CallbackProperty(changeR2, false),
-                height: data.height,
-                material: new Cesium.ImageMaterialProperty({
-                    image: data.imageUrl,
-                    repeat: new Cesium.Cartesian2(1.0, 1.0),
-                    transparent: true,
-                    color: new Cesium.CallbackProperty(function () {
-                        var alp = 1;
-                        alp = 1 - r2 / data.maxR;
-                        return Cesium.Color.WHITE.withAlpha(alp);
-                    }, false),
-                }),
-            },
-        });
-    }, data.eachInterval);
-}
-
-/*-------------------------------------------------------------------------------------------*/
 </script>
 
 <style lang="scss" scoped>
 $height: calc(100vh - 100px);
 
 .center {
+  width: 100%;
+  height: 100%;
+
+  .imgrotate {
+    transform: rotate(180deg);
+  }
+
+  .title {
     width: 100%;
-    height: 100%;
+    height: 45px;
+    background: url('@/assets/images/title.png');
+    background-repeat: no-repeat;
+    background-size: 110% 100%;
+    color: #fff;
+    font-size: 18px;
+    font-weight: 700;
+    line-height: 45px;
+    padding-left: 46px;
+    display: flex;
+    cursor: pointer;
+    align-items: center;
+    justify-content: space-between;
 
-    .imgrotate {
-        transform: rotate(180deg);
+    :deep(.el-input__wrapper) {
+      width: 100px;
+      border-radius: 30px;
+      border: 1px solid rgba(23, 194, 180, 1);
+      background: rgba(41, 255, 255, 0.1);
+      height: 34px;
     }
 
-    .title {
-        width: 100%;
-        height: 45px;
-        background: url('@/assets/images/title.png');
-        background-repeat: no-repeat;
-        background-size: 110% 100%;
-        color: #fff;
-        font-size: 18px;
-        font-weight: 700;
-        line-height: 45px;
-        padding-left: 46px;
-        display: flex;
-        cursor: pointer;
-        align-items: center;
-        justify-content: space-between;
-        :deep(.el-input__wrapper) {
-            width: 100px;
-            border-radius: 30px;
-            border: 1px solid rgba(23, 194, 180, 1);
-            background: rgba(41, 255, 255, 0.1);
-            height: 34px;
-        }
-
-        span {
-            width: 80%;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            overflow: hidden;
-            background: linear-gradient(
-                180deg,
-                rgba(255, 255, 255, 1) 33.33%,
-                rgba(41, 255, 219, 1) 100%
-            );
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-        }
-
-        p {
-            width: 120px;
-            height: 25px;
-            border-radius: 20px;
-            font-size: 14px;
-            background: linear-gradient(
-                180deg,
-                rgba(16, 111, 111, 1) 0%,
-                rgba(47, 214, 214, 1) 100%
-            );
-            border: 1.5px solid rgba(23, 194, 180, 1);
-            display: flex;
-            justify-content: center;
-            align-items: center;
-        }
-    }
-}
-.frame {
-    :deep(.el-table__cell) {
-        color: #333;
+    span {
+      width: 80%;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      background: linear-gradient(
+              180deg,
+              rgba(255, 255, 255, 1) 33.33%,
+              rgba(41, 255, 219, 1) 100%
+      );
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
     }
+
+    p {
+      width: 120px;
+      height: 25px;
+      border-radius: 20px;
+      font-size: 14px;
+      background: linear-gradient(
+              180deg,
+              rgba(16, 111, 111, 1) 0%,
+              rgba(47, 214, 214, 1) 100%
+      );
+      border: 1.5px solid rgba(23, 194, 180, 1);
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+
 }
+
+
+
 .rightWra {
+  position: absolute;
+  top: 10px;
+  right: 20px;
+  width: 23%;
+  height: $height;
+  opacity: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: rgba(2, 31, 26, 0.85);
+  box-shadow: inset 0 0 15px 6px rgba(41, 255, 255, 0.5);
+  transition: transform 1s;
+
+  .farmlandHeader {
+    display: flex;
+    font-size: 18px;
+    font-weight: 400;
+    letter-spacing: 0;
+    align-items: center;
+    color: rgba(255, 255, 255, 1);
+    margin: 20px 0;
+    padding: 0 10px;
+
+    ::v-deep .m-2 {
+
+      .el-input__wrapper {
+        box-shadow: none;
+        border-radius: 4px;
+        background: transparent linear-gradient(
+                180deg,
+                rgba(38, 212, 191, 0.5) 0%,
+                rgba(43, 186, 186, 0.5) 25.69%,
+                rgba(45, 165, 181, 0.5) 66.67%,
+                rgba(54, 111, 168, 0.5) 100%
+        );
+
+        border: 1px solid rgba(137, 211, 245, 1);
+      }
+
+      :deep(.el-input__inner) {
+        color: #fff;
+      }
+    }
+  }
+
+  .rightFoldDiv {
+    width: 30px;
+    height: 30px;
     position: absolute;
-    top: 10px;
-    right: 20px;
-    width: 23%;
-    height: $height;
+    left: -8%;
+    top: 50%;
+    transform: translate(0, -50%);
+    font-size: 30px;
+    color: #ccc;
+  }
+
+  .rightTop {
+    width: 100%;
+    height: 88%;
     opacity: 1;
     display: flex;
     flex-direction: column;
+    justify-content: flex-start;
     align-items: center;
-    background: rgba(2, 31, 26, 0.85);
-    box-shadow: inset 0px 0px 15px 6px rgba(41, 255, 255, 0.5);
-    transition: transform 1s;
-    .farmlandHeader {
-        display: flex;
-        font-size: 18px;
-        font-weight: 400;
-        letter-spacing: 0px;
-        align-items: center;
-        color: rgba(255, 255, 255, 1);
-        margin: 20px 0;
-        padding: 0 10px;
-        .el-select {
-            // width: 80%;
-            // font-size: 14px;
-            // color: #333;
-            // background: rgba(22, 94, 102, 1);
-            // border: 1px solid rgba(4, 153, 153, 1) !important;
-            // margin-top: 20px;
 
-            :deep(.el-input__wrapper) {
-                background-color: transparent;
-                box-shadow: none;
-                border-radius: 4px;
-                background: linear-gradient(
+    .farmlandDiv {
+      // background: rgba(255, 255, 255, 0.05);
+      display: flex;
+      width: 95%;
+      flex-direction: column;
+      padding: 5px 10px 5px 10px;
+      color: rgba(255, 255, 255, 1);
+      height: 100%;
+
+      :deep(.el-table--fit) {
+        height: 90%;
+      }
+
+      .but {
+        width: 100px;
+        margin: 10px auto;
+      }
+
+      .radioDiv {
+        display: flex;
+        align-items: center;
+        justify-content: flex-start;
+      }
+
+      .selectDiv {
+        .el-select {
+          ::v-deep .el-input__wrapper {
+            box-shadow: none;
+            border-radius: 4px;
+            background: transparent linear-gradient(
                     180deg,
                     rgba(38, 212, 191, 0.5) 0%,
                     rgba(43, 186, 186, 0.5) 25.69%,
                     rgba(45, 165, 181, 0.5) 66.67%,
                     rgba(54, 111, 168, 0.5) 100%
-                );
+            );
 
-                border: 1px solid rgba(137, 211, 245, 1);
-            }
-
-            :deep(.el-input__inner) {
-                color: #fff;
-            }
+            border: none;
+          }
         }
-    }
-    .rightFoldDiv {
-        width: 30px;
-        height: 30px;
-        position: absolute;
-        left: -8%;
-        top: 50%;
-        transform: translate(0, -50%);
-        font-size: 30px;
-        color: #ccc;
-    }
+      }
 
-    .rightTop {
+      .btws {
+        display: flex;
+        justify-content: space-around;
+        align-items: center;
+        margin-top: 10px;
+        margin-bottom: 10px;
+
+        .el-button {
+          color: white;
+          border-radius: 4px;
+
+
+          border: 1.5px solid rgba(23, 194, 180, 1);
+        }
+
+        .bt1 {
+          background: linear-gradient(180deg, rgba(16, 111, 111, 1) 0%, rgba(47, 214, 214, 1) 100%);
+        }
+
+        .bt2 {
+          background: rgba(22, 94, 102, 1);
+        }
+      }
+      .el-pagination {
+        ::v-deep .el-pager{
+          .number{
+            margin-right: 3px;
+            margin-left: 3px;
+            border-radius: 2px;
+          }
+          .is-active{
+            background: rgba(5, 179, 179, 1);
+            color:white;
+          }
+        }
+        ::v-deep .btn-next{
+          border-radius: 2px;
+        }
+        ::v-deep .btn-prev{
+          border-radius: 2px;
+        }
+      }
+      :deep(.el-table tr) {
+        background-color: transparent;
+      }
+
+      :deep(.el-table) {
+        --el-table-border-color: none;
+        color: rgba(255, 255, 255, 1);
+      }
+
+      :deep(.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell) {
+        background-color: revert;
+      }
+
+      .Crops {
+        display: flex;
         width: 100%;
-        height: 88%;
+        margin-bottom: 10px;
+        font-size: 14px;
+        font-weight: 400;
+        height: 31px;
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-around;
         opacity: 1;
+        background: linear-gradient(
+                90deg,
+                rgba(21, 173, 148, 0.1) 0%,
+                rgba(21, 173, 148, 0) 100%
+        );
+
+        div {
+          display: flex;
+          align-items: center;
+        }
+      }
+
+      .tuli {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+      }
+
+      :deep(.ones) {
+        width: 100%;
+        height: 170px;
         display: flex;
         flex-direction: column;
         justify-content: flex-start;
-        align-items: center;
-
-        .farmlandDiv {
-            // background: rgba(255, 255, 255, 0.05);
-            display: flex;
-            width: 95%;
-            flex-direction: column;
-            padding: 5px 10px 5px 10px;
-            color: rgba(255, 255, 255, 1);
-            height: 100%;
-            :deep(.el-table--fit) {
-                height: 90%;
-            }
-            .but {
-                width: 100px;
-                margin: 10px auto;
-            }
-            .radioDiv {
-                display: flex;
-                align-items: center;
-                justify-content: center;
-            }
-            :deep(.el-table tr) {
-                background-color: transparent;
-            }
-            :deep(.el-table) {
-                --el-table-border-color: none;
-                color: rgba(255, 255, 255, 1);
-            }
-            :deep(.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell) {
-                background-color: revert;
-            }
-
-            .Crops {
-                display: flex;
-                width: 100%;
-                margin-bottom: 10px;
-                font-size: 14px;
-                font-weight: 400;
-                height: 31px;
-                flex-direction: row;
-                align-items: center;
-                justify-content: space-around;
-                opacity: 1;
-                background: linear-gradient(
-                    90deg,
-                    rgba(21, 173, 148, 0.1) 0%,
-                    rgba(21, 173, 148, 0) 100%
-                );
-
-                div {
-                    display: flex;
-                    align-items: center;
-                }
-            }
-
-            .el-checkbox-group {
-                display: flex;
-                flex-direction: column;
-            }
-
-            :deep(.ones) {
-                width: 100%;
-                height: 171;
-                display: flex;
-                flex-direction: column;
-                justify-content: flex-start;
-                align-items: flex-start;
-                --el-table-tr-bg-color: null;
-                --el-table-border-color: null;
-                font-size: 14px;
-                font-weight: 400;
-                letter-spacing: 0px;
-                line-height: 0px;
-                color: rgba(255, 255, 255, 1);
-            }
-        }
-
-        .ProgressBar {
-            width: 100%;
-            height: 9px;
-            opacity: 1;
-        }
+        align-items: flex-start;
+        --el-table-tr-bg-color: null;
+        --el-table-border-color: null;
+        font-size: 14px;
+        font-weight: 400;
+        letter-spacing: 0;
+        line-height: 0;
+        color: rgba(255, 255, 255, 1);
+      }
     }
 
-    .rightbottom {
-        width: 100%;
-        height: 490px;
-        opacity: 1;
-        display: flex;
-        flex-direction: column;
-        justify-content: flex-start;
-        align-items: center;
 
-        .ASdivision {
-            display: flex;
-            justify-content: center;
-            width: 95%;
-            flex-direction: column;
-            padding: 5px 10px 5px 10px;
-            color: rgba(255, 255, 255, 1);
-            height: 40%;
-            :deep(.el-table tr) {
-                background-color: transparent;
-            }
-            :deep(.el-table) {
-                --el-table-border-color: none;
-                color: rgba(255, 255, 255, 1);
-            }
-            :deep(.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell) {
-                background-color: revert;
-            }
+  }
 
-            .Crops {
-                display: flex;
-                width: 100%;
-                margin-bottom: 10px;
-                font-size: 14px;
-                font-weight: 400;
-                height: 31px;
-                flex-direction: row;
-                align-items: center;
-                justify-content: space-around;
-                opacity: 1;
-                background: linear-gradient(
-                    90deg,
-                    rgba(21, 173, 148, 0.1) 0%,
-                    rgba(21, 173, 148, 0) 100%
-                );
 
-                div {
-                    display: flex;
-                    align-items: center;
-                }
-            }
-
-            .el-checkbox-group {
-                display: flex;
-                flex-direction: column;
-            }
-
-            :deep(.ones) {
-                width: 100%;
-                height: 171;
-                display: flex;
-                flex-direction: column;
-                justify-content: flex-start;
-                align-items: flex-start;
-                --el-table-tr-bg-color: null;
-                --el-table-border-color: null;
-                font-size: 14px;
-                font-weight: 400;
-                letter-spacing: 0px;
-                line-height: 0px;
-                color: rgba(255, 255, 255, 1);
-            }
-        }
-    }
 }
+
 :deep(.el-input__wrapper) {
-    opacity: 1;
-    border-radius: 4px;
-    // background: rgba(22, 94, 102, 1);
-    // border: 1px solid rgba(4, 153, 153, 1);
-    // box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.25);dsawe
-    width: 70%;
-    .el-input__inner {
-        color: #ccc;
-    }
+  opacity: 1;
+  border-radius: 4px;
+
+  width: 70%;
+
+  .el-input__inner {
+    color: white;
+  }
 }
 
 .legend {
-    position: absolute;
-    right: 25%;
-    bottom: 7%;
-    width: 129px;
-    border: 1px solid rgba(4, 153, 153, 1);
+  position: absolute;
+  right: 25%;
+  bottom: 7%;
+  width: 129px;
+  border: 1px solid rgba(4, 153, 153, 1);
 
-    // height: 50px;
-    :deep(.el-collapse-item__header) {
-        background: rgba(2, 31, 26, 0.6);
-        color: rgba(255, 255, 255, 1);
-        text-align: center;
-        padding: 0 30px;
-        font-size: 14px;
-    }
-
-    --el-collapse-content-bg-color {
-        background: rgba(2, 31, 26, 0.6);
-    }
-
-    :deep(.el-collapse-item__content) {
-        background: rgba(2, 31, 26, 0.6);
-        padding: 0 10px;
-        padding-bottom: 10px;
-    }
-
-    --el-collapse-border-color: none;
-    --el-collapse-content-bg-color: none;
-
-    // opacity: 1;
-    // border-radius: 4px;
-    // background: rgba(2, 31, 26, 0.6);
-    // display: flex;
-    // flex-direction: column;
-    // justify-content: flex-start;
-    // align-items: center;
-    // padding: 10px 10px 10px 10px;
-    p {
-        margin: 10px;
-        font-size: 14px;
-        font-weight: 400;
-        letter-spacing: 0px;
-        line-height: 0px;
-        color: rgba(255, 255, 255, 1);
-        text-align: center;
-    }
-
-    .mt-4 {
-        .el-checkbox {
-            height: 30px;
-            width: 100%;
-            margin-bottom: 2px;
-            padding-left: 10px;
-            font-size: 14px;
-            font-weight: 400;
-            letter-spacing: 0px;
-            line-height: 0px;
-            color: rgba(255, 255, 255, 1);
-            text-align: left;
-        }
-    }
-
-    :deep(.el-checkbox__label) {
-        color: black;
-    }
-}
-
-.bottom_center {
-    position: absolute;
-    // left: calc(400px + 20px + 8vw);
-    left: -2%;
-    right: 0;
-    margin: auto;
-    width: calc(100% - (400px * 2) - (10vw * 2));
-    min-width: 380px;
-    bottom: 5%;
-    height: 75px;
-    opacity: 1;
-    border-radius: 5px;
+  // height: 50px;
+  :deep(.el-collapse-item__header) {
     background: rgba(2, 31, 26, 0.6);
-    border: 1px solid rgba(4, 153, 153, 1);
+    color: rgba(255, 255, 255, 1);
+    text-align: center;
+    padding: 0 30px;
+    font-size: 14px;
+  }
+
+  //--el-collapse-content-bg-color {
+  //  background: rgba(2, 31, 26, 0.6);
+  //}
+
+  :deep(.el-collapse-item__content) {
+    background: rgba(2, 31, 26, 0.6);
+    padding: 0 10px;
+    padding-bottom: 10px;
+  }
+
+  --el-collapse-border-color: none;
+  --el-collapse-content-bg-color: none;
+
+
+  p {
+    margin: 10px;
+    font-size: 14px;
+    font-weight: 400;
+    letter-spacing: 0;
+    line-height: 0;
+    color: rgba(255, 255, 255, 1);
+    text-align: center;
+  }
+
+  .mt-4 {
+    .el-checkbox {
+      height: 30px;
+      width: 100%;
+      margin-bottom: 2px;
+      padding-left: 10px;
+      font-size: 14px;
+      font-weight: 400;
+      letter-spacing: 0;
+      line-height: 0;
+      color: rgba(255, 255, 255, 1);
+      text-align: left;
+    }
+  }
+
+  :deep(.el-checkbox__label) {
+    color: black;
+  }
 }
 
-.tool {
-    position: absolute;
-    right: 30%;
-    top: 8%;
-    width: 30px;
-    height: 280px;
-    opacity: 1;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: flex-start;
-    display: none;
-}
-
-#popup {
-    border-radius: 5px;
-    background: rgba(2, 31, 26, 1);
-    display: none;
-    // justify-content: flex-start;
-    // align-items: flex-end;
-    padding: 30px 8px 20px 8px;
-    border: 2px solid rgba(4, 153, 153, 1);
-
-    .rowWra {
-        display: flex;
-        margin-bottom: 10px;
-        justify-content: space-between;
-        & > span:nth-child(1) {
-            font-weight: 400;
-            letter-spacing: 0px;
-            color: rgba(255, 255, 255, 1);
-            // margin-top: 20px;
-            line-height: 24px;
-            // width: 3em;
-            // font-size: 14px;
-            margin-right: 10px;
-        }
-
-        & > span:nth-child(2) {
-            color: rgba(255, 255, 255, 1);
-            width: 179px;
-            height: 24px;
-            opacity: 1;
-            border-radius: 2px;
-            background: rgba(217, 231, 255, 0.2);
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            padding: 2px 10px 2px 10px;
-        }
-    }
-
-    .cancel {
-        position: absolute;
-        right: 10px;
-        top: 5px;
-        color: rgba(255, 255, 255, 1);
-        cursor: pointer;
-    }
-}
-
-#pop {
-    border-radius: 5px;
-    background: rgba(2, 31, 26, 1);
-    display: none;
-    // justify-content: flex-start;
-    // align-items: flex-end;
-    padding: 30px 8px 20px 8px;
-
-    .cancel {
-        position: absolute;
-        right: 10px;
-        top: 5px;
-        color: rgba(255, 255, 255, 1);
-        cursor: pointer;
-    }
-
-    & > div {
-        display: flex;
-        margin-bottom: 10px;
-
-        & > div:nth-child(1) {
-            font-weight: 400;
-            letter-spacing: 0px;
-            color: rgba(255, 255, 255, 1);
-            // margin-top: 20px;
-            line-height: 24px;
-            margin-right: 10px;
-        }
-
-        & > div:nth-child(2) {
-            color: rgba(255, 255, 255, 1);
-            width: 129px;
-            height: 24px;
-            opacity: 1;
-            border-radius: 2px;
-            background: rgba(217, 231, 255, 0.2);
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            padding: 2px 10px 2px 10px;
-            // margin-top: 20px;
-        }
-    }
-}
-
-.back_button {
-    position: absolute;
-    right: 30%;
-    top: 20px;
-}
-.detailsDiv {
-    :deep(.detailsDialog) {
-        border-radius: 4px;
-        background: rgba(3, 48, 54, 0.95);
-        border: 2px solid rgba(4, 153, 153, 1);
-        color: rgba(255, 255, 255, 1);
-    }
-    :deep().el-dialog__body {
-        color: rgba(255, 255, 255, 1) !important;
-    }
-    .center {
-        div {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-        }
-    }
-    p {
-        width: 151px;
-        height: 24px;
-        opacity: 1;
-        background: rgba(217, 231, 255, 0.2);
-        text-align: center;
-        line-height: 24px;
-        margin-right: 50px;
-    }
-    :deep(.el-dialog__header) {
-        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
-    }
-    :deep(.el-dialog__title) {
-        color: #fff !important;
-    }
-}
 </style>
-<style lang="scss">
-.select_city {
-    background: rgba(2, 31, 26, 0.85);
-    box-shadow: inset 0px 0px 15px 6px rgba(41, 255, 255, 0.5);
 
-    .el-select-dropdown__item.hover {
-        background: rgba(2, 31, 26, 0.95);
-        box-shadow: inset 0px 0px 15px 6px rgba(41, 255, 255, 0.7);
-    }
-
-    .el-select-dropdown__item {
-        color: #fff;
-    }
-}
-
-.el-select__popper {
-    border: none !important;
-    background: transparent !important;
-}
-
-.el-popper {
-    border: none !important;
-    background: transparent !important;
-}
-
-.el-popper__arrow::before {
-    background: rgba(41, 255, 255, 0.7) !important;
-}
-.el-popper__arrow {
-    display: none;
-}
-</style>