diff --git a/src/api/sponeScreen/syntherticData.js b/src/api/sponeScreen/syntherticData.js
index e8a85cd..3137b65 100644
--- a/src/api/sponeScreen/syntherticData.js
+++ b/src/api/sponeScreen/syntherticData.js
@@ -236,8 +236,17 @@
 // 天气效果——降雨量判断
 export function querySiteFiveMinuteRain(query) {
   return request({
-    url: '/business//preventFlood/oneMap/querySiteFiveMinuteRain',
+    url: '/business/preventFlood/oneMap/querySiteFiveMinuteRain',
     method: 'get',
     params: query,
   });
 }
+
+// AI生成建议
+export function aiToGetSuggest(data) {
+  return request({
+    url: '/ai/tongyi/string-picture-message',
+    method: 'post',
+    data: data,
+  });
+}

diff --git a/src/api/sponeScreen/syntherticData.js b/src/api/sponeScreen/syntherticData.js
index e8a85cd..3137b65 100644
--- a/src/api/sponeScreen/syntherticData.js
+++ b/src/api/sponeScreen/syntherticData.js
@@ -236,8 +236,17 @@
 // 天气效果——降雨量判断
 export function querySiteFiveMinuteRain(query) {
   return request({
-    url: '/business//preventFlood/oneMap/querySiteFiveMinuteRain',
+    url: '/business/preventFlood/oneMap/querySiteFiveMinuteRain',
     method: 'get',
     params: query,
   });
 }
+
+// AI生成建议
+export function aiToGetSuggest(data) {
+  return request({
+    url: '/ai/tongyi/string-picture-message',
+    method: 'post',
+    data: data,
+  });
+}
diff --git a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
index 0a46262..e97b22b 100644
--- a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
+++ b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
@@ -143,7 +143,7 @@
       </div>
     </div>
     <!-- 典型项目数据查看 -->
-    <el-dialog :title="xmData.data.name + '数据详情'" v-model="dialogShow" width="950px" append-to-body>
+    <el-dialog :title="xmData.data.name + '数据详情'" v-model="dialogShow" width="1050px" append-to-body>
       <typicalLandDiaLogDetail :pointInf="xmData.data" v-if="dialogShow"></typicalLandDiaLogDetail>
     </el-dialog>
   </div>
@@ -170,7 +170,7 @@
   { name: '综保区工业海绵化片区', value: '2', lonlat: [114.209, 34.782] },
   { name: '金明品质提升示范片区', value: '3', lonlat: [114.285, 34.799] },
 ]);
-const projectFx = ref(0);
+const projectFx = ref();
 const undergroundPipeline = ref(true);
 // 典型项目
 const XmList = ref([

diff --git a/src/api/sponeScreen/syntherticData.js b/src/api/sponeScreen/syntherticData.js
index e8a85cd..3137b65 100644
--- a/src/api/sponeScreen/syntherticData.js
+++ b/src/api/sponeScreen/syntherticData.js
@@ -236,8 +236,17 @@
 // 天气效果——降雨量判断
 export function querySiteFiveMinuteRain(query) {
   return request({
-    url: '/business//preventFlood/oneMap/querySiteFiveMinuteRain',
+    url: '/business/preventFlood/oneMap/querySiteFiveMinuteRain',
     method: 'get',
     params: query,
   });
 }
+
+// AI生成建议
+export function aiToGetSuggest(data) {
+  return request({
+    url: '/ai/tongyi/string-picture-message',
+    method: 'post',
+    data: data,
+  });
+}
diff --git a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
index 0a46262..e97b22b 100644
--- a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
+++ b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
@@ -143,7 +143,7 @@
       </div>
     </div>
     <!-- 典型项目数据查看 -->
-    <el-dialog :title="xmData.data.name + '数据详情'" v-model="dialogShow" width="950px" append-to-body>
+    <el-dialog :title="xmData.data.name + '数据详情'" v-model="dialogShow" width="1050px" append-to-body>
       <typicalLandDiaLogDetail :pointInf="xmData.data" v-if="dialogShow"></typicalLandDiaLogDetail>
     </el-dialog>
   </div>
@@ -170,7 +170,7 @@
   { name: '综保区工业海绵化片区', value: '2', lonlat: [114.209, 34.782] },
   { name: '金明品质提升示范片区', value: '3', lonlat: [114.285, 34.799] },
 ]);
-const projectFx = ref(0);
+const projectFx = ref();
 const undergroundPipeline = ref(true);
 // 典型项目
 const XmList = ref([
diff --git a/src/views/sponeScreen/projectHM/ZhongheFenXi_component/typicalLandSiteShuJuQuShi.vue b/src/views/sponeScreen/projectHM/ZhongheFenXi_component/typicalLandSiteShuJuQuShi.vue
index 4cdb097..4fa2e26 100644
--- a/src/views/sponeScreen/projectHM/ZhongheFenXi_component/typicalLandSiteShuJuQuShi.vue
+++ b/src/views/sponeScreen/projectHM/ZhongheFenXi_component/typicalLandSiteShuJuQuShi.vue
@@ -1,11 +1,24 @@
 <template>
   <div class="shuJuQuShi flex" v-loading="echartLoading" element-loading-text="加载中..." element-loading-background="rgba(0, 0, 0,0.4)">
-    <div class="echarts" ref="echarts" v-show="!isShow"></div>
+    <div class="echarts" ref="echarts" v-show="!isShow" id="suggestEcharts"></div>
     <empty v-if="isShow" emptyText="暂未查到数据" :width="100" :height="100" style="margin-top: 50px"></empty>
+
+    <!-- 分析建议弹窗 -->
+    <el-dialog v-model="dialogShow" title="AI生成分析建议" width="800px" append-to-body v-dialogDrag>
+      <el-form :inline="true">
+        <el-form-item label="输入问题" prop="question">
+          <el-input v-model="question" style="width: 420px"></el-input>
+        </el-form-item>
+        <el-form-item><el-button type="warning" @click="aiDataSuggest">开始生成</el-button></el-form-item>
+      </el-form>
+      <div class="suggestContDialog" v-html="suggestContent" v-loading="loadingAI" element-loading-text="AI正在分析中..."></div>
+    </el-dialog>
   </div>
 </template>
 <script setup>
-import { graphicReport } from '@/api/sponeScreen/syntherticData.js';
+import { graphicReport, aiToGetSuggest } from '@/api/sponeScreen/syntherticData.js';
+import html2Canvas from 'html2canvas';
+import { sysUpload } from '@/api/login.js';
 
 const { proxy } = getCurrentInstance();
 const propsColor = proxy.fixDict['propsColorYs']; // 根据因子的单位来匹配
@@ -13,7 +26,10 @@
   searchDate: Array,
   typicalLandInfo: Object,
 });
