up

src/api/crops/site.js

@@ -37,4 +37,10 @@ export function getadministrativeDivisions(query) { //村
         method: 'get',
         params: query
     })
+}
+export function getgarrison() {//镇的地图服务
+    return request({
+        url: 'http://139.199.98.175:9080/geoserver/shuzisannong/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=shuzisannong%3Ahuangdaoqu_town&maxFeatures=50&outputFormat=application%2Fjson',
+        method: 'get',
+    })
 }

src/api/meteorological/monitor/information.js

@@ -0,0 +1,17 @@
+import request from '@/utils/request'
+
+
+export function getmeteorologyEquipment(query) { 
+    return request({
+        url: 'equipment/meteorologyEquipment',
+        method: 'get',
+        params: query
+    })
+}
+export function getmeteorology(query) { 
+    return request({
+        url: 'equipment/meteorology',
+        method: 'get',
+        params: query
+    })
+}

src/api/meteorological/remoteSense/FloodExtraction.js

@@ -45,4 +45,20 @@ export function getgarrison() {//镇的地图服务
         url: 'http://121.36.229.60:9080/geoserver/shuzisannong/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=shuzisannong%3Ahuangdaoqu_town&maxFeatures=50&outputFormat=application%2Fjson',
         method: 'get',
     })
+}
+
+export function getlistDroughtsDamageYear(query) { //年
+    return request({
+        url: 'equipment/listDroughtsDamageYear',
+        method: 'get',
+        params: query
+    })
+}
+
+export function getllistDroughtsDamage(query) { //列表模式
+    return request({
+        url: 'equipment/listDroughtsDamage',
+        method: 'get',
+        params: query
+    })
 }

src/api/meteorological/remoteSense/drought.js

@@ -40,7 +40,22 @@ export function getadministrative(query) {//村
 }
 export function getgarrison() {//镇的地图服务
     return request({
-        url: 'http://121.36.229.60:9080/geoserver/shuzisannong/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=shuzisannong%3Ahuangdaoqu_town&maxFeatures=50&outputFormat=application%2Fjson',
+        url: 'http://139.199.98.175:9080/geoserver/shuzisannong/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=shuzisannong%3Ahuangdaoqu_town&maxFeatures=50&outputFormat=application%2Fjson',
         method: 'get',
     })
 }
+
+export function getlistDroughtsYear() {//获取年
+    return request({
+        url: 'equipment/listDroughtsYear',
+        method: 'get',
+    })
+}
+
+export function getlistDroughts(query) {//列表模式默认数据
+    return request({
+        url: 'equipment/listDroughts',
+        method: 'get',
+        params: query
+    })
+}

src/api/meteorological/remoteSense/estimate.js

@@ -45,4 +45,12 @@ export function gettyphoonDamageDelete(query) { //删除
         method: 'get',
         params: query
     })
+}
+
+export function gettyphoonDamage(query) { //预测
+    return request({
+        url: 'equipment/typhoonDamage',
+        method: 'get',
+        params: query
+    })
 }

src/api/meteorological/remoteSense/freeze.js

@@ -45,3 +45,18 @@ export function getgarrison() {//镇的地图服务
         method: 'get',
     })
 }
+export function getfreezeWarningYear(query) { //年
+    return request({
+        url: 'equipment/freezeWarningYear',
+        method: 'get',
+        params: query
+    })
+}
+
+export function getfreezeWarning(query) { //列表模式
+    return request({
+        url: 'equipment/freezeWarning',
+        method: 'get',
+        params: query
+    })
+}

src/api/pestis/pestis.js

@@ -1,7 +1,7 @@
 import request from '@/utils/request'
 
 
