diff --git a/src/views/sponeScreen/waterFlood/floodWZ.vue b/src/views/sponeScreen/waterFlood/floodWZ.vue
index eb279bd..65cd264 100644
--- a/src/views/sponeScreen/waterFlood/floodWZ.vue
+++ b/src/views/sponeScreen/waterFlood/floodWZ.vue
@@ -1,7 +1,7 @@
 <template>
   <!-- 防汛物资 -->
   <div class="floodWZPage">
-    <div class="partTitleHM">防汛物资</div>
+    <div class="partTitleHM" @click="materialShow">防汛物资</div>
     <div class="partContHM">
       <div class="scrollMapHM" @click="ChartBar3DClick">
         <ChartBar3D :refresh="refresh" :echartData="echartData"></ChartBar3D>
@@ -23,6 +23,9 @@
 <script setup>
 import { FloodPreventionMaterialList } from '@/api/longoPeration/MaterialManagement';
 import ChartBar3D from '@/views/sponeScreen/Echarts/echartBar3D.vue';
+import newfiberMapBoxVectorLayer from '@/views/sponeScreen/gisMF/mapboxVectorLayer.js';
+import yuanTous from '@/assets/newImgs/layerIcon/yuanTous.png';
+import bus from '@/bus/index';
 
 const { proxy } = getCurrentInstance();
 const open = ref(false);
@@ -30,11 +33,45 @@
 const dataList = ref([]);
 const loading = ref(true);
 const refresh = ref(1);
+const isMaterialShow = ref(false);
 const echartData = ref({
   xAxis: ['车辆类', '泵类', '编织物料', '救生设备', '其他'],
   seriesData: [5, 35, 690, 86, 290],
 });
-
+let initeLayerList = [
+  {
+    layername: 'YSBZ', //雨水泵站
+    show: false,
+  },
+  {
+    layername: 'combineBengZhan', //合流泵站
+    show: false,
+  },
+  {
+    layername: 'sewageFactory', //污水处理厂
+    show: false,
+  },
+  {
+    layername: 'ysLine1', //雨水管网
+    show: false,
+  },
+  {
+    layername: 'hsLine1', //合流管网
+    show: false,
+  },
+  {
+    layername: 'pipeline_info_flow', //管网流向
+    show: false,
+  },
+  {
+    layername: 'pipeMonitor', //管网监测点，测试
+    show: false,
+  },
+  {
+    layername: 'waterCourse', //河道水位计
+    show: false,
+  },
+];
 /** 搜索列表 */
 const getList = async () => {
   loading.value = true;
@@ -51,9 +88,43 @@
   title.value = '查看物资管理';
   getList();
 }
-
+const materialShow = async () => {
+  isMaterialShow.value = !isMaterialShow.value;
+  if (isMaterialShow.value) {
+    let res = await FloodPreventionMaterialList({});
+    if (res && res.code == 200) {
+      let data = res.data;
+      let materialFeatures = [];
+      data.forEach(element => {
+        let feature = turf.point([Number(element.lon), Number(element.lat)], element);
+        feature.properties.name = element.address;
+        materialFeatures.push(feature);
+      });
+      let materialGeojson = turf.featureCollection(materialFeatures);
+      console.log('materialGeojson---', materialGeojson);
+      newfiberMapBoxVectorLayer.addGeojsonSymbol('materialFeatures', materialGeojson, yuanTous); //地图添加防汛物资
+      initeLayerList.forEach(item => {
+        item.show = isMaterialShow.value;
+      });
+      bus.emit('setIniteLayer', initeLayerList);
+    }
+  } else {
+    initeLayerList.forEach(item => {
+      item.show = isMaterialShow.value;
+    });
+    bus.emit('setIniteLayer', initeLayerList);
+    newfiberMapBoxVectorLayer.removeByIds(['materialFeatures']);
+  }
+};
 onMounted(() => {
   getList();
+  newfiberMapbox.map.on('click', 'materialFeatures', e => {
+    const clickfeature = newfiberMapbox.map.queryRenderedFeatures([
+      [e.point.x - 10 / 2, e.point.y - 10 / 2],
+      [e.point.x + 10 / 2, e.point.y + 10 / 2],
+    ])[0];
+    console.log('clickfeature--', clickfeature.properties);
+  });
 });
 </script>
 

