From 1c257a36bd34932fff54a5a9e3515701bdf492c2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?LAPTOP-S9HJSOEB=5C=E6=98=8A=E5=A4=A9?=
 <wang.haotian@hzleaper.com>
Date: Thu, 21 Aug 2025 11:04:16 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=9A=E4=B8=AAbug=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.dev                                      |  3 +-
 .env.prod                                     |  1 +
 .env.stage                                    |  1 +
 .env.test                                     |  1 +
 src/api/logistics/home/index.ts               |  4 +
 src/api/logistics/street/index.ts             |  5 +
 src/components/camera/ptz.vue                 |  2 +-
 src/config/axios/config.ts                    |  8 +-
 src/views/Home/Index.vue                      | 33 +++----
 src/views/bpm/model/ModelImportForm.vue       |  3 +-
 src/views/infra/druid/index.vue               |  2 +-
 src/views/infra/server/index.vue              |  2 +-
 src/views/infra/swagger/index.vue             |  3 +-
 src/views/infra/webSocket/index.vue           |  2 +-
 src/views/logistics/checklog/index.vue        | 57 +++++++----
 src/views/logistics/stock/index.vue           | 67 +++++++------
 src/views/logistics/stock/stock.vue           |  5 +-
 src/views/logistics/street/index.vue          | 95 ++++++++++++++++++-
 .../wx-reply/components/TabImage.vue          |  2 +-
 .../wx-reply/components/TabMusic.vue          |  2 +-
 .../wx-reply/components/TabVideo.vue          |  2 +-
 .../wx-reply/components/TabVoice.vue          |  2 +-
 src/views/mp/draft/components/CoverSelect.vue |  2 +-
 src/views/mp/draft/components/NewsForm.vue    |  2 +-
 src/views/mp/material/components/upload.ts    |  2 +-
 src/views/report/jmreport/index.vue           |  2 +-
 src/views/system/user/UserImportForm.vue      |  2 +-
 types/env.d.ts                                |  1 +
 28 files changed, 214 insertions(+), 99 deletions(-)

diff --git a/.env.dev b/.env.dev
index b6a3c8a..5879789 100644
--- a/.env.dev
+++ b/.env.dev
@@ -4,7 +4,8 @@ NODE_ENV=production
 VITE_DEV=true
 
 # 请求路径
-VITE_BASE_URL='http://192.168.2.162:48080'
+VITE_BASE_URL='http://127.0.0.1:48080'
+VITE_BASE_PORT='48081'
 
 # 文件上传类型：server - 后端上传， client - 前端直连上传，仅支持S3服务
 VITE_UPLOAD_TYPE=server
diff --git a/.env.prod b/.env.prod
index e7326b1..3bde575 100644
--- a/.env.prod
+++ b/.env.prod
@@ -5,6 +5,7 @@ VITE_DEV=false
 
 # 请求路径
 VITE_BASE_URL='http://192.168.0.162:48080'
+VITE_BASE_PORT='48081'
 
 # 文件上传类型：server - 后端上传， client - 前端直连上传，仅支持S3服务
 VITE_UPLOAD_TYPE=server
diff --git a/.env.stage b/.env.stage
index 1bd48a0..dbab68c 100644
--- a/.env.stage
+++ b/.env.stage
@@ -5,6 +5,7 @@ VITE_DEV=false
 
 # 请求路径
 VITE_BASE_URL='http://192.168.0.162:48080'
+VITE_BASE_PORT='48081'
 
 # 文件上传类型：server - 后端上传， client - 前端直连上传，仅支持S3服务
 VITE_UPLOAD_TYPE=server
diff --git a/.env.test b/.env.test
index 99f433c..b8dbe05 100644
--- a/.env.test
+++ b/.env.test
@@ -5,6 +5,7 @@ VITE_DEV=false
 
 # 请求路径
 VITE_BASE_URL='http://192.168.0.162:48080'
+VITE_BASE_PORT='48081'
 
 # 文件上传类型：server - 后端上传， client - 前端直连上传，仅支持S3服务
 VITE_UPLOAD_TYPE=server
diff --git a/src/api/logistics/home/index.ts b/src/api/logistics/home/index.ts
index 5be1dee..4f01fa0 100644
--- a/src/api/logistics/home/index.ts
+++ b/src/api/logistics/home/index.ts
@@ -21,5 +21,9 @@ export const homeApi = {
   stockLaneInventoryStatistics: async () => {
     return await request.post({ url: `/logistics/stock/laneInventoryStatistics` })
   },
+  // 首页巷道盘点统计
+  stockLaneInventoryStatisticsPie: async () => {
+    return await request.post({ url: `/logistics/stock/laneInventoryStatisticsPie` })
+  },
 
 }