-
+const question = ref('从排水方向分析这段数据');
+const dialogShow = ref(false);
+const suggestContent = ref('');
+const loadingAI = ref(false);
 const echartLoading = ref(true);
 const isShow = ref(false);
 const myChart = shallowRef(null);
@@ -290,12 +306,82 @@
   myChart.value.setOption(option);
 };
 
+// 显示输入问题的弹窗
+function showDialogAI() {
+  dialogShow.value = true;
+}
+
+// 生成建议
+function aiDataSuggest() {
+  loadingAI.value = true;
+  let dataDom = document.getElementById('suggestEcharts');
+  html2Canvas(dataDom, {
+    dpi: 300, // 解决生产图片模糊
+    useCORS: true,
+    allowTaint: false,
+    logging: false,
+    scale: 1,
+  }).then(res => {
+    downloadBase64(res.toDataURL(), 'aiDataSuggest');
+  });
+}
+
+const downloadBase64 = (dataUrl, fileName) => {
+  const parts = dataUrl.split(';base64,');
+  const contentType = parts[0].split(':')[1];
+  let strArr = contentType.split('/');
+  const raw = window.atob(parts[1]);
+  const rawLength = raw.length;
+  const uInt8Array = new Uint8Array(rawLength);
+  for (let i = 0; i < rawLength; ++i) {
+    uInt8Array[i] = raw.charCodeAt(i);
+  }
+  const blob = new Blob([uInt8Array], { type: contentType });
+  const newFilename = fileName + '.' + strArr[1];
+  const file = new File([blob], newFilename, { type: contentType });
+  let formData = new FormData();
+  formData.append('file', file);
+  sysUpload(formData).then(res => {
+    if (res.code == 200) {
+      let datas = res.data;
+      // 文件状态改为上传成功
+      console.log('----上传成功', datas.url);
+      let params = {
+        content: question.value,
+        pictureUrl: datas.url,
+      };
+      aiToGetSuggest(params).then(res => {
+        loadingAI.value = false;
+        if (!!res.data) {
+          let datas = JSON.parse(res.data);
+          suggestContent.value = datas.output.choices[0].message.content[0].text;
+          suggestContent.value = suggestContent.value.replace(/\n/g, '<br />');
+        } else {
+          suggestContent.value = '暂无分析建议';
+        }
+      });
+    } else {
+      proxy.$modal.msgError('上传失败');
+      loadingAI.value = false;
+    }
+  });
+};
+
 onMounted(() => {});
 defineExpose({
   getPipelineEcharts,
+  showDialogAI,
 });
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
+.suggestContDialog {
+  height: 600px;
+  overflow: auto;
+  color: #c6c6c6;
+  margin-bottom: 20px;
+  padding: 20px;
+  border: 1px dashed #00d1ff;
+}
 .shuJuQuShi {
   width: 100%;
   height: 630px;
@@ -303,6 +389,7 @@
   .echarts {
     width: 100%;
     height: 100%;
+    background: #00314e;
   }
 }
 </style>

diff --git a/src/api/sponeScreen/syntherticData.js b/src/api/sponeScreen/syntherticData.js
index e8a85cd..3137b65 100644
--- a/src/api/sponeScreen/syntherticData.js
+++ b/src/api/sponeScreen/syntherticData.js
@@ -236,8 +236,17 @@
 // 天气效果——降雨量判断
 export function querySiteFiveMinuteRain(query) {
   return request({
-    url: '/business//preventFlood/oneMap/querySiteFiveMinuteRain',
+    url: '/business/preventFlood/oneMap/querySiteFiveMinuteRain',
     method: 'get',
     params: query,
   });
 }
+
+// AI生成建议
+export function aiToGetSuggest(data) {
+  return request({
+    url: '/ai/tongyi/string-picture-message',
+    method: 'post',
+    data: data,
+  });
+}
diff --git a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
index 0a46262..e97b22b 100644
--- a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
+++ b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
@@ -143,7 +143,7 @@
       </div>
     </div>
     <!-- 典型项目数据查看 -->
-    <el-dialog :title="xmData.data.name + '数据详情'" v-model="dialogShow" width="950px" append-to-body>
+    <el-dialog :title="xmData.data.name + '数据详情'" v-model="dialogShow" width="1050px" append-to-body>
       <typicalLandDiaLogDetail :pointInf="xmData.data" v-if="dialogShow"></typicalLandDiaLogDetail>
     </el-dialog>
   </div>
@@ -170,7 +170,7 @@
   { name: '综保区工业海绵化片区', value: '2', lonlat: [114.209, 34.782] },
   { name: '金明品质提升示范片区', value: '3', lonlat: [114.285, 34.799] },
 ]);