diff --git a/src/views/sponeScreen/waterFlood/floodWZ.vue b/src/views/sponeScreen/waterFlood/floodWZ.vue
index eb279bd..65cd264 100644
--- a/src/views/sponeScreen/waterFlood/floodWZ.vue
+++ b/src/views/sponeScreen/waterFlood/floodWZ.vue
@@ -1,7 +1,7 @@
 <template>
   <!-- 防汛物资 -->
   <div class="floodWZPage">
-    <div class="partTitleHM">防汛物资</div>
+    <div class="partTitleHM" @click="materialShow">防汛物资</div>
     <div class="partContHM">
       <div class="scrollMapHM" @click="ChartBar3DClick">
         <ChartBar3D :refresh="refresh" :echartData="echartData"></ChartBar3D>
@@ -23,6 +23,9 @@
 <script setup>
 import { FloodPreventionMaterialList } from '@/api/longoPeration/MaterialManagement';
 import ChartBar3D from '@/views/sponeScreen/Echarts/echartBar3D.vue';
+import newfiberMapBoxVectorLayer from '@/views/sponeScreen/gisMF/mapboxVectorLayer.js';
+import yuanTous from '@/assets/newImgs/layerIcon/yuanTous.png';
+import bus from '@/bus/index';
 
 const { proxy } = getCurrentInstance();
 const open = ref(false);
@@ -30,11 +33,45 @@
 const dataList = ref([]);
 const loading = ref(true);
 const refresh = ref(1);
+const isMaterialShow = ref(false);
 const echartData = ref({
   xAxis: ['车辆类', '泵类', '编织物料', '救生设备', '其他'],
   seriesData: [5, 35, 690, 86, 290],
 });
-
+let initeLayerList = [
+  {
+    layername: 'YSBZ', //雨水泵站
+    show: false,
+  },
+  {
+    layername: 'combineBengZhan', //合流泵站
+    show: false,
+  },
+  {
+    layername: 'sewageFactory', //污水处理厂
+    show: false,
+  },
+  {
+    layername: 'ysLine1', //雨水管网
+    show: false,
+  },
+  {
+    layername: 'hsLine1', //合流管网
+    show: false,
+  },
+  {
+    layername: 'pipeline_info_flow', //管网流向
+    show: false,
+  },
+  {
+    layername: 'pipeMonitor', //管网监测点，测试
+    show: false,
+  },
+  {
+    layername: 'waterCourse', //河道水位计
+    show: false,
+  },
+];
 /** 搜索列表 */
 const getList = async () => {
   loading.value = true;
@@ -51,9 +88,43 @@
   title.value = '查看物资管理';
   getList();
 }
-
+const materialShow = async () => {
+  isMaterialShow.value = !isMaterialShow.value;
+  if (isMaterialShow.value) {
+    let res = await FloodPreventionMaterialList({});
+    if (res && res.code == 200) {
+      let data = res.data;
+      let materialFeatures = [];
+      data.forEach(element => {
+        let feature = turf.point([Number(element.lon), Number(element.lat)], element);
+        feature.properties.name = element.address;
+        materialFeatures.push(feature);
+      });
+      let materialGeojson = turf.featureCollection(materialFeatures);
+      console.log('materialGeojson---', materialGeojson);
+      newfiberMapBoxVectorLayer.addGeojsonSymbol('materialFeatures', materialGeojson, yuanTous); //地图添加防汛物资
+      initeLayerList.forEach(item => {
+        item.show = isMaterialShow.value;
+      });
+      bus.emit('setIniteLayer', initeLayerList);
+    }
+  } else {
+    initeLayerList.forEach(item => {
+      item.show = isMaterialShow.value;
+    });
+    bus.emit('setIniteLayer', initeLayerList);
+    newfiberMapBoxVectorLayer.removeByIds(['materialFeatures']);
+  }
+};
 onMounted(() => {
   getList();
+  newfiberMapbox.map.on('click', 'materialFeatures', e => {
+    const clickfeature = newfiberMapbox.map.queryRenderedFeatures([
+      [e.point.x - 10 / 2, e.point.y - 10 / 2],
+      [e.point.x + 10 / 2, e.point.y + 10 / 2],
+    ])[0];
+    console.log('clickfeature--', clickfeature.properties);
+  });
 });
 </script>
 