diff --git a/src/api/logistics/street/index.ts b/src/api/logistics/street/index.ts
index bc8b896..1c0ac04 100644
--- a/src/api/logistics/street/index.ts
+++ b/src/api/logistics/street/index.ts
@@ -55,6 +55,11 @@ export const StreetApi = {
     return await request.delete({ url: `/logistics/street/delete?id=` + id })
   },
 
+  // 删除巷道
+  linkCheck: async (id: number) => {
+    return await request.get({ url: `/logistics/street/linkCheck?id=` + id })
+  },
+
   // 导出巷道 Excel
   exportStreet: async (params) => {
     return await request.download({ url: `/logistics/street/export-excel`, params })
diff --git a/src/components/camera/ptz.vue b/src/components/camera/ptz.vue
index 406e84b..afa45b4 100644
--- a/src/components/camera/ptz.vue
+++ b/src/components/camera/ptz.vue
@@ -149,9 +149,9 @@
 <script>
 import axios from 'axios' // 确保 axios 已经安装并引入
 import { config } from '@/config/axios/config'
+const { result_code, base_url, request_timeout } = config
 import {CameraControlApi} from '@/api/cameraControl/camera'
 
-const { result_code, base_url, request_timeout } = config
 export default {
   
   props: {
diff --git a/src/config/axios/config.ts b/src/config/axios/config.ts
index 8116508..fb1a171 100644
--- a/src/config/axios/config.ts
+++ b/src/config/axios/config.ts
@@ -1,3 +1,9 @@
+
+const getCurrentBaseUrl = () => {
+  // 获取当前页面的协议和主机
+   console.log(window.location.protocol + '//' + window.location.hostname +":"+import.meta.env.VITE_BASE_PORT) 
+   return window.location.protocol + '//' + window.location.hostname+ ":"+import.meta.env.VITE_BASE_PORT
+}
 const config: {
   base_url: string
   result_code: number | string
@@ -7,7 +13,7 @@ const config: {
   /**
    * api请求基础路径
    */
-  base_url: import.meta.env.VITE_BASE_URL + import.meta.env.VITE_API_URL,
+  base_url:getCurrentBaseUrl() + import.meta.env.VITE_API_URL,
   /**
    * 接口成功返回状态码
    */
diff --git a/src/views/Home/Index.vue b/src/views/Home/Index.vue
index dba8fbc..c91f565 100644
--- a/src/views/Home/Index.vue
+++ b/src/views/Home/Index.vue
@@ -183,7 +183,7 @@ const getAll = async () => {
 
     const chartData = stockLaneInventoryStatistics.value
 
-    // 设置设备状态条状图选项
+    // 盘点状态条状图选项
     deviceStatusChartOption.value = {
       tooltip: {
         trigger: 'axis',
@@ -224,14 +224,12 @@ const getAll = async () => {
       grid: {
         left: '3%',
         right: '4%',
-        bottom: '3%',
+        bottom: '10%', // 标签多时增加底部边距
         containLabel: true
       },
       xAxis: laneInventoryStatistics.value.xaxis,
       yAxis: {
         type: 'value',
-        interval: 1, // 设置步长为 1
-        splitNumber: 5 // 尝试把轴分成 5 段
       },
       series: laneInventoryStatistics.value.series
     }
@@ -253,26 +251,14 @@ const getAll = async () => {
       },
       xAxis: laneInventoryLine.value.xaxis,
       yAxis: {
-        type: 'value',
-        interval: 1, // 设置步长为 1
-        splitNumber: 5 // 尝试把轴分成 5 段
+        type: 'value'
       },
       series: laneInventoryLine.value.series
     }
 
     // 获取街道状态数据并更新饼状图
-    const data = await StockApi.getStreetStatus({})
-    for (const item of data) {
-      if (buttonByStatusMap.value.has(item.statusString)) {
-        buttonByStatusMap.value.set(
-          item.statusString,
-          buttonByStatusMap.value.get(item.statusString)! + 1
-        )
-      } else {
-        buttonByStatusMap.value.set(item.statusString, 1)
-      }
-    }
-    stockPieOptions.series[0].data = echartData()
+    const data = await homeApi.stockLaneInventoryStatisticsPie()
+    stockPieOptions.series[0].data = data
   } catch (error) {
     console.error('获取数据时出错:', error)
   }
@@ -335,7 +321,7 @@ let eventSource: any = null
 const sseUid = ref(`${Date.now()}-${Math.floor(Math.random() * 10000)}`)
 const sse = ()=>{
    // 创建一个 EventSource 实例，连接到后端的 SSE 路径
-   eventSource = new EventSource(import.meta.env.VITE_BASE_URL+'/app-api/sse/createSse?uid=' + sseUid.value );
+   eventSource = new EventSource(window.location.protocol + '//' + window.location.hostname+":"+import.meta.env.VITE_BASE_PORT+'/app-api/sse/createSse?uid=' + sseUid.value );
 
     // 监听来自后端的消息
     eventSource.onmessage = (event) => {
@@ -351,6 +337,7 @@ eventSource.onerror = (error) => {
 };
 }
 
+const colorListHex = {'未盘点':'#ebc26e','盘点异常':'#ed6d6d','盘点正确':'#6cc238','人工核对正确':'#5061c2'};
 // 盘点饼状图选项
 const stockPieOptions = reactive({
   tooltip: {
@@ -369,8 +356,9 @@ const stockPieOptions = reactive({
         borderRadius: 10,
         borderWidth: 2,
         color: function (params) {
-          const colorList = ['#fa5762', '#97fa8c', '#32cd32', '#ff6347']
-          return colorList[params.dataIndex] // 根据数据项的index分配颜色
+          
+          // 使用 params.dataIndex 获取当前数据项的索引
+          return colorListHex[params.name];
         }
       },
       label: {
@@ -485,6 +473,7 @@ onUnmounted(() => {
 }
 .colour-text {
   color: white;
+  margin:10px;
 }
 .card-header::v-deep .el-card__header {
   border-bottom: none !important;
diff --git a/src/views/bpm/model/ModelImportForm.vue b/src/views/bpm/model/ModelImportForm.vue
index a4e1be3..8b296e9 100644
--- a/src/views/bpm/model/ModelImportForm.vue
+++ b/src/views/bpm/model/ModelImportForm.vue
@@ -51,6 +51,7 @@
 </template>
 <script lang="ts" setup>
 
+import { config } from '@/config/axios/config'
 defineOptions({ name: 'ModelImportForm' })
 
 const message = useMessage() // 消息弹窗
@@ -68,7 +69,7 @@ const formRules = reactive({
 })
 const formRef = ref() // 表单 Ref
 const uploadRef = ref() // 上传 Ref
-const importUrl = import.meta.env.VITE_BASE_URL + import.meta.env.VITE_API_URL + '/bpm/model/import'
+const importUrl =config.base_url+ '/bpm/model/import'
 const uploadHeaders = ref() // 上传 Header 头
 const fileList = ref([]) // 文件列表
 
diff --git a/src/views/infra/druid/index.vue b/src/views/infra/druid/index.vue
index bc047d7..84a241b 100644
--- a/src/views/infra/druid/index.vue
+++ b/src/views/infra/druid/index.vue
@@ -12,7 +12,7 @@ import * as ConfigApi from '@/api/infra/config'
 defineOptions({ name: 'InfraDruid' })
 
 const loading = ref(true) // 是否加载中
-const url = ref(import.meta.env.VITE_BASE_URL + '/druid/index.html')
+const url = ref(window.location.protocol + '//' + window.location.hostname +":"+import.meta.env.VITE_BASE_PORT + '/druid/index.html')
 
 /** 初始化 */
 onMounted(async () => {
diff --git a/src/views/infra/server/index.vue b/src/views/infra/server/index.vue
index b9a157a..d62c88b 100644
--- a/src/views/infra/server/index.vue
+++ b/src/views/infra/server/index.vue
@@ -11,7 +11,7 @@ import * as ConfigApi from '@/api/infra/config'
 defineOptions({ name: 'InfraAdminServer' })
 
 const loading = ref(true) // 是否加载中
-const src = ref(import.meta.env.VITE_BASE_URL + '/admin/applications')
+const src = ref(window.location.protocol + '//' + window.location.hostname +":"+import.meta.env.VITE_BASE_PORT + '/admin/applications')
 
 /** 初始化 */
 onMounted(async () => {
diff --git a/src/views/infra/swagger/index.vue b/src/views/infra/swagger/index.vue
index f844ba6..31beebc 100644
--- a/src/views/infra/swagger/index.vue
+++ b/src/views/infra/swagger/index.vue
@@ -11,8 +11,7 @@ import * as ConfigApi from '@/api/infra/config'
 defineOptions({ name: 'InfraSwagger' })
 
 const loading = ref(true) // 是否加载中
-const src = ref(import.meta.env.VITE_BASE_URL + '/doc.html') // Knife4j UI
-// const src = ref(import.meta.env.VITE_BASE_URL + '/swagger-ui') // Swagger UI
+const src = ref(window.location.protocol + '//' + window.location.hostname +":"+import.meta.env.VITE_BASE_PORT + '/doc.html') // Knife4j UI
 
 /** 初始化 */
 onMounted(async () => {
diff --git a/src/views/infra/webSocket/index.vue b/src/views/infra/webSocket/index.vue
index 8a04819..b3f9e66 100644
--- a/src/views/infra/webSocket/index.vue
+++ b/src/views/infra/webSocket/index.vue
@@ -79,7 +79,7 @@ defineOptions({ name: 'InfraWebSocket' })
 const message = useMessage() // 消息弹窗
 
 const server = ref(
-  (import.meta.env.VITE_BASE_URL + '/infra/ws').replace('http', 'ws') + '?token=' + getAccessToken()
+  (window.location.protocol + '//' + window.location.hostname  +":"+import.meta.env.VITE_BASE_PORT+ '/infra/ws').replace('http', 'ws') + '?token=' + getAccessToken()
 ) // WebSocket 服务地址
 const getIsOpen = computed(() => status.value === 'OPEN') // WebSocket 连接是否打开
 const getTagColor = computed(() => (getIsOpen.value ? 'success' : 'red')) // WebSocket 连接的展示颜色
diff --git a/src/views/logistics/checklog/index.vue b/src/views/logistics/checklog/index.vue
index 60397f2..d8169d8 100644
--- a/src/views/logistics/checklog/index.vue
+++ b/src/views/logistics/checklog/index.vue
@@ -160,11 +160,13 @@
         :align="column.align || 'center'"
         :prop="column.label"
       >
+      <!--原先可以点击，查看信息
+       @click="getDialogVisible(scope.row.streetName,scope.row.direction,scope.row.row, scope.row.column,scope.row.id)" -->
         <template #default="scope">
           <el-button
             link
-            @click="getDialogVisible(scope.row.streetName,scope.row.direction,scope.row.row, scope.row.column,scope.row.id)"
-            :type='scope.row["wms"+capitalize(column.label)] != scope.row[(column.label)]?"danger":"success"'>
+            
+            :type='scope.row.status==0?"warning":(scope.row["wms"+capitalize(column.label)] != scope.row[(column.label)]?"danger":"success")'>
             {{ scope.row["wms"+capitalize(column.label)] }}
           </el-button>
         </template>
@@ -183,25 +185,26 @@
       <el-table-column label="时间" align="center" 
         :formatter="dateFormatter" prop="createTime"/>
        
-      <el-table-column label="盘点图片" align="center" prop="pic" min-width="150">
+      <!-- <el-table-column label="盘点图片" align="center" prop="pic" min-width="150">
         <template #default="scope">
-          <div v-if="scope.row.urlResources" class="image-cell-container">
-            <el-image
-              v-for="(pic, index) in scope.row.urlResources"
-              :key="index"
-              :src="pic.url"
-              style="width: 100px; height: 100px; margin-right: 10px;"
-              :preview-src-list="[pic.url]"
-              :initial-index="0"
-			:preview-teleported="true"
-              fit="cover"
-            />
-          </div>
-          <div v-else>
-            无图片
-          </div>
+          
+  <div v-if="scope.row.urlResources && scope.row.urlResources.length > 0" class="image-cell-container">
+    <el-image
+      v-for="(pic, index) in scope.row.urlResources.filter(p => p.little === '缺件拍照').slice(0, 1)"
+      :key="index"
+      :src="pic.url"
+      style="width: 100px; height: 100px; margin-right: 10px;"
+      :preview-src-list="scope.row.urlResources.filter(p => p.little === '缺件拍照').slice(0, 1).map(p => p.url)"
+      :initial-index="0"
+      :preview-teleported="true"
+      fit="cover"
+    />
+  </div>
+  <div v-else>
+    无图片
+  </div>
       </template>
-      </el-table-column>
+      </el-table-column> -->
       <el-table-column label="操作" align="center">
         <template #default="scope">
           
@@ -212,7 +215,7 @@
             @click="getDialogVisible(scope.row.streetName,scope.row.direction,scope.row.row, scope.row.column,scope.row.id)"
             v-hasPermi="['logistics:check-log:delete']"
           >
-          操作
+          详情
           </el-button>
           
           <el-button
@@ -306,8 +309,10 @@ const getPicList = (pic: any) => {
   
   return pic.map.url
 }
-const handleClose = () => {
+const handleClose = async () => {
   dialogVisible.value = false
+   // 重新获取列表数据
+    await getList()
 }
 // 首字母大写方法
 const capitalize = (str: string): string => {
@@ -422,6 +427,16 @@ onMounted(() => {
 .image-cell-container::-webkit-scrollbar {
   height: 6px;
 }
+
+.image-cell-container::-webkit-scrollbar-thumb {
+  background-color: #c1c1c1; /* 灰色滚动条 */
+  border-radius: 3px;
+}
+
+.image-cell-container::-webkit-scrollbar-track {
+  background-color: #f1f1f1; /* 滚动条轨道背景色 */
+  border-radius: 3px;
+}
 .image__error .image-slot {
   font-size: 30px;
 }
diff --git a/src/views/logistics/stock/index.vue b/src/views/logistics/stock/index.vue
index f9a80e8..53c8467 100644
--- a/src/views/logistics/stock/index.vue
+++ b/src/views/logistics/stock/index.vue
@@ -84,43 +84,39 @@
     <el-col style="height: 30vh;" :span="5">
       
       <el-card style="height: 100%;" shadow="always">
-        <p>统计信息：</p>
+        <p style="margin: 0%;">统计信息：</p>
   <!-- 为 ECharts 准备一个定义了宽高的 DOM -->
  
-  <Echart  style="height:200px;" :options="option" />
+  <Echart  style="height:230px;" :options="option" />
       </el-card>
     </el-col>
-    <el-col  style="height: 30vh;" :span="18">
-      
-      <el-card style="height: 100%;" shadow="always">
-      <div  style="width: 100%;height: 100%;">
-
-  <!-- 为 ECharts 准备一个定义了宽高的 DOM -->
-   <!-- 遍历 Map 中的每个 key-value 对 -->
-    <!-- 遍历 Map 中的每个 key-value 对 -->
-    
-    <div v-for="(title) in buttonByObjectMap.keys()" :key="title">
-          <!-- 标题 -->
-          <h4>{{ title }}</h4>
-          <!-- 遍历每个标题下的按钮数组 -->
-          <el-space :size="size" :spacer="spacer">
-          <div 
-            class="mb-15px"
-              style="width: 5%;" v-for="(button, index) in buttonByObjectMap.get(title)" :key="index">
-            <el-button
-              :type="getButtonType(button.row, button.column)"
-              :key="'button2-' + index"
-              :disabled="isDisabled(button.row, button.column)"
-              @click="getDialogVisible(button.row, button.column)"
-            >
-              {{ button.row }}-{{ button.column }}
-            </el-button>
-          </div>
-          </el-space>
+    <el-col  style="height: 28vh;" :span="18">
+   <el-card shadow="always">
+  <el-scrollbar height="28vh" width="28vw">
+    <!-- 使用 tabs 在上方选择标题 -->
+    <el-tabs type="border-card" >
+      <el-tab-pane 
+        v-for="(title, index) in Array.from(buttonByObjectMap.keys())" 
+        :key="index" 
+        :label="title"
+      >
+        <!-- 按钮区域，超过宽度自动换行 -->
+        <div style="display: flex; flex-wrap: wrap; gap: 10px; padding: 10px;">
+          <el-button
+            v-for="(button, btnIndex) in buttonByObjectMap.get(title)"
+            :key="btnIndex"
+            :type="getButtonType(button.row, button.column)"
+            :disabled="isDisabled(button.row, button.column)"
+            @click="getDialogVisible(button.row, button.column)"
+            style="margin: 1px;width: 4%;"
+          >
+            {{ button.row }}-{{ button.column }}
+          </el-button>
         </div>
-      </div>
-      
-      </el-card>
+      </el-tab-pane>
+    </el-tabs>
+  </el-scrollbar>
+</el-card>
     </el-col>
   </el-row>
 
@@ -155,7 +151,7 @@ const { t } = useI18n() // 国际化ist
 
 const statusList = ['未盘点', '盘点异常', '盘点正确', '人工盘点正常'];
 const colorList = ['warning', 'danger', 'success', 'success'];
-const colorListHex = {'未盘点':'#ebc26e','盘点异常':'#ed6d6d','盘点正确':'#6cc238','人工盘点正常':'#b1c238'};
+const colorListHex = {'未盘点':'#ebc26e','盘点异常':'#ed6d6d','盘点正确':'#6cc238','人工核对正确':'#5061c2'};
 let rows = ref(12);
 let columns = ref(48);
 //最大行列
@@ -266,6 +262,8 @@ const handleQuery = async () => {
 }
 const handleClose = () => {
   dialogVisible.value = false
+  
+  getStreetStatus()
   startTimer()
 }
 const isDisabled = (row: number, column: number): boolean => {
@@ -385,7 +383,7 @@ const option = reactive({
     trigger: 'item'
   },
   legend: {
-    top: '5%',  
+    
     left: 'center'
   },
   series: [
@@ -399,6 +397,7 @@ const option = reactive({
         borderWidth: 2,
         color: function (params) {
           console.log(params.name);
+          console.log(colorListHex[params.name]);
           // var status = buttonByStatusMap.value.get(params.name);
           
           // 使用 params.dataIndex 获取当前数据项的索引
diff --git a/src/views/logistics/stock/stock.vue b/src/views/logistics/stock/stock.vue
index f14d21f..16ab414 100644
--- a/src/views/logistics/stock/stock.vue
+++ b/src/views/logistics/stock/stock.vue
@@ -4,7 +4,7 @@
       <div class="modal-content" @click.stop> -->
         <!-- 跑马灯容器 -->
         <div class="carousel-container">
-          <el-carousel    v-if="!loading" height="500px" arrow="always">
+          <el-carousel    v-if="!loading" height="370px" arrow="always">
             <el-carousel-item  v-for="(image, index) in carouselImages" :key="index">
               <!-- 添加双击事件和放大容器 -->
               <el-image 
@@ -158,8 +158,9 @@ export default {
           stockId: props.stockId,
           checkLogId: props.checkLogId
         });
+        
         resStatus.value = true;
-        ElMessage.status('人工识别成功')
+        fetchStockInfo();
     };
 
     const closeBoxCard = () => {
diff --git a/src/views/logistics/street/index.vue b/src/views/logistics/street/index.vue
index 11ed880..b9910e0 100644
--- a/src/views/logistics/street/index.vue
+++ b/src/views/logistics/street/index.vue
@@ -89,6 +89,14 @@
             v-hasPermi="['logistics:street:update']"
           >
             编辑
+          </el-button>
+           <el-button
+            link
+            type="primary"
+            @click="showConnectionStatus(scope.row.id)"
+            v-hasPermi="['logistics:street:link']"
+          >
+            连接
           </el-button>
           <el-button
             link
@@ -98,9 +106,32 @@
           >
             删除
           </el-button>
+         
         </template>
       </el-table-column>
     </el-table>
+    
+    <el-dialog
+      v-model="dialogVisible"
+      title="连接状态详情"
+      width="500px"
+      @close="handleDialogClose"
+      
+    >
+      <div 
+      height="700px" v-if="connectionStatusData && connectionStatusData.length > 0">
+        <el-alert
+          v-loading="loadingLink"
+          v-for="(item, index) in connectionStatusData"
+          :key="index"
+          :title="formatConnectionStatus(item)"
+          :type="item.connect ? 'success' : 'error'"
+          :closable="false"
+          class="mb-10px"
+        />
+      </div>
+      
+    </el-dialog>
     <!-- 分页 -->
     <Pagination
       :total="total"
@@ -115,8 +146,6 @@
 </template>
 
 <script setup lang="ts">
-import { DICT_TYPE } from '@/utils/dict'
-import { dateFormatter } from '@/utils/formatTime'
 import download from '@/utils/download'
 import { StreetApi, StreetVO } from '@/api/logistics/street'
 import StreetForm from './StreetForm.vue'
@@ -127,6 +156,12 @@ defineOptions({ name: 'Street' })
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化
 
+// 连接状态相关
+const connectionStatusData = ref<any[]>([])
+const currentStreetId = ref<number | null>(null)
+
+const loadingLink = ref(true) // 列表的加载中
+const dialogVisible = ref(false)
 const loading = ref(true) // 列表的加载中
 const list = ref<StreetVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
@@ -169,6 +204,62 @@ const openForm = (type: string, id?: number) => {
   formRef.value.open(type, id)
 }
 
+
+// /** 连接查看操作 */
+// const linkCheck = async (id: number) => {
+//   try {
+//     // 发起连接检查
+//     await StreetApi.linkCheck(id)
+//     message.success('连接检查已发起')
+//     // 刷新列表
+//     await getList()
+//   } catch (err) {
+//     message.error('连接检查失败')
+//   }
+// }
+
+/** 显示连接状态详情 */
+const showConnectionStatus = async (id: number) => {
+  try {
+    
+    dialogVisible.value = true
+    loadingLink.value = true // 开始加载
+    const data = await StreetApi.linkCheck(id)
+    connectionStatusData.value = data
+    currentStreetId.value = id
+  } catch (err) {
+    message.error('获取连接状态失败')
+  } finally {
+    loadingLink.value = false // 结束加载
+  }
+}
+
+/** 格式化连接状态显示 */
+const formatConnectionStatus = (item: any) => {
+  if (!item.ip || !item.port) {
+    return `${item.type} 连接状态异常！配置信息不完整`
+  }
+  
+  return `${item.type} 连接${item.connect ? '正常' : '异常'}！ip：${item.ip}，端口：${item.port}`
+}
+
+// /** 获取连接状态文本 */
+// const getConnectionStatusText = (id: number) => {
+//   return '查看状态'
+// }
+
+// /** 获取连接状态类型 */
+// const getConnectionStatusType = (id: number) => {
+//   // 这里可以根据实际需求返回不同的按钮类型
+//   return 'primary'
+// }
+
+/** 关闭对话框 */
+const handleDialogClose = () => {
+  connectionStatusData.value = []
+  currentStreetId.value = null
+}
+
 /** 删除按钮操作 */
 const handleDelete = async (id: number) => {
   try {
diff --git a/src/views/mp/components/wx-reply/components/TabImage.vue b/src/views/mp/components/wx-reply/components/TabImage.vue
index 6dbfeed..431983d 100644
--- a/src/views/mp/components/wx-reply/components/TabImage.vue
+++ b/src/views/mp/components/wx-reply/components/TabImage.vue
@@ -63,7 +63,7 @@ import { getAccessToken } from '@/utils/auth'
 import { Reply } from './types'
 const message = useMessage()
 
-const UPLOAD_URL = import.meta.env.VITE_BASE_URL + '/admin-api/mp/material/upload-temporary'
+const UPLOAD_URL = window.location.protocol + '//' + window.location.hostname  +":"+import.meta.env.VITE_BASE_PORT+ '/admin-api/mp/material/upload-temporary'
 const HEADERS = { Authorization: 'Bearer ' + getAccessToken() } // 设置上传的请求头部
 
 const props = defineProps<{
diff --git a/src/views/mp/components/wx-reply/components/TabMusic.vue b/src/views/mp/components/wx-reply/components/TabMusic.vue
index 6421d24..63f5035 100644
--- a/src/views/mp/components/wx-reply/components/TabMusic.vue
+++ b/src/views/mp/components/wx-reply/components/TabMusic.vue
@@ -67,7 +67,7 @@ import { Reply } from './types'
 
 const message = useMessage()
 
-const UPLOAD_URL = import.meta.env.VITE_BASE_URL + '/admin-api/mp/material/upload-temporary'
+const UPLOAD_URL = window.location.protocol + '//' + window.location.hostname +":"+import.meta.env.VITE_BASE_PORT + '/admin-api/mp/material/upload-temporary'
 const HEADERS = { Authorization: 'Bearer ' + getAccessToken() } // 设置上传的请求头部
 
 const props = defineProps<{
diff --git a/src/views/mp/components/wx-reply/components/TabVideo.vue b/src/views/mp/components/wx-reply/components/TabVideo.vue
index adb8fa3..552617f 100644
--- a/src/views/mp/components/wx-reply/components/TabVideo.vue
+++ b/src/views/mp/components/wx-reply/components/TabVideo.vue
@@ -58,7 +58,7 @@ import { Reply } from './types'
 
 const message = useMessage()
 
-const UPLOAD_URL = import.meta.env.VITE_BASE_URL + '/admin-api/mp/material/upload-temporary'
+const UPLOAD_URL =  window.location.protocol + '//' + window.location.hostname+":"+import.meta.env.VITE_BASE_PORT + '/admin-api/mp/material/upload-temporary'
 const HEADERS = { Authorization: 'Bearer ' + getAccessToken() }
 
 const props = defineProps<{
diff --git a/src/views/mp/components/wx-reply/components/TabVoice.vue b/src/views/mp/components/wx-reply/components/TabVoice.vue
index 5dbe9a0..2184f3e 100644
--- a/src/views/mp/components/wx-reply/components/TabVoice.vue
+++ b/src/views/mp/components/wx-reply/components/TabVoice.vue
@@ -61,7 +61,7 @@ import { getAccessToken } from '@/utils/auth'
 import { Reply } from './types'
 const message = useMessage()
 
-const UPLOAD_URL = import.meta.env.VITE_BASE_URL + '/admin-api/mp/material/upload-temporary'
+const UPLOAD_URL = window.location.protocol + '//' + window.location.hostname+":"+import.meta.env.VITE_BASE_PORT + '/admin-api/mp/material/upload-temporary'
 const HEADERS = { Authorization: 'Bearer ' + getAccessToken() } // 设置上传的请求头部
 
 const props = defineProps<{
diff --git a/src/views/mp/draft/components/CoverSelect.vue b/src/views/mp/draft/components/CoverSelect.vue
index 499f1a6..a8e5a4b 100644
--- a/src/views/mp/draft/components/CoverSelect.vue
+++ b/src/views/mp/draft/components/CoverSelect.vue
@@ -67,7 +67,7 @@ import { UploadType, useBeforeUpload } from '@/views/mp/hooks/useUpload'
 import { NewsItem } from './types'
 const message = useMessage()
 
-const UPLOAD_URL = import.meta.env.VITE_BASE_URL + '/admin-api/mp/material/upload-permanent' // 上传永久素材的地址
+const UPLOAD_URL =  window.location.protocol + '//' + window.location.hostname+":"+import.meta.env.VITE_BASE_PORT + '/admin-api/mp/material/upload-permanent' // 上传永久素材的地址
 const HEADERS = { Authorization: 'Bearer ' + getAccessToken() } // 设置上传的请求头部
 
 const props = defineProps<{
diff --git a/src/views/mp/draft/components/NewsForm.vue b/src/views/mp/draft/components/NewsForm.vue
index 9b1e474..3d387ed 100644
--- a/src/views/mp/draft/components/NewsForm.vue
+++ b/src/views/mp/draft/components/NewsForm.vue
@@ -143,7 +143,7 @@ const props = defineProps<{
 const accountId = inject<number>('accountId')
 
 // ========== 文件上传 ==========
-const UPLOAD_URL = import.meta.env.VITE_BASE_URL + '/admin-api/mp/material/upload-permanent' // 上传永久素材的地址
+const UPLOAD_URL =  window.location.protocol + '//' + window.location.hostname+":"+import.meta.env.VITE_BASE_PORT + '/admin-api/mp/material/upload-permanent' // 上传永久素材的地址
 const editorConfig = createEditorConfig(UPLOAD_URL, accountId)
 
 // v-model=newsList
diff --git a/src/views/mp/material/components/upload.ts b/src/views/mp/material/components/upload.ts
index e732fe7..a09e420 100644
--- a/src/views/mp/material/components/upload.ts
+++ b/src/views/mp/material/components/upload.ts
@@ -3,7 +3,7 @@ import { getAccessToken } from '@/utils/auth'
 import { UploadType, useBeforeUpload } from '@/views/mp/hooks/useUpload'
 
 const HEADERS = { Authorization: 'Bearer ' + getAccessToken() } // 请求头
-const UPLOAD_URL = import.meta.env.VITE_BASE_URL + '/admin-api/mp/material/upload-permanent' // 上传地址
+const UPLOAD_URL =  window.location.protocol + '//' + window.location.hostname+":"+import.meta.env.VITE_BASE_PORT + '/admin-api/mp/material/upload-permanent' // 上传地址
 
 interface UploadData {
   type: UploadType
diff --git a/src/views/report/jmreport/index.vue b/src/views/report/jmreport/index.vue
index 382d789..a7bd40d 100644
--- a/src/views/report/jmreport/index.vue
+++ b/src/views/report/jmreport/index.vue
@@ -10,6 +10,6 @@ import { getAccessToken } from '@/utils/auth'
 
 defineOptions({ name: 'JimuReport' })
 
-const BASE_URL = import.meta.env.VITE_BASE_URL
+const BASE_URL =  window.location.protocol + '//' + window.location.hostname+":"+import.meta.env.VITE_BASE_PORT
 const src = ref(BASE_URL + '/jmreport/list?token=' + getAccessToken())
 </script>
diff --git a/src/views/system/user/UserImportForm.vue b/src/views/system/user/UserImportForm.vue
index 6b34c41..5c72029 100644
--- a/src/views/system/user/UserImportForm.vue
+++ b/src/views/system/user/UserImportForm.vue
@@ -52,7 +52,7 @@ const dialogVisible = ref(false) // 弹窗的是否展示
 const formLoading = ref(false) // 表单的加载中
 const uploadRef = ref()
 const importUrl =
-  import.meta.env.VITE_BASE_URL + import.meta.env.VITE_API_URL + '/system/user/import'
+   window.location.protocol + '//' + window.location.hostname+":"+import.meta.env.VITE_BASE_PORT + import.meta.env.VITE_API_URL + '/system/user/import'
 const uploadHeaders = ref() // 上传 Header 头
 const fileList = ref([]) // 文件列表
 const updateSupport = ref(0) // 是否更新已经存在的用户数据
diff --git a/types/env.d.ts b/types/env.d.ts
index f3a1aae..7d539cd 100644
--- a/types/env.d.ts
+++ b/types/env.d.ts
@@ -17,6 +17,7 @@ interface ImportMetaEnv {
   readonly VITE_APP_DEFAULT_LOGIN_PASSWORD: string
   readonly VITE_APP_DOCALERT_ENABLE: string
   readonly VITE_BASE_URL: string
+  readonly VITE_BASE_PORT: string
   readonly VITE_UPLOAD_URL: string
   readonly VITE_API_URL: string
   readonly VITE_BASE_PATH: string