+
{
class="dialogueTextBox"
v-loading="isNewDialogLoading && index === dialogueList.length - 1"
>
- {{ item.text || "" }}
+ ();
-// 悬浮框实例
+// 悬浮框实例
const hoverPoint = ref();
// 所有服务区的数据
let defaultServerPartList = reactive([]);
@@ -19,6 +19,8 @@ let defaultServerPartList = reactive([]);
let ServerpartTypeObj = reactive({});
// 判断是否有加载效果
const isShowLoading = ref(false);
+// 当前选中的服务区
+const currentServerPartDetail = ref();
onMounted(async () => {
scene.value = new Scene({
@@ -78,7 +80,15 @@ const handleGetAllService = async () => {
};
const data = await handleGetServerpartList(req);
console.log("data", data);
- defaultServerPartList = data;
+ if (data && data.length > 0) {
+ let res: any = [];
+ data.forEach((item: any) => {
+ if (item.SPREGIONTYPE_ID !== 89 && item.SPREGIONTYPE_ID) {
+ res.push(item);
+ }
+ });
+ defaultServerPartList = res;
+ }
return data;
};
@@ -116,8 +126,6 @@ const handleAllServiceMarkedPoint = async () => {
});
pointLayer.on("mousemove", (ev: any) => {
const detail: any = ev.feature;
- console.log("detail", detail);
-
hoverPoint.value.style.top = `${ev.y}px`;
hoverPoint.value.style.left = `${ev.x}px`;
hoverPoint.value.style.display = "block";
@@ -137,9 +145,78 @@ const handleAllServiceMarkedPoint = async () => {
hoverPoint.value.style.display = "none";
});
+ // 点击事件
+ pointLayer.on("click", (e) => {
+ console.log("e", e);
+ handleClickPointLayer(e.feature);
+ });
+
+ // 鼠标取消点击
+ pointLayer.on("unclick", () => {
+ handleChangeToDefault();
+ });
+
scene.value.addLayer(pointLayer);
};
+// 点击服务区圆点触发的时间
+const handleClickPointLayer = (detail: any) => {
+ // 给当前选中的服务区存储值
+ currentServerPartDetail.value = detail;
+ // 地图上出现选中服务区的效果
+ handleAddSelect(detail);
+};
+
+// 给服务区圆点加上选中效果
+const handleAddSelect = (detail: any) => {
+ let current: any = handleGetThisLayer("lightPointLayer");
+
+ if (current) {
+ scene.value.removeLayer(current);
+ }
+
+ const lightPointLayer = new PointLayer({});
+ lightPointLayer.name = "lightPointLayer";
+ lightPointLayer.shape("circle");
+ lightPointLayer.size(15);
+ lightPointLayer.color("#efff19");
+ lightPointLayer.style({
+ opacity: 0.6,
+ });
+ lightPointLayer.source([detail], {
+ parser: {
+ type: "json",
+ x: "SERVERPART_X",
+ y: "SERVERPART_Y",
+ },
+ });
+ scene.value.addLayer(lightPointLayer);
+};
+
+// 取消服务区选中等效果的实现方法
+const handleChangeToDefault = () => {
+ // 清除当前选中的服务区值
+ currentServerPartDetail.value = undefined;
+ // 取消点击时要清除的图层名称列表
+ const list: any = ["lightPointLayer", "searchPointLayerText"];
+ list.forEach((item: any) => {
+ let current: any = handleGetThisLayer(item);
+ if (current) {
+ scene.value.removeLayer(current);
+ }
+ });
+ // 将进入搜索状态的服务区正常圆点 变回正常颜色
+ let current: any = handleGetThisLayer("pointLayer");
+ current.color("SPREGIONTYPE_ID", (value: number) => {
+ return Number(value || 0) === 65 ||
+ Number(value || 0) === 45 ||
+ Number(value || 0) === 47
+ ? "#34B6B7"
+ : "#CEF8D6";
+ });
+ current.render();
+};
+
// 鼠标移入点触发的时间
const handlePointHover = () => {
const el = document.createElement("div");
@@ -170,12 +247,105 @@ const handleGetEnumeration = async () => {
}
ServerpartTypeObj = typeObj;
};
+
+// 给传入的服务区 标上高亮点
+// 判断当前是否已经存在高亮图层 如果存在的话 就改变值 不用重新添加图层
+const handleLightServerpart = (infoList: any) => {
+ let current: any = handleGetThisLayer("searchPointLayerText");
+ let idList: any = [];
+ infoList.forEach((item: any) => {
+ idList.push(item.SERVERPART_ID);
+ });
+ let searchRes: any = [];
+ defaultServerPartList.forEach((item: any) => {
+ if (idList.indexOf(item.SERVERPART_ID) !== -1) {
+ searchRes.push(item);
+ }
+ });
+
+ // 删除原有的 添加新的
+ if (current) {
+ scene.value.removeLayer(current);
+ }
+
+ let searchPointLayerText = new PointLayer({
+ zIndex: 9,
+ });
+ searchPointLayerText.name = "searchPointLayerText";
+ searchPointLayerText.source(searchRes, {
+ parser: {
+ type: "json",
+ x: "SERVERPART_X",
+ y: "SERVERPART_Y",
+ },
+ });
+ searchPointLayerText.shape("circle");
+ searchPointLayerText.size(8);
+ searchPointLayerText.color("#fdff3d");
+ searchPointLayerText.style({
+ opacity: 0.7, // 透明度
+ });
+ searchPointLayerText.on("mousemove", (ev: any) => {
+ const detail: any = ev.feature;
+ hoverPoint.value.style.top = `${ev.y}px`;
+ hoverPoint.value.style.left = `${ev.x}px`;
+ hoverPoint.value.style.display = "block";
+ hoverPoint.value.innerHTML = `
\ No newline at end of file
diff --git a/src/components/map/service.ts b/src/components/map/service.ts
index 95eba7f..d83c865 100644
--- a/src/components/map/service.ts
+++ b/src/components/map/service.ts
@@ -58,3 +58,22 @@ export async function handleGetANALYSISRULEDetail(params: any) {
+// 拿到配置列表 多个的时候按照优先级去选择
+export async function handleGetANALYSISRULEList(params: any) {
+ const data: any = await request.post('/Analysis/GetANALYSISRULEList', params)
+ if (data.Result_Code !== 100) {
+ return data
+ }
+ return data.Result_Data.List
+}
+
+
+// 语义识别接口 同步接口
+export async function handleSynchroSENTENCE(params: any) {
+ const data: any = await request.post('/Analysis/SynchroSENTENCE', params)
+ if (data.Result_Code !== 100) {
+ return data
+ }
+ return data.Result_Data
+}
+
diff --git a/src/options/serveice.ts b/src/options/serveice.ts
index ad235c8..0a56764 100644
--- a/src/options/serveice.ts
+++ b/src/options/serveice.ts
@@ -18,4 +18,11 @@ export const formatNumber = (num: number) => {
} else {
return num.toLocaleString(); // 使用千分号，不保留小数位
}
-}
\ No newline at end of file
+}
+
+// 把可能是带千分号的数字 变为数字
+export const parseThousandSeparatedNumber = (str: string) => {
+ if (!str) return 0; // 如果字符串为空，返回0
+ const cleaned = str.replace(/,/g, ""); // 移除千分号
+ return parseFloat(cleaned); // 转换为数字
+};
\ No newline at end of file
diff --git a/src/request/request.ts b/src/request/request.ts
index 64a797d..4def854 100644
--- a/src/request/request.ts
+++ b/src/request/request.ts
@@ -44,7 +44,7 @@ const errorHandler = (error: any): any => {
// 创建 axios 实例
const instance = axios.create({
baseURL: 'https://api.eshangtech.com/EShangApiMain', // 默认请求前缀
- timeout: 10000, // 请求超时时间
+ timeout: 60000, // 请求超时时间
headers: {
'Content-Type': 'application/json',
},
diff --git a/src/request/requestCode.ts b/src/request/requestCode.ts
index f268d4f..dac2c34 100644
--- a/src/request/requestCode.ts
+++ b/src/request/requestCode.ts
@@ -44,7 +44,7 @@ const errorHandler = (error: any): any => {
// 创建 axios 实例
const instance = axios.create({
baseURL: 'https://api.eshangtech.com/CommercialApi', // 默认请求前缀
- timeout: 10000, // 请求超时时间
+ timeout: 60000, // 请求超时时间
headers: {
'Content-Type': 'application/json',
},
diff --git a/src/request/requestConfig.ts b/src/request/requestConfig.ts
index 410b150..a780713 100644
--- a/src/request/requestConfig.ts
+++ b/src/request/requestConfig.ts
@@ -44,7 +44,7 @@ const errorHandler = (error: any): any => {
// 创建 axios 实例
const instance = axios.create({
baseURL: 'https://api.eshangtech.com/', // 默认请求前缀
- timeout: 10000, // 请求超时时间
+ timeout: 60000, // 请求超时时间
headers: {
'Content-Type': 'application/json',
},
diff --git a/vite.config.ts b/vite.config.ts
index 3e51244..18ffd19 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -14,7 +14,7 @@ export default defineConfig({
plugins: [
vue(),
],
- base: '/map',
+ base: '/aiMap',
build: {
outDir: 'dist', // 打包输出目录
assetsDir: 'assets', // 静态资源目录
{{ item.text || "" }}
-
+
{
:prop="column.prop"
:label="column.label"
:width="column.width"
+ :align="column.align"
+ header-align="center"
>
+
+
-
- 
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index a0e685f..028d3ed 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -11,7 +11,7 @@ import RobotDialogueBox from "./component/RobotDialogueBox.vue";
// 地图实例
const scene = ref
+
+
+
+ {{ item.label || "" }}
+
+
+
@@ -586,7 +873,7 @@ const handleSubmit = async () => {
+
`;
+ });
+ // 鼠标移出
+ searchPointLayerText.on("mouseout", (ev: any) => {
+ hoverPoint.value.style.display = "none";
+ });
+ scene.value.addLayer(searchPointLayerText);
+};
+
+// 传入服务区id 在地图上出现一个选中的效果 且 id只能传入一个服务区
+const handleSelectedServerpart = (id: any) => {
+ if (defaultServerPartList && defaultServerPartList.length > 0) {
+ let seletObj: any = {};
+ defaultServerPartList.forEach((item: any) => {
+ if (item.SERVERPART_ID === id) {
+ seletObj = item;
+ }
+ });
+ }
+};
+
+// 查找当前全部图层中是否有传入的图层名称 有的话 输出图层数据
+const handleGetThisLayer = (name: string) => {
+ let res: any;
+ let allLayers: any = scene.value.getLayers();
+ console.log("allLayers", allLayers);
+ if (allLayers && allLayers.length > 0) {
+ allLayers.forEach((item: any) => {
+ if (item.name === name) {
+ res = item;
+ }
+ });
+ }
+ if (res) {
+ return res;
+ }
+};
+
+// 进入搜索状态 改变现在的服务区点位颜色 全部变成灰色
+const handleEnterySearch = () => {
+ let current: any = handleGetThisLayer("pointLayer");
+ current.color("#dededd");
+ current.render();
+};
${detail?.SERVERPART_NAME || ""}
+
-