diff --git a/src/views/sponeScreen/waterFlood/index.vue b/src/views/sponeScreen/waterFlood/index.vue
index 1a2f0d1..721ba48 100644
--- a/src/views/sponeScreen/waterFlood/index.vue
+++ b/src/views/sponeScreen/waterFlood/index.vue
@@ -57,6 +57,7 @@
 import { nextTick, onBeforeUnmount } from 'vue';
 import bus from '@/bus/index';
 import riverFlow from '@/assets/geojson/kaifeng/riverFlow.json';
+import newfiberMapBoxVectorLayer from '@/views/sponeScreen/gisMF/mapboxVectorLayer.js';
 
 const { proxy } = getCurrentInstance();
 const showPanel = ref(true); //面板展开收起
@@ -176,6 +177,7 @@
   bus.off('pipeMonitorBus');
   if (!newfiberMapbox) return;
   newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('waterFlow'));
+  newfiberMapBoxVectorLayer.removeByIds(['materialFeatures']);
   bus.emit('setIniteLayer', [
     {
       layername: 'YSBZ', //雨水泵站

diff --git a/src/views/sponeScreen/waterFlood/floodWZ.vue b/src/views/sponeScreen/waterFlood/floodWZ.vue
index eb279bd..65cd264 100644
--- a/src/views/sponeScreen/waterFlood/floodWZ.vue
+++ b/src/views/sponeScreen/waterFlood/floodWZ.vue
@@ -1,7 +1,7 @@
 <template>
   <!-- 防汛物资 -->
   <div class="floodWZPage">
-    <div class="partTitleHM">防汛物资</div>
+    <div class="partTitleHM" @click="materialShow">防汛物资</div>
     <div class="partContHM">
       <div class="scrollMapHM" @click="ChartBar3DClick">
         <ChartBar3D :refresh="refresh" :echartData="echartData"></ChartBar3D>
@@ -23,6 +23,9 @@
 <script setup>
 import { FloodPreventionMaterialList } from '@/api/longoPeration/MaterialManagement';
 import ChartBar3D from '@/views/sponeScreen/Echarts/echartBar3D.vue';
+import newfiberMapBoxVectorLayer from '@/views/sponeScreen/gisMF/mapboxVectorLayer.js';
+import yuanTous from '@/assets/newImgs/layerIcon/yuanTous.png';
+import bus from '@/bus/index';
 
 const { proxy } = getCurrentInstance();
 const open = ref(false);
@@ -30,11 +33,45 @@
 const dataList = ref([]);
 const loading = ref(true);
 const refresh = ref(1);
+const isMaterialShow = ref(false);
 const echartData = ref({
   xAxis: ['车辆类', '泵类', '编织物料', '救生设备', '其他'],
   seriesData: [5, 35, 690, 86, 290],
 });
-
+let initeLayerList = [
+  {
+    layername: 'YSBZ', //雨水泵站
+    show: false,
+  },
+  {
+    layername: 'combineBengZhan', //合流泵站
+    show: false,
+  },
+  {
+    layername: 'sewageFactory', //污水处理厂
+    show: false,
+  },
+  {
+    layername: 'ysLine1', //雨水管网
+    show: false,
+  },
+  {
+    layername: 'hsLine1', //合流管网
+    show: false,
+  },
+  {
+    layername: 'pipeline_info_flow', //管网流向
+    show: false,
+  },
+  {
+    layername: 'pipeMonitor', //管网监测点，测试
+    show: false,
+  },
+  {
+    layername: 'waterCourse', //河道水位计
+    show: false,
+  },
+];
 /** 搜索列表 */
 const getList = async () => {
   loading.value = true;
@@ -51,9 +88,43 @@
   title.value = '查看物资管理';
   getList();
 }
-
+const materialShow = async () => {
+  isMaterialShow.value = !isMaterialShow.value;
+  if (isMaterialShow.value) {
+    let res = await FloodPreventionMaterialList({});
+    if (res && res.code == 200) {
+      let data = res.data;
+      let materialFeatures = [];
+      data.forEach(element => {
+        let feature = turf.point([Number(element.lon), Number(element.lat)], element);
+        feature.properties.name = element.address;
+        materialFeatures.push(feature);
+      });
+      let materialGeojson = turf.featureCollection(materialFeatures);
+      console.log('materialGeojson---', materialGeojson);
+      newfiberMapBoxVectorLayer.addGeojsonSymbol('materialFeatures', materialGeojson, yuanTous); //地图添加防汛物资
+      initeLayerList.forEach(item => {
+        item.show = isMaterialShow.value;
+      });
+      bus.emit('setIniteLayer', initeLayerList);
+    }
+  } else {
+    initeLayerList.forEach(item => {
+      item.show = isMaterialShow.value;
+    });
+    bus.emit('setIniteLayer', initeLayerList);
+    newfiberMapBoxVectorLayer.removeByIds(['materialFeatures']);
+  }
+};
 onMounted(() => {
   getList();
+  newfiberMapbox.map.on('click', 'materialFeatures', e => {
+    const clickfeature = newfiberMapbox.map.queryRenderedFeatures([
+      [e.point.x - 10 / 2, e.point.y - 10 / 2],
+      [e.point.x + 10 / 2, e.point.y + 10 / 2],
+    ])[0];
+    console.log('clickfeature--', clickfeature.properties);
+  });
 });
 </script>
 
diff --git a/src/views/sponeScreen/waterFlood/index.vue b/src/views/sponeScreen/waterFlood/index.vue
index 1a2f0d1..721ba48 100644
--- a/src/views/sponeScreen/waterFlood/index.vue
+++ b/src/views/sponeScreen/waterFlood/index.vue
@@ -57,6 +57,7 @@
 import { nextTick, onBeforeUnmount } from 'vue';
 import bus from '@/bus/index';
 import riverFlow from '@/assets/geojson/kaifeng/riverFlow.json';
+import newfiberMapBoxVectorLayer from '@/views/sponeScreen/gisMF/mapboxVectorLayer.js';
 
 const { proxy } = getCurrentInstance();
 const showPanel = ref(true); //面板展开收起
@@ -176,6 +177,7 @@
   bus.off('pipeMonitorBus');
   if (!newfiberMapbox) return;
   newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('waterFlow'));
+  newfiberMapBoxVectorLayer.removeByIds(['materialFeatures']);
   bus.emit('setIniteLayer', [
     {
       layername: 'YSBZ', //雨水泵站
diff --git a/vite.config.js b/vite.config.js
index 24dcf41..ea36ec6 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -7,8 +7,8 @@
 const Timestamp = new Date().getTime(); //随机时间戳
 
 // const targetUrl = 'http://192.168.16.254:7200'; //孙逢时
-const targetUrl = 'http://192.168.20.52:7300'; //杨辉
-// const targetUrl = 'https://server2.wh-nf.cn:8082/prod-api'; //线上
+// const targetUrl = 'http://192.168.20.52:7300'; //杨辉
+const targetUrl = 'https://server2.wh-nf.cn:8082/prod-api'; //线上
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode, command }) => {