Browse Source

首页搜索提交

wangqin
Joe 1 year ago
parent
commit
e1c0e40c2e
  1. 4
      ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFilter/index.vue
  2. 2
      ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/index.vue
  3. 21
      ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/buttonEvent.js
  4. 26
      ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/httpList.js

4
ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFilter/index.vue

@ -127,6 +127,10 @@ export default {
}, },
async handleSearch() { async handleSearch() {
const data = await this.$refs.FormConfigRef.validate(); const data = await this.$refs.FormConfigRef.validate();
if (!data.startStakeMark[0] || !data.startStakeMark[1]) delete data.startStakeMark;
if (!data.endStakeMark[0] || !data.endStakeMark[1]) delete data.endStakeMark;
this.filterEnd(data) this.filterEnd(data)
} }
} }

2
ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/index.vue

@ -176,7 +176,7 @@ export default {
if (!eventMap[`${key}${status ? "_close" : ""}`]) return this.$emit("onClickItem", item); if (!eventMap[`${key}${status ? "_close" : ""}`]) return this.$emit("onClickItem", item);
eventMap[`${key}${status ? "_close" : ""}`]?.call(this, item); eventMap[`${key}${status ? "_close" : ""}`]?.call(this, item, this.filterData);
}, },
handleDevice: debounce(function (item) { handleDevice: debounce(function (item) {
this.handleDeviceImmediate(item); this.handleDeviceImmediate(item);

21
ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/buttonEvent.js

@ -6,6 +6,7 @@ import {
import { delay } from "@screen/utils/common"; import { delay } from "@screen/utils/common";
import { Message } from "element-ui"; import { Message } from "element-ui";
import { EventTopics } from "@screen/utils/enum.js"; import { EventTopics } from "@screen/utils/enum.js";
import { debounce } from "lodash";
import { markerClusterIns } from "./map"; import { markerClusterIns } from "./map";
@ -55,10 +56,19 @@ export function getHandleDeviceType(item) {
if (EventTopics[item.title]) return "地图事件专题/map"; if (EventTopics[item.title]) return "地图事件专题/map";
} }
let debounceNoneLngLatMessage = debounce(() => {
Message.warning("部分设备经纬度为空");
});
function resolveDataOptions(data, config, component) { function resolveDataOptions(data, config, component) {
let lnglat =
data.longitude && data.latitude ? [data.longitude, data.latitude] : null;
if (!lnglat) debounceNoneLngLatMessage();
return { return {
weight: 1, weight: 1,
lnglat: [data.longitude, data.latitude], lnglat,
name: "", name: "",
config: { config: {
markerClick: (extData, item) => { markerClick: (extData, item) => {
@ -79,7 +89,7 @@ function resolveDataOptions(data, config, component) {
export const eventMap = { export const eventMap = {
// 设备 需要在地图显示的 // 设备 需要在地图显示的
async "地图路测设备/map"(item) { async "地图路测设备/map"(item, filterData) {
const config = DeviceForMap[item.title]; const config = DeviceForMap[item.title];
const loadingMessage = Message.info({ const loadingMessage = Message.info({
@ -89,7 +99,7 @@ export const eventMap = {
iconClass: "el-icon-loading", iconClass: "el-icon-loading",
}); });
const data = await getDeviceList(config.deviceType) const data = await getDeviceList(config.deviceType, filterData)
.then(async (data) => { .then(async (data) => {
await delay(600); await delay(600);
return data; return data;
@ -111,6 +121,11 @@ export const eventMap = {
let removeData = data.map((item) => let removeData = data.map((item) =>
resolveDataOptions.call(this, item, options, config.dialog) resolveDataOptions.call(this, item, options, config.dialog)
); );
console.log(
"%c [ removeData ]-112-「buttonEvent.js」",
"font-size:15px; background:#83c806; color:#c7ff4a;",
removeData
);
markerClusterIns.addData(removeData); markerClusterIns.addData(removeData);

26
ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/httpList.js

@ -180,14 +180,24 @@ export function getDeviceList(deviceType, options) {
return reject(); return reject();
} }
request({ const data = {
url: "/business/device/query", deviceType,
method: "get", ...options,
params: { };
deviceType,
...options, request(
}, Object.keys(options || {}).length
}) ? {
url: "/business/device/pileNumberQuery",
method: "POST",
data,
}
: {
url: "/business/device/query",
method: "GET",
params: data,
}
)
.then(({ code, data }) => { .then(({ code, data }) => {
if (code != 200) { if (code != 200) {
reject(); reject();

Loading…
Cancel
Save