-export function getSpore(query) {
+export function getSpore(query) { //孢子查询数据
     return request({
         url: 'equipment/findAllSpore',
         method: 'get',
@@ -10,7 +10,7 @@ export function getSpore(query) {
 }
 
 
-export function getfindAllSoil(query) {
+export function getfindAllSoil(query) {  //土壤查询数据
     return request({
         url: 'equipment/findAllSoil',
         method: 'get',
@@ -18,7 +18,7 @@ export function getfindAllSoil(query) {
     })
 }
 
-export function getinsect(query) {
+export function getinsect(query) {  //虫情询数据
     return request({
         url: 'equipment/findAllDetectionLights',
         method: 'get',
@@ -72,3 +72,21 @@ export function geteqLightEquipmentCondition(query) { //虫情设备信息
         params: query
     })
 }
+
+
+export function getdeviceNumber(query) { //全部设备列表
+    return request({
+        url: 'equipment/deviceNumber',
+        method: 'get',
+        params: query
+    })
+}
+
+
+export function getsiteNumber(query) { //站点标号
+    return request({
+        url: 'equipment/siteNumber',
+        method: 'get',
+        params: query
+    })
+}

src/layout/components/Navbar.vue

@@ -8,8 +8,10 @@
             <template v-if="appStore.device !== 'mobile'">
                 <!-- <header-search id="header-search" class="right-menu-item" /> -->
 
-                <el-button class="mode" @click="tabMode">列表模式</el-button>
-                <screenfull id="screenfull" class="right-menu-item hover-effect" />
+                <el-button class="mode" @click="tabMode">
+                    {{ flag ? '列表模式' : '地图模式' }}
+                </el-button>
+                <screenfull v-if="flag" id="screenfull" class="right-menu-item hover-effect" />
 
                 <!-- <el-tooltip content="布局大小" effect="dark" placement="bottom">
           <size-select id="size-select" class="right-menu-item hover-effect" />
@@ -102,15 +104,15 @@ function setLayout() {
 }
 
 const tabMode = () => {
-    flag.value=!flag.value
-    if(!flag.value){
+    flag.value = !flag.value;
+    if (!flag.value) {
         window.document.querySelector('.centerBox').style.display = 'none';
-        window.document.querySelector('.tabulation').style.display = 'block'
-    }else{
+        window.document.querySelector('.tabulation').style.display = 'block';
+    } else {
         window.document.querySelector('.tabulation').style.display = 'none';
-        window.document.querySelector('.centerBox').style.display = 'block'
+        window.document.querySelector('.centerBox').style.display = 'block';
     }
-   
+
     console.log();
 };
 </script>

src/main.js

@@ -14,6 +14,9 @@ import store from './store'
 import router from './router'
 import directive from './directive' // directive
 
+import vue3videoPlay from "vue3-video-play"; // 引入组件
+import "vue3-video-play/dist/style.css"; // 引入css
+
 
 
 // 注册指令
@@ -74,6 +77,7 @@ app.use(plugins)
 app.use(elementIcons)
 app.component('svg-icon', SvgIcon)
 app.use(FitScreen)
+app.use(vue3videoPlay);
 
 directive(app)
 

src/views/crops/area/Area.vue

@@ -981,7 +981,7 @@ function villageClick(layers, xy, level, cartographic, movement) {
 // customName地图服务自定义属性名
 function addvillage(CQL_FILTER, customName) {
     let map2 = new Cesium.WebMapServiceImageryProvider({
-        url: `http://121.36.229.60:9080/geoserver/shuzisannong/wms`,
+        url: `${serverAPI.geoserverUrl}/shuzisannong/wms`,
         layers: 'shuzisannong:huangdaoqu_village', //图层名
         parameters: {
             service: 'WMS',

src/views/crops/output/wheat/index.vue

@@ -887,7 +887,7 @@ function villageClick(layers, xy, level, cartographic) {
 // customName地图服务自定义属性名
 function addvillage(CQL_FILTER, customName) {
     let map2 = new Cesium.WebMapServiceImageryProvider({
-        url: `http://121.36.229.60:9080/geoserver/shuzisannong/wms`,
+        url: `${serverAPI.geoserverUrl}/shuzisannong/wms`,
         layers: 'shuzisannong:huangdaoqu_village', //图层名
         parameters: {
             service: 'WMS',

src/views/plough/Degrain/index.vue

@@ -720,7 +720,7 @@ function addBoundaryHandle(data, name, color) {
 // customName地图服务自定义属性名
 function addvillage(CQL_FILTER, customName) {
     let map2 = new Cesium.WebMapServiceImageryProvider({
-        url: `http://121.36.229.60:9080/geoserver/shuzisannong/wms`,
+        url: `${ serverAPI.geoserverUrl}/shuzisannong/wms`,
         layers: 'shuzisannong:huangdaoqu_village', //图层名
         parameters: {
             service: 'WMS',

src/views/plough/VideoSurveillance/index.vue

@@ -7,7 +7,28 @@
                     <span>摄像头选择</span>
                 </div>
                 <div class="search">
-                    <el-input class="seach_input" v-model="input" placeholder="请输入要筛选摄像头名" clearable />
+                    <el-input
+                        class="seach_input"
+                        v-model="input"
+                        placeholder="请输入要筛选摄像头名"
+                        clearable
+                    />
+                    <el-select
+                        popper-class="selectCity"
+                        class="seach_input"
+                        v-model="street"
+                        placeholder="请选择要筛选街道"
+                    >
+                        <el-option
+                            v-for="item in options"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value"
+                        />
+                    </el-select>
+                </div>
+                <div class="cameraDiv">
+                    <p v-for="(item, index) in cameraArr" :key="index">{{ item }}</p>
                 </div>
             </div>
             <div class="leftFoldDiv" @click="leftFoldClick()">
@@ -47,6 +68,26 @@
                 <div class="title">
                     <span>视频监控</span>
                 </div>
+                <div class="videoDiv">
+                    <div>
+                        <vue3VideoPlay
+                            v-bind="videopage"
+                            poster="https://cdn.jsdelivr.net/gh/xdlumia/files/video-play/ironMan.jpg"
+                        />
+                    </div>
+                    <div>
+                        <vue3VideoPlay
+                            v-bind="videopage"
+                            poster="https://cdn.jsdelivr.net/gh/xdlumia/files/video-play/ironMan.jpg"
+                        />
+                    </div>
+                    <div>
+                        <vue3VideoPlay
+                            v-bind="videopage"
+                            poster="https://cdn.jsdelivr.net/gh/xdlumia/files/video-play/ironMan.jpg"
+                        />
+                    </div>
+                </div>
             </div>
             <div class="rightFoldDiv" @click="rightFoldClick()">
                 <el-tooltip
@@ -129,6 +170,57 @@ const formLandRef = ref([]);
 const flag = ref(false);
 let leftWraFlag = ref(true);
 let rightWraFlag = ref(true);
+const street = ref('');
+let cameraArr = ref(['摄像头名称1', '摄像头名称1', '摄像头名称1']);
+const options = [
+    {
+        value: 'Option1',
+        label: 'Option1',
+    },
+    {
+        value: 'Option2',
+        label: 'Option2',
+    },
+    {
+        value: 'Option3',
+        label: 'Option3',
+    },
+    {
+        value: 'Option4',
+        label: 'Option4',
+    },
+    {
+        value: 'Option5',
+        label: 'Option5',
+    },
+];
+
+const videopage = reactive({
+    width: '100%', //播放器宽度
+    height: '100%', //播放器高度
+    color: '#409eff', //主题色
+    title: '', //视频名称
+    src: 'https://cdn.jsdelivr.net/gh/xdlumia/files/video-play/IronMan.mp4', //视频源
+    muted: false, //静音
+    webFullScreen: false,
+    speedRate: ['0.75', '1.0', '1.25', '1.5', '2.0'], //播放倍速
+    autoPlay: false, //自动播放
+    loop: false, //循环播放
+    mirror: false, //镜像画面
+    ligthOff: false, //关灯模式
+    volume: 0.3, //默认音量大小
+    control: true, //是否显示控制
+    controlBtns: [
+        // 'audioTrack',
+        'quality',
+        // 'speedRate',
+        'volume',
+        // 'setting',
+        // 'pip',
+        // 'pageFullScreen',
+        'fullScreen',
+    ], //显示所有按钮,
+});
 
 watch(
     () => Township.arr,
@@ -674,7 +766,7 @@ function villageClick(layers, xy, level, cartographic, movement) {
 // customName地图服务自定义属性名
 function addvillage(CQL_FILTER, customName) {
     let map2 = new Cesium.WebMapServiceImageryProvider({
-        url: `http://121.36.229.60:9080/geoserver/shuzisannong/wms`,
+        url: `${serverAPI.geoserverUrl}/shuzisannong/wms`,
         layers: 'shuzisannong:huangdaoqu_village', //图层名
         parameters: {
             service: 'WMS',
@@ -1168,11 +1260,39 @@ $height: calc(100vh - 100px);
             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);
+            // margin-right: 10px;
             :deep(.el-input__wrapper) {
                 box-shadow: none;
                 background-color: transparent !important;
             }
         }
+        .search {
+            display: flex;
+            align-items: center;
+            padding: 10px;
+            justify-content: space-between;
+        }
+        .cameraDiv {
+            p {
+                opacity: 1;
+                background: linear-gradient(
+                    90deg,
+                    rgba(38, 255, 255, 0.15) 0%,
+                    rgba(38, 255, 255, 0.01) 100%
+                );
+                height: 48px;
+                border-width: 0px 0px 0px 0px;
+                border-style: solid;
+                border-color: rgba(217, 231, 255, 1);
+                display: flex;
+                justify-content: flex-start;
+                align-items: center;
+                padding: 10px 15px 10px 15px;
+                color: rgba(255, 255, 255, 1);
+                font-size: 16px;
+                font-weight: 400;
+            }
+        }
     }
 
     .leftbottom {
@@ -1274,7 +1394,9 @@ $height: calc(100vh - 100px);
         flex-direction: column;
         justify-content: flex-start;
         align-items: center;
-
+        .videoDiv > div {
+            padding: 10px;
+        }
         .ProgressBar {
             width: 100%;
             height: 9px;
@@ -1309,6 +1431,9 @@ $height: calc(100vh - 100px);
         }
     }
 }
+:deep(.el-input__inner) {
+    color: rgba(255, 255, 255, 0.7);
+}
 
 .legend {
     position: absolute;
@@ -1482,12 +1607,18 @@ $height: calc(100vh - 100px);
     background: transparent !important;
 }
 
-.el-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::before {
+//     background: rgba(41, 255, 255, 0.7) !important;
+// }
+// .el-popper__arrow::before {
+//     background: rgba(41, 255, 255, 0.7) !important;
+// }
+.el-popper__arrow {
+    display: none;
 }
 </style>

src/views/plough/resources/index.vue

@@ -759,7 +759,7 @@ function villageClick(layers, xy, level, cartographic) {
 // customName地图服务自定义属性名
 function addvillage(CQL_FILTER, customName) {
     let map2 = new Cesium.WebMapServiceImageryProvider({
-        url: `http://121.36.229.60:9080/geoserver/shuzisannong/wms`,
+        url: `${serverAPI.geoserverUrl}/shuzisannong/wms`,
         layers: 'shuzisannong:huangdaoqu_village', //图层名
         parameters: {
             service: 'WMS',