-const projectFx = ref(0);
+const projectFx = ref();
 const undergroundPipeline = ref(true);
 // 典型项目
 const XmList = ref([
diff --git a/src/views/sponeScreen/projectHM/ZhongheFenXi_component/typicalLandSiteShuJuQuShi.vue b/src/views/sponeScreen/projectHM/ZhongheFenXi_component/typicalLandSiteShuJuQuShi.vue
index 4cdb097..4fa2e26 100644
--- a/src/views/sponeScreen/projectHM/ZhongheFenXi_component/typicalLandSiteShuJuQuShi.vue
+++ b/src/views/sponeScreen/projectHM/ZhongheFenXi_component/typicalLandSiteShuJuQuShi.vue
@@ -1,11 +1,24 @@
 <template>
   <div class="shuJuQuShi flex" v-loading="echartLoading" element-loading-text="加载中..." element-loading-background="rgba(0, 0, 0,0.4)">
-    <div class="echarts" ref="echarts" v-show="!isShow"></div>
+    <div class="echarts" ref="echarts" v-show="!isShow" id="suggestEcharts"></div>
     <empty v-if="isShow" emptyText="暂未查到数据" :width="100" :height="100" style="margin-top: 50px"></empty>
+
+    <!-- 分析建议弹窗 -->
+    <el-dialog v-model="dialogShow" title="AI生成分析建议" width="800px" append-to-body v-dialogDrag>
+      <el-form :inline="true">
+        <el-form-item label="输入问题" prop="question">
+          <el-input v-model="question" style="width: 420px"></el-input>
+        </el-form-item>
+        <el-form-item><el-button type="warning" @click="aiDataSuggest">开始生成</el-button></el-form-item>
+      </el-form>
+      <div class="suggestContDialog" v-html="suggestContent" v-loading="loadingAI" element-loading-text="AI正在分析中..."></div>
+    </el-dialog>
   </div>
 </template>
 <script setup>
-import { graphicReport } from '@/api/sponeScreen/syntherticData.js';
+import { graphicReport, aiToGetSuggest } from '@/api/sponeScreen/syntherticData.js';
+import html2Canvas from 'html2canvas';
+import { sysUpload } from '@/api/login.js';
 
 const { proxy } = getCurrentInstance();
 const propsColor = proxy.fixDict['propsColorYs']; // 根据因子的单位来匹配
@@ -13,7 +26,10 @@
   searchDate: Array,
   typicalLandInfo: Object,
 });
-
+const question = ref('从排水方向分析这段数据');
+const dialogShow = ref(false);
+const suggestContent = ref('');
+const loadingAI = ref(false);
 const echartLoading = ref(true);
 const isShow = ref(false);
 const myChart = shallowRef(null);
@@ -290,12 +306,82 @@
   myChart.value.setOption(option);
 };
 
+// 显示输入问题的弹窗
+function showDialogAI() {
+  dialogShow.value = true;
+}
+
+// 生成建议
+function aiDataSuggest() {
+  loadingAI.value = true;
+  let dataDom = document.getElementById('suggestEcharts');
+  html2Canvas(dataDom, {
+    dpi: 300, // 解决生产图片模糊
+    useCORS: true,
+    allowTaint: false,
+    logging: false,
+    scale: 1,
+  }).then(res => {
+    downloadBase64(res.toDataURL(), 'aiDataSuggest');
+  });
+}
+
+const downloadBase64 = (dataUrl, fileName) => {
+  const parts = dataUrl.split(';base64,');
+  const contentType = parts[0].split(':')[1];
+  let strArr = contentType.split('/');
+  const raw = window.atob(parts[1]);
+  const rawLength = raw.length;
+  const uInt8Array = new Uint8Array(rawLength);
+  for (let i = 0; i < rawLength; ++i) {
+    uInt8Array[i] = raw.charCodeAt(i);
+  }
+  const blob = new Blob([uInt8Array], { type: contentType });
+  const newFilename = fileName + '.' + strArr[1];
+  const file = new File([blob], newFilename, { type: contentType });
+  let formData = new FormData();
+  formData.append('file', file);
+  sysUpload(formData).then(res => {
+    if (res.code == 200) {
+      let datas = res.data;
+      // 文件状态改为上传成功
+      console.log('----上传成功', datas.url);
+      let params = {
+        content: question.value,
+        pictureUrl: datas.url,
+      };
+      aiToGetSuggest(params).then(res => {
+        loadingAI.value = false;
+        if (!!res.data) {
+          let datas = JSON.parse(res.data);
+          suggestContent.value = datas.output.choices[0].message.content[0].text;
+          suggestContent.value = suggestContent.value.replace(/\n/g, '<br />');
+        } else {
+          suggestContent.value = '暂无分析建议';
+        }
+      });
+    } else {
+      proxy.$modal.msgError('上传失败');
+      loadingAI.value = false;
+    }
+  });
+};
+
 onMounted(() => {});
 defineExpose({
   getPipelineEcharts,
+  showDialogAI,
 });
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
+.suggestContDialog {
+  height: 600px;
+  overflow: auto;
+  color: #c6c6c6;
+  margin-bottom: 20px;
+  padding: 20px;
+  border: 1px dashed #00d1ff;
+}
 .shuJuQuShi {
   width: 100%;
   height: 630px;
@@ -303,6 +389,7 @@
   .echarts {
     width: 100%;
     height: 100%;
+    background: #00314e;
   }
 }
 </style>
diff --git a/src/views/sponeScreen/projectHM/typicalLandDiaLogDetail.vue b/src/views/sponeScreen/projectHM/typicalLandDiaLogDetail.vue
index c93af49..d549432 100644
--- a/src/views/sponeScreen/projectHM/typicalLandDiaLogDetail.vue
+++ b/src/views/sponeScreen/projectHM/typicalLandDiaLogDetail.vue
@@ -55,7 +55,8 @@
               <el-date-picker v-model="search.dateRange" value-format="YYYY-MM-DD" type="daterange" :clearable="false"></el-date-picker>
             </el-form-item>
             <el-form-item>
-              <el-button type="warning" @click="searchData">查询</el-button>
+              <el-button type="primary" @click="searchData">查询</el-button>
+              <el-button type="warning" @click="aiSearchData">AI分析建议</el-button>
             </el-form-item>
           </el-form>
         </div>
@@ -102,6 +103,13 @@
 const stationIndex = ref(0);
 const equipArr = ref([]);
 
+// AI分析建议
+function aiSearchData() {
+  setTimeout(() => {
+    dataStatus.value.showDialogAI();
+  });
+}
+
 // 切换站点
 function changeSite() {
   typicalLandInfo.value = equipArr.value[stationIndex.value];

diff --git a/src/api/sponeScreen/syntherticData.js b/src/api/sponeScreen/syntherticData.js
index e8a85cd..3137b65 100644
--- a/src/api/sponeScreen/syntherticData.js
+++ b/src/api/sponeScreen/syntherticData.js
@@ -236,8 +236,17 @@
 // 天气效果——降雨量判断
 export function querySiteFiveMinuteRain(query) {
   return request({
-    url: '/business//preventFlood/oneMap/querySiteFiveMinuteRain',
+    url: '/business/preventFlood/oneMap/querySiteFiveMinuteRain',
     method: 'get',
     params: query,
   });
 }
+
+// AI生成建议
+export function aiToGetSuggest(data) {
+  return request({
+    url: '/ai/tongyi/string-picture-message',
+    method: 'post',
+    data: data,
+  });
+}
diff --git a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
index 0a46262..e97b22b 100644
--- a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
+++ b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
@@ -143,7 +143,7 @@
       </div>
     </div>
     <!-- 典型项目数据查看 -->
-    <el-dialog :title="xmData.data.name + '数据详情'" v-model="dialogShow" width="950px" append-to-body>
+    <el-dialog :title="xmData.data.name + '数据详情'" v-model="dialogShow" width="1050px" append-to-body>
       <typicalLandDiaLogDetail :pointInf="xmData.data" v-if="dialogShow"></typicalLandDiaLogDetail>
     </el-dialog>
   </div>
@@ -170,7 +170,7 @@
   { name: '综保区工业海绵化片区', value: '2', lonlat: [114.209, 34.782] },
   { name: '金明品质提升示范片区', value: '3', lonlat: [114.285, 34.799] },
 ]);
-const projectFx = ref(0);
+const projectFx = ref();
 const undergroundPipeline = ref(true);
 // 典型项目
 const XmList = ref([
diff --git a/src/views/sponeScreen/projectHM/ZhongheFenXi_component/typicalLandSiteShuJuQuShi.vue b/src/views/sponeScreen/projectHM/ZhongheFenXi_component/typicalLandSiteShuJuQuShi.vue
index 4cdb097..4fa2e26 100644
--- a/src/views/sponeScreen/projectHM/ZhongheFenXi_component/typicalLandSiteShuJuQuShi.vue
+++ b/src/views/sponeScreen/projectHM/ZhongheFenXi_component/typicalLandSiteShuJuQuShi.vue
@@ -1,11 +1,24 @@
 <template>
   <div class="shuJuQuShi flex" v-loading="echartLoading" element-loading-text="加载中..." element-loading-background="rgba(0, 0, 0,0.4)">
-    <div class="echarts" ref="echarts" v-show="!isShow"></div>
+    <div class="echarts" ref="echarts" v-show="!isShow" id="suggestEcharts"></div>
     <empty v-if="isShow" emptyText="暂未查到数据" :width="100" :height="100" style="margin-top: 50px"></empty>
+
+    <!-- 分析建议弹窗 -->
+    <el-dialog v-model="dialogShow" title="AI生成分析建议" width="800px" append-to-body v-dialogDrag>
+      <el-form :inline="true">
+        <el-form-item label="输入问题" prop="question">
+          <el-input v-model="question" style="width: 420px"></el-input>
+        </el-form-item>
+        <el-form-item><el-button type="warning" @click="aiDataSuggest">开始生成</el-button></el-form-item>
+      </el-form>
+      <div class="suggestContDialog" v-html="suggestContent" v-loading="loadingAI" element-loading-text="AI正在分析中..."></div>
+    </el-dialog>
   </div>
 </template>
 <script setup>
-import { graphicReport } from '@/api/sponeScreen/syntherticData.js';
+import { graphicReport, aiToGetSuggest } from '@/api/sponeScreen/syntherticData.js';
+import html2Canvas from 'html2canvas';
+import { sysUpload } from '@/api/login.js';
 
 const { proxy } = getCurrentInstance();
 const propsColor = proxy.fixDict['propsColorYs']; // 根据因子的单位来匹配
@@ -13,7 +26,10 @@
   searchDate: Array,
   typicalLandInfo: Object,
 });
-
+const question = ref('从排水方向分析这段数据');
+const dialogShow = ref(false);
+const suggestContent = ref('');
+const loadingAI = ref(false);
 const echartLoading = ref(true);
 const isShow = ref(false);
 const myChart = shallowRef(null);
@@ -290,12 +306,82 @@
   myChart.value.setOption(option);
 };
 
+// 显示输入问题的弹窗
+function showDialogAI() {
+  dialogShow.value = true;
+}
+
+// 生成建议
+function aiDataSuggest() {
+  loadingAI.value = true;
+  let dataDom = document.getElementById('suggestEcharts');
+  html2Canvas(dataDom, {
+    dpi: 300, // 解决生产图片模糊
+    useCORS: true,
+    allowTaint: false,
+    logging: false,
+    scale: 1,
+  }).then(res => {
+    downloadBase64(res.toDataURL(), 'aiDataSuggest');
+  });
+}
+
+const downloadBase64 = (dataUrl, fileName) => {
+  const parts = dataUrl.split(';base64,');
+  const contentType = parts[0].split(':')[1];
+  let strArr = contentType.split('/');
+  const raw = window.atob(parts[1]);
+  const rawLength = raw.length;
+  const uInt8Array = new Uint8Array(rawLength);
+  for (let i = 0; i < rawLength; ++i) {
+    uInt8Array[i] = raw.charCodeAt(i);
+  }
+  const blob = new Blob([uInt8Array], { type: contentType });
+  const newFilename = fileName + '.' + strArr[1];
+  const file = new File([blob], newFilename, { type: contentType });
+  let formData = new FormData();
+  formData.append('file', file);
+  sysUpload(formData).then(res => {
+    if (res.code == 200) {
+      let datas = res.data;
+      // 文件状态改为上传成功
+      console.log('----上传成功', datas.url);
+      let params = {
+        content: question.value,
+        pictureUrl: datas.url,
+      };
+      aiToGetSuggest(params).then(res => {
+        loadingAI.value = false;
+        if (!!res.data) {
+          let datas = JSON.parse(res.data);
+          suggestContent.value = datas.output.choices[0].message.content[0].text;
+          suggestContent.value = suggestContent.value.replace(/\n/g, '<br />');
+        } else {
+          suggestContent.value = '暂无分析建议';
+        }
+      });
+    } else {
+      proxy.$modal.msgError('上传失败');
+      loadingAI.value = false;
+    }
+  });
+};
+
 onMounted(() => {});
 defineExpose({
   getPipelineEcharts,
+  showDialogAI,
 });
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
+.suggestContDialog {
+  height: 600px;
+  overflow: auto;
+  color: #c6c6c6;
+  margin-bottom: 20px;
+  padding: 20px;
+  border: 1px dashed #00d1ff;
+}
 .shuJuQuShi {
   width: 100%;
   height: 630px;
@@ -303,6 +389,7 @@
   .echarts {
     width: 100%;
     height: 100%;
+    background: #00314e;
   }
 }
 </style>
diff --git a/src/views/sponeScreen/projectHM/typicalLandDiaLogDetail.vue b/src/views/sponeScreen/projectHM/typicalLandDiaLogDetail.vue
index c93af49..d549432 100644
--- a/src/views/sponeScreen/projectHM/typicalLandDiaLogDetail.vue
+++ b/src/views/sponeScreen/projectHM/typicalLandDiaLogDetail.vue
@@ -55,7 +55,8 @@
               <el-date-picker v-model="search.dateRange" value-format="YYYY-MM-DD" type="daterange" :clearable="false"></el-date-picker>
             </el-form-item>
             <el-form-item>
-              <el-button type="warning" @click="searchData">查询</el-button>
+              <el-button type="primary" @click="searchData">查询</el-button>
+              <el-button type="warning" @click="aiSearchData">AI分析建议</el-button>
             </el-form-item>
           </el-form>
         </div>
@@ -102,6 +103,13 @@
 const stationIndex = ref(0);
 const equipArr = ref([]);
 
+// AI分析建议
+function aiSearchData() {
+  setTimeout(() => {
+    dataStatus.value.showDialogAI();
+  });
+}
+
 // 切换站点
 function changeSite() {
   typicalLandInfo.value = equipArr.value[stationIndex.value];
diff --git a/src/views/sponeScreen/waterFlood/rainFutureHour.vue b/src/views/sponeScreen/waterFlood/rainFutureHour.vue
index c1f59ab..65d036c 100644
--- a/src/views/sponeScreen/waterFlood/rainFutureHour.vue
+++ b/src/views/sponeScreen/waterFlood/rainFutureHour.vue
@@ -22,7 +22,7 @@
 
   <!-- 发布应急响应 -->
   <el-dialog title="发布应急响应通知" v-model="dialogShowYJ" width="700px" append-to-body>
-    <ResponseYJ v-if="dialogShowYJ"></ResponseYJ>
+    <ResponseYJ v-if="dialogShowYJ" @closeModal="closeModal"></ResponseYJ>
   </el-dialog>
 </template>
 
@@ -164,6 +164,10 @@
   ],
 });
 
+function closeModal() {
+  dialogShowYJ.value = false;
+}
+
 // 获取天气信息
 const getWeather = () => {
   let chartDom = echarts.init(document.getElementById('rainFH'));

diff --git a/src/api/sponeScreen/syntherticData.js b/src/api/sponeScreen/syntherticData.js
index e8a85cd..3137b65 100644
--- a/src/api/sponeScreen/syntherticData.js
+++ b/src/api/sponeScreen/syntherticData.js
@@ -236,8 +236,17 @@
 // 天气效果——降雨量判断
 export function querySiteFiveMinuteRain(query) {
   return request({
-    url: '/business//preventFlood/oneMap/querySiteFiveMinuteRain',
+    url: '/business/preventFlood/oneMap/querySiteFiveMinuteRain',
     method: 'get',
     params: query,
   });
 }
+
+// AI生成建议
+export function aiToGetSuggest(data) {
+  return request({
+    url: '/ai/tongyi/string-picture-message',
+    method: 'post',
+    data: data,
+  });
+}
diff --git a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
index 0a46262..e97b22b 100644
--- a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
+++ b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
@@ -143,7 +143,7 @@
       </div>
     </div>
     <!-- 典型项目数据查看 -->
-    <el-dialog :title="xmData.data.name + '数据详情'" v-model="dialogShow" width="950px" append-to-body>
+    <el-dialog :title="xmData.data.name + '数据详情'" v-model="dialogShow" width="1050px" append-to-body>
       <typicalLandDiaLogDetail :pointInf="xmData.data" v-if="dialogShow"></typicalLandDiaLogDetail>
     </el-dialog>
   </div>
@@ -170,7 +170,7 @@
   { name: '综保区工业海绵化片区', value: '2', lonlat: [114.209, 34.782] },
   { name: '金明品质提升示范片区', value: '3', lonlat: [114.285, 34.799] },
 ]);
-const projectFx = ref(0);
+const projectFx = ref();
 const undergroundPipeline = ref(true);
 // 典型项目
 const XmList = ref([
diff --git a/src/views/sponeScreen/projectHM/ZhongheFenXi_component/typicalLandSiteShuJuQuShi.vue b/src/views/sponeScreen/projectHM/ZhongheFenXi_component/typicalLandSiteShuJuQuShi.vue
index 4cdb097..4fa2e26 100644
--- a/src/views/sponeScreen/projectHM/ZhongheFenXi_component/typicalLandSiteShuJuQuShi.vue
+++ b/src/views/sponeScreen/projectHM/ZhongheFenXi_component/typicalLandSiteShuJuQuShi.vue
@@ -1,11 +1,24 @@
 <template>
   <div class="shuJuQuShi flex" v-loading="echartLoading" element-loading-text="加载中..." element-loading-background="rgba(0, 0, 0,0.4)">
-    <div class="echarts" ref="echarts" v-show="!isShow"></div>
+    <div class="echarts" ref="echarts" v-show="!isShow" id="suggestEcharts"></div>
     <empty v-if="isShow" emptyText="暂未查到数据" :width="100" :height="100" style="margin-top: 50px"></empty>
+
+    <!-- 分析建议弹窗 -->
+    <el-dialog v-model="dialogShow" title="AI生成分析建议" width="800px" append-to-body v-dialogDrag>
+      <el-form :inline="true">
+        <el-form-item label="输入问题" prop="question">
+          <el-input v-model="question" style="width: 420px"></el-input>
+        </el-form-item>
+        <el-form-item><el-button type="warning" @click="aiDataSuggest">开始生成</el-button></el-form-item>
+      </el-form>
+      <div class="suggestContDialog" v-html="suggestContent" v-loading="loadingAI" element-loading-text="AI正在分析中..."></div>
+    </el-dialog>
   </div>
 </template>
 <script setup>
-import { graphicReport } from '@/api/sponeScreen/syntherticData.js';
+import { graphicReport, aiToGetSuggest } from '@/api/sponeScreen/syntherticData.js';
+import html2Canvas from 'html2canvas';
+import { sysUpload } from '@/api/login.js';
 
 const { proxy } = getCurrentInstance();
 const propsColor = proxy.fixDict['propsColorYs']; // 根据因子的单位来匹配
@@ -13,7 +26,10 @@
   searchDate: Array,
   typicalLandInfo: Object,
 });
-
+const question = ref('从排水方向分析这段数据');
+const dialogShow = ref(false);
+const suggestContent = ref('');
+const loadingAI = ref(false);
 const echartLoading = ref(true);
 const isShow = ref(false);
 const myChart = shallowRef(null);
@@ -290,12 +306,82 @@
   myChart.value.setOption(option);
 };
 
+// 显示输入问题的弹窗
+function showDialogAI() {
+  dialogShow.value = true;
+}
+
+// 生成建议
+function aiDataSuggest() {
+  loadingAI.value = true;
+  let dataDom = document.getElementById('suggestEcharts');
+  html2Canvas(dataDom, {
+    dpi: 300, // 解决生产图片模糊
+    useCORS: true,
+    allowTaint: false,
+    logging: false,
+    scale: 1,
+  }).then(res => {
+    downloadBase64(res.toDataURL(), 'aiDataSuggest');
+  });
+}
+
+const downloadBase64 = (dataUrl, fileName) => {
+  const parts = dataUrl.split(';base64,');
+  const contentType = parts[0].split(':')[1];
+  let strArr = contentType.split('/');
+  const raw = window.atob(parts[1]);
+  const rawLength = raw.length;
+  const uInt8Array = new Uint8Array(rawLength);
+  for (let i = 0; i < rawLength; ++i) {
+    uInt8Array[i] = raw.charCodeAt(i);
+  }
+  const blob = new Blob([uInt8Array], { type: contentType });
+  const newFilename = fileName + '.' + strArr[1];
+  const file = new File([blob], newFilename, { type: contentType });
+  let formData = new FormData();
+  formData.append('file', file);
+  sysUpload(formData).then(res => {
+    if (res.code == 200) {
+      let datas = res.data;
+      // 文件状态改为上传成功
+      console.log('----上传成功', datas.url);
+      let params = {
+        content: question.value,
+        pictureUrl: datas.url,
+      };
+      aiToGetSuggest(params).then(res => {
+        loadingAI.value = false;
+        if (!!res.data) {
+          let datas = JSON.parse(res.data);
+          suggestContent.value = datas.output.choices[0].message.content[0].text;
+          suggestContent.value = suggestContent.value.replace(/\n/g, '<br />');
+        } else {
+          suggestContent.value = '暂无分析建议';
+        }
+      });
+    } else {
+      proxy.$modal.msgError('上传失败');
+      loadingAI.value = false;
+    }
+  });
+};
+
 onMounted(() => {});
 defineExpose({
   getPipelineEcharts,
+  showDialogAI,
 });
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
+.suggestContDialog {
+  height: 600px;
+  overflow: auto;
+  color: #c6c6c6;
+  margin-bottom: 20px;
+  padding: 20px;
+  border: 1px dashed #00d1ff;
+}
 .shuJuQuShi {
   width: 100%;
   height: 630px;
@@ -303,6 +389,7 @@
   .echarts {
     width: 100%;
     height: 100%;
+    background: #00314e;
   }
 }
 </style>
diff --git a/src/views/sponeScreen/projectHM/typicalLandDiaLogDetail.vue b/src/views/sponeScreen/projectHM/typicalLandDiaLogDetail.vue
index c93af49..d549432 100644
--- a/src/views/sponeScreen/projectHM/typicalLandDiaLogDetail.vue
+++ b/src/views/sponeScreen/projectHM/typicalLandDiaLogDetail.vue
@@ -55,7 +55,8 @@
               <el-date-picker v-model="search.dateRange" value-format="YYYY-MM-DD" type="daterange" :clearable="false"></el-date-picker>
             </el-form-item>
             <el-form-item>
-              <el-button type="warning" @click="searchData">查询</el-button>
+              <el-button type="primary" @click="searchData">查询</el-button>
+              <el-button type="warning" @click="aiSearchData">AI分析建议</el-button>
             </el-form-item>
           </el-form>
         </div>
@@ -102,6 +103,13 @@
 const stationIndex = ref(0);
 const equipArr = ref([]);
 
+// AI分析建议
+function aiSearchData() {
+  setTimeout(() => {
+    dataStatus.value.showDialogAI();
+  });
+}
+
 // 切换站点
 function changeSite() {
   typicalLandInfo.value = equipArr.value[stationIndex.value];
diff --git a/src/views/sponeScreen/waterFlood/rainFutureHour.vue b/src/views/sponeScreen/waterFlood/rainFutureHour.vue
index c1f59ab..65d036c 100644
--- a/src/views/sponeScreen/waterFlood/rainFutureHour.vue
+++ b/src/views/sponeScreen/waterFlood/rainFutureHour.vue
@@ -22,7 +22,7 @@
 
   <!-- 发布应急响应 -->
   <el-dialog title="发布应急响应通知" v-model="dialogShowYJ" width="700px" append-to-body>
-    <ResponseYJ v-if="dialogShowYJ"></ResponseYJ>
+    <ResponseYJ v-if="dialogShowYJ" @closeModal="closeModal"></ResponseYJ>
   </el-dialog>
 </template>
 
@@ -164,6 +164,10 @@
   ],
 });
 
+function closeModal() {
+  dialogShowYJ.value = false;
+}
+
 // 获取天气信息
 const getWeather = () => {
   let chartDom = echarts.init(document.getElementById('rainFH'));
diff --git a/src/views/sponeScreen/waterFlood/responseYJ.vue b/src/views/sponeScreen/waterFlood/responseYJ.vue
index 5926dcd..e97c2ff 100644
--- a/src/views/sponeScreen/waterFlood/responseYJ.vue
+++ b/src/views/sponeScreen/waterFlood/responseYJ.vue
@@ -23,13 +23,15 @@
       </el-form-item>
     </el-form>
     <div class="dialog-footer" style="text-align: center">
-      <el-button type="info">取 消</el-button>
-      <el-button type="primary">确 定</el-button>
+      <el-button type="info" @click="closeModal">取 消</el-button>
+      <el-button type="primary" @click="closeModal">确 定</el-button>
     </div>
   </div>
 </template>
 
 <script setup>
+const emits = defineEmits(['closeModal']);
+
 const { proxy } = getCurrentInstance();
 const formData = ref({
   level: '1',
@@ -64,6 +66,10 @@
   { value: '7', label: '市生态环境局' },
 ]);
 
+function closeModal() {
+  emits('closeModal');
+}
+
 onMounted(() => {});
 </script>
 

diff --git a/src/api/sponeScreen/syntherticData.js b/src/api/sponeScreen/syntherticData.js
index e8a85cd..3137b65 100644
--- a/src/api/sponeScreen/syntherticData.js
+++ b/src/api/sponeScreen/syntherticData.js
@@ -236,8 +236,17 @@
 // 天气效果——降雨量判断
 export function querySiteFiveMinuteRain(query) {
   return request({
-    url: '/business//preventFlood/oneMap/querySiteFiveMinuteRain',
+    url: '/business/preventFlood/oneMap/querySiteFiveMinuteRain',
     method: 'get',
     params: query,
   });
 }
+
+// AI生成建议
+export function aiToGetSuggest(data) {
+  return request({
+    url: '/ai/tongyi/string-picture-message',
+    method: 'post',
+    data: data,
+  });
+}
diff --git a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
index 0a46262..e97b22b 100644
--- a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
+++ b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue
@@ -143,7 +143,7 @@
       </div>
     </div>
     <!-- 典型项目数据查看 -->
-    <el-dialog :title="xmData.data.name + '数据详情'" v-model="dialogShow" width="950px" append-to-body>
+    <el-dialog :title="xmData.data.name + '数据详情'" v-model="dialogShow" width="1050px" append-to-body>
       <typicalLandDiaLogDetail :pointInf="xmData.data" v-if="dialogShow"></typicalLandDiaLogDetail>
     </el-dialog>
   </div>
@@ -170,7 +170,7 @@
   { name: '综保区工业海绵化片区', value: '2', lonlat: [114.209, 34.782] },
   { name: '金明品质提升示范片区', value: '3', lonlat: [114.285, 34.799] },
 ]);
-const projectFx = ref(0);
+const projectFx = ref();
 const undergroundPipeline = ref(true);
 // 典型项目
 const XmList = ref([
diff --git a/src/views/sponeScreen/projectHM/ZhongheFenXi_component/typicalLandSiteShuJuQuShi.vue b/src/views/sponeScreen/projectHM/ZhongheFenXi_component/typicalLandSiteShuJuQuShi.vue
index 4cdb097..4fa2e26 100644
--- a/src/views/sponeScreen/projectHM/ZhongheFenXi_component/typicalLandSiteShuJuQuShi.vue
+++ b/src/views/sponeScreen/projectHM/ZhongheFenXi_component/typicalLandSiteShuJuQuShi.vue
@@ -1,11 +1,24 @@
 <template>
   <div class="shuJuQuShi flex" v-loading="echartLoading" element-loading-text="加载中..." element-loading-background="rgba(0, 0, 0,0.4)">
-    <div class="echarts" ref="echarts" v-show="!isShow"></div>
+    <div class="echarts" ref="echarts" v-show="!isShow" id="suggestEcharts"></div>
     <empty v-if="isShow" emptyText="暂未查到数据" :width="100" :height="100" style="margin-top: 50px"></empty>
+
+    <!-- 分析建议弹窗 -->
+    <el-dialog v-model="dialogShow" title="AI生成分析建议" width="800px" append-to-body v-dialogDrag>
+      <el-form :inline="true">
+        <el-form-item label="输入问题" prop="question">
+          <el-input v-model="question" style="width: 420px"></el-input>
+        </el-form-item>
+        <el-form-item><el-button type="warning" @click="aiDataSuggest">开始生成</el-button></el-form-item>
+      </el-form>
+      <div class="suggestContDialog" v-html="suggestContent" v-loading="loadingAI" element-loading-text="AI正在分析中..."></div>
+    </el-dialog>
   </div>
 </template>
 <script setup>
-import { graphicReport } from '@/api/sponeScreen/syntherticData.js';
+import { graphicReport, aiToGetSuggest } from '@/api/sponeScreen/syntherticData.js';
+import html2Canvas from 'html2canvas';
+import { sysUpload } from '@/api/login.js';
 
 const { proxy } = getCurrentInstance();
 const propsColor = proxy.fixDict['propsColorYs']; // 根据因子的单位来匹配
@@ -13,7 +26,10 @@
   searchDate: Array,
   typicalLandInfo: Object,
 });
-
+const question = ref('从排水方向分析这段数据');
+const dialogShow = ref(false);
+const suggestContent = ref('');
+const loadingAI = ref(false);
 const echartLoading = ref(true);
 const isShow = ref(false);
 const myChart = shallowRef(null);
@@ -290,12 +306,82 @@
   myChart.value.setOption(option);
 };
 
+// 显示输入问题的弹窗
+function showDialogAI() {
+  dialogShow.value = true;
+}
+
+// 生成建议
+function aiDataSuggest() {
+  loadingAI.value = true;
+  let dataDom = document.getElementById('suggestEcharts');
+  html2Canvas(dataDom, {
+    dpi: 300, // 解决生产图片模糊
+    useCORS: true,
+    allowTaint: false,
+    logging: false,
+    scale: 1,
+  }).then(res => {
+    downloadBase64(res.toDataURL(), 'aiDataSuggest');
+  });
+}
+
+const downloadBase64 = (dataUrl, fileName) => {
+  const parts = dataUrl.split(';base64,');
+  const contentType = parts[0].split(':')[1];
+  let strArr = contentType.split('/');
+  const raw = window.atob(parts[1]);
+  const rawLength = raw.length;
+  const uInt8Array = new Uint8Array(rawLength);
+  for (let i = 0; i < rawLength; ++i) {
+    uInt8Array[i] = raw.charCodeAt(i);
+  }
+  const blob = new Blob([uInt8Array], { type: contentType });
+  const newFilename = fileName + '.' + strArr[1];
+  const file = new File([blob], newFilename, { type: contentType });
+  let formData = new FormData();
+  formData.append('file', file);
+  sysUpload(formData).then(res => {
+    if (res.code == 200) {
+      let datas = res.data;
+      // 文件状态改为上传成功
+      console.log('----上传成功', datas.url);
+      let params = {
+        content: question.value,
+        pictureUrl: datas.url,
+      };
+      aiToGetSuggest(params).then(res => {
+        loadingAI.value = false;
+        if (!!res.data) {
+          let datas = JSON.parse(res.data);
+          suggestContent.value = datas.output.choices[0].message.content[0].text;
+          suggestContent.value = suggestContent.value.replace(/\n/g, '<br />');
+        } else {
+          suggestContent.value = '暂无分析建议';
+        }
+      });
+    } else {
+      proxy.$modal.msgError('上传失败');
+      loadingAI.value = false;
+    }
+  });
+};
+
 onMounted(() => {});
 defineExpose({
   getPipelineEcharts,
+  showDialogAI,
 });
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
+.suggestContDialog {
+  height: 600px;
+  overflow: auto;
+  color: #c6c6c6;
+  margin-bottom: 20px;
+  padding: 20px;
+  border: 1px dashed #00d1ff;
+}
 .shuJuQuShi {
   width: 100%;
   height: 630px;
@@ -303,6 +389,7 @@
   .echarts {
     width: 100%;
     height: 100%;
+    background: #00314e;
   }
 }
 </style>
diff --git a/src/views/sponeScreen/projectHM/typicalLandDiaLogDetail.vue b/src/views/sponeScreen/projectHM/typicalLandDiaLogDetail.vue
index c93af49..d549432 100644
--- a/src/views/sponeScreen/projectHM/typicalLandDiaLogDetail.vue
+++ b/src/views/sponeScreen/projectHM/typicalLandDiaLogDetail.vue
@@ -55,7 +55,8 @@
               <el-date-picker v-model="search.dateRange" value-format="YYYY-MM-DD" type="daterange" :clearable="false"></el-date-picker>
             </el-form-item>
             <el-form-item>
-              <el-button type="warning" @click="searchData">查询</el-button>
+              <el-button type="primary" @click="searchData">查询</el-button>
+              <el-button type="warning" @click="aiSearchData">AI分析建议</el-button>
             </el-form-item>
           </el-form>
         </div>
@@ -102,6 +103,13 @@
 const stationIndex = ref(0);
 const equipArr = ref([]);
 
+// AI分析建议
+function aiSearchData() {
+  setTimeout(() => {
+    dataStatus.value.showDialogAI();
+  });
+}
+
 // 切换站点
 function changeSite() {
   typicalLandInfo.value = equipArr.value[stationIndex.value];
diff --git a/src/views/sponeScreen/waterFlood/rainFutureHour.vue b/src/views/sponeScreen/waterFlood/rainFutureHour.vue
index c1f59ab..65d036c 100644
--- a/src/views/sponeScreen/waterFlood/rainFutureHour.vue
+++ b/src/views/sponeScreen/waterFlood/rainFutureHour.vue
@@ -22,7 +22,7 @@
 
   <!-- 发布应急响应 -->
   <el-dialog title="发布应急响应通知" v-model="dialogShowYJ" width="700px" append-to-body>
-    <ResponseYJ v-if="dialogShowYJ"></ResponseYJ>
+    <ResponseYJ v-if="dialogShowYJ" @closeModal="closeModal"></ResponseYJ>
   </el-dialog>
 </template>
 
@@ -164,6 +164,10 @@
   ],
 });
 
+function closeModal() {
+  dialogShowYJ.value = false;
+}
+
 // 获取天气信息
 const getWeather = () => {
   let chartDom = echarts.init(document.getElementById('rainFH'));
diff --git a/src/views/sponeScreen/waterFlood/responseYJ.vue b/src/views/sponeScreen/waterFlood/responseYJ.vue
index 5926dcd..e97c2ff 100644
--- a/src/views/sponeScreen/waterFlood/responseYJ.vue
+++ b/src/views/sponeScreen/waterFlood/responseYJ.vue
@@ -23,13 +23,15 @@
       </el-form-item>
     </el-form>
     <div class="dialog-footer" style="text-align: center">
-      <el-button type="info">取 消</el-button>
-      <el-button type="primary">确 定</el-button>
+      <el-button type="info" @click="closeModal">取 消</el-button>
+      <el-button type="primary" @click="closeModal">确 定</el-button>
     </div>
   </div>
 </template>
 
 <script setup>
+const emits = defineEmits(['closeModal']);
+
 const { proxy } = getCurrentInstance();
 const formData = ref({
   level: '1',
@@ -64,6 +66,10 @@
   { value: '7', label: '市生态环境局' },
 ]);
 
+function closeModal() {
+  emits('closeModal');
+}
+
 onMounted(() => {});
 </script>
 
diff --git a/vite.config.js b/vite.config.js
index f4b11ac..5c5dc0d 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -70,6 +70,11 @@
           changeOrigin: true,
           rewrite: path => path.replace(/^\/sponge/, '/sponge'),
         },
+        '/ai': {
+          target: targetUrl,
+          changeOrigin: true,
+          rewrite: p => p.replace(/^\/ai/, '/ai/'),
+        },
         '/amap': {
           target: 'https://restapi.amap.com', //geocode服务
           changeOrigin